@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18253c;background:#fafbfd;font-synthesis:none;font-weight:400;--blue:#3263df;--muted:#6b7282;--line:#e5e8ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #3263df;outline-offset:6px}svg{width:24px;height:24px;flex-shrink:0}img{display:block;max-width:100%}.wrap{max-width:1180px;width:calc(100% - 96px);margin-inline:auto}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.65px;white-space:nowrap}.brand img{border-radius:10px}.brand-dot{color:var(--blue)}nav{display:flex;gap:34px;font-size:13px;font-weight:550;color:#566075}nav a:hover,.site-footer>a:last-child:hover{color:var(--blue)}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#172438;color:#fff;border:1px solid #172438;padding:10px 20px;border-radius:12px;min-height:58px;transition:transform .2s,background .2s}.store-button:hover{background:#2b3c58;transform:translateY(-2px)}.store-button svg{width:25px;height:30px}.store-button span{display:flex;flex-direction:column;text-align:left}.store-button small{font-size:10px;line-height:1.2}.store-button strong{font-size:21px;font-weight:550;line-height:1.2;letter-spacing:-.4px}.store-button.compact{min-height:42px;padding:8px 16px;border-radius:9px;gap:8px}.compact svg{width:18px;height:21px}.compact small{display:none}.compact strong{font-size:12px}.compact .store-arrow{font-size:18px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;align-items:center;padding-block:30px 66px;gap:25px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.hero-label,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--blue);line-height:1.8}.hero-label{display:flex;align-items:center;gap:9px;letter-spacing:1.4px;margin-bottom:24px}.hero-label>span{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #e9eefb}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,4.9vw,67px);line-height:1.12;letter-spacing:-3.3px;font-weight:800;margin:0 0 26px}h1>span{color:var(--blue)}.hero-description{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:26px}.discover-link{font-size:13px;font-weight:600}.discover-link span{display:inline-block;margin-left:9px;font-size:20px;color:var(--blue)}.device-note{font-size:11px;color:#838b98;margin:15px 0 0}.hero-art{position:relative;height:590px;display:flex;align-items:center;justify-content:center}.hero-orb{position:absolute;width:485px;height:485px;border-radius:50%;background:#eaf0ff;left:50%;top:50%;transform:translate(-50%,-46%)}.hero-orbit{position:absolute;width:550px;height:550px;border:1px solid #e2e8f5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-46%)}.phone{position:relative;width:240px;background:#10131b;padding:7px;border-radius:38px;box-shadow:0 24px 45px #1c315427,0 2px 3px #0004;border:2px solid #626975;overflow:hidden;flex-shrink:0}.phone img{border-radius:29px;width:100%;height:auto;aspect-ratio:1206/2622}.dynamic-island{position:absolute;top:13px;left:50%;transform:translate(-50%);background:#08090b;width:72px;height:20px;border-radius:20px}.hero-phone{transform:rotate(7deg);position:relative;z-index:1}.hero-phone .phone{width:250px}.floating-note{position:absolute;z-index:2;background:#fff;border:1px solid #e8ebf2;border-radius:15px;display:flex;align-items:center;box-shadow:0 12px 35px #2d456515}.lesson-note{top:112px;left:-28px;padding:15px;gap:12px;transform:rotate(-5deg)}.floating-note div{display:flex;flex-direction:column;gap:5px}.floating-note small{font-size:7px;letter-spacing:1px;font-weight:650;color:#8690a0}.floating-note strong{font-size:11px;font-weight:650}.floating-note div>span{font-size:10px;color:#7c8594}.note-icon{width:37px;height:40px;display:grid;place-items:center;border-radius:10px}.note-icon svg{width:20px}.blue{background:#eaf0ff;color:#4970c7}.done-note{right:0;bottom:97px;padding:17px 18px;gap:12px;transform:rotate(4deg)}.check-circle{width:30px;height:30px;background:#e6f4ec;color:#589f80;border-radius:50%;display:grid;place-items:center}.check-circle svg{width:18px}.sparkle{color:#e3b35d;font-size:26px;margin-left:14px}.art-caption{position:absolute;bottom:2px;font-size:10px;letter-spacing:.3px;color:#8993a6}.benefit-strip{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.benefit-strip>span{font-size:12px;color:#778092;line-height:1.8}.benefit-strip strong{font-weight:600;color:#25344d}.benefit-strip p{display:flex;align-items:center;gap:12px;color:#5d687c;font-weight:500}.benefit-strip svg{color:#7b90b7;width:20px}.section-space{padding-block:100px}.section-intro{text-align:center}.eyebrow{margin:0 0 16px}h2{font-size:39px;line-height:1.25;letter-spacing:-1.6px;font-weight:750;margin:0 0 20px}.section-intro>p:last-child{font-size:14px;line-height:1.9;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:58px}.feature-icon{height:46px;width:46px;border-radius:14px;display:grid;place-items:center}.peach{background:#fcf0e8;color:#ba815e}.mint{background:#e8f4ee;color:#4f967f}.lilac{background:#efeafd;color:#9072bf}.feature h3{font-size:15px;letter-spacing:-.35px;margin:22px 0 12px}.feature p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.showcase{background:#eef2fb;overflow:hidden;padding-block:70px}.showcase-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.showcase-copy{max-width:440px}.showcase h2{font-size:42px}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.view-tabs button{background:transparent;border:1px solid #d8deec;color:#69768e;border-radius:8px;padding:10px 13px;font-size:11px;cursor:pointer;transition:background .2s}.view-tabs button[aria-selected=true]{background:#fff;border-color:#fff;color:var(--blue);box-shadow:0 4px 12px #233e7610;font-weight:650}.showcase h3{font-size:20px;line-height:1.5;letter-spacing:-.6px;max-width:330px}.showcase [role=tabpanel]{min-height:185px}.showcase [role=tabpanel] p{font-size:14px;line-height:1.9;color:#6d7890}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:600;color:var(--blue);margin-top:20px}.text-link svg{width:17px}.showcase-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:590px}.showcase-visual .phone{width:245px;transform:rotate(-4deg)}.orbit{position:absolute;width:420px;height:420px;border:1px solid #dce3f1;border-radius:50%}.demo-caption{position:absolute;bottom:0;text-align:center;font-size:10px;color:#8390a5}.story-section{text-align:center;position:relative;padding-block:110px 85px}.story-section h2{font-size:36px}.story-section>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.95}.story-section strong{color:#354866;font-weight:600}.story-mark{display:block;font-size:48px;color:#6683c1;transform:rotate(20deg);margin-top:18px;font-family:serif}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;border-top:1px solid var(--line);padding-block:65px 90px}.faq-section h2{font-size:31px}.faq-section>div>p:last-child{font-size:14px;color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;padding:22px 0;font-size:13px;font-weight:600;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{color:#8090a9;font-size:21px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 20px 22px 0}.download-section{background:#172d53;color:#fff;border-radius:24px;overflow:hidden;position:relative;isolation:isolate;text-align:center}.download-inner{padding:65px 20px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.download-inner>img{border-radius:20px;margin-bottom:27px;box-shadow:0 10px 30px #08172e55}.download-inner .eyebrow{color:#acbfe4;font-size:9px}.download-inner h2{font-size:40px}.download-inner>p:not(.eyebrow){font-size:14px;color:#b6c4db;margin:0 0 26px}.download-inner .store-button{background:#fff;color:#172438;border-color:#fff}.download-inner .store-button:hover{background:#edf2fc}.download-device{font-size:10px;color:#a2b4d1;margin-top:15px}.download-ring{position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid #ffffff0c;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 110px #ffffff03,0 0 0 220px #ffffff03;z-index:0}.site-footer{padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:14px}.site-footer p,.site-footer>a:last-child{font-size:10px;color:#808999}.skip-link{position:fixed;left:16px;top:-70px;background:#fff;padding:14px;z-index:20;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:16px}@media(min-width:1500px){.hero{min-height:750px}.hero-art{height:640px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:18px}.hero{gap:0}.hero-art{transform:scale(.88);transform-origin:center}.hero-orb{width:430px;height:430px}.hero-orbit{width:490px;height:490px}.lesson-note{left:-28px}.done-note{right:-25px}.hero h1{font-size:55px}.feature-grid{gap:24px}.showcase-layout{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:84px;gap:12px}.brand{font-size:16px}.brand img{width:32px;height:32px}nav{display:none}.store-button.compact{padding:8px 11px}.compact .store-arrow{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:35px;padding-bottom:30px;overflow:hidden;width:100%}.hero-copy{padding-inline:20px}.hero-label{justify-content:center;font-size:9px}.hero h1{font-size:56px;letter-spacing:-2.8px}.hero-description{font-size:15px}.hero-actions{justify-content:center;gap:24px}.hero-art{width:100%;max-width:490px;margin:-10px auto -26px;height:555px;transform:scale(.9)}.lesson-note{left:8px;top:100px;padding:12px}.done-note{right:8px;bottom:65px}.hero-orb{width:390px;height:390px}.hero-orbit{width:450px;height:450px}.art-caption{bottom:-2px}.benefit-strip{flex-wrap:wrap;gap:16px;padding-block:25px;justify-content:center}.benefit-strip>span{width:100%;text-align:center}.benefit-strip>span br{display:none}.benefit-strip strong{margin-left:4px}.benefit-strip p{font-size:10px;gap:5px;margin:0}.benefit-strip svg{width:16px}.section-space{padding-block:65px}h2{font-size:31px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px;margin-top:38px}.feature h3{font-size:14px;line-height:1.5;margin-top:17px}.feature p{font-size:12px}.showcase-layout{grid-template-columns:1fr;gap:15px}.showcase-copy{max-width:none}.showcase h2{font-size:36px}.view-tabs{gap:7px;margin:25px 0}.view-tabs button{padding:10px;font-size:10px}.showcase [role=tabpanel]{min-height:155px}.showcase h3{max-width:100%;font-size:19px}.showcase-visual{min-height:570px;margin-top:10px}.story-section h2{font-size:29px}.story-section>p:not(.eyebrow){font-size:14px}.faq-section{grid-template-columns:1fr;gap:10px}.download-section{border-radius:20px}.download-inner{padding-block:48px}.download-inner h2{font-size:32px}.site-footer{flex-wrap:wrap;gap:18px;padding-block:28px}.site-footer .brand{font-size:13px}.site-footer p{order:3;width:100%;margin:0}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
