/* ZeroTow static pages (terms, privacy, support, privacy/*, legal/*) — same look as the app.
   Loaded AFTER each page's own <style>, so it restyles without touching any wording. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Big+Shoulders+Display:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap');
:root{--bg:#0E1420;--card:#141C2C;--surface:#1D2739;--border:#283449;--text:#EDF2F9;--muted:#C3D2E4;--dim:#A5B7CE;--gold:#FACC15;--ease:cubic-bezier(.23,1,.32,1)}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.75;-webkit-text-size-adjust:100%}
.header{position:sticky;top:0;z-index:20;background:rgba(14,20,32,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:12px 32px;text-align:left}
.header a{gap:14px;min-height:44px;transition:transform .16s var(--ease)}
.header a:active{transform:scale(.97)}
.logo{width:55px;height:55px;border-radius:15px;background:var(--gold);font-family:'Big Shoulders Display',sans-serif;font-size:35px;font-weight:900;color:#0A0E18;transform:rotate(-7deg);box-shadow:0 8px 28px rgba(250,204,21,.25);transition:transform .3s var(--ease)}
.header a:hover .logo{transform:rotate(0)}
.brand{font-family:'Big Shoulders Display',sans-serif;font-size:36px;font-weight:900;line-height:1;color:var(--text)}
.brand span{color:var(--gold)}
.container{max-width:860px;padding:64px 24px 96px}
h1{font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(44px,8vw,72px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin-bottom:14px}
h1::after{content:"";display:block;width:84px;height:6px;border-radius:99px;background:var(--gold);margin-top:16px}
.updated,.sub{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.06em;color:var(--dim);margin:18px 0 44px}
.sub{font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:0;color:var(--muted);max-width:560px}
h2{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:0;color:var(--text);margin:48px 0 14px;padding:22px 0 0;border-top:1px solid var(--border)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{font-size:16px;font-weight:700;color:var(--text);margin:22px 0 8px}
p,li{color:var(--muted);font-size:16px}
p{margin-bottom:16px}
ul{margin:0 0 16px 22px}
li::marker{color:var(--gold)}
a{color:var(--gold);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
strong{color:var(--text)}
.q{font-weight:700;color:var(--text)}
.cards{gap:16px}
.card{background:linear-gradient(180deg,#141B2D,#10162492);border:1px solid var(--border);border-radius:20px;padding:24px;transition:transform .28s var(--ease),border-color .2s}
.card .label{font-family:'JetBrains Mono',monospace;color:var(--dim)}
.card .value{font-family:'Big Shoulders Display',sans-serif;font-size:28px;font-weight:800;letter-spacing:.01em;text-transform:none}
.card .note{color:var(--dim)}
@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);border-color:rgba(250,204,21,.45)}}
.sms-terms{background:linear-gradient(135deg,rgba(250,204,21,.16),transparent 60%),var(--card);border:2px solid var(--gold);border-radius:26px;padding:32px}
.sms-terms h2{color:var(--gold)}
.sms-terms h3{color:var(--text)}
.footer{background:var(--bg);border-top:1px solid var(--border);color:var(--dim);padding:36px 24px}
@media (max-width:640px){.header{padding:10px 20px}.container{padding:44px 20px 72px}h2{font-size:26px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
html{scroll-padding-top:96px}