:root{--void:#020508;--base:#06090f;--card-bg:rgba(11,16,28,0.85);--border:rgba(255,255,255,0.07);--c:#00d4ff;--c-10:rgba(0,212,255,0.10);--c-20:rgba(0,212,255,0.20);--t1:#eef3ff;--t2:#8fa4be;--t3:#4a6278;--display:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--body:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--w:1160px;--ease:cubic-bezier(.16,1,.3,1);--r:14px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;color-scheme:dark;}
body{font-family:var(--body);background:var(--void);color:var(--t1);line-height:1.7;font-size:17px;overflow-x:hidden;}
a{color:var(--c);text-decoration:none;transition:opacity .2s;}
a:hover{opacity:.75;}
::selection{background:var(--c-10);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;border-bottom:1px solid var(--border);}
.nb{position:absolute;inset:0;background:rgba(2,5,8,0.84);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);}
.nw{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:0 48px;height:66px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:var(--display);font-size:15px;font-weight:700;color:var(--t1);}
.logo-c{background:linear-gradient(125deg,#00d4ff 0%,#9b70ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic;font-weight:800;}
.nl{display:flex;align-items:center;gap:4px;}
.nl a{font-size:14px;color:var(--t2);padding:7px 15px;border-radius:8px;transition:color .15s,background .15s;}
.nl a:hover{color:var(--t1);background:rgba(255,255,255,0.05);opacity:1;}
.nbtn{font-family:var(--display);font-size:13px;font-weight:600;padding:10px 22px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:var(--t1);border-radius:50px;transition:all .2s;}
.nbtn:hover{background:rgba(255,255,255,0.12);opacity:1;color:var(--t1);}
.hbg{display:none;background:none;border:none;cursor:pointer;color:var(--t2);padding:6px;}
.hbg svg{width:20px;height:20px;}
.nd{display:none;flex-direction:column;position:absolute;top:66px;left:0;right:0;background:rgba(2,5,8,0.97);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--border);padding:12px 24px 20px;gap:2px;z-index:800;}
.nd.open{display:flex;}
.nd a{font-size:15px;color:var(--t2);padding:12px 16px;border-radius:8px;}
.nd a:hover{color:var(--t1);background:rgba(255,255,255,0.05);opacity:1;}

/* PAGE LAYOUT */
.w{max-width:var(--w);margin:0 auto;padding:0 48px;}
.legal-hero{padding:140px 0 56px;position:relative;overflow:hidden;}
.legal-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 72% 35%,rgba(0,212,255,0.10) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 18% 65%,rgba(120,80,255,0.07) 0%,transparent 60%);}
.legal-hero .w{position:relative;z-index:1;}
.ey{font-family:var(--display);font-size:12px;font-weight:600;color:#5e7d96;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:14px;}
h1.ph{font-family:var(--display);font-size:clamp(38px,4.4vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.035em;background:linear-gradient(135deg,#f0f6ff 0%,#c8dff0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;}
.sub{font-size:15px;color:var(--t2);}

/* PROSE */
.legal-body{padding:24px 0 96px;}
.legal-body .w{max-width:780px;}
.prose{background:var(--card-bg);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r);padding:52px 56px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 8px 32px rgba(0,0,0,.42);position:relative;overflow:hidden;}
.prose::after{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),rgba(155,112,255,.28),transparent);}
.prose h2{font-family:var(--display);font-size:20px;font-weight:600;color:var(--t1);letter-spacing:-.015em;margin:36px 0 12px;}
.prose h2:first-child{margin-top:0;}
.prose p{font-size:15.5px;color:#9bb4cc;line-height:1.78;margin-bottom:14px;}
.prose ul{list-style:none;margin:10px 0 16px;padding:0;}
.prose li{position:relative;padding-left:22px;font-size:15.5px;color:#9bb4cc;line-height:1.78;margin-bottom:8px;}
.prose li::before{content:'';position:absolute;left:6px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--c);opacity:.55;}
.prose strong{color:var(--t1);font-weight:600;}
.prose code{font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:13px;background:rgba(0,212,255,0.08);color:var(--c);padding:2px 6px;border-radius:4px;}
.prose a{color:var(--c);border-bottom:1px solid var(--c-20);}
.prose a:hover{border-bottom-color:var(--c);opacity:1;}

.legal-foot-nav{max-width:780px;margin:28px auto 0;padding:0 48px;display:flex;justify-content:space-between;gap:16px;font-family:var(--display);font-size:13px;font-weight:600;}

/* FOOTER */
footer{padding:60px 0 40px;border-top:1px solid var(--border);background:var(--void);}
.fm{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;}
.fb .logo{margin-bottom:11px;display:block;}
.fb p{font-size:13px;color:var(--t2);line-height:1.65;max-width:210px;}
.fco h4{font-family:var(--display);font-size:12px;font-weight:600;color:#6a88a0;letter-spacing:.03em;text-transform:uppercase;margin-bottom:15px;}
.fco a{display:block;font-size:14px;color:var(--t2);margin-bottom:9px;transition:color .15s;}
.fco a:hover{color:var(--t1);opacity:1;}
.fbot{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.fcp,.fleg a{font-size:12px;color:#6a88a0;}
.fleg{display:flex;gap:18px;}

@media(max-width:1000px){
  .w,.nw{padding:0 28px;}
  .prose{padding:40px 32px;}
  .legal-foot-nav{padding:0 28px;}
  .fm{grid-template-columns:1fr 1fr;}
  .nl{display:none;}
  .hbg{display:flex;}
}
@media(max-width:600px){
  .prose{padding:32px 22px;}
  .fm{grid-template-columns:1fr;}
  .fbot{flex-direction:column;align-items:flex-start;}
}