/* Document pages (terms, refunds, privacy, 404) in the home page style */
@font-face{font-family:"Archivo";src:url(/fonts/archivo-var-latin.654bdbd90f.woff2) format("woff2");font-weight:400 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"Plex";src:url(/fonts/plexmono-regular-latin.621432c966.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(/fonts/plexmono-medium-latin.6877da27a8.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --bg:#0c0d0f; --panel:#16181b; --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.13);
  --text:#ecedef; --body:#c9ccd1; --muted:#9097a0; --dim:#5d636b;
  --accent:#4a6cff; --accent2:#8ea2ff;
  --mono:"Plex",ui-monospace,Menlo,monospace; --sans:"Archivo",system-ui,sans-serif;
  --top:60px; --gut:clamp(16px,4vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);min-height:100svh;display:flex;flex-direction:column;
  background:radial-gradient(1200px 700px at 78% -10%,rgba(74,108,255,.10),transparent 60%),var(--bg);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 65%);opacity:.55}
a{color:var(--accent2);text-underline-offset:3px}
a:hover{color:var(--text)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:12px;z-index:99;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:8px}

.top{position:sticky;top:0;height:var(--top);z-index:50;display:flex;align-items:center;gap:16px;padding:0 var(--gut);
  background:rgba(12,13,15,.72);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;font-stretch:112%;color:var(--text);text-decoration:none}
.logo i{width:26px;height:26px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22 fill=%22none%22%3E%3Cpath d=%22M4 21.5 16 27.5 28 21.5%22 stroke=%22%23ecedef%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.45%22/%3E%3Cpath d=%22M4 16 16 22 28 16%22 stroke=%22%23ecedef%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.75%22/%3E%3Cpath d=%22M16 4.5 28 10.5 16 16.5 4 10.5z%22 fill=%22%234a6cff%22 fill-opacity=%22.3%22 stroke=%22%238ea2ff%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat}
/* narrow phones: mark only, so the header never overflows */
@media (max-width:359px){.top .logo span{display:none}}
.top .sp{flex:1}
.top nav{display:flex;gap:22px;font-size:14px}
.top nav a{color:var(--muted);text-decoration:none}
.top nav a:hover{color:var(--text)}
.cta{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:10px;background:var(--text);color:#0c0d0f;
  font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;transition:transform .2s}
.cta:hover{color:#0c0d0f;transform:translateY(-1px)}
.cta.ghost{background:transparent;color:var(--text);border:1px solid var(--line2)}
.top .cta{padding:9px 14px}

main.doc{flex:1;padding:clamp(40px,8vh,88px) var(--gut) 72px}
.wrap{max-width:740px;margin:0 auto}
.eyebrow{font-family:var(--mono);font-size:12px;color:var(--accent2);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:10px;align-items:center}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
h1{font-size:clamp(32px,4.4vw,54px);line-height:1.05;font-weight:650;letter-spacing:-.02em;font-stretch:104%;margin:16px 0 14px}
.upd{font-family:var(--mono);font-size:12px;color:var(--dim)}
.lede{font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--muted);margin:22px 0 8px}
h2{font-size:20px;font-weight:620;letter-spacing:-.005em;margin:44px 0 14px;padding-top:20px;border-top:1px solid var(--line)}
p,li{font-size:16px;line-height:1.65;color:var(--body)}
p+p{margin-top:12px}
ul{list-style:none;display:grid;gap:10px}
li{position:relative;padding-left:22px}
li::before{content:"";position:absolute;left:2px;top:.8em;width:10px;height:1px;background:var(--accent2)}
b{color:var(--text);font-weight:600}
.card{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.card p{margin:0;line-height:1.55}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}

.foot{border-top:1px solid var(--line);padding:22px var(--gut) 28px;font-size:12.5px;color:var(--dim);line-height:1.7}
.foot .wrap{max-width:1100px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.foot a{color:var(--muted)}

@media (max-width:640px){
  .top nav{display:none}
  .foot .wrap{flex-direction:column}
}
