/* OVERDRIVE 2.0: the shared stylesheet for every page that is not the homepage (guides, facts, privacy,
   terms, support). Same night, same Geist, same one light as the app and the homepage. Content and URLs
   are untouched; only the look changes. The light (#B4FF39) means "driven": on these pages it is the
   primary button and nothing else. Links, eyebrows, rules and callout bars are bone, never the light. */
@font-face{font-family:Geist;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/site2/fonts/geist-300.woff2) format("woff2")}
@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/site2/fonts/geist-400.woff2) format("woff2")}
@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/site2/fonts/geist-500.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/site2/fonts/geist-mono-400.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/site2/fonts/geist-mono-500.woff2) format("woff2")}
:root{
  color-scheme:dark;
  --night:#0D0F12;--asphalt:#1C1F24;--asphalt-hi:#23272D;--clay:#2E333B;
  --bone:#ECE9E2;--soft:#A9AEB6;--faint:#8A8F97;
  --light:#B4FF39;--ink:#0D0F12;
  --rule:rgba(236,233,226,.08);--rule-2:rgba(236,233,226,.14);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --sans:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--soft);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01"}
::selection{background:rgba(236,233,226,.22);color:var(--bone)}
a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(236,233,226,.32);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s var(--ease-out)}
@media (hover:hover){a:hover{text-decoration-color:var(--bone)}}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--bone);outline-offset:4px;border-radius:4px}
strong,b{color:var(--bone);font-weight:500}
img{max-width:100%;height:auto}
h1,h2,h3{color:var(--bone);text-wrap:balance;font-weight:400}
h1{font:300 clamp(38px,5.6vw,72px)/1.04 var(--sans);letter-spacing:-.035em;max-width:900px;margin:.35em 0 .4em}
h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18;letter-spacing:-.02em;margin:2em 0 .5em}
h3{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:2em 0 .4em}
p{max-width:740px}
ul,ol{padding-left:1.25em}
li{margin:0 0 .6em}
ol li,ul li{color:var(--soft)}
hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}
code{font:400 .88em var(--mono);background:var(--asphalt);border:1px solid var(--rule);padding:1px 6px;border-radius:6px;color:var(--bone)}

/* guides + facts chrome: the homepage nav, flattened (no blur, a hairline under it) */
header,main,footer{max-width:1040px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left))}
header{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:64px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
header a{text-decoration:none;color:var(--soft);font-size:15px}
@media (hover:hover){header a:hover{color:var(--bone)}}
header a.brand,.brand{display:inline-flex;align-items:center;gap:10px;font:500 17px/1 var(--sans);letter-spacing:-.02em;color:var(--bone);font-style:normal}
header a.brand::before{content:"";width:24px;height:24px;border-radius:6px;background:url(/assets/icon.png) center/cover}
.crumb{display:inline-block;margin-top:24px;font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-decoration:none}
@media (hover:hover){.crumb:hover{color:var(--bone)}}
.eyebrow{display:flex;align-items:center;gap:12px;margin-top:40px;font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.eyebrow::after{content:"";flex:0 0 48px;height:1px;background:var(--rule-2)}
article{max-width:780px}
.intro{font-size:21px;line-height:1.55;color:var(--bone);font-weight:300}
.small{font-size:14px;color:var(--faint)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:40px 0}
.card{display:block;padding:24px 26px;border:1px solid var(--rule);border-radius:18px;background:var(--asphalt);text-decoration:none;color:var(--soft);transition:transform .16s var(--ease-out),border-color .2s var(--ease-out)}
.card h2{margin-top:0;font-size:22px}
@media (hover:hover){.card:hover{border-color:var(--rule-2)}}
.card:active{transform:scale(.985)}
.cta{padding:26px 28px;border:1px solid var(--rule);border-radius:18px;margin:48px 0;background:var(--asphalt)}
.cta p{color:var(--soft)}
.button{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:var(--light);color:var(--ink);text-decoration:none;font:500 15px/1 var(--sans);border-radius:14px;transition:transform .16s var(--ease-out)}
.button:active{transform:scale(.97)}
.top-cta{margin:4px 0 8px}
footer{border-top:1px solid var(--rule);margin-top:64px;padding-top:28px;padding-bottom:48px;font-size:14px;display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--faint)}
footer a{color:var(--soft);text-decoration:none}
@media (hover:hover){footer a:hover{color:var(--bone)}}

/* guide components */
.answer{border-left:2px solid var(--bone);background:var(--asphalt);padding:18px 22px;border-radius:0 14px 14px 0;margin:30px 0 22px}
.answer p{margin:0;color:var(--bone);max-width:none}
.tbl{overflow-x:auto;margin:26px 0;border:1px solid var(--rule);border-radius:14px;-webkit-overflow-scrolling:touch;background:var(--asphalt)}
.tbl table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}
.tbl.wide{width:min(992px,calc(100vw - 40px))}
.tbl.wide table{min-width:760px}
.tbl.mid table{min-width:560px}
.tbl th,.tbl td{padding:11px 14px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.tbl thead th{color:var(--bone);background:var(--asphalt-hi);font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.tbl tbody th{color:var(--bone);font-weight:500}
.tbl td{color:var(--soft)}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
.tbl caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--faint);padding:10px 14px}
.hint{display:none;font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:22px 0 -16px}
@media(max-width:800px){.hint{display:block}}
.faq details{border-bottom:1px solid var(--rule);padding:4px 0}
.faq summary{cursor:pointer;font-weight:500;padding:14px 0;color:var(--bone)}
.faq details p{margin-top:0}
.note{font-size:15px;color:var(--soft);border:1px solid var(--rule);background:var(--asphalt);border-radius:14px;padding:14px 16px;max-width:740px}
.shot{margin:30px 0}
.shot img{width:min(100%,300px);border-radius:24px;border:1px solid var(--rule-2);display:block}
.shot figcaption{font-size:14px;color:var(--faint);margin-top:10px;max-width:420px}
.src li{font-size:15px;color:var(--soft);overflow-wrap:anywhere}

/* privacy / terms / support */
.wrap{max-width:760px;margin:0 auto;padding:40px max(20px,env(safe-area-inset-left)) 80px}
.wrap .brand{margin-bottom:28px}
.wrap .brand b{color:var(--bone);font-weight:500;letter-spacing:-.02em;font-size:17px}
.wrap .dot{width:24px;height:24px;border-radius:6px;background:url(/assets/icon.png) center/cover}
.wrap h1{font-size:clamp(32px,4.4vw,48px);margin:.2em 0 .3em}
.wrap h2{font-size:21px;margin:2em 0 .4em}
.wrap table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px;display:block;overflow-x:auto}
.wrap th,.wrap td{border:1px solid var(--rule-2);padding:8px 10px;text-align:left;vertical-align:top}
.wrap th{background:var(--asphalt);color:var(--bone);font-weight:500}
.foot{margin-top:60px;color:var(--faint);font-size:13px}
@media (max-width:600px){body{font-size:16px;line-height:1.6}.intro{font-size:19px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}