:root{--night:#0b1a14;--forest:#0c4128;--green:#35e05a;--mint:#4fe3c2;--paper:#f2f7f3;--muted:#496457;--line:#cbd8ce;--terra:#e8825e;--leaf:#53b567}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--night);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Sora,sans-serif;font-weight:700;line-height:1.12;letter-spacing:-.05em}h2{font-size:clamp(32px,3.4vw,49px)}h3{letter-spacing:-.025em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1f8a2a;outline-offset:6px;border-radius:6px}::selection{background:var(--green);color:#06231a}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-120px;padding:12px 20px;background:var(--night);color:white;z-index:20}.skip-link:focus{top:12px}.section-wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}
/* The light surface and green arc use Calmize's application palette. */
.hero-panel{position:relative;isolation:isolate;margin:24px;border-radius:36px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,var(--paper) 15%,#f2f7f300 70%),linear-gradient(125deg,#6fe39a88,#4fe3c255)}.navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;padding:24px 34px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;min-height:44px;width:144px}.brand img{width:100%}.nav-links{display:flex;gap:8px}.nav-links a{padding:10px 19px;border-radius:50px;background:white;font-size:13px;box-shadow:0 2px 8px #0b1a1405;transition:transform .2s,box-shadow .2s}.nav-links a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0b1a1410}
.hero-copy{position:relative;z-index:3;text-align:center;padding:29px 24px 0}h1{font-size:clamp(48px,6.4vw,90px);line-height:1.075;letter-spacing:-.065em;margin:0 auto 23px;max-width:1100px}.line-mask{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.headline-line{display:block;transform-origin:center bottom}.hero-description{font-size:16px;line-height:1.7;max-width:580px;margin:0 auto 23px}.product-stage{position:relative;height:620px;width:100%;max-width:1260px;margin:46px auto 0;isolation:isolate}.hero-arch{position:absolute;z-index:-2;width:1120px;height:900px;border-radius:50% 50% 0 0;top:112px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at 45% 0%,#6fe39a 0,#53b567 50%,#0c4128 100%);box-shadow:inset 0 1px 0 #f2f7f355}.hero-light{position:absolute;z-index:-1;width:900px;height:550px;top:50px;left:calc(50% - 450px);background:radial-gradient(ellipse,#4fe3c244,transparent 67%);pointer-events:none}.stage-ring{position:absolute;width:1200px;height:960px;left:50%;top:94px;transform:translateX(-50%);border:1px solid #f2f7f370;border-radius:50%;z-index:-1}.device{position:relative;width:300px;flex:none;filter:drop-shadow(10px 25px 16px #0b1a1433)}.mockup{width:100%;height:auto}.hero-device{position:absolute;transform-origin:center center}.hero-device .device{width:100%}.hero-device-main{left:calc(50% - 267px);top:3px;width:282px;z-index:2;rotate:-8deg}.hero-device-back{left:calc(50% + 12px);top:29px;width:271px;z-index:1;rotate:9deg}.hero-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 32px 22px}.platform-dock{margin-left:auto;display:flex;align-items:center;gap:18px;border-radius:40px;background:#f2f7f3e6;padding:5px 12px}.platform-dock a{width:38px;min-height:38px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.platform-dock a:hover{transform:translateY(-2px)}.platform-dock img{max-height:26px;width:auto}.motion-control{border:1px solid #f2f7f370;background:#f2f7f3dd;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;color:var(--night)}.motion-control:hover{background:white}
/* Each feature uses a complete Adobe Stock device with current Flutter UI. */
.daily,.coach,.sos-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:110px}.section-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.section-copy h2{margin:22px 0 25px}.section-copy>p:not(.eyebrow){color:var(--muted);max-width:475px;line-height:1.8;margin-top:16px}.text-link{font-size:14px;display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #9fbaaf;padding:15px 0 8px;margin-top:14px;min-height:44px}.text-link:hover{color:#1f8a2a;border-color:currentColor}.text-link span{font-size:19px}.feature-art{position:relative;min-width:0;min-height:650px;display:flex;align-items:center;justify-content:center;isolation:isolate}.feature-device{width:300px}.daily-visual .feature-device{rotate:7deg}.feature-orbit{position:absolute;z-index:-1;width:480px;height:480px;max-width:110%;border-radius:50%;background:radial-gradient(circle at 45% 35%,#6fe39a55,#4fe3c222 70%);border:1px solid #53b5671c}.feature-orbit:after{content:'';position:absolute;inset:25px;border-radius:50%;border:1px solid #f2f7f3aa}.pro-logo{display:inline-block;width:128px;height:auto;vertical-align:middle}.pro-inline{width:122px;vertical-align:-2px;margin:0 3px}.match-panel{margin:0 24px;border-radius:36px;background:var(--night);color:var(--paper);overflow:hidden}.match-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:80px}.match-panel .eyebrow{color:#9fbaaf}.match-panel .section-copy>p:not(.eyebrow){color:#c6d9cf}.match-art .feature-device{rotate:-6deg}.match-halo{position:absolute;z-index:-1;width:540px;height:540px;max-width:115%;background:radial-gradient(circle,#35e05a26,transparent 69%);border:1px solid #53b56740;border-radius:50%}.match-halo:after{content:'';position:absolute;inset:35px;border:1px solid #53b56730;border-radius:50%}.match-steps{list-style:none;padding:0;margin:30px 0 0}.match-steps li{display:flex;gap:19px;position:relative;padding-bottom:26px}.match-steps li:last-child{padding-bottom:0}.match-steps li:not(:last-child):before{content:'';position:absolute;left:4px;top:15px;bottom:0;width:1px;background:#53b56740}.step-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:6px}.match-steps h3{font-size:15px;letter-spacing:-.02em;margin:0 0 7px}.match-steps p{font-size:14px;color:#9fbaaf;max-width:360px;line-height:1.7}.coach-visual .feature-device{rotate:5deg}.coach-visual .feature-orbit{background:radial-gradient(circle at 40% 35%,#4fe3c244,#6fe39a15 70%)}.sos-panel{position:relative;padding:70px 60px;gap:70px;background:#e7eee7;border-radius:36px;overflow:hidden}.sos-panel>.section-copy{grid-column:2;grid-row:1}.sos-panel>.feature-art{grid-column:1;grid-row:1}.sos-panel h2{font-size:clamp(32px,3vw,43px)}.sos-visual .feature-device{rotate:-5deg;width:275px}.sos-visual{min-height:595px}.sos-visual .feature-orbit{background:radial-gradient(circle,#e8825e26,transparent 75%);border-color:#e8825e22}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-block:120px}.faq-heading h2{margin-top:17px}.faq-heading>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:25px}.faq a{text-decoration:underline;text-underline-offset:4px}.faq a:hover{color:#1f8a2a}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;padding:23px 0;cursor:pointer;font-size:15px;line-height:1.6;min-height:66px}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;line-height:1;flex-shrink:0;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}summary:hover{color:#1f8a2a}.answer{font-size:14px;line-height:1.8;color:var(--muted);padding:0 24px 25px 0}
.final-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 24px;border-radius:36px;background:radial-gradient(ellipse at 50% 0,#f2f7f3aa,transparent 70%),linear-gradient(120deg,#6fe39a99,#4fe3c277);text-align:center;padding:72px 24px 85px}.final-panel:after{content:'';position:absolute;z-index:-1;width:1100px;height:700px;top:55%;left:50%;transform:translateX(-50%);border:1px solid #f2f7f380;border-radius:50%;box-shadow:0 0 0 42px #f2f7f325,0 0 0 84px #f2f7f318}.final-logo{width:150px;margin:0 auto 28px}.final-panel h2{font-size:clamp(42px,5vw,68px)}.final-panel>p{font-size:15px;margin:24px 0 30px}.store-options{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.store-link{display:inline-block;border-radius:9px;transition:transform .2s,box-shadow .2s;vertical-align:top}.store-link img{width:177px;height:56px}.store-link:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0b1a1418}.play-coming{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid #0b1a141f;border-radius:9px;min-height:56px;padding:6px 16px;text-align:left;font-size:14px;line-height:1.3}.play-coming strong{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.footer{padding-block:45px 30px}.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:24px}.footer-top .brand{width:128px}.back-top{margin-left:auto;font-size:13px;display:inline-flex;align-items:center;gap:16px;min-height:44px}.footer-bottom{display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0 12px;font-size:12px;color:var(--muted)}.footer-bottom nav{display:flex;flex-wrap:wrap;column-gap:22px}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.legal-note{font-size:11px;color:var(--muted);max-width:850px}
@media(min-width:1600px){.hero-panel,.match-panel,.final-panel{max-width:1600px;margin-inline:auto}.hero-panel{margin-top:32px}.hero-copy{padding-top:42px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 80px)}.navigation{padding-inline:26px;gap:14px}.nav-links a{padding-inline:14px}.brand{width:128px}.daily,.coach{gap:55px;padding-block:85px}.match-inner{gap:65px}.feature-art{min-height:590px}.feature-device{width:270px}.feature-orbit{width:420px;height:420px}.match-halo{width:440px;height:440px}.sos-panel{gap:45px;padding:50px 35px}.sos-visual .feature-device{width:250px}.sos-visual{min-height:550px}.faq{gap:55px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:800px){.hero-panel{margin:14px;border-radius:28px}.navigation{grid-template-columns:1fr auto;padding:20px 22px;gap:14px}.nav-links{grid-column:1/-1;grid-row:2;justify-content:center}.nav-links a{font-size:12px;min-height:44px;padding:11px 18px}.hero-copy{padding-top:26px}h1{font-size:clamp(48px,8vw,65px)}.hero-description{font-size:15px;max-width:470px}.product-stage{height:590px;margin-top:40px}.hero-device-main{width:260px;left:calc(50% - 228px);rotate:-6deg}.hero-device-back{width:240px;left:calc(50% + 3px);top:44px;rotate:8deg}.hero-arch{width:920px;top:100px}.stage-ring{width:980px;top:80px}.hero-bottom{padding-inline:23px}.section-wrap{width:calc(100% - 64px)}.daily,.coach{gap:32px}.section-copy h2{font-size:34px}.section-copy>p:not(.eyebrow){font-size:14px}.feature-device{width:240px}.feature-art{min-height:530px}.feature-orbit{width:330px;height:330px}.match-panel,.final-panel{margin-inline:14px;border-radius:28px}.match-inner{width:calc(100% - 60px);gap:35px;padding-block:65px}.match-halo{width:330px;height:330px}.match-steps p{font-size:13px}.eyebrow{font-size:11px;gap:10px}.pro-logo{width:118px}.sos-panel{padding:35px;gap:32px}.sos-visual .feature-device{width:225px}.sos-visual{min-height:490px}.sos-panel h2{font-size:30px}.faq{gap:35px;padding-block:90px}.footer-bottom nav{gap:0 18px}}
@media(max-width:600px){.hero-panel{margin:8px;border-radius:24px}.navigation{padding:17px 16px 5px;gap:14px}.navigation .brand{width:118px}.nav-links{gap:6px}.nav-links a{padding:10px 13px;font-size:11px}.hero-copy{padding:34px 15px 0}h1{font-size:clamp(34px,9.7vw,55px);letter-spacing:-.06em;line-height:1.1;margin-bottom:20px}.hero-description{font-size:14px;max-width:335px;margin-bottom:22px}.product-stage{height:535px;margin-top:39px}.hero-device-main{left:calc(50% - 169px);width:227px;top:17px;rotate:-7deg}.hero-device-back{left:calc(50% - 16px);width:207px;top:38px;rotate:8deg}.hero-arch{width:670px;height:650px;top:90px}.stage-ring{width:720px;height:700px;top:72px}.hero-light{width:600px;left:calc(50% - 300px)}.hero-bottom{min-height:58px;padding:0 18px 18px}.platform-dock{gap:10px}.platform-dock a{width:34px}.platform-dock img{max-height:24px}.section-wrap{width:calc(100% - 44px)}.daily,.coach{grid-template-columns:1fr;gap:32px;padding-block:70px}.section-copy h2{font-size:35px;margin-top:20px}.section-copy>p:not(.eyebrow){font-size:15px;max-width:100%}.eyebrow{font-size:11px;letter-spacing:.07em}.feature-art{min-height:605px}.feature-device{width:280px}.feature-orbit{width:380px;height:380px;max-width:105%}.daily-visual .feature-device{rotate:5deg}.match-panel,.final-panel{margin-inline:8px;border-radius:24px}.match-inner{grid-template-columns:1fr;width:calc(100% - 44px);padding-block:55px;gap:45px}.match-inner>.section-copy{grid-row:1}.match-halo{width:390px;height:390px;max-width:115%}.match-art .feature-device{rotate:-4deg}.match-steps p{font-size:14px;max-width:100%}.coach{padding-block:70px}.sos-panel{grid-template-columns:1fr;padding:35px 25px 20px;gap:30px;border-radius:28px}.sos-panel>.section-copy{grid-column:1;grid-row:1}.sos-panel>.feature-art{grid-column:1;grid-row:2}.sos-panel h2{font-size:31px}.sos-visual .feature-device{width:255px;rotate:-4deg}.sos-visual{min-height:570px}.faq{grid-template-columns:1fr;gap:30px;padding-block:75px}.faq-heading>p{margin-top:16px}.faq-heading h2{font-size:36px}summary{font-size:14px;padding:21px 0}.answer{font-size:14px}.final-panel{padding:55px 20px 60px}.final-panel h2{font-size:45px}.final-logo{width:130px}.final-panel>p{font-size:14px;max-width:260px;margin-inline:auto}.store-options{gap:12px}.store-link img{width:166px;height:auto}.play-coming{min-height:53px;padding:5px 12px}.footer{padding-block:30px 25px}.footer-top{gap:12px;flex-wrap:wrap;padding-bottom:20px}.footer-top .brand{width:112px}.back-top{font-size:12px}.footer-bottom nav{gap:0 16px}.legal-note{font-size:11px;margin-top:10px;line-height:1.8}}
@media(max-width:360px){.hero-copy{padding-inline:12px}.hero-description{font-size:13px}.product-stage{height:490px}.hero-device-main{width:208px;left:calc(50% - 145px)}.hero-device-back{width:185px;left:calc(50% - 23px);top:40px}.section-wrap{width:calc(100% - 36px)}.section-copy h2{font-size:30px}.feature-device{width:250px}.feature-art{min-height:550px}.sos-panel{padding-inline:20px}.sos-panel h2{font-size:27px}.sos-visual .feature-device{width:230px}.sos-visual{min-height:515px}.nav-links a{font-size:10px;padding-inline:11px}.match-inner{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep both supplied devices inside the mobile hero. */
@media(max-width:600px){.hero-device-main{left:calc(50% - 142px);width:210px;rotate:-6deg}.hero-device-back{left:calc(50% - 25px);width:185px;rotate:7deg;top:41px}.product-stage{height:490px}}
@media(max-width:360px){.hero-device-main{left:calc(50% - 119px);width:185px}.hero-device-back{left:calc(50% - 25px);width:162px;top:40px}.product-stage{height:445px}}
.eyebrow{font-size:14px;letter-spacing:0;text-transform:none;gap:14px}.pro-logo{width:142px}.pro-inline{width:122px}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}

/* Separate platform choices in both download placements. */
.nav-store-options{justify-self:end;flex-wrap:nowrap;gap:10px}
.nav-store-options .store-link{display:flex;align-items:center;min-height:44px}
.nav-store-options .store-link img{width:145px;height:auto}
.nav-store-options .play-coming{min-height:46px;padding:5px 12px;gap:9px;font-size:13px}
.nav-store-options .play-coming img{width:21px;height:21px}
.nav-store-options .play-coming strong{font-size:10px}
.hero-store-options{gap:16px}
@media(max-width:800px){.nav-store-options{grid-column:2;grid-row:1}}
@media(max-width:600px){.nav-store-options{flex-direction:column;gap:7px;align-items:stretch;width:132px}.nav-store-options .store-link img{width:132px}.nav-store-options .play-coming{min-height:44px;padding:5px 9px;gap:8px;font-size:12px}.nav-store-options .play-coming strong{font-size:10px}.nav-store-options .play-coming img{width:20px;height:20px}.hero-store-options{gap:12px}.hero-store-options .store-link img{width:150px}.hero-store-options .play-coming{min-height:48px}}
@media(max-width:360px){.hero-store-options{gap:9px}.hero-store-options .store-link img{width:132px}.hero-store-options .play-coming{min-height:44px;padding:5px 9px;gap:7px;font-size:12px}.hero-store-options .play-coming img{width:20px;height:20px}.hero-store-options .play-coming strong{font-size:10px}}

/* One download group in the hook. The Android announcement has the exact
   footprint of the unmodified Apple artwork, including on small screens. */
.navigation{grid-template-columns:1fr auto 1fr}.navigation .brand{grid-column:1}.navigation .nav-links{grid-column:2;grid-row:1}
.store-options{--store-width:177px;--store-height:55.9615px;gap:20px;align-items:flex-start}
.store-options .store-link,.store-options .play-coming{width:var(--store-width);height:var(--store-height);min-height:0;flex:none}
.store-options .store-link{display:block;line-height:0}
.store-options .store-link img{width:100%;height:100%;object-fit:contain}
.store-options .store-link:hover{transform:none;box-shadow:none}
.store-options .play-coming{justify-content:center;padding:6px 12px;gap:11px;border-radius:9px;background:#fff;border:1px solid #0b1a14;font-size:14px;line-height:1.3}
.store-options .play-coming img{width:25px;height:25px;flex:none}
.store-options .play-coming strong{font-size:11px;white-space:nowrap;color:var(--muted)}
@media(max-width:800px){.navigation{grid-template-columns:1fr auto}.navigation .nav-links{grid-column:2;grid-row:1}.nav-links a{padding-inline:13px}}
@media(max-width:600px){.navigation{grid-template-columns:1fr;justify-items:center;padding-bottom:5px}.navigation .brand{grid-column:1;grid-row:1}.navigation .nav-links{grid-column:1;grid-row:2}.store-options{--store-width:150px;--store-height:47.425px;gap:16px}.store-options .play-coming{padding:5px 8px;gap:8px;font-size:13px}.store-options .play-coming img{width:22px;height:22px}.store-options .play-coming strong{font-size:10px}}
@media(max-width:360px){.store-options{--store-width:132px;--store-height:41.734px;gap:12px}.store-options .play-coming{padding:4px 5px;gap:6px;font-size:12px}.store-options .play-coming img{width:19px;height:19px}.store-options .play-coming strong{font-size:9px}}
