/* Shared shell for /privacy and /terms — mirrors the tokens and header/footer
   from index.html so legal pages read as part of the same site, not a bolt-on. */

@font-face{font-family:'KrooDisplay';src:url('/fonts/BebasNeue_400Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'KrooBody';src:url('/fonts/DMSans_400Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'KrooBody';src:url('/fonts/DMSans_500Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'KrooBody';src:url('/fonts/DMSans_700Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'KrooBody';src:url('/fonts/DMSans_800ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;}

:root{
  color-scheme: dark;
  --bg0:#08090E; --bg1:#0F1018; --bg2:#14151F; --bg3:#1A1B27;
  --t1:#FFFFFF; --t2:rgba(255,255,255,.78); --t3:rgba(255,255,255,.55); --t4:rgba(255,255,255,.34);
  --accent:#BAFF35; --on-accent:#000000; --accent-bg:rgba(186,255,53,.10);
  --blue:#4B8EFF; --red:#FF4040; --orange:#FF8C35;
  --border:rgba(255,255,255,.08); --border-light:rgba(255,255,255,.14);
  --font-display:'KrooDisplay','Bebas Neue',system-ui,sans-serif;
  --font-body:'KrooBody','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-full:9999px;
  --container:760px;
}

*,*::before,*::after{box-sizing:border-box;}
body{margin:0; background:var(--bg0); color:var(--t1); font-family:var(--font-body); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2.5px solid var(--accent); outline-offset:3px; border-radius:4px;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important;}}

.container{max-width:var(--container); margin-inline:auto; padding-inline:clamp(20px,5vw,32px);}
.skip-link{position:absolute; inset-inline-start:12px; top:-60px; z-index:100; background:var(--accent); color:var(--on-accent); font-weight:800; padding:10px 16px; border-radius:var(--radius-md); transition:top .2s ease;}
.skip-link:focus{top:12px;}

.k-mark{color:var(--accent); flex-shrink:0;}

.site-header{position:sticky; top:0; z-index:50; background:rgba(8,9,14,.86); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border);}
.header-inner{max-width:1180px; margin-inline:auto; padding:14px clamp(20px,5vw,32px); display:flex; align-items:center; gap:16px;}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; margin-inline-end:auto;}
.brand .wordmark{font-family:var(--font-display); font-size:22px; letter-spacing:2px; line-height:1;}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 22px; border-radius:var(--radius-full); font-weight:800; font-size:14px; text-decoration:none; border:1.5px solid var(--border-light); color:var(--t1);}
.btn:hover{border-color:var(--accent); color:var(--accent);}

.legal-hero{padding-block:56px 24px;}
.legal-hero .eyebrow{font-weight:800; font-size:12.5px; letter-spacing:3px; text-transform:uppercase; color:var(--accent);}
.legal-hero h1{font-family:var(--font-display); font-size:clamp(36px,6vw,60px); text-transform:uppercase; letter-spacing:-.01em; margin:10px 0 0;}
.legal-hero .meta{color:var(--t3); font-size:14px; margin-top:14px;}

main.legal{padding-block:8px 72px;}
main.legal section{padding-block:28px; border-top:1px solid var(--border);}
main.legal section:first-of-type{border-top:none;}
main.legal h2{font-family:var(--font-display); font-size:clamp(22px,3vw,28px); text-transform:uppercase; letter-spacing:.2px; margin-bottom:12px;}
main.legal h3{font-size:16px; font-weight:800; margin:18px 0 6px;}
main.legal p{color:var(--t2); margin:0 0 12px; max-width:70ch;}
main.legal ul{color:var(--t2); margin:0 0 12px; padding-inline-start:22px; max-width:68ch;}
main.legal li{margin-bottom:6px;}
main.legal strong{color:var(--t1);}
main.legal a{color:var(--accent); text-decoration:underline; text-underline-offset:2px;}
main.legal table{width:100%; border-collapse:collapse; margin:12px 0 20px; font-size:14px;}
main.legal th,main.legal td{text-align:start; padding:9px 10px; border-bottom:1px solid var(--border); color:var(--t2); vertical-align:top;}
main.legal th{color:var(--t1); font-weight:800; font-size:12.5px; letter-spacing:.5px; text-transform:uppercase;}

footer.site-footer{padding-block:36px; border-top:1px solid var(--border);}
footer.site-footer .container{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:center;}
footer.site-footer .foot-links{display:flex; gap:22px; flex-wrap:wrap;}
footer.site-footer a{text-decoration:none; color:var(--t2); font-size:13.5px; font-weight:600;}
footer.site-footer a:hover{color:var(--accent);}
footer.site-footer .copy{color:var(--t4); font-size:12.5px;}