/* ===================== EDYOU LEGAL PAGES ===================== */
/* Shares the founding-site token system (volt/black, Anton/Hanken). */
:root{
  --bg:#000000;--surface:#0C0E0A;--surface-2:#13160F;--ink:#FFFFFF;
  --text:rgba(255,255,255,.78);
  --dim:rgba(255,255,255,.62);--faint:rgba(255,255,255,.40);
  --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.07);
  --volt:#C6F94B;--volt-bright:#DCFF6E;--volt-deep:#A9E028;--on-volt:#0A0B07;--glow:rgba(198,249,75,.45);
  --display:'Anton',-apple-system,sans-serif;--ui:'Hanken Grotesk',-apple-system,sans-serif;--mark:'Baloo 2',sans-serif;
  --r-sm:12px;--r:18px;--r-lg:28px;--r-pill:100px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"]{
  --bg:#FFFFFF;--surface:#F4F6EE;--surface-2:#ECEFE2;--ink:#0A0B07;
  --text:rgba(10,11,7,.8);
  --dim:rgba(10,11,7,.66);--faint:rgba(10,11,7,.45);
  --line:rgba(10,11,7,.14);--line-2:rgba(10,11,7,.08);
  --volt:#8FC60E;--volt-bright:#A9E028;--volt-deep:#6F9C0A;--on-volt:#0A0B07;--glow:rgba(143,198,14,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ui);background:var(--bg);color:var(--ink);line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background .4s var(--ease),color .4s var(--ease);
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--volt);color:var(--on-volt)}
p,li,h1,h2,h3,a{overflow-wrap:break-word}

/* atmosphere */
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
html[data-theme="light"] .grain{opacity:.32}
.glow-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.glow-field b{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}
.glow-field b:nth-child(1){width:44vw;height:44vw;top:-16vw;right:-10vw;background:radial-gradient(circle,var(--glow),transparent 70%)}
.glow-field b:nth-child(2){width:38vw;height:38vw;bottom:-14vw;left:-14vw;background:radial-gradient(circle,var(--glow),transparent 70%);opacity:.25}

/* nav */
.lnav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--line-2);
  background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding-top:env(safe-area-inset-top)}
.lnav-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:14px;min-width:0}
.mark{display:inline-flex;align-items:center;gap:9px;min-width:0}
.umark{width:26px;height:26px;color:var(--ink);flex:none}
.wordmark{font-family:var(--mark);font-weight:800;font-size:1.18rem;letter-spacing:.01em;white-space:nowrap}
.wordmark .u{color:var(--volt)}
.wordmark .tmm{font-size:.52em;vertical-align:super;font-weight:700;color:var(--dim)}
.lnav-label{font-weight:800;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 12px;white-space:nowrap}
.lnav-spacer{flex:1;min-width:0}
.lnav-home{font-weight:700;font-size:.86rem;color:var(--dim);white-space:nowrap}
.lnav-home:hover{color:var(--ink)}
.mode-toggle{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.mode-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html[data-theme="dark"] .mode-toggle .sun{display:none}
html[data-theme="light"] .mode-toggle .moon{display:none}
@media(max-width:480px){.lnav-home{display:none}}

/* document */
.doc{position:relative;z-index:2;max-width:820px;margin:0 auto;
  padding:clamp(108px,14vw,150px) 24px clamp(56px,8vw,88px)}
.eyebrow{font-weight:800;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--volt);
  display:inline-flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor;display:inline-block;flex:none}
.doc h1{font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2rem,6vw,3.6rem);line-height:.96;letter-spacing:.005em;margin:16px 0 14px}
.doc h1 .volt{color:var(--volt)}
.meta{color:var(--faint);font-size:.9rem;font-weight:600;margin-bottom:8px}
.doc-intro{color:var(--dim);font-size:1.02rem;max-width:62ch}
.rule{height:1px;background:var(--line);margin:34px 0}

.doc h2{font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.22rem,2.6vw,1.6rem);line-height:1.1;letter-spacing:.01em;
  margin:2.4em 0 .7em;scroll-margin-top:110px}
