:root { color-scheme: dark; --bg:#06111f; --bg-deep:#030a13; --surface:#0d1b2e; --ink:#f7f8fb; --muted:#9eacc0; --line:rgba(180,206,240,.14); --blue:#5a98f4; --blue-bright:#7bb1ff; --max:1220px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg-deep); color:var(--ink); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.58; }
img { display:block; max-width:100%; }
a { color:inherit; }
.skip-link { position:fixed; z-index:1000; left:1rem; top:-5rem; padding:.75rem 1rem; border-radius:.6rem; background:white; color:black; }
.skip-link:focus { top:1rem; }
.site-header { position:relative; z-index:20; width:min(calc(100% - 2rem),var(--max)); min-height:86px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; border-bottom:1px solid var(--line); }
.brand img,.footer-brand img { width:158px; height:auto; }
nav { display:flex; align-items:center; gap:2rem; }
nav a,footer a { color:var(--muted); text-decoration:none; font-size:.87rem; }
nav a:hover,footer a:hover { color:white; }
nav a.active { color:white; }
.development-pill { padding:.52rem .85rem; border:1px solid rgba(123,177,255,.34); border-radius:999px; color:var(--blue-bright); background:rgba(90,152,244,.08); font-size:.74rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
main>section { width:min(calc(100% - 2rem),var(--max)); margin-inline:auto; }
.hero { position:relative; min-height:820px; padding:6rem 0 7rem; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:4rem; overflow:hidden; }
.app-identity { display:flex; align-items:center; gap:.9rem; margin-bottom:3rem; }
.app-identity img { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 12px 22px rgba(106,162,244,.3)); }
.app-identity strong,.app-identity span { display:block; }
.app-identity strong { letter-spacing:.12em; font-size:.88rem; }
.app-identity span { margin-top:.18rem; color:var(--muted); font-size:.78rem; }
.eyebrow { margin:0 0 1rem; color:var(--blue-bright); font-size:.7rem; font-weight:800; letter-spacing:.2em; }
h1,h2,h3,p { margin-top:0; }
h1 { margin:0 0 1.6rem; font:400 clamp(4.2rem,7vw,7rem)/.91 Georgia,"Times New Roman",serif; letter-spacing:-.052em; }
h1 em { color:var(--blue-bright); font-weight:400; }
.hero-text,.lead { color:#c8d2df; font-size:1.13rem; }
.hero-text { max-width:700px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:0 1.25rem; border-radius:999px; text-decoration:none; font-size:.88rem; font-weight:750; }
.button-primary { color:#06111f; background:linear-gradient(135deg,#8ec1ff,#4d8ff0); box-shadow:0 12px 35px rgba(67,135,231,.25); }
.button-quiet { border:1px solid var(--line); background:rgba(255,255,255,.025); }
.hero-facts { display:flex; flex-wrap:wrap; gap:.7rem 1.5rem; margin-top:2rem; color:var(--muted); font-size:.77rem; }
.hero-facts span::before { content:"✓"; margin-right:.45rem; color:var(--blue-bright); }
.hero-stage { position:relative; min-height:700px; display:grid; place-items:center; }
.glow { position:absolute; border-radius:50%; }
.glow-one { width:610px; height:610px; background:radial-gradient(circle,rgba(62,117,207,.34),transparent 66%); }
.glow-two { width:420px; height:600px; border:1px solid rgba(123,177,255,.16); transform:rotate(24deg); }
.device { position:relative; overflow:hidden; background:#020813; border:8px solid #17243a; border-radius:46px; box-shadow:0 35px 100px rgba(0,0,0,.57),inset 0 0 0 1px rgba(255,255,255,.12); }
.device::after { content:""; pointer-events:none; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.device img { width:100%; height:100%; object-fit:cover; }
.device-hero { z-index:2; width:345px; aspect-ratio:1206/2622; transform:rotate(3.4deg); }
.floating-note { position:absolute; z-index:3; width:230px; padding:1rem 1.1rem; border:1px solid var(--line); border-radius:17px; background:rgba(11,26,46,.91); backdrop-filter:blur(16px); box-shadow:0 16px 40px rgba(0,0,0,.35); }
.floating-note b,.floating-note span { display:block; }
.floating-note b { font-size:.83rem; }
.floating-note span { margin-top:.25rem; color:var(--muted); font-size:.72rem; }
.note-one { left:-3rem; top:29%; }
.note-two { right:-2rem; bottom:15%; }
.promise-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.icon-ribbon { display:grid; grid-template-columns:repeat(6,1fr); gap:.7rem; padding:1rem 0 4rem; }
.icon-ribbon div { display:flex; align-items:center; gap:.65rem; min-width:0; padding:.7rem .8rem; border:1px solid var(--line); border-radius:14px; color:#c8d2df; background:rgba(255,255,255,.018); font-size:.72rem; font-weight:700; }
.icon-ribbon img { width:34px; height:34px; flex:0 0 auto; object-fit:contain; filter:drop-shadow(0 7px 9px rgba(0,0,0,.4)); }
.promise-strip div { min-height:145px; padding:2rem; background:#071320; }
.promise-strip b,.promise-strip span { display:block; }
.promise-strip b { font:400 1.45rem Georgia,serif; }
.promise-strip span { margin-top:.55rem; color:var(--muted); font-size:.88rem; }
.coach-story,.health,.progress,.roadmap { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,7rem); align-items:center; padding:8rem 0; }
.section-copy h2,.section-heading h2,.progress-copy h2,.privacy h2,.roadmap h2 { margin-bottom:1.5rem; font:400 clamp(2.8rem,5vw,4.8rem)/1 Georgia,serif; letter-spacing:-.038em; }
.section-copy>p:not(.eyebrow),.section-heading>p:not(.eyebrow),.progress-copy>p:not(.eyebrow),.roadmap p { color:var(--muted); }
.detail-list { margin-top:2.5rem; border-top:1px solid var(--line); }
.detail-list article { display:grid; grid-template-columns:42px 1fr; gap:1rem; padding:1.4rem 0; border-bottom:1px solid var(--line); }
.detail-list article>span { color:var(--blue-bright); font:italic 1rem Georgia,serif; }
.detail-list h3 { margin:0 0 .3rem; font-size:1rem; }
.detail-list p { margin:0; color:var(--muted); font-size:.9rem; }
.conversation-demo { padding:2.2rem; border:1px solid var(--line); border-radius:30px; background:radial-gradient(circle at 50% 0,rgba(72,132,219,.18),transparent 42%),var(--surface); }
.coach-symbol { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 2rem; border-radius:50%; color:#07111f; background:linear-gradient(145deg,#d9e8fb,#6ea9fa); font-size:2rem; box-shadow:0 0 50px rgba(90,152,244,.3); }
.bubble { width:89%; margin-bottom:.8rem; padding:1rem 1.1rem; border-radius:20px; font-size:.9rem; }
.bubble.user { margin-left:auto; color:#05101e; background:var(--blue); border-bottom-right-radius:4px; }
.bubble.coach { color:#dce5f0; background:#22344b; border-bottom-left-radius:4px; }
.conversation-demo small { display:block; margin-top:1.5rem; color:#77879c; font-size:.7rem; }
.experience { padding:8rem 0; border-top:1px solid var(--line); }
.section-heading.centered { max-width:850px; margin:0 auto 5rem; text-align:center; }
.section-heading.centered>p:last-child { max-width:650px; margin-inline:auto; }
.screen-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; align-items:start; }
.screen-card { margin:0; padding:1rem; border:1px solid var(--line); border-radius:26px; background:linear-gradient(160deg,#0d1d32,#07101d); }
.screen-card .device { width:100%; border-width:5px; border-radius:30px; aspect-ratio:1206/2622; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.today-sample,.progress-sample { position:absolute; z-index:3; left:4.6%; right:4.6%; color:#f6f8fc; border:1px solid rgba(124,176,245,.36); background:linear-gradient(145deg,rgba(29,65,112,.97),rgba(16,31,51,.98)); box-shadow:0 14px 30px rgba(0,0,0,.36); }
.today-sample { top:31.3%; padding:8% 6%; border-radius:8%/12%; }
.today-sample small,.progress-sample small { display:block; margin-bottom:5%; color:#8fbcff; font-size:clamp(.34rem,.55vw,.55rem); font-weight:800; letter-spacing:.16em; }
.today-sample>b { display:block; font-size:clamp(.7rem,1.4vw,1.25rem); }
.today-sample i { color:#afbbcb; font-size:.64em; font-style:normal; font-weight:600; }
.sample-bar { height:5px; margin:8% 0; overflow:hidden; border-radius:999px; background:#2d405d; }
.sample-bar span { display:block; width:71%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6ea8ff,#91c5ff); }
.today-sample p { display:flex; justify-content:space-between; gap:3%; margin:0; color:#aab8ca; font-size:clamp(.34rem,.55vw,.55rem); }
.today-sample p span,.today-sample p b { display:block; }
.today-sample p b { margin-top:8%; color:white; }
.progress-sample { top:34%; display:grid; grid-template-columns:1fr 1fr; gap:5%; padding:7% 5%; border-radius:8%/10%; }
.progress-sample small { grid-column:1/-1; margin-bottom:0; }
.progress-sample div { padding:8%; border-radius:13%; background:rgba(255,255,255,.045); }
.progress-sample b,.progress-sample span { display:block; }
.progress-sample b { font-size:clamp(.64rem,1.2vw,1.05rem); }
.progress-sample span { color:#aeb9c9; font-size:clamp(.32rem,.52vw,.52rem); }
.tools-title { position:absolute; z-index:3; left:4.4%; top:6.1%; padding-right:42%; color:#f6f8fc; background:#07111f; font-size:clamp(1.15rem,2.5vw,2.35rem); font-weight:750; line-height:1.2; }
.tools-tab { position:absolute; z-index:3; left:40%; bottom:1.1%; width:20%; padding-top:4%; color:#6fa8ff; background:#3a4960; text-align:center; font-size:clamp(.35rem,.62vw,.62rem); font-weight:700; }
.screen-card figcaption { min-height:105px; padding:1.15rem .25rem .3rem; }
.screen-card figcaption b,.screen-card figcaption span { display:block; }
.screen-card figcaption b { font:400 1.4rem Georgia,serif; }
.screen-card figcaption span { margin-top:.35rem; color:var(--muted); font-size:.8rem; }
.card-coach,.card-log { transform:translateY(34px); }
.health { border-top:1px solid var(--line); }
.health-visual { position:relative; min-height:600px; display:grid; place-items:center; }
.health-rings { position:relative; display:grid; place-items:center; width:300px; height:300px; border-radius:50%; background:#091625; box-shadow:0 0 100px rgba(74,140,235,.18); }
.health-rings i { position:absolute; border-radius:50%; border:18px solid transparent; transform:rotate(-35deg); }
.health-rings i:nth-child(1) { inset:24px; border-top-color:#ff5c64; border-right-color:#ff5c64; }
.health-rings i:nth-child(2) { inset:61px; border-top-color:#76d7f5; border-right-color:#76d7f5; }
.health-rings i:nth-child(3) { inset:98px; border-top-color:#8bea9b; border-right-color:#8bea9b; }
.health-rings span { color:#ff6b72; font-size:2.2rem; }
.health-card { position:absolute; width:220px; padding:1rem; border:1px solid var(--line); border-radius:17px; background:rgba(12,29,51,.93); box-shadow:0 18px 45px rgba(0,0,0,.32); }
.health-card span,.health-card b,.health-card small { display:block; }
.health-card span { color:var(--blue-bright); font-size:.65rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.health-card b { margin-top:.25rem; font-size:.92rem; }
.health-card small { margin-top:.25rem; color:var(--muted); font-size:.69rem; }
.health-card.activity { left:0; top:18%; }
.health-card.recovery { right:0; top:44%; }
.health-card.nutrition { left:7%; bottom:8%; }
.check-list { padding:0; margin:2rem 0 0; list-style:none; }
.check-list li { position:relative; padding:.8rem 0 .8rem 1.8rem; border-bottom:1px solid var(--line); color:#c4cfdd; font-size:.9rem; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--blue-bright); }
.logging { padding:8rem 0; border-top:1px solid var(--line); }
.logging .section-heading { max-width:900px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:4rem; border:1px solid var(--line); background:var(--line); }
.capability-grid article { min-height:270px; padding:2rem; background:#071320; }
.cap-icon { display:grid; place-items:center; width:66px; height:66px; margin-bottom:2rem; border:1px solid rgba(123,177,255,.2); border-radius:17px; background:radial-gradient(circle,rgba(90,152,244,.12),transparent 70%); }
.cap-icon img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 9px 10px rgba(0,0,0,.38)); }
.capability-grid h3 { margin-bottom:.55rem; font:400 1.45rem Georgia,serif; }
.capability-grid p { color:var(--muted); font-size:.88rem; }
.tool-detail-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:1rem; }
.tool-detail-row>div { display:flex; align-items:center; gap:.9rem; min-height:118px; padding:1rem; border:1px solid var(--line); border-radius:18px; background:#071320; }
.tool-detail-row img { width:54px; height:54px; flex:0 0 auto; object-fit:contain; }
.tool-detail-row p { margin:0; }
.tool-detail-row b,.tool-detail-row span { display:block; }
.tool-detail-row b { font-size:.82rem; }
.tool-detail-row span { margin-top:.22rem; color:var(--muted); font-size:.68rem; line-height:1.45; }
.progress { overflow:hidden; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin-top:2.2rem; }
.metric-row div { padding:1rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.02); }
.metric-row b,.metric-row span { display:block; }
.metric-row b { font-size:.82rem; }
.metric-row span { margin-top:.3rem; color:var(--muted); font-size:.7rem; }
.progress-device { justify-self:center; width:345px; aspect-ratio:1206/2622; transform:rotate(-3deg); }
.privacy { display:grid; grid-template-columns:100px 1fr 1.15fr; gap:3rem; align-items:start; padding:5rem; border:1px solid var(--line); border-radius:30px; background:radial-gradient(circle at 0 0,rgba(90,152,244,.18),transparent 42%),var(--surface); }
.privacy-mark { display:grid; place-items:center; width:82px; height:82px; border-radius:24px; background:linear-gradient(145deg,#ecf4ff,#719fdd); color:#0a1626; font:italic 700 2.8rem Georgia,serif; }
.privacy h2 { font-size:clamp(2.2rem,4vw,3.7rem); }
.privacy-points p { padding-bottom:1rem; border-bottom:1px solid var(--line); }
.privacy-points b,.privacy-points span { display:block; }
.privacy-points b { font-size:.9rem; }
.privacy-points span { margin-top:.3rem; color:var(--muted); font-size:.82rem; }
.roadmap { margin-top:7rem; padding:6rem clamp(2rem,6vw,6rem); border:1px solid var(--line); border-radius:30px; background:linear-gradient(140deg,#10233c,#07111f); }
footer { width:min(calc(100% - 2rem),var(--max)); margin:5rem auto 0; padding:2.4rem 0 3.5rem; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:2rem; color:var(--muted); font-size:.77rem; }
footer p { margin:0; }
footer .footer-copy { display:grid; gap:.55rem; }
footer .affiliate-disclosure { color:#dce8f8; font-weight:700; }
footer .footer-links { display:flex; gap:1rem; }
.roadmap .button { margin-top:1rem; }
.gear-hero { min-height:760px; padding:6.5rem 0 5rem; display:grid; grid-template-columns:1.05fr .75fr; gap:clamp(3rem,8vw,8rem); align-items:center; }
.gear-hero h1 { font-size:clamp(3.9rem,6.5vw,6.5rem); }
.gear-disclosure { padding:2.1rem; border:1px solid rgba(123,177,255,.25); border-radius:28px; background:radial-gradient(circle at 0 0,rgba(90,152,244,.2),transparent 48%),var(--surface); box-shadow:0 24px 70px rgba(0,0,0,.3); }
.gear-disclosure h2 { margin-bottom:1rem; font:400 2.1rem/1.05 Georgia,serif; }
.gear-disclosure p { color:var(--muted); font-size:.88rem; }
.gear-disclosure .affiliate-disclosure { margin:1.4rem 0 0; padding-top:1.3rem; border-top:1px solid var(--line); color:#e4eefb; font-weight:750; }
.disclosure-mark { display:grid; place-items:center; width:52px; height:52px; margin-bottom:1.6rem; border-radius:16px; color:#07111f; background:linear-gradient(145deg,#d9e8fb,#6ea9fa); font-size:1.5rem; }
.gear-principles { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:var(--line); }
.gear-principles>div { display:grid; grid-template-columns:35px 1fr; gap:1rem; min-height:155px; padding:1.7rem; background:#071320; }
.gear-principles>div>span { color:var(--blue-bright); font:italic 1rem Georgia,serif; }
.gear-principles p { margin:0; color:var(--muted); font-size:.82rem; }
.gear-principles b { display:block; margin-bottom:.4rem; color:var(--ink); font:400 1.25rem Georgia,serif; }
.gear-section { padding:8rem 0; border-bottom:1px solid var(--line); }
.gear-section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,8vw,7rem); align-items:end; margin-bottom:3.2rem; }
.gear-section-heading h2,.gear-note h2 { margin:0; font:400 clamp(2.7rem,5vw,4.7rem)/1 Georgia,serif; letter-spacing:-.038em; }
.gear-section-heading>p,.gear-note>div:last-child p { margin:0; color:var(--muted); }
.gear-grid { display:grid; gap:1rem; }
.gear-grid-three { grid-template-columns:repeat(3,1fr); }
.gear-grid-two { grid-template-columns:repeat(2,1fr); }
.gear-card { position:relative; min-height:425px; padding:2rem; overflow:hidden; border:1px solid var(--line); border-radius:26px; background:linear-gradient(155deg,#0e1e32,#07111f); }
.gear-card::before { content:""; position:absolute; width:230px; height:230px; right:-90px; top:-95px; border-radius:50%; background:radial-gradient(circle,rgba(100,159,244,.2),transparent 70%); }
.gear-card-icon { display:grid; place-items:center; width:74px; height:74px; margin-bottom:3.5rem; border:1px solid rgba(123,177,255,.28); border-radius:23px; color:#a8cdff; background:rgba(90,152,244,.1); font:400 2rem Georgia,serif; }
.gear-type { margin-bottom:.65rem; color:var(--blue-bright); font-size:.66rem; font-weight:800; letter-spacing:.17em; }
.gear-card h3 { margin-bottom:.8rem; font:400 2rem Georgia,serif; }
.gear-card>p:not(.gear-type) { max-width:36rem; margin-bottom:2rem; color:var(--muted); font-size:.88rem; }
.gear-link { position:absolute; left:2rem; right:2rem; bottom:2rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:58px; padding:.8rem 1rem; border:1px solid rgba(123,177,255,.24); border-radius:15px; background:rgba(255,255,255,.035); text-decoration:none; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.gear-link:hover { border-color:rgba(123,177,255,.6); background:rgba(90,152,244,.1); transform:translateY(-2px); }
.gear-link span { font-size:.82rem; font-weight:750; }
.gear-link small { flex:0 0 auto; color:var(--blue-bright); font-size:.64rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.tone-apple .gear-card-icon { color:#e9edf4; }
.tone-samsung .gear-card-icon { color:#82acff; }
.tone-oura .gear-card-icon { color:#e8cc9e; border-color:rgba(232,204,158,.3); background:rgba(232,204,158,.08); }
.tone-scale .gear-card-icon { color:#8ed5ff; }
.tone-shoe .gear-card-icon { color:#8be7ba; border-color:rgba(139,231,186,.27); background:rgba(139,231,186,.07); }
.gear-note { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,7rem); margin-top:7rem; padding:5rem; border:1px solid var(--line); border-radius:30px; background:linear-gradient(140deg,#10233c,#07111f); }
.gear-simple-hero { max-width:900px; padding:6.5rem 0 4.5rem; text-align:left; }
.gear-simple-hero .app-identity { margin-bottom:3.8rem; }
.gear-simple-hero h1 { max-width:850px; margin-bottom:1.5rem; font-size:clamp(4rem,7vw,6.8rem); }
.gear-simple-hero>p:not(.eyebrow):not(.simple-disclosure) { max-width:760px; color:#c8d2df; font-size:1.13rem; }
.simple-disclosure { display:inline-block; margin:1.5rem 0 0; padding:.8rem 1rem; border:1px solid rgba(123,177,255,.24); border-radius:12px; color:#dce8f8; background:rgba(90,152,244,.07); font-size:.76rem; font-weight:700; }
.product-list { display:grid; gap:.8rem; }
.product-row { display:grid; grid-template-columns:88px 1fr auto; gap:1.6rem; align-items:center; min-height:180px; padding:1.6rem 1.8rem; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,#0d1d31,#07111f); }
.product-symbol { display:grid; place-items:center; width:76px; height:76px; border:1px solid rgba(123,177,255,.28); border-radius:23px; color:#9fc7ff; background:rgba(90,152,244,.09); font:400 2.2rem Georgia,serif; }
.ring-symbol { color:#e8cc9e; border-color:rgba(232,204,158,.28); background:rgba(232,204,158,.07); }
.scale-symbol { color:#8ed5ff; }
.product-copy .gear-type { margin-bottom:.3rem; }
.product-copy h2 { margin:0 0 .35rem; font:400 1.8rem Georgia,serif; }
.product-copy>p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:.84rem; }
.product-button { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-width:225px; min-height:56px; padding:.8rem 1rem; border-radius:14px; color:#07111f; background:linear-gradient(135deg,#8ec1ff,#4d8ff0); text-decoration:none; font-size:.82rem; font-weight:800; box-shadow:0 12px 30px rgba(67,135,231,.18); }
.product-button:hover { filter:brightness(1.08); }
.product-button small { font-size:.59rem; letter-spacing:.04em; text-transform:uppercase; }
.compatibility-note { max-width:900px; padding:2rem 0 7rem; }
.compatibility-note p { margin:0; color:var(--muted); font-size:.76rem; }
.compatibility-note b { color:#dce8f8; }
@media (max-width:960px) { nav{display:none}.hero,.coach-story,.health,.progress,.roadmap,.gear-hero,.gear-note{grid-template-columns:1fr}.hero{padding-top:4rem}.hero-stage{min-height:690px}.note-one{left:4%}.note-two{right:4%}.icon-ribbon{grid-template-columns:repeat(3,1fr)}.screen-gallery{grid-template-columns:repeat(2,1fr)}.card-coach,.card-log{transform:none}.capability-grid{grid-template-columns:repeat(2,1fr)}.tool-detail-row{grid-template-columns:repeat(2,1fr)}.privacy{grid-template-columns:80px 1fr}.privacy-points{grid-column:2}.gear-hero{padding-top:4rem}.gear-principles{grid-template-columns:1fr}.gear-section-heading{grid-template-columns:1fr}.gear-grid-three{grid-template-columns:1fr}.gear-card{min-height:380px}.product-row{grid-template-columns:76px 1fr}.product-button{grid-column:2;justify-self:start} }
@media (max-width:620px) { .site-header{min-height:72px}.brand img{width:132px}.development-pill{display:none}h1{font-size:3.9rem}.hero{min-height:auto;padding-bottom:4rem}.hero-stage{min-height:650px}.device-hero,.progress-device{width:285px}.floating-note{width:190px}.note-one{left:0;top:31%}.note-two{right:0;bottom:10%}.icon-ribbon{grid-template-columns:repeat(2,1fr)}.promise-strip,.screen-gallery,.capability-grid,.metric-row,.tool-detail-row,.gear-grid-two{grid-template-columns:1fr}.screen-card{max-width:390px;margin-inline:auto}.coach-story,.experience,.health,.logging,.progress,.gear-section{padding-block:5.5rem}.health-visual{min-height:510px;transform:scale(.87);margin-inline:-1rem}.privacy{grid-template-columns:1fr;padding:2rem}.privacy-points{grid-column:auto}.roadmap{margin-top:5rem;padding:3rem 1.5rem}.gear-hero{min-height:auto;padding-bottom:4rem}.gear-hero h1{font-size:3.6rem}.gear-disclosure{padding:1.5rem}.gear-card{min-height:410px;padding:1.5rem}.gear-link{left:1.5rem;right:1.5rem;bottom:1.5rem}.gear-note{margin-top:5rem;padding:3rem 1.5rem}.gear-simple-hero{padding:4.5rem 0 3rem}.gear-simple-hero .app-identity{margin-bottom:2.8rem}.gear-simple-hero h1{font-size:3.5rem}.product-row{grid-template-columns:1fr;padding:1.4rem}.product-symbol{width:64px;height:64px}.product-button{grid-column:1;width:100%;min-width:0}.compatibility-note{padding-bottom:4rem}footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }