@font-face{font-family:"Source Serif 4";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/source-serif-4-600-latin.woff2) format("woff2")}
:root{
  --serif: ui-serif,"Source Serif 4",Georgia,serif;
  --sans: -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --rounded: ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --bg:#F6F5F1; --surface:#FFFFFF; --ink:#0F1B24; --muted:#5A6772; --line:rgba(15,27,36,.09);
  --brand:#1B4965; --brand-2:#2A6F97; --tint:#E3EEF6; --accent:#E8A33D; --safe:#34C759; --safe-bg:#E3F6E8;
  --chip:rgba(255,255,255,.82); --shadow:0 30px 80px -30px rgba(15,40,60,.35),0 10px 30px -15px rgba(15,40,60,.25);
  --scr-bg:#F2F2F7; --scr-card:#FFFFFF; --scr-ink:#000; --scr-muted:#8A8A8E; --scr-track:#E5E5EA; --scr-line:#E5E5EA;
  --cta-bg:#0F1B24; --cta-fg:#fff;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0A1117; --surface:#111B23; --ink:#EEF3F7; --muted:#9AA9B5; --line:rgba(255,255,255,.08);
  --brand:#8CC4EA; --brand-2:#5FA3D0; --tint:#0D1E2A; --accent:#F2B85B; --safe:#30D158; --safe-bg:#12301C;
  --chip:rgba(28,38,48,.82); --shadow:0 30px 80px -30px rgba(0,0,0,.8),0 10px 30px -15px rgba(0,0,0,.6);
  --scr-bg:#000; --scr-card:#1C1C1E; --scr-ink:#fff; --scr-muted:#8D8D93; --scr-track:#2C2C2E; --scr-line:#38383A;
  --cta-bg:#EEF3F7; --cta-fg:#0A1117; color-scheme:dark;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--brand)}
img{display:block;max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.serif{font-family:var(--serif);font-weight:600;letter-spacing:-.02em}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--accent);color:#1a1205;font:700 11px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase}
h2.serif{font-size:clamp(34px,6.4vw,56px);line-height:1.04;margin:14px 0 16px}
.lede{color:var(--muted);font-size:18px;line-height:1.55;max-width:34rem;margin:0}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--ink);font-size:16px;line-height:1.45}
.ticks svg{margin-top:2px}

/* Nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.nav.scrolled{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:650;font-size:17px;letter-spacing:-.01em}
.brand img{width:30px;height:30px;border-radius:7px;box-shadow:0 0 0 .5px rgba(0,0,0,.15)}
.nav-links{display:none;gap:28px;align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-size:15px}
.nav-links a:hover{color:var(--ink)}
.pill-soon{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--cta-bg);color:var(--cta-fg);font:600 14px/1 var(--sans);text-decoration:none;white-space:nowrap}
.mobile-only{display:inline-flex}
.pill-soon .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}

/* Hero */
.hero{position:relative;padding:104px 0 40px;overflow:hidden}
.hero-glow{position:absolute;inset:-10% -20% auto;height:760px;pointer-events:none;
  background:radial-gradient(60% 55% at 70% 30%,color-mix(in srgb,var(--brand-2) 26%,transparent),transparent 70%),
             radial-gradient(35% 35% at 85% 62%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),
             linear-gradient(180deg,var(--tint),transparent 85%)}
.hero .wrap{position:relative;display:grid;gap:44px}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(46px,11vw,84px);line-height:.98;letter-spacing:-.035em;margin:16px 0 18px}
.hero h1 [data-w]{display:inline-block}
.hero .sub{font-size:19px;line-height:1.5;color:var(--muted);max-width:30rem;margin:0}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
.cta .pill-soon{padding:15px 22px;font-size:16px}
.cta .ghost{color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.trust{margin-top:22px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:6px 14px}
.trust span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.5;margin-right:8px;vertical-align:middle}
.stage{position:relative;display:grid;place-items:center;min-height:620px;padding-bottom:10px}
.bg-ring{position:absolute;width:min(560px,128vw);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;pointer-events:none}
.bg-ring .track{stroke:color-mix(in srgb,var(--brand) 12%,transparent)}
.bg-ring .arc{stroke:color-mix(in srgb,var(--brand) 55%,transparent)}
.bg-ring .sunG{transform-box:view-box;transform-origin:50px 50px}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:var(--chip);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--shadow);font:600 14px/1.2 var(--sans);white-space:nowrap;border:.5px solid var(--line)}
.chip small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}
.chip .ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none}
.chips{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;padding:0 4px}
.chips .chip{position:relative}

/* Phone */
.phone{--w:300px;position:relative;width:var(--w);aspect-ratio:390/844;border-radius:calc(var(--w)*.155);padding:calc(var(--w)*.032);
  background:linear-gradient(145deg,#2a2d31,#0c0d0f 40%,#1d1f22);box-shadow:var(--shadow),inset 0 0 0 1.5px #3a3d42;z-index:2}
.phone::after{content:"";position:absolute;top:calc(var(--w)*.058);left:50%;translate:-50% 0;width:31%;height:calc(var(--w)*.083);border-radius:99px;background:#000;z-index:5}
.screen{position:relative;width:100%;height:100%;border-radius:calc(var(--w)*.125);overflow:hidden;background:var(--scr-bg);container-type:inline-size}
.screen picture{display:contents}.screen img{width:100%;height:100%;object-fit:cover}

/* Today, desenhada em HTML (1pt = 100cqw/390) */
.today{--pt:calc(100cqw/390);position:absolute;inset:0;color:var(--scr-ink);font-family:var(--sans)}
.sb{position:absolute;top:calc(var(--pt)*20);left:calc(var(--pt)*50);right:calc(var(--pt)*34);display:flex;justify-content:space-between;align-items:center;font:600 calc(var(--pt)*17)/1 var(--sans)}
.sb i{display:inline-block;width:calc(var(--pt)*26);height:calc(var(--pt)*12);border-radius:calc(var(--pt)*4);border:calc(var(--pt)*1.5) solid currentColor;opacity:.9;position:relative}
.sb i::after{content:"";position:absolute;inset:calc(var(--pt)*1.5);right:calc(var(--pt)*3);border-radius:calc(var(--pt)*2);background:currentColor}
.gear{position:absolute;top:calc(var(--pt)*60);right:calc(var(--pt)*16);width:calc(var(--pt)*44);height:calc(var(--pt)*44);border-radius:50%;background:var(--scr-card);display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.08);color:var(--brand)}
.today .h3{position:absolute;top:calc(var(--pt)*112);left:calc(var(--pt)*16);margin:0;font:700 calc(var(--pt)*34)/1 var(--sans);letter-spacing:-.02em}
.today .date{position:absolute;top:calc(var(--pt)*178);left:calc(var(--pt)*16);font-size:calc(var(--pt)*15);color:var(--scr-muted)}
.tcard{position:absolute;left:calc(var(--pt)*16);right:calc(var(--pt)*16);background:var(--scr-card);border-radius:calc(var(--pt)*22)}
.tcard.main{top:calc(var(--pt)*212);height:calc(var(--pt)*332);display:flex;flex-direction:column;align-items:center}
.tring{position:relative;width:calc(var(--pt)*212);height:calc(var(--pt)*212);margin-top:calc(var(--pt)*8)}
.tring svg{width:100%;height:100%;transform:rotate(-90deg)}
.tring .num{position:absolute;inset:0;display:grid;place-items:center;font:700 calc(var(--pt)*66)/1 var(--rounded);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.tcard .l1{margin-top:calc(var(--pt)*6);font:600 calc(var(--pt)*17)/1.2 var(--sans)}
.tcard .l2{margin-top:calc(var(--pt)*10);font:600 calc(var(--pt)*21)/1.2 var(--sans)}
.tcard .ok{margin-top:calc(var(--pt)*12);display:inline-flex;align-items:center;gap:calc(var(--pt)*8);padding:calc(var(--pt)*6) calc(var(--pt)*14);border-radius:99px;background:var(--safe-bg);font:600 calc(var(--pt)*15)/1 var(--sans)}
.tcard.rows{top:calc(var(--pt)*560);padding:0 calc(var(--pt)*16);font-size:calc(var(--pt)*16)}
.tcard.rows div{display:flex;justify-content:space-between;align-items:baseline;padding:calc(var(--pt)*14) 0;border-bottom:.5px solid var(--scr-line)}
.tcard.rows div:last-child{border:0}
.tcard.rows b{font-weight:600}
.tcard.rows small{display:block;text-align:right;color:var(--scr-muted);font-size:calc(var(--pt)*12)}
.tbtn{position:absolute;left:calc(var(--pt)*16);right:calc(var(--pt)*16);top:calc(var(--pt)*712);height:calc(var(--pt)*48);border-radius:calc(var(--pt)*24);background:#1B4965;color:#fff;display:grid;place-items:center;font:600 calc(var(--pt)*17)/1 var(--sans)}
.ttabs{position:absolute;left:calc(var(--pt)*64);right:calc(var(--pt)*64);top:calc(var(--pt)*770);height:calc(var(--pt)*58);border-radius:99px;background:color-mix(in srgb,var(--scr-card) 88%,transparent);box-shadow:0 4px 20px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;font:500 calc(var(--pt)*10)/1 var(--sans);text-align:center;padding:calc(var(--pt)*4)}
.ttabs span{display:grid;justify-items:center;gap:calc(var(--pt)*3);color:var(--scr-ink)}
.ttabs span.on{color:#1B4965;background:color-mix(in srgb,var(--scr-ink) 7%,transparent);border-radius:99px;padding:calc(var(--pt)*6) 0}
@media (prefers-color-scheme:dark){.ttabs span.on{color:#8CC4EA}}
.ttabs svg{width:calc(var(--pt)*22);height:calc(var(--pt)*22)}

/* Lock screen (Auto-detect) */
.lock{--pt:calc(100cqw/390);position:absolute;inset:0;color:#fff;font-family:var(--sans);
  background:radial-gradient(70% 40% at 50% 100%,rgba(242,184,91,.85),transparent 70%),linear-gradient(180deg,#0E2A3E 0%,#1B4965 45%,#2A6F97 75%,#C98B3C 100%)}
.lock .sb{color:#fff}
.lock .ldate{position:absolute;top:calc(var(--pt)*86);width:100%;text-align:center;font:600 calc(var(--pt)*20)/1 var(--sans);opacity:.9}
.lock .ltime{position:absolute;top:calc(var(--pt)*108);width:100%;text-align:center;font:700 calc(var(--pt)*104)/1 var(--rounded);letter-spacing:-.03em}
.notif{position:absolute;left:calc(var(--pt)*12);right:calc(var(--pt)*12);border-radius:calc(var(--pt)*24);padding:calc(var(--pt)*14);
  background:rgba(245,245,247,.72);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);color:#000;display:grid;grid-template-columns:calc(var(--pt)*38) 1fr;gap:calc(var(--pt)*10);font-size:calc(var(--pt)*15);line-height:1.3}
.notif img{width:calc(var(--pt)*38);height:calc(var(--pt)*38);border-radius:calc(var(--pt)*9)}
.notif .h{display:flex;justify-content:space-between;font-weight:600}
.notif .h em{font-style:normal;font-weight:400;color:#6b6b70;font-size:calc(var(--pt)*13)}
.notif p{margin:calc(var(--pt)*2) 0 0}
.lock .notif{top:calc(var(--pt)*300)}
.actions{position:absolute;left:calc(var(--pt)*12);right:calc(var(--pt)*12);top:calc(var(--pt)*418);border-radius:calc(var(--pt)*18);overflow:hidden;background:rgba(245,245,247,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#000;font-size:calc(var(--pt)*17)}
.actions div{padding:calc(var(--pt)*14) calc(var(--pt)*18);border-bottom:.5px solid rgba(0,0,0,.12);display:flex;justify-content:space-between}
.actions div:last-child{border:0}
.actions .add{font-weight:600;color:#1B4965}
.lock .flash{position:absolute;bottom:calc(var(--pt)*30);width:100%;display:flex;justify-content:space-between;padding:0 calc(var(--pt)*46)}
.lock .flash span{width:calc(var(--pt)*50);height:calc(var(--pt)*50);border-radius:50%;background:rgba(0,0,0,.28);backdrop-filter:blur(10px)}

/* Feature sections */
.feature{padding:76px 0}
.feature .wrap{display:grid;gap:48px;align-items:center}
.feature .visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.feature .visual::before{content:"";position:absolute;width:min(460px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-2) 20%,transparent),transparent 65%)}
#alerts .visual::before{width:360px}

/* Regra 90/180 (rolagem) */
.rule{position:relative;background:var(--surface);border-block:1px solid var(--line)}
.rule-sticky{padding:88px 0}
.motion .rule{height:330vh}
.motion .rule-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:0}
.rule .wrap{width:100%}
.timeline{margin-top:56px;position:relative}
.tl-track{position:relative;height:64px;border-radius:14px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px calc(100%/306*7));background-color:color-mix(in srgb,var(--ink) 3%,transparent)}
.tl-trip{position:absolute;top:14px;bottom:14px;border-radius:8px;background:color-mix(in srgb,var(--brand) 22%,transparent)}
.tl-hit{position:absolute;top:14px;bottom:14px;border-radius:8px;background:var(--brand)}
.tl-win{position:absolute;top:-8px;bottom:-8px;border-radius:18px;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:0 8px 30px -10px color-mix(in srgb,var(--accent) 60%,transparent)}
.tl-win::after{content:"180 days";position:absolute;top:-28px;right:0;font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.tl-today{position:absolute;top:-8px;bottom:-8px;width:2px;background:var(--accent);border-radius:2px}
.tl-months{position:relative;height:22px;margin-top:12px;font-size:12px;color:var(--muted)}
.tl-months span{position:absolute;top:0}
.readout{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;align-items:end;margin-top:40px}
.readout .big{font:700 clamp(64px,13vw,112px)/.9 var(--rounded);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--brand)}
.readout .big small{font:600 22px/1 var(--sans);color:var(--muted);letter-spacing:0;margin-left:6px}
.readout .what{font-size:15px;color:var(--muted);line-height:1.35}
.readout .what b{display:block;color:var(--ink);font-size:20px;font-weight:650;margin-bottom:2px}
.tl-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tl-legend span{padding:7px 12px;border-radius:99px;background:color-mix(in srgb,var(--ink) 5%,transparent);font-size:14px;font-variant-numeric:tabular-nums;transition:opacity .3s}
.tl-legend span.out{opacity:.4;text-decoration:line-through}
.tl-caption{margin-top:18px;font-family:var(--serif);font-size:22px;line-height:1.3;min-height:2.6em}
.hint{margin-top:14px;font-size:13px;color:var(--muted);display:none}
.motion .hint{display:block}
.static-note{margin-top:10px;color:var(--muted);font-size:15px}
.motion .static-note{display:none}

/* Alerts */
.stack{position:relative;width:min(360px,100%);display:grid;gap:10px;z-index:2}
.stack .notif{position:relative;left:auto;right:auto;--pt:1px;box-shadow:var(--shadow);padding:14px;border-radius:22px;grid-template-columns:38px 1fr;font-size:15px}
@media (prefers-color-scheme:dark){.stack .notif{background:rgba(44,44,48,.78);color:#fff}.stack .notif .h em{color:#a1a1a6}}

/* Privacy band */
.privacy{position:relative;overflow:hidden;background:#0B1F2E;color:#EAF2F8;padding:110px 0}
.privacy::before{content:"";position:absolute;inset:auto -20% -50% 20%;height:120%;background:radial-gradient(closest-side,rgba(42,111,151,.45),transparent)}
.privacy .eyebrow{color:#8CC4EA}
.privacy .lede{color:#A9BFCF}
.pcols{display:grid;gap:26px;margin-top:46px;position:relative}
.pcol{padding:24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pcol h3{margin:14px 0 6px;font-size:19px}
.pcol p{margin:0;color:#A9BFCF;font-size:16px;line-height:1.5}
.pcol .ic{width:44px;height:44px;border-radius:14px;background:rgba(140,196,234,.14);display:grid;place-items:center}
.privacy a{color:#8CC4EA}
.lockmark{display:block;width:84px;margin:0 0 22px}

/* Plans */
.plans{display:grid;gap:18px;margin-top:40px}
.plan{border-radius:26px;padding:28px;background:var(--surface);border:1px solid var(--line)}
.plan.prem{background:linear-gradient(160deg,#1B4965,#2A6F97);color:#fff;border:0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.plan.prem::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-40px;top:-40px;background:radial-gradient(circle,rgba(242,184,91,.9),rgba(232,163,61,0) 70%)}
.plan h3{font-family:var(--serif);font-size:30px;margin:0 0 4px;font-weight:600}
.plan .for{color:var(--muted);margin:0 0 18px;font-size:15px}
.plan.prem .for{color:#CFE3F1}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.plan li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px}
.fine{margin-top:18px;color:var(--muted);font-size:14px}

/* FAQ */
.faq .wrap{display:grid;gap:30px}
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:650;font-size:18px}
summary::-webkit-details-marker{display:none}
summary .pl{flex:none;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);display:grid;place-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
details[open] summary .pl{transform:rotate(45deg)}
.ans{overflow:hidden}
.ans p{margin:0 0 22px;color:var(--muted);max-width:40rem}

/* Final + footer */
.final{padding:120px 0 90px;text-align:center;position:relative;overflow:hidden}
.final img{width:112px;height:112px;border-radius:26px;margin:0 auto 22px;box-shadow:var(--shadow)}
.final h2{font-family:var(--serif);font-weight:600;font-size:clamp(40px,8vw,68px);letter-spacing:-.03em;line-height:1;margin:0 0 12px}
.final p{color:var(--muted);margin:0 0 28px;font-size:19px}
footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted);font-size:14px}
footer .wrap{display:grid;gap:16px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer nav a{color:var(--ink);text-decoration:none;font-weight:500}
footer p{margin:0;max-width:44rem}

/* Página legal */
.legal{padding:100px 0 40px}
.legal-head{background:linear-gradient(180deg,var(--tint),transparent);margin-top:-100px;padding:130px 0 26px}
.legal-head h1{font-family:var(--serif);font-weight:600;font-size:clamp(44px,9vw,64px);letter-spacing:-.03em;line-height:1;margin:12px 0 10px}
.legal-head .upd{color:var(--muted);font-size:15px}
.legal-grid{display:grid;gap:30px}
.short{border-radius:22px;background:var(--surface);border:1px solid var(--line);padding:22px 24px}
.short h2{margin:0 0 12px;font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.short ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.short li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px}
.doc{max-width:40rem}
.doc h2{font:650 21px/1.3 var(--sans);letter-spacing:-.01em;margin:38px 0 8px;scroll-margin-top:90px}
.doc p,.doc li{font-size:17px;line-height:1.68;color:color-mix(in srgb,var(--ink) 86%,var(--muted))}
.toc{display:none}
.toc a{display:block;color:var(--muted);text-decoration:none;font-size:14px;padding:6px 0 6px 12px;border-left:2px solid var(--line)}
.toc a:hover{color:var(--ink);border-color:var(--brand)}

/* Estados iniciais só com animação ligada */
.motion [data-reveal]{opacity:0}
.motion .hero [data-w],.motion .hero .sub,.motion .hero .cta,.motion .hero .trust,.motion .hero .eyebrow{opacity:0}
.motion .hero .phone{opacity:0}
.motion .chip{opacity:0}
.motion .today .l2,.motion .today .ok{opacity:0}
.motion .lock .notif,.motion .lock .actions{opacity:0}
.motion .stack .notif{opacity:0}


@media (min-width:960px){
  .wrap{padding:0 40px}
  .nav-links{display:flex}
  .hero{padding:140px 0 80px}
  .hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center}
  .stage{min-height:760px}
  .phone{--w:340px}
  .feature .wrap{grid-template-columns:1fr 1fr;gap:80px}
  .feature.flip .copy{order:2}
  .feature{padding:96px 0}
  .feature .visual{min-height:660px}
  .rule .head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
  .pcols{grid-template-columns:repeat(3,1fr)}
  .plans{grid-template-columns:1fr 1fr}
  .faq .wrap{grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
  .faq .copy{position:sticky;top:110px}
  footer .wrap{grid-template-columns:1fr auto;align-items:start}
  .legal-grid{grid-template-columns:220px 1fr;gap:60px}
  .toc{display:block;position:sticky;top:100px;align-self:start}
  .lockmark{position:absolute;right:40px;top:0;width:120px;margin:0}
  #alerts .visual{min-height:440px}
  .mobile-only{display:none}
  .hero .copy{position:relative;z-index:4}
  .hero h1{font-size:clamp(56px,5.4vw,76px)}
  .bg-ring{width:500px}
}
/* Cards sit on the phone edge (never over the screen) only where there is room; below that they stay in a row under the phone. */
@media (min-width:1360px){
  .chips{position:absolute;inset:0;margin:0;display:block;pointer-events:none}
  .chips .chip{position:absolute}
  .chip-1{left:calc(50% + 160px);top:24%}.chip-2{left:calc(50% + 160px);top:52%}.chip-3{right:calc(50% + 160px);bottom:12%}
  .c-yes{right:calc(50% + 160px);top:58%}.c-trips{right:calc(50% + 160px);top:9%}.c-why{left:calc(50% + 160px);top:76%}
}
@media (max-width:420px){.chip{font-size:13px;padding:8px 11px}}
.reduced-note{display:none}
.skip{position:absolute;left:-999px;top:0;background:var(--cta-bg);color:var(--cta-fg);padding:10px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}