/* ============ B24 BIZ — LEGAL PAGE STYLES ============ */
:root{
  --navy:#050b1f; --navy-2:#0a1433;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.06);
  --txt:#eef2ff; --muted:#9aa8c7; --muted-2:#6f7d9e;
  --blue:#2f7bff; --cyan:#22d3ee;
  --grad:linear-gradient(115deg,#2f7bff 0%,#22d3ee 100%);
  --grad-soft:linear-gradient(115deg,rgba(47,123,255,.16),rgba(34,211,238,.16));
  --radius:18px; --maxw:880px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--navy);color:var(--txt);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ambient */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}
.orb.a{width:600px;height:600px;background:#1e5bd6;top:-260px;left:-180px;animation:drift1 22s var(--ease) infinite alternate}
.orb.b{width:480px;height:480px;background:#0e7490;bottom:-180px;right:-180px;animation:drift2 26s var(--ease) infinite alternate}
@keyframes drift1{to{transform:translate(120px,100px) scale(1.15)}}
@keyframes drift2{to{transform:translate(-110px,-80px) scale(1.1)}}
.grid-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 40%,transparent 100%);
}
header,main,footer{position:relative;z-index:1}

/* nav */
header{
  position:sticky;top:0;z-index:100;
  background:rgba(5,11,31,.82);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav{max-width:1180px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.logo-mark{
  width:36px;height:36px;border-radius:10px;background:var(--grad);
  display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#031024;
  box-shadow:0 6px 22px rgba(47,123,255,.5);
}
.back{
  font-size:.9rem;font-weight:600;color:var(--muted);padding:9px 16px;border-radius:9px;
  border:1px solid var(--line);transition:.3s var(--ease);
}
.back:hover{color:var(--txt);background:rgba(255,255,255,.08);transform:translateY(-2px)}

/* doc */
.doc{padding:70px 0 90px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.updated{font-size:.88rem;color:var(--muted-2);margin-bottom:38px}

.warn{
  display:flex;gap:13px;align-items:flex-start;
  border:1px dashed rgba(251,191,36,.5);background:rgba(251,191,36,.07);
  border-radius:13px;padding:17px 20px;margin-bottom:40px;
  font-size:.89rem;color:#fcd34d;line-height:1.6;
}
.warn strong{color:#fde68a}

.toc{
  border:1px solid var(--line);background:rgba(10,20,51,.6);
  border-radius:var(--radius);padding:26px 30px;margin-bottom:48px;
}
.toc h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin-bottom:14px;font-weight:700}
.toc ol{margin-left:18px;columns:2;column-gap:30px}
.toc li{margin-bottom:7px}
.toc a{font-size:.9rem;color:var(--muted);transition:color .25s}
.toc a:hover{color:var(--cyan)}

h2.s{
  font-size:1.3rem;font-weight:800;letter-spacing:-.02em;
  margin:44px 0 14px;scroll-margin-top:90px;
}
h2.s .n{color:var(--cyan);margin-right:9px}
h3.s{font-size:1rem;font-weight:700;margin:24px 0 8px;color:var(--txt)}
p{color:var(--muted);margin-bottom:14px;font-size:.96rem}
ul.d,ol.d{margin:0 0 16px 22px}
ul.d li,ol.d li{color:var(--muted);margin-bottom:9px;font-size:.95rem}
strong{color:var(--txt)}
a.link{color:var(--cyan);font-weight:600;border-bottom:1px solid rgba(34,211,238,.35)}
a.link:hover{border-bottom-color:var(--cyan)}
.ph{
  background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.4);
  border-radius:5px;padding:1px 7px;color:#fcd34d;font-weight:700;font-size:.9em;
  white-space:nowrap;
}
hr.sep{border:0;border-top:1px solid var(--line);margin:44px 0}
.tbl{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9rem}
.tbl th,.tbl td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.tbl th{background:rgba(47,123,255,.1);font-weight:700;color:var(--txt);font-size:.83rem;text-transform:uppercase;letter-spacing:.05em}
.tbl td{color:var(--muted)}

.contact-card{
  border:1px solid rgba(47,123,255,.35);border-radius:var(--radius);padding:28px 30px;
  background:linear-gradient(150deg,rgba(47,123,255,.14),rgba(10,20,51,.7));margin-top:14px;
}
.contact-card p{margin-bottom:6px}

footer{border-top:1px solid var(--line);padding:34px 0;background:rgba(3,7,20,.6)}
.fbot{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;color:var(--muted-2)}
.fbot a{color:var(--muted);transition:color .25s}
.fbot a:hover{color:var(--cyan)}

@media(max-width:700px){
  .toc ol{columns:1}
  .doc{padding:44px 0 60px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}