:root{--ink:#172323;--muted:#66706e;--blue:#355fd8;--paper:#f6f7f2;--line:#dde1d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1px}.brand img{border-radius:10px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.header nav a:hover{color:var(--blue)}.nav-download{font-size:14px;font-weight:700;display:flex;gap:25px;border-bottom:1px solid var(--ink);padding-block:9px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:12px}.hero{min-height:770px;display:grid;grid-template-columns:1.04fr 1fr;gap:24px;align-items:center;padding-bottom:50px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:28px}.live-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.08;margin:0}h1{font-size:clamp(55px,5.8vw,82px)}.blue-word{color:var(--blue);position:relative}.blue-word:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:9px;border-top:2px solid #355fd85c;border-radius:50%;transform:rotate(-2deg)}.intro{font-size:18px;line-height:1.8;color:var(--muted);margin:30px 0}.store-button{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:white;padding:14px 20px;border-radius:13px;min-width:195px;transition:transform .2s,background .2s}.store-button:hover{transform:translateY(-3px);background:var(--blue)}.store-button svg{width:26px;height:30px}.store-button small{display:block;font-size:10px;letter-spacing:.3px}.store-button strong{font-size:23px;font-weight:600}.button-arrow{margin-left:22px;font-size:24px}.quiet{font-size:12px;color:var(--muted);margin-top:17px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:54px}.note-line{height:38px;width:2px;background:#b5bcae}.hero-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.hero-note strong{font-weight:500;color:var(--ink)}.hero-art{height:690px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#dfe8ff 0%,#e9eef3 43%,transparent 70%)}.orbit{position:absolute;width:490px;height:490px;border:1px solid #355fd81f;border-radius:50%}.orbit-two{width:390px;height:390px}.phone{border:6px solid #19232b;outline:1px solid #7b8285;border-radius:43px;overflow:hidden;background:#e0e6ee;box-shadow:0 35px 65px -28px #16274b66;position:relative}.hero-phone{width:279px;transform:rotate(6deg);animation:arrive .9s ease both}.phone img{width:100%;height:auto}.art-caption{position:absolute;left:0;top:44px;font-size:10px;letter-spacing:2px;color:#6c7787;transform:rotate(-6deg)}.art-index{position:absolute;right:4px;bottom:21px;font-size:10px;letter-spacing:1.5px;color:#6c7787}.floating-note{position:absolute;bottom:102px;left:-8px;display:flex;align-items:center;gap:12px;background:#fffef9;padding:17px 23px;border-radius:12px;box-shadow:0 10px 40px #13284e13;transform:rotate(-4deg)}.floating-note strong{font-size:14px;display:block}.floating-note div>span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.check{background:#e9eddf;color:#526640;width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.principles{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:20px}.principles p{margin:0;font-size:14px}.principles p:nth-child(2){text-align:center}.principles p:nth-child(3){text-align:right}.principles span{font-size:10px;color:#98a09a;margin-right:14px}.section{padding-block:110px}h2{font-size:54px}h3{font-size:39px}.section-heading{position:relative;margin-bottom:58px}.section-heading .eyebrow{margin-top:0}.section-heading>p:last-child{position:absolute;right:0;bottom:0;font-size:16px;line-height:1.7;color:var(--muted);max-width:360px}.feature-stage{background:#e7ecf3;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:600px}.feature-text{padding:66px 56px;align-self:center}.number{font-size:12px;font-family:Manrope,sans-serif;display:inline-block;margin-bottom:32px;opacity:.55}.feature-text p{font-size:16px;line-height:1.8;color:var(--muted);max-width:325px}.feature-text .feature-footnote{font-size:12px;margin-top:22px}.steps{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:11px;font-weight:600}.steps b{color:#8c96a6;font-weight:400}.receipt-art{position:relative;background:linear-gradient(140deg,#dbe3f6,#d2dbf3);display:flex;justify-content:center;padding-top:60px;overflow:hidden}.receipt-phone{width:280px;transform:rotate(7deg) translateY(68px);margin-bottom:-148px}.receipt-label{position:absolute;z-index:1;top:45px;left:30px;transform:rotate(-7deg)}.receipt-label span{font-size:9px;letter-spacing:1.8px;display:block;color:#647395}.receipt-label strong{display:block;font-family:Manrope,sans-serif;font-size:21px;margin-top:8px;letter-spacing:-.7px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.detail-card{padding:45px 45px 0;border-radius:26px;overflow:hidden;height:650px}.report-card{background:#ebeee5}.payments-card{background:#ede9e2}.detail-card .number{margin-bottom:24px}.detail-card h3{font-size:34px}.detail-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:30px}.screen-window{width:88%;margin:0 auto;border:5px solid #fbfcf9;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 20px 60px #29324515;overflow:hidden}.screen-window img{margin-top:-100px}.payments-card .screen-window img{margin-top:-89px}.personal{background:#eceee7;border-block:1px solid #e4e7df}.personal-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.personal-layout>div>p:not(.eyebrow):not(.theme-label){color:var(--muted);font-size:16px;line-height:1.8;max-width:370px}.theme-choices{display:flex;gap:13px;margin-top:34px}.swatch{width:34px;height:34px;border-radius:50%;border:4px solid #eceee7;outline:1px solid transparent;background:var(--swatch);cursor:pointer;transition:transform .2s}.swatch:hover{transform:translateY(-3px)}.swatch.active{outline-color:var(--swatch)}.theme-label{font-size:13px;font-weight:600}.theme-label span{font-size:11px;color:var(--muted);font-weight:400}.theme-preview{--preview-bg:#e0e6ee;--preview-card:#355fd8;--preview-text:#1b2128;background:var(--preview-bg);color:var(--preview-text);border:1px solid #ffffff80;transform:rotate(-3deg);padding:34px;border-radius:24px;box-shadow:0 25px 50px #21363b10;transition:background .3s,color .3s}.preview-top{display:flex;justify-content:space-between;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;margin-bottom:26px}.preview-top>span:last-child{font-size:17px;opacity:.65}.preview-summary{padding:28px;color:white;background:var(--preview-card);border-radius:19px;transition:background .3s}.preview-summary>span{font-size:13px;opacity:.8}.preview-summary>strong{display:block;font-family:Manrope,sans-serif;font-size:58px;letter-spacing:-3px;margin:9px 0 27px}.preview-summary>strong>span{font-size:43px;margin-left:3px}.preview-limit{display:flex;justify-content:space-between;font-size:11px}.limit-track{height:6px;background:#ffffff30;border-radius:5px;margin-top:12px}.limit-track>span{display:block;background:white;width:75%;height:100%;border-radius:5px}.preview-row{display:flex;gap:14px;align-items:center;padding:23px 6px}.preview-symbol{font-size:24px}.preview-row strong{display:block;font-size:14px}.preview-row small{display:block;font-size:12px;margin-top:6px;opacity:.65}.preview-caption{display:block;font-size:8px;letter-spacing:2px;opacity:.55;text-align:center}.theme-preview[data-preview-theme=orman]{--preview-bg:#e0ebe4;--preview-card:#2a765d;--preview-text:#17382c}.theme-preview[data-preview-theme=kum]{--preview-bg:#f4eadd;--preview-card:#ad7738;--preview-text:#493a2c}.theme-preview[data-preview-theme=pembe]{--preview-bg:#f2e6eb;--preview-card:#b4748b;--preview-text:#49333e}.theme-preview[data-preview-theme=bordo]{--preview-bg:#f0e3e5;--preview-card:#a7324e;--preview-text:#43232a}.theme-preview[data-preview-theme=koyu]{--preview-bg:#182131;--preview-card:#233458;--preview-text:#edf1fc}.privacy{text-align:center;max-width:920px}.privacy-symbol{width:65px;margin:0 auto 26px}.privacy-symbol svg{fill:none;stroke:#647b69;stroke-width:1.4}.privacy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0}.text-link{font-size:13px;border-bottom:1px solid #bec7bc;padding-bottom:7px}.text-link span{margin-left:20px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:80px}.faq h2{font-size:43px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 23px}.closing{background:#244dc0;color:#fff;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:23px;background-image:radial-gradient(ellipse at 0 100%,#567af0,transparent 70%)}.closing .eyebrow{font-size:9px;opacity:.7}.closing h2{font-size:48px}.closing p:last-child{font-size:14px;opacity:.8}.light-button{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:700;white-space:nowrap;background:#f8f9f3;color:#213233;padding:19px 24px;border-radius:10px;transition:transform .2s}.light-button:hover{transform:translateY(-3px)}footer{display:flex;align-items:center;gap:30px;min-height:145px;font-size:11px;color:var(--muted)}footer .brand{font-size:19px;color:var(--ink)}footer p{flex:1}footer>a:not(.brand){font-size:12px}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(6deg)}}
@media(min-width:1500px){.hero{min-height:820px}.hero-art{height:740px}.hero-phone{width:303px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px;font-size:12px}.hero{min-height:690px}.hero-art{height:610px}.hero-phone{width:246px}.orbit{width:380px;height:380px}.orbit-two{width:300px;height:300px}.floating-note{left:0;bottom:75px;padding:14px}.art-caption{font-size:8px;top:25px}.feature-text{padding:40px 32px}.detail-card{padding:35px 30px 0;height:580px}.personal-layout{gap:50px}.theme-preview{padding:25px}.faq{gap:35px}.closing{padding:40px}h2{font-size:45px}h3{font-size:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:84px}.brand{font-size:23px}.brand img{width:33px;height:33px}.header nav{display:none}.nav-download{font-size:12px;gap:10px}.hero{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:30px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.1px;margin-bottom:24px}h1{font-size:clamp(47px,9.3vw,68px)}.intro{font-size:15px;margin:25px 0}.quiet{font-size:11px}.hero-note{display:none}.hero-art{height:615px;margin-top:20px}.hero-phone{width:250px}.floating-note{left:calc(50% - 175px);bottom:77px}.art-caption{top:22px;left:6px}.art-index{bottom:4px;right:10px;font-size:8px}.orbit{width:min(390px,100%);height:390px}.orbit-two{width:295px;height:295px}.principles{gap:8px;padding:20px 0}.principles p{font-size:10px;text-align:center!important}.principles span{display:block;margin:0 0 7px;font-size:9px}.section{padding-block:70px}h2{font-size:42px}.section-heading{margin-bottom:32px}.section-heading>p:last-child{position:static;font-size:14px;margin-top:25px}.feature-stage{grid-template-columns:1fr}.feature-text{padding:35px 30px}.number{margin-bottom:22px}.feature-text h3{font-size:37px}.feature-text p{font-size:14px;max-width:none}.steps{font-size:10px;margin-top:25px;gap:10px}.receipt-art{height:455px;padding-top:40px}.receipt-phone{width:252px;transform:rotate(5deg) translateY(34px)}.receipt-label{top:28px;left:22px}.receipt-label strong{font-size:18px}.duo{grid-template-columns:1fr;gap:20px;margin-top:20px}.detail-card{height:600px;padding:32px 30px 0}.detail-card h3{font-size:36px}.screen-window{max-width:320px}.personal-layout{grid-template-columns:1fr;gap:35px}.personal-layout>div>p:not(.eyebrow):not(.theme-label){font-size:14px}.theme-preview{max-width:410px;width:calc(100% - 14px);margin:auto;transform:rotate(-2deg)}.preview-summary>strong{font-size:52px}.privacy>p:not(.eyebrow){font-size:14px}.privacy br{display:none}.faq{grid-template-columns:1fr;gap:20px;padding-top:50px}.faq h2{font-size:39px}.faq-list summary{font-size:14px}.closing{padding:35px 28px;display:block}.closing h2{font-size:41px}.closing .eyebrow{font-size:8px}.light-button{margin-top:26px;display:inline-flex;white-space:normal;font-size:12px;padding:17px 20px}footer{padding:35px 0;min-height:0;flex-wrap:wrap;gap:20px}footer .brand{width:calc(50% - 10px)}footer p{display:none}footer>a:not(.brand){margin-left:auto}footer>span{width:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.duo .detail-card{height:auto;padding:clamp(30px,4vw,45px)}
.duo .detail-card p{margin:22px 0 0}
.feature-phone{width:min(270px,100%);margin:36px auto 0}
.feature-phone .phone{border-width:5px;border-radius:36px;box-shadow:0 18px 36px -18px #16274b50}
.feature-phone img{width:100%;height:auto;margin:0;transform:none}
.feature-phone figcaption{margin-top:20px;text-align:center;font-size:11px;color:var(--muted);line-height:1.6}
.brand img{border-radius:30%;clip-path:inset(0 round 30%)}
@media(max-width:760px){.feature-phone{width:min(280px,100%);margin-top:28px}}