:root{--ink:#0a0a0a;--paper:#FAFAFA;--paper-2:#FAFAFA;--line:#e6e6e6;--line-strong:rgba(10,10,10,0.13);--mute:#5a5a58;--mute-2:#8e8c87;--frame-max:1280px;--gutter:10px;--radius:16px}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Open Sans',system-ui,sans-serif;background:var(--paper-2);color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:var(--ink)}
a:hover{color:#024EE3}
.frame{position:relative;max-width:var(--frame-max);margin:0 auto;background:var(--paper-2);min-height:100vh;display:flex;flex-direction:column;padding:var(--gutter);gap:0}
.nav-wrap{padding:0;margin-bottom:18px}
.footer-wrap{padding:0;margin-top:18px}
/* NAV */
.nav{background:#0a0a0a;color:#fff;border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 6px 18px rgba(10,10,10,0.06)}
.nav-inner{height:60px;padding:0 18px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;height:100%;text-decoration:none}
.brand-logo{height:17px;display:block}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex:1;justify-content:flex-start;margin-left:18px}
.nav-links a{color:#fff;text-decoration:none;font-size:13.5px;font-weight:400;padding:7px 12px;border-radius:8px;transition:color .15s ease,background .15s ease}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,0.08)}
.nav-cta{display:flex;align-items:center;gap:8px}
.btn{font-family:'Open Sans',sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1;white-space:nowrap;border-radius:8px;padding:9px 14px}
.btn-ghost-dark{color:rgba(255,255,255,0.92);background:transparent;border-color:rgba(255,255,255,0.2)}
.btn-ghost-dark:hover{border-color:rgba(255,255,255,0.45);color:#fff}
.btn-light{color:#0a0a0a;background:#fff;border-color:#fff}
.btn-light:hover{background:#ececea;color:#0a0a0a}
/* CROSSHAIRS */
.crosshair{position:absolute;width:12px;height:12px;color:rgba(10,10,10,0.4);z-index:1;pointer-events:none}
.crosshair.tl{top:-6px;left:-6px}
.crosshair.tr{top:-6px;right:-6px}
.crosshair.bl{bottom:-6px;left:-6px}
.crosshair.br{bottom:-6px;right:-6px}
.crosshair::before,.crosshair::after{content:"";position:absolute;background:currentColor}
.crosshair::before{left:0;right:0;top:50%;height:0.5px;transform:translateY(-0.25px)}
.crosshair::after{top:0;bottom:0;left:50%;width:0.5px;transform:translateX(-0.25px)}
/* LEGAL PAGE BODY */
.legal-shell{position:relative;flex:1;display:flex}
.legal{position:relative;flex:1;width:100%;background:var(--paper-2);border:1px solid var(--line);padding:72px 56px 88px;isolation:isolate}
.legal-inner{position:relative;z-index:1}
.legal-inner{max-width:860px}
.legal h1{font-family:'Open Sans',sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0 0 14px;color:var(--ink);text-wrap:balance}
.legal-updated{font-size:15px;color:var(--mute);margin:0 0 34px}
.legal-rule{border:0;border-top:1px solid var(--line);margin:0 0 40px}
.legal h2{font-family:'Open Sans',sans-serif;font-size:20px;font-weight:700;letter-spacing:-0.02em;margin:44px 0 14px;color:var(--ink)}
.legal h2:first-of-type{margin-top:0}
.legal p{font-size:15px;line-height:1.62;color:var(--mute);margin:0 0 16px;text-wrap:pretty}
.legal ol{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.legal li{font-size:15px;line-height:1.62;color:var(--mute)}
.legal strong{color:var(--ink);font-weight:600}
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-top:44px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(10,10,10,0.2);padding-bottom:2px}
.legal-back:hover{color:#024EE3;border-color:#024EE3}
/* FOOTER */
.footer{background:#0a0a0a;color:#fff;border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 6px 18px rgba(10,10,10,0.06);padding:36px 36px 32px;display:grid;grid-template-columns:1fr auto;align-items:flex-start;gap:64px}
.footer-left{display:flex;flex-direction:column;gap:18px}
.footer-brand{display:inline-flex;align-items:center;text-decoration:none}
.footer-brand img{height:17px;display:block}
.footer-copy{font-size:13px;color:rgba(255,255,255,0.5);margin:0}
.footer-cta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,auto));gap:48px}
.footer-col-title{font-size:13.5px;font-weight:600;letter-spacing:-0.005em;color:#fff;margin:0 0 18px}
.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.footer-col a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:13.5px;font-weight:400;transition:color .15s ease;display:inline-flex;align-items:center;gap:8px}
.footer-col a:hover{color:#fff}
.footer-col svg{width:14px;height:14px;flex-shrink:0;color:currentColor}
/* RESPONSIVE */
@media (max-width:1320px){.frame{border-left:none;border-right:none}}
@media (max-width:980px){
  .nav{position:relative}
  .nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;margin-left:0;gap:2px;background:#0a0a0a;border-radius:var(--radius);padding:10px;box-shadow:0 12px 28px rgba(10,10,10,0.18);z-index:20;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
  .nav-links li{width:100%}
  .nav-links a{display:block;width:100%;padding:11px 14px;font-size:15px}
  .nav.menu-open .nav-links{opacity:1;transform:translateY(0);pointer-events:auto}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease;padding:0;flex-shrink:0}
  .nav-toggle:hover{border-color:rgba(255,255,255,0.45)}
  .nav-toggle svg{width:18px;height:18px}
  .nav-toggle .icon-close{display:none}
  .nav.menu-open .nav-toggle .icon-open{display:none}
  .nav.menu-open .nav-toggle .icon-close{display:block}
}
@media (min-width:981px){.nav-toggle{display:none}}
@media (max-width:760px){
  .legal{padding:48px 24px 64px}
  .footer{padding:28px 24px 24px;grid-template-columns:1fr;gap:40px}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}
}
@media (max-width:640px){:root{--gutter:6px;--radius:12px}.nav-cta .btn-ghost-dark{display:none}}
@media (max-width:480px){.nav-inner{height:56px;padding:0 12px 0 14px;gap:10px}.nav-cta{gap:6px}.btn{padding:8px 12px;font-size:13px}}
@media (max-width:440px){.footer-grid{grid-template-columns:1fr}}