/* /privacy and /terms (WEB-3 preview), from the approved static study. The /beta tokens and fonts. */
@font-face { font-family: 'Space Grotesk'; src: url('fonts/space-grotesk-700-latin.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('fonts/instrument-sans-latin.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Instrument Sans'; src: url('fonts/instrument-sans-latin-ext.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Geist Mono'; src: url('fonts/geist-mono-latin.woff2') format('woff2'); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('fonts/geist-mono-latin-ext.woff2') format('woff2'); font-weight: 400 600; font-style: normal; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root{--bone:#EDEAE3;--dim:#A29E94;--slate:#A8B9D3;--cyan:#05E1F9;--ink:#12110E;--rule:rgba(255,248,230,.09);--line:rgba(255,248,230,.14);--rc:10px;--pad:80px}
*{box-sizing:border-box}
html,body{background:#060607}
body{position:relative;margin:0;color:var(--bone);font:16px/1.65 'Instrument Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.atmo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.pool{position:absolute;border-radius:50%;width:900px;height:900px;left:-340px;top:-380px;background:radial-gradient(closest-side,rgba(5,225,249,.11),rgba(18,160,120,.05) 45%,rgba(0,0,0,0))}
.page{position:relative;z-index:1}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad)}
.nav svg{height:26px;width:auto;display:block}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;color:var(--dim);font-size:15px}
.nav ul a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 15px;border-radius:var(--rc);font:600 14px 'Instrument Sans';background:var(--bone);color:var(--ink);text-decoration:none;white-space:nowrap}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
.eyebrow{font:500 12px/16px 'Geist Mono';letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0}
.head{padding-top:112px;padding-bottom:56px}
.head .t{grid-column:1 / span 8}
h1{font:700 56px/1.03 'Space Grotesk';letter-spacing:-.035em;margin:16px 0 18px}
.edition{font-size:15px;color:var(--dim);margin:0;max-width:640px}
.lede{margin:28px 0 0;font-size:19px;line-height:1.55;max-width:680px}
.toc{grid-column:10 / span 3;align-self:end;font-size:14px;color:var(--dim)}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:block;text-decoration:none}
.toc li{padding:7px 0;border-top:1px solid var(--rule)}.toc li:last-child{border-bottom:1px solid var(--rule)}
.toc b{font-weight:500;color:var(--bone);margin-right:10px;font-variant-numeric:tabular-nums}
.body{grid-column:1 / span 8;padding-bottom:120px}
section{padding:36px 0 4px;border-top:1px solid var(--rule)}
h2{font:700 24px/1.2 'Space Grotesk';letter-spacing:-.02em;margin:0 0 14px;display:flex;gap:14px}
h2 span{color:var(--dim);font-variant-numeric:tabular-nums;min-width:26px}
section p,section li{color:rgba(237,234,227,.86);margin:0 0 14px;max-width:680px}
section ul{margin:0 0 14px;padding-left:20px}
section li{margin-bottom:8px}
strong{color:var(--bone);font-weight:600}
code{font:500 13.5px 'Geist Mono';color:var(--bone)}
.inl{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(237,234,227,.3);text-underline-offset:3px}
/* unresolved: a date set at deploy, or wording awaiting the legal read (shown, never silent) */
.pending,.legal-open{color:#FFC46B;border-bottom:1px dashed rgba(255,196,107,.7)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;height:120px;padding:0 var(--pad);background:#060607;border-top:1px solid rgba(255,248,230,.06);font:400 14px 'Instrument Sans';color:var(--dim)}
footer svg{height:22px;width:auto;display:block}footer nav{display:flex;gap:24px}footer a{text-decoration:none}
footer .fc{color:rgba(162,158,148,.6)}
@media (max-width:759px){
  :root{--pad:20px}
  .nav{height:56px}.nav svg{height:22px}.nav ul{display:none}
  .g{display:block}
  .head{padding-top:48px;padding-bottom:36px}
  h1{font-size:40px}
  .lede{font-size:17px}
  .toc{margin-top:32px}
  h2{font-size:21px}
  section{padding-top:28px}
  .body{padding-bottom:80px}
  footer{flex-direction:column;justify-content:center;height:auto;padding:28px 20px;gap:14px}
}
/* the preview is never mistaken for the release: the banner goes before deploy (site-check readiness) */
.banner{margin:0;padding:10px var(--pad);background:rgba(255,196,107,.08);border-bottom:1px dashed rgba(255,196,107,.55);color:#FFC46B;font:500 13px/20px 'Instrument Sans';text-align:center}
section{scroll-margin-top:24px}
/* controls: the homepage's focus ring and press */
a:focus{outline:none}
a:focus-visible{outline:2px solid rgba(168,185,211,.95);outline-offset:3px;border-radius:6px}
a.btn:focus-visible{border-radius:var(--rc)}
.btn{transition:background-color .12s ease,scale .1s ease}.btn:hover{background:#F7F5F0}.btn:active{scale:.98}
.nav ul a:hover,footer a:hover,.toc a:hover{color:var(--bone)}
.inl:hover{text-decoration-color:rgba(237,234,227,.7)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (forced-colors: active){.btn{border:1px solid ButtonText}.banner{border-bottom:1px solid CanvasText}.pending,.legal-open{border-bottom:1px dashed CanvasText}}

/* WEB-7 study: the phase label that opens the planned part of /privacy and /terms */
.phase{margin:0;padding:36px 0 22px;border-top:1px solid var(--rule)}.phase b{display:block;font:500 12px/16px 'Geist Mono';letter-spacing:.08em;text-transform:uppercase;color:#FFC46B;margin-bottom:10px}.phase span{display:block;color:rgba(237,234,227,.86);max-width:680px}.phase+section{border-top:0;padding-top:8px}.toc .sep{padding:14px 0 7px;border-top:1px solid var(--rule);font:500 11px/14px 'Geist Mono';letter-spacing:.08em;text-transform:uppercase;color:#FFC46B}
