@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}
:root{color-scheme:light dark;
--bg:#F3F4F6;--surface:#FFFFFF;--raised:#EEF0F3;--text:#0B0C10;--muted:#5F6470;--line:#E1E3E8;--track:#E5E7EB;
--cal-fill:#C27400;--accent:#9A5C00;--act-fill:#0A86B8;--act-text:#076F9B;--sleep-fill:#7C5CDB;
--btn:#FFB020;--on-btn:#1A1200;--focus:#9A5C00;--sel:rgba(194,116,0,.22);
--num:"Barlow Condensed",-apple-system,BlinkMacSystemFont,"Arial Narrow",sans-serif;--tile:var(--surface)}
@media (prefers-color-scheme:dark){:root{--bg:#07080B;--surface:#14161B;--raised:#1C1F26;--text:#F4F5F7;--muted:#8A8F9A;--line:#262932;--track:#2A2D35;
--cal-fill:#FFB020;--accent:#FFB020;--act-fill:#38D0FF;--act-text:#38D0FF;--sleep-fill:#A78BFA;--focus:#FFB020;--sel:rgba(255,176,32,.3)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
::selection{background:var(--sel);color:var(--text)}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;overflow-wrap:break-word}
a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--btn);color:var(--on-btn);padding:8px 12px;border-radius:8px;z-index:9}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 20px}
header{padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
header a.brand{padding:8px 0;color:var(--text);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
header a.brand img{width:28px;height:28px;border-radius:7px;display:block}
nav a{display:inline-block;padding:12px 4px;margin-left:12px;color:var(--muted);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
nav a:hover,nav a[aria-current]{color:var(--accent)}
main{padding-top:36px;padding-bottom:48px}
h1,h2,h3{font-family:var(--num);font-stretch:condensed;text-wrap:balance}
h1{font-size:2.3rem;line-height:1.15;margin:0 0 .4em;font-weight:700}
h2{font-size:1.5rem;line-height:1.2;margin:2em 0 .5em;font-weight:700}h3{font-size:1.15rem;line-height:1.25;margin:1.4em 0 .3em;font-weight:600}
p,li{text-wrap:pretty}.muted{color:var(--muted);font-size:.95rem}
ul{padding-left:1.2em}
.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted);line-height:1.3}
.num{font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.btn{display:inline-block;background:var(--btn);color:var(--on-btn);font-weight:600;text-decoration:none;padding:12px 22px;border-radius:999px}
.btn:hover{filter:brightness(1.05)}
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 16px;margin:10px 0}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:8px;height:8px;margin:0 4px -2px 0;border:solid currentColor;border-width:0 2px 2px 0;color:var(--muted);transform:translateY(-3px) rotate(45deg)}
summary:hover{color:var(--accent)}summary:hover::after{color:var(--accent)}
details[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
details>summary+*{margin-top:0}details>:last-child{margin-bottom:16px}
footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:40px;color:var(--muted);font-size:.9rem}
@media (max-width:520px){nav a{margin-left:4px}}
@media (forced-colors:active){.rail-f,.rail-n{background:Highlight}.rail-t{border:1px solid CanvasText}}
@media (prefers-reduced-motion:no-preference){a{transition:color .15s}summary::after{transition:transform .2s cubic-bezier(.22,1,.36,1)}}


/* ---------- Home: landing page (Departure, Persuade) ---------- */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mark{width:28px;height:28px;display:block}.mark rect:nth-child(1){fill:#07080B}.mark rect:nth-child(2){fill:#2A2D35}.mark rect:nth-child(3){fill:#FFB020}
@media (prefers-color-scheme:dark){.mark rect:nth-child(1){fill:#1C1F26}}
.board .mark rect:nth-child(1){fill:#1C1F26}
.home main{max-width:none;padding:0}
.wrap{max-width:72rem;margin:0 auto;padding:0 20px}.wrap.narrow{max-width:46rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
[id]{scroll-margin-top:16px}

/* The board: Departure dark, in both appearances */
.board{--bg:#07080B;--surface:#14161B;--raised:#1C1F26;--text:#F4F5F7;--muted:#8F94A0;--line:#262932;--track:#2A2D35;
 --cal-fill:#FFB020;--accent:#FFB020;--act-fill:#38D0FF;--act-text:#38D0FF;--sleep-fill:#A78BFA;--focus:#FFB020;--sel:rgba(255,176,32,.3);--tile:#14161B;
 background:var(--bg);color:var(--text);color-scheme:dark}

/* Header and nav */
.home header.site{max-width:none;padding:0;display:block}
.site-in{max-width:72rem;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.home header a.brand{font-size:1.08rem;letter-spacing:-.01em}
.nav-main{display:flex;align-items:center}
.nav-main a{margin-left:clamp(10px,2vw,26px);padding:12px 2px;color:var(--muted);font-size:.78rem}
.nav-main a:hover{color:var(--text)}
.nav-main a[href="/support/"]{margin-left:clamp(14px,2.4vw,30px);padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.nav-main a[href="/support/"]:hover{border-color:var(--accent);color:var(--accent)}
.menu{display:none;position:static;margin:0;padding:0;background:none;border:0;border-radius:0}
.menu>summary{display:inline-flex;justify-content:flex-start;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.menu>summary::after{display:none}
.menu>summary:hover{color:var(--accent)}
.menu-ic{width:14px;height:10px;background:linear-gradient(currentColor 0 0) top/100% 2px no-repeat,linear-gradient(currentColor 0 0) center/100% 2px no-repeat,linear-gradient(currentColor 0 0) bottom/100% 2px no-repeat}
.menu[open]>summary{border-color:var(--accent)}
.menu>nav{position:absolute;right:20px;top:calc(100% - 6px);z-index:20;width:min(300px,calc(100vw - 40px));margin:0;padding:8px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -16px rgba(0,0,0,.6)}
.menu>nav a{margin:0;padding:12px 14px;min-height:44px;border-radius:10px;color:var(--text);font-size:.8rem}
.menu>nav a:hover{background:var(--raised);color:var(--accent)}
.menu>nav a:nth-child(7){margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;color:var(--muted)}
.menu>nav a:nth-child(8){color:var(--muted)}

/* Hero */
.hero{border-bottom:1px solid var(--line)}
.hero-in{max-width:72rem;margin:0 auto;padding:clamp(24px,3.4vw,44px) 20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);grid-template-areas:"copy stage" "board board";column-gap:clamp(32px,5vw,72px);align-items:center}
.hero-copy{grid-area:copy;padding-bottom:36px}
.hero h1{font-size:clamp(3.2rem,5.6vw,4.6rem);line-height:.92;letter-spacing:-.005em;margin:0 0 .32em;max-width:none;font-weight:700}
.hero .lead{font-size:clamp(1.05rem,1.4vw,1.15rem);color:var(--muted);max-width:36rem;margin:0 0 28px}
.hero .lead strong{color:var(--text);font-weight:600}
.cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cta-btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 26px;border-radius:999px;background:var(--btn);color:var(--on-btn);font-weight:600;font-size:1.05rem;text-decoration:none}
a.cta-btn:hover{filter:brightness(1.06)}
.cta-btn.is-soon{background:var(--surface);color:var(--text);border:1px solid var(--line);cursor:default}
.board .cta-btn.is-soon{border-color:color-mix(in srgb,var(--cal-fill) 45%,transparent)}
.cta-btn.is-soon::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cal-fill)}
.cta-sub{color:var(--muted);font-size:.95rem;line-height:1.45;max-width:30rem}

/* Stage: a faux Home Screen, cropped by a fade into the board */
.stage{grid-area:stage;position:relative;width:100%;max-width:380px;justify-self:center;aspect-ratio:380/520;overflow:hidden;align-self:end;
 -webkit-mask-image:linear-gradient(#000 58%,transparent 97%);mask-image:linear-gradient(#000 58%,transparent 97%)}
.phone{width:100%;padding:11px;border-radius:64px;background:#0b0b0c;box-shadow:inset 0 0 0 1.5px #3a3b40,inset 0 0 0 4px #121316}
.screen{position:relative;aspect-ratio:1320/2868;border-radius:53px;overflow:hidden;container-type:inline-size;--pt:calc(100cqi / 402);color:var(--text);
 background:radial-gradient(90% 45% at 85% 4%,rgba(255,176,32,.30),transparent 70%),radial-gradient(80% 40% at 0% 55%,rgba(56,208,255,.14),transparent 70%),linear-gradient(170deg,#121420,#08090D 70%);
 --wg:rgba(22,24,30,.9);--wg-line:rgba(255,255,255,.07)}
.statusbar{height:calc(56*var(--pt));display:flex;align-items:center;justify-content:space-between;padding:0 calc(34*var(--pt)) 0 calc(44*var(--pt));font:600 calc(17*var(--pt))/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.island{position:absolute;left:50%;top:calc(11*var(--pt));width:calc(124*var(--pt));height:calc(36*var(--pt));margin-left:calc(-62*var(--pt));border-radius:99px;background:#000}
.sb-icons{display:flex;gap:calc(6*var(--pt));align-items:center}
.sb-sig{width:calc(18*var(--pt));height:calc(11*var(--pt));background:linear-gradient(90deg,currentColor 0 18%,transparent 18% 27%,currentColor 27% 45%,transparent 45% 54%,currentColor 54% 72%,transparent 72% 81%,currentColor 81%);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
.sb-bat{width:calc(26*var(--pt));height:calc(12*var(--pt));border-radius:calc(4*var(--pt));border:calc(1.5*var(--pt)) solid currentColor;opacity:.9;background:linear-gradient(90deg,currentColor 70%,transparent 70%) content-box;padding:calc(1.5*var(--pt))}
.springboard{display:grid;grid-template-columns:repeat(2,calc(165*var(--pt)));gap:calc(22*var(--pt)) calc(20*var(--pt));padding:calc(16*var(--pt)) calc(26*var(--pt)) 0}
.springboard .wg-m{grid-column:1/-1}

/* The flap board: the signature readout */
.flapboard{grid-area:board;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 40px;padding:26px 0 clamp(36px,4.5vw,56px);border-top:1px solid var(--line)}
.fb-cell{display:flex;flex-direction:column;gap:12px}
.fb-main{display:grid;grid-template-columns:auto auto;grid-template-areas:"l l" "f u";align-items:end;column-gap:14px;row-gap:12px}
.fb-main .fb-l{grid-area:l}.fb-main .flaps{grid-area:f}.fb-main .fb-unit{grid-area:u}
.fb-l{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.2}
.fb-main .fb-l{color:var(--cal-fill)}
.flaps{display:inline-flex;align-items:flex-end;gap:3px;font-family:var(--num);font-weight:700;font-size:2rem;line-height:1}
.flaps i{position:relative;display:grid;place-items:center;width:.66em;height:1.16em;font-style:normal;font-variant-numeric:tabular-nums;color:var(--text);border-radius:.1em;
 background:linear-gradient(#1E2128 0 50%,#16181E 50% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 2px 0 rgba(0,0,0,.6)}
.flaps i::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .5px);height:1px;background:#050608}
.flaps b{align-self:flex-end;width:.22em;color:var(--muted);font-weight:700;line-height:1.05}
.flaps-xl{font-size:clamp(3.6rem,6.4vw,5.2rem);gap:5px}
.flaps-xl i{color:var(--cal-fill);border-radius:.07em}
.flaps i.is-flip{animation:pb-flip 70ms linear}
.fb-unit{font-family:var(--num);font-weight:700;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:.06em;text-transform:uppercase;color:var(--cal-fill);line-height:1;padding-bottom:.25em}
.fb-ok{display:inline-flex;align-items:center;gap:10px;font-family:var(--num);font-weight:700;font-size:2rem;line-height:1.16;letter-spacing:.04em;text-transform:uppercase;color:var(--cal-fill)}
.fb-ok::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
@keyframes pb-flip{0%{transform:scaleY(1)}45%{transform:scaleY(.08)}100%{transform:scaleY(1)}}

/* Bands */
.band{padding:clamp(72px,9vw,128px) 0;background:var(--bg)}
.alt{background:var(--surface);--tile:var(--bg)}
.home h2{font-size:clamp(2.3rem,4.8vw,3.75rem);line-height:.98;letter-spacing:-.005em;margin:0 0 .4em;max-width:18ch}
.home h3{font-size:1.25rem;margin:0 0 .4em}
.intro{max-width:40rem;color:var(--muted);font-size:1.12rem;margin:0 0 48px}
.num{font-family:var(--num)}

/* Product shots: one device frame, cropped by a fade, on a tile */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.shot{margin:0}
.shot .frame{aspect-ratio:5/6;padding-top:12%;border-radius:24px;background:var(--tile);overflow:hidden;container-type:inline-size}
.device{width:70%;margin:0 auto;padding:2.2cqi 2.2cqi 0;border-radius:12cqi 12cqi 0 0;background:#0b0b0c;box-shadow:inset 0 0 0 1.5px #3a3b40;
 -webkit-mask-image:linear-gradient(#000 50%,transparent 97%);mask-image:linear-gradient(#000 50%,transparent 97%)}
.device img{display:block;width:100%;height:auto;aspect-ratio:600/864;object-fit:cover;object-position:top;border-radius:9.8cqi 9.8cqi 0 0}
.shot figcaption{margin-top:18px;color:var(--muted);font-size:.98rem;line-height:1.5;max-width:30rem}
.shot figcaption strong{display:block;color:var(--text);font-family:var(--num);font-size:1.45rem;font-weight:700;line-height:1.1;margin-bottom:4px}
.shot-tall .frame{aspect-ratio:4/5}


/* Widgets (shared by the phone, StandBy and the range grid) */
/* Widgets (shared by the phone, StandBy and the range grid) */
.wg{--pad:calc(16*var(--pt));position:relative;display:flex;flex-direction:column;padding:var(--pad);border-radius:calc(24*var(--pt));background:var(--wg);box-shadow:inset 0 0 0 1px var(--wg-line);color:var(--text);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.2}
.wg-s{width:calc(165*var(--pt));height:calc(165*var(--pt))}
.wg-m{width:calc(350*var(--pt));height:calc(165*var(--pt))}
.wg .wl,.standby .wl{font-size:calc(11*var(--pt));font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:4px}
.wg .wl b{font-weight:600;color:var(--accent);letter-spacing:.02em;text-transform:none}
.wg .wn,.standby .wn{font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600;font-size:calc(32*var(--pt));line-height:1.05;margin-top:calc(6*var(--pt))}
.wg .wn small{font-size:calc(13*var(--pt));color:var(--muted);font-weight:500}
.wg .ws,.standby .ws{font-size:calc(12*var(--pt));color:var(--muted);margin-top:calc(4*var(--pt))}
.wg .wu{margin-top:auto;font-size:calc(11*var(--pt));color:var(--muted)}
.stages{display:flex;gap:calc(2*var(--pt));height:calc(6*var(--pt));margin-top:calc(10*var(--pt));border-radius:99px;overflow:hidden}
.stages.big{height:calc(9*var(--pt))}
.stages i,.legend i{display:block;background:var(--sleep-fill)}
.stages .d{flex:84}.stages .l{flex:220}.stages .r{flex:112}.stages .a{flex:28}
.stages .l,.legend .l{background:color-mix(in srgb,var(--sleep-fill) 55%,var(--track))}
.stages .r,.legend .r{background:color-mix(in srgb,var(--sleep-fill) 60%,#fff)}
.stages .a,.legend .a{background:var(--muted);opacity:.6}
.w-sleep .wn,.w-sleepm .wn{color:var(--sleep-fill)}
.ring{width:100%;height:auto;transform:rotate(-90deg);display:block}
.ring circle{fill:none;stroke-width:9}
.ring .tr{stroke:var(--track)}
.ring .fl{stroke:var(--act-fill);stroke-linecap:round;stroke-dasharray:64.2 100}
.w-ring{align-items:center;padding-top:calc(10*var(--pt))}
.ring-box{position:relative;display:block;width:76%}
.ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.w-ring .ring-c .ic{color:var(--act-fill);font-size:calc(14*var(--pt))}
.w-ring .wn{font-size:calc(21*var(--pt));margin-top:calc(1*var(--pt))}
.w-ring .ring circle{stroke-width:8}
.w-ring .ws{margin-top:0;font-size:calc(10*var(--pt))}
.w-ring .wu{margin-top:auto}
.w-cal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;column-gap:calc(18*var(--pt))}
.cal-l{display:flex;flex-direction:column}
.w-cal .wn,.w-calsm .wn{color:var(--cal-fill);font-size:calc(42*var(--pt));line-height:.95;margin-top:calc(6*var(--pt))}
.w-cal .ws{margin-top:calc(2*var(--pt))}
.cal-r{margin:0;display:flex;flex-direction:column;gap:calc(3*var(--pt));font-size:calc(12.5*var(--pt))}
.cal-r div{display:flex;justify-content:space-between}
.cal-r dt{color:var(--muted)}.cal-r dd{margin:0;font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600}
.cal-r .wu{justify-content:flex-end;margin-top:calc(2*var(--pt))}
.dayrail{grid-column:1/-1;align-self:end}
.rail-t{position:relative;display:block;height:calc(4*var(--pt));border-radius:99px;background:var(--track)}
.rail-f{position:absolute;left:0;top:0;bottom:0;width:31%;border-radius:99px;background:var(--cal-fill)}
.rail-n{position:absolute;left:31%;top:50%;width:calc(12*var(--pt));height:calc(12*var(--pt));margin:calc(-6*var(--pt)) 0 0 calc(-6*var(--pt));border-radius:50%;background:var(--cal-fill);box-shadow:0 0 0 calc(4*var(--pt)) color-mix(in srgb,var(--cal-fill) 30%,transparent)}
.rail-l{display:flex;justify-content:space-between;margin-top:calc(8*var(--pt));font-size:calc(10.5*var(--pt));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.w-calsm .rail-t{margin-top:auto}
.w-calsm .wu{margin-top:calc(10*var(--pt))}
.w-heart .wn{color:var(--cal-fill)}
.spark{width:100%;height:calc(40*var(--pt));margin-top:calc(8*var(--pt));overflow:visible}
.spark polyline{fill:none;stroke:var(--cal-fill);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.w-act .ab{display:flex;flex-direction:column;gap:calc(4*var(--pt));margin-top:calc(8*var(--pt));font-size:calc(13*var(--pt))}
.w-act .ab b{font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600}
.w-act .ab i{display:block;height:calc(5*var(--pt));border-radius:99px;background:linear-gradient(90deg,var(--act-fill) var(--w),var(--track) var(--w))}
.w-act .b1{--w:70%}.w-act .b2{--w:57%}.w-act .b3{--w:70%}
.w-streak .wn{color:var(--act-fill);font-size:calc(40*var(--pt))}
.dots{display:flex;gap:calc(6*var(--pt));margin-top:calc(12*var(--pt))}
.dots i{width:calc(11*var(--pt));height:calc(11*var(--pt));border-radius:50%;background:var(--act-fill)}.dots i.off{background:var(--track)}
.w-sleepm .wn{font-size:calc(34*var(--pt))}
.legend{display:flex;flex-wrap:wrap;gap:calc(4*var(--pt)) calc(10*var(--pt));margin-top:auto;font-size:calc(11.5*var(--pt));color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:calc(5*var(--pt))}
.legend i{width:calc(7*var(--pt));height:calc(7*var(--pt));border-radius:50%}
.legend b{color:var(--text);font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600}
.w-board{display:grid;grid-template-columns:1fr 1fr;gap:calc(10*var(--pt)) calc(18*var(--pt));align-content:start}
.bc{display:flex;flex-direction:column;gap:calc(3*var(--pt))}
.bc b{font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600;font-size:calc(20*var(--pt))}
.c-act{color:var(--act-fill)}.c-cal{color:var(--cal-fill)}.c-sleep{color:var(--sleep-fill)}
.w-board .wu{grid-column:1/-1}
.w-cardio .wn{color:var(--cal-fill)}.w-cardio .good{color:var(--accent);font-weight:600}
.levels{display:flex;gap:calc(4*var(--pt));margin-top:calc(10*var(--pt))}.levels i{flex:1;height:calc(6*var(--pt));border-radius:99px;background:color-mix(in srgb,var(--cal-fill) 35%,var(--track))}.levels i.on{background:var(--cal-fill)}
.w-bedside{--wg:#140404;--wg-line:#2a0b0b;color:#ff5a4e;--muted:#E0574B;--accent:#ff5a4e}
.w-bedside .wn{font-size:calc(40*var(--pt));color:#ff5a4e;margin:0 0 calc(6*var(--pt))}
.bs-row{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--num);font-stretch:condensed;font-weight:600;font-size:calc(14*var(--pt))}.bs-row span{display:inline-flex;align-items:center;gap:calc(5*var(--pt))}

/* StandBy tile */
.shot-standby .standby,.shot-standby{--pt:1px}
.shot-standby > .standby{aspect-ratio:5/6;border-radius:20px;background:var(--tile);display:grid}
.standby{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:0 9%;color:#F4F5F7;--muted:#8A8F9A;--track:#2A2D35;--cal-fill:#FFB020;--act-fill:#38D0FF}
.standby::before{content:"";position:absolute;left:5%;right:5%;top:50%;aspect-ratio:2.17;transform:translateY(-50%);border-radius:28px;background:#000;box-shadow:inset 0 0 0 5px #1d1d20,0 24px 48px -24px rgba(0,0,0,.4)}
.sb-pane{position:relative;display:flex;flex-direction:column;container-type:inline-size}
.sb-cal .wn{font-size:30cqi;color:var(--cal-fill);line-height:.95}
.sb-cal .wl,.sb-cal .ws{font-size:8cqi}
.sb-cal .rail-t{height:3.5cqi;margin-top:10cqi}.sb-cal .rail-f{width:31%}
.sb-steps{align-items:center}
.sb-steps .ring{width:86%}
.sb-steps .ring circle{stroke-width:10}
.sb-steps .ring-c{top:0;height:100%}
.sb-steps .wn{font-size:17cqi;margin:0}.sb-steps .ws{font-size:7.5cqi;margin:0}

/* Budget */
/* Budget */
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px);align-items:start}
.split-copy p{max-width:36rem}
.formula{margin:28px 0;width:100%;max-width:30rem;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.formula caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.formula th,.formula td{padding:11px 18px;border-top:1px solid var(--line);text-align:left;font-weight:400;vertical-align:baseline}
.formula td{text-align:right}
.formula thead th{border-top:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted);padding-top:14px}
.formula .num{font-size:1.2rem;font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.formula .f-sum th,.formula .f-sum td{background:var(--raised);font-weight:600}
.formula .f-total th{font-weight:600}
.formula .f-total .num{font-size:2.6rem;line-height:1;color:var(--cal-fill)}
.shot-tall .frame{aspect-ratio:4/5}

/* iPad */
.tablet{margin:0 auto;max-width:960px;border:12px solid #0b0b0c;border-radius:36px;overflow:hidden;outline:1.5px solid #34363d;outline-offset:0;box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
.tablet img{display:block;width:100%;height:auto;border-radius:22px}

/* Widget range: fills the column at every width */
.wgrid-wrap{container-type:inline-size}
.wgrid{--pt:min(1.3px,calc((100cqi - 72px) / 660));--wg:var(--surface);--wg-line:var(--line);display:grid;grid-template-columns:repeat(4,calc(165*var(--pt)));gap:32px 24px;justify-content:center}
@container (min-width:1040px){.wgrid{--pt:calc((100cqi - 100px) / 990);grid-template-columns:repeat(6,calc(165*var(--pt)));gap:36px 20px}}
@container (max-width:599px){.wgrid{--pt:calc((100cqi - 14px) / 330);grid-template-columns:repeat(2,calc(165*var(--pt)));gap:26px 14px}}
.wgrid figure{margin:0}
.wgrid .span2{grid-column:span 2}
.wgrid figcaption{margin-top:12px;font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.tag{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--raised);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.tag.free{color:var(--act-text)}
.lockrow{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.lockrow-title{font-family:var(--num);font-stretch:condensed;font-weight:700;font-size:1.2rem;margin:0 0 18px}
.acc{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-bottom:24px;color:var(--text)}
.acc-c{position:relative;width:68px;height:68px;display:grid;place-items:center}
.acc-c .ring{position:absolute;inset:0}
.acc-c .ring circle{stroke-width:9}.acc-c .ring .tr{stroke:color-mix(in srgb,var(--text) 18%,transparent)}.acc-c .ring .fl{stroke:var(--text)}.acc-c .ring .fl.hr{stroke-dasharray:58 100}
.acc-c b{font-family:var(--num);font-stretch:condensed;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}
.acc-r{display:flex;flex-direction:column;gap:6px;width:170px}
.acc-r span{display:flex;align-items:center;gap:8px;font-family:var(--num);font-stretch:condensed;font-weight:600;font-size:1.2rem}
.acc-r i{display:block;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--text) 82%,color-mix(in srgb,var(--text) 18%,transparent) 82%)}
.acc-r small{color:var(--muted);font-size:.8rem}
.acc-i{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1.05rem}
.lockrow .muted{max-width:44rem}

/* Google data */
.data .split-copy p{font-size:1.05rem}
.data-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.data-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.data-links a:first-child{border-color:var(--accent);color:var(--accent)}
.data-links a:hover{border-color:var(--accent);color:var(--accent)}
.facts{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px 26px 10px}
.facts h3{font-size:.75rem;font-family:inherit;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin:0 0 12px}
.checks{list-style:none;padding:0;margin:0 0 24px}
.checks li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line);line-height:1.45}
.checks li:first-child{border-top:0;padding-top:0}
.checks .ic{color:var(--accent);font-size:1.15rem;margin-top:2px}
.checks strong{display:block}

/* Pricing */
.plans{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.plan h3{font-size:.75rem;font-family:inherit;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin:0 0 6px}
.plan-free>.num{display:block;font-size:2.6rem;font-stretch:condensed;font-weight:600;line-height:1.1;margin-bottom:10px}
.plan ul{margin:0;padding-left:1.1em;color:var(--text)}.plan li{margin:4px 0}
.price-board{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.pb-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--line)}
.pb-row.is-best{border:1.5px solid var(--cal-fill);background:color-mix(in srgb,var(--cal-fill) 10%,transparent)}
.pb-row b{display:block;font-size:1.05rem}
.pb-row small{display:block;color:var(--muted);font-size:.85rem}
.pb-row .num{font-size:1.9rem;font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:600;line-height:1;text-align:right;white-space:nowrap}
.pb-row .num small{display:inline;margin-left:3px;font-family:-apple-system,system-ui,sans-serif;font-size:.85rem}
.is-best small{color:var(--accent)}
.fine{margin-top:20px;max-width:46rem;font-size:.88rem}

/* FAQ and closer */
.qa h3{font-size:1.2rem;margin:1.8em 0 .35em}.qa h3:first-child{margin-top:.6em}
.qa p{margin:0;color:var(--muted)}
.closer{text-align:center}
.closer h2{margin-left:auto;margin-right:auto;max-width:16ch}
.closer .maker{color:var(--muted);max-width:40rem;margin:0 auto 12px}
.alt .formula,.alt .facts,.alt .plan{background:var(--bg)}

/* Closer and footer: the board again, bookending the page */
.closer{padding:clamp(80px,10vw,140px) 0 clamp(56px,7vw,88px)}
.closer h2{font-size:clamp(2.6rem,6vw,4.75rem);max-width:14ch}
.closer .cta{align-items:center;text-align:center;margin:12px 0 44px}
.home footer{max-width:none;margin:0;padding:28px max(20px,calc((100% - 72rem) / 2 + 20px)) 44px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.home footer p{margin:0}
.home footer a{color:var(--text)}

/* Motion: the hero board riffles once, the widgets fill */
@media (prefers-reduced-motion:no-preference){
 .stage .rail-f{animation:pb-fill 1.5s cubic-bezier(.16,1,.3,1) .35s both}
 .stage .rail-n{animation:pb-now 1.5s cubic-bezier(.16,1,.3,1) .35s both}
 .stage .ring .fl{animation:pb-ring 1.5s cubic-bezier(.16,1,.3,1) .35s both}
}
@keyframes pb-fill{from{width:4%}}
@keyframes pb-now{from{left:4%}}
@keyframes pb-ring{from{stroke-dasharray:4 100}}

/* Responsive */
@media (max-width:980px){
 .trio{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trio .shot-standby{grid-column:1/-1}.trio .shot-standby>.standby{aspect-ratio:2/1}
 .trio-app .shot:last-child{display:none}
}
@media (max-width:860px){
 .nav-main{display:none}.menu{display:block}
 .hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "board"}
 .hero-copy{padding-bottom:36px}
 .stage{max-width:320px}
 .flapboard{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:26px 16px}
 .fb-main{grid-column:1/-1;justify-content:start}
 .fb-status{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}
 .fb-ok{font-size:1.5rem}
}
@media (max-width:760px){
 .split,.plans{grid-template-columns:1fr}
 .shot-tall{max-width:420px}
}
@media (max-width:560px){
 .hero h1{font-size:clamp(2.9rem,13.5vw,3.6rem)}
 .stage{max-width:280px}
 .flaps{font-size:1.5rem;gap:2px}
 .flaps-xl{font-size:4.6rem;gap:4px}
 .trio{grid-template-columns:minmax(0,1fr);gap:44px}
 .trio .shot-standby>.standby{aspect-ratio:3/2}
 .trio-app .shot:last-child{display:block}
 .pb-row .num{font-size:1.6rem}
 .home footer{flex-direction:column}
}