.doc h2 .no{color:var(--volt);margin-right:.45em}
.doc h3{font-family:var(--ui);font-weight:800;font-size:1rem;letter-spacing:.02em;
  margin:1.6em 0 .5em;scroll-margin-top:110px}
.doc p{color:var(--text);margin:0 0 1em;max-width:70ch}
.doc ul,.doc ol{margin:0 0 1.2em;padding-left:1.35em;max-width:68ch}
.doc li{color:var(--text);margin-bottom:.55em;padding-left:.2em}
.doc ul li::marker{color:var(--volt)}
.doc ol li::marker{color:var(--volt);font-weight:800}
.doc a{color:var(--ink);border-bottom:1px solid var(--volt)}
.doc a:hover{color:var(--volt)}
.caps{font-weight:700;color:var(--ink);font-size:.94rem;line-height:1.7}

/* callout + address card */
.callout{border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--surface-2);padding:18px 20px;margin:1.4em 0;max-width:70ch}
.callout p{margin:0}
.callout a{color:var(--volt);border-bottom-color:var(--volt)}
.callout p+p{margin-top:.6em}
.addr{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  padding:24px 26px;margin:1.6em 0;max-width:70ch}
.addr .who{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.15rem;margin-bottom:6px}
.addr p{margin:0;color:var(--text)}
.addr a{color:var(--volt);border-bottom:1px solid transparent}
.addr a:hover{border-bottom-color:var(--volt)}

/* table of contents */
.toc{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  padding:6px 20px;margin:26px 0 6px;max-width:70ch}
.toc summary{cursor:pointer;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);padding:12px 0;list-style:none;display:flex;align-items:center;gap:10px}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";color:var(--volt);font-size:1.05rem;font-weight:700;margin-left:auto}
.toc[open] summary::after{content:"\2212"}
.toc ol{columns:2;column-gap:28px;padding:2px 0 16px 1.4em;margin:0}
.toc li{margin-bottom:.4em;font-size:.9rem;color:var(--text);break-inside:avoid;padding-left:.15em}
.toc li::marker{color:var(--volt);font-weight:700}
.toc a{border-bottom:none;color:var(--text)}
.toc a:hover{color:var(--volt)}
@media(max-width:640px){.toc ol{columns:1}}

/* hub cards: 6 cards -> 3x2 desktop, 2x3 tablet, 1-col phone; rows always reach the right edge */
.hub-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:34px}
.hub-card{grid-column:span 2;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  padding:24px 22px;display:flex;flex-direction:column;gap:8px;min-width:0;
  transition:border-color .25s var(--ease),transform .25s var(--ease)}
.hub-card:hover{border-color:var(--volt);transform:translateY(-2px)}
.hub-card .k{font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--volt)}
.hub-card .t{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.22rem;line-height:1.05}
.hub-card .d{color:var(--dim);font-size:.92rem;flex:1}
.hub-card .go{font-weight:800;font-size:.82rem;color:var(--ink)}
.hub-card .go::after{content:" \2192";color:var(--volt)}
@media(max-width:900px){.hub-card{grid-column:span 3}}
@media(max-width:560px){.hub-card{grid-column:span 6}}

/* footer */
.lfoot{position:relative;z-index:2;border-top:1px solid var(--line);margin-top:20px;
  padding:34px 24px calc(30px + env(safe-area-inset-bottom))}
.lfoot-in{max-width:1180px;margin:0 auto}
.lfoot-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px}
.lfoot-links a{font-weight:700;font-size:.86rem;color:var(--dim)}
.lfoot-links a:hover{color:var(--volt)}
.lfoot-links a[aria-current="page"]{color:var(--volt)}
.lfoot p{color:var(--faint);font-size:.8rem;max-width:none}

@media print{
  .grain,.glow-field,.lnav,.lfoot-links,.mode-toggle,.toc{display:none}
  body{background:#fff;color:#000}
  .doc{padding-top:20px}
  .doc p,.doc li{color:#000}
}