@font-face { font-family: 'Clarity City'; src: url('/fonts/clarity-city/ClarityCity-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Clarity City'; src: url('/fonts/clarity-city/ClarityCity-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Clarity City'; src: url('/fonts/clarity-city/ClarityCity-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Clarity City'; src: url('/fonts/clarity-city/ClarityCity-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
:root { color-scheme: dark; --ink:#f7fbff; --soft:#d6e1ee; --muted:#9fb0c5; --line:rgba(255,255,255,.12); --panel:rgba(255,255,255,.055); --blue:#4f8fca; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; min-width:320px; color:var(--ink); font-family:'Clarity City',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:radial-gradient(circle at 15% -5%,rgba(45,111,174,.13),transparent 32rem),linear-gradient(180deg,#02060c,#07111f 48%,#030810); }
a { color:inherit; text-decoration:none; }
.shell { width:min(1080px,calc(100% - 40px)); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(4,10,18,.88); backdrop-filter:blur(16px); }
.nav { min-height:74px; display:flex; align-items:center; gap:18px; }
.brand { display:inline-flex; align-items:center; gap:11px; margin-right:auto; font-weight:800; letter-spacing:-.03em; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:linear-gradient(145deg,rgba(18,52,95,.96),rgba(6,20,42,.9)); }
.brand-mark img { width:28px; }
.nav-links { display:flex; align-items:center; gap:4px; }
.nav-links a { min-height:42px; display:inline-flex; align-items:center; padding:10px 12px; color:var(--muted); border-radius:999px; font-size:14px; font-weight:700; }
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current='page'] { color:#fff; background:rgba(255,255,255,.075); }
.audit-link { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:11px 18px; border:1px solid rgba(91,151,209,.52); border-radius:999px; background:linear-gradient(145deg,rgba(18,52,95,.98),rgba(6,20,42,.98)); font-size:14px; font-weight:800; }
main { padding:clamp(64px,9vw,112px) 0 90px; }
.eyebrow { color:#8ec5ef; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:840px; margin:18px 0 0; font-size:clamp(44px,7vw,76px); line-height:.96; letter-spacing:-.06em; text-wrap:balance; }
.intro { max-width:760px; margin:24px 0 0; color:var(--soft); font-size:clamp(18px,2vw,21px); line-height:1.58; }
.updated { margin:18px 0 0; color:var(--muted); font-size:14px; }
.legal-grid { display:grid; gap:14px; margin-top:50px; }
.legal-card { padding:clamp(24px,4vw,38px); border:1px solid var(--line); border-radius:26px; background:linear-gradient(145deg,rgba(12,32,58,.78),rgba(5,15,30,.82)); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.legal-card h2 { margin:0; font-size:clamp(24px,3vw,34px); letter-spacing:-.035em; }
.legal-card h3 { margin:26px 0 0; font-size:18px; }
.legal-card p,.legal-card li { color:var(--soft); line-height:1.65; }
.legal-card p { margin:14px 0 0; }
.legal-card ul { margin:14px 0 0; padding-left:22px; display:grid; gap:8px; }
.legal-card a { color:#9fd7ff; text-decoration:underline; text-underline-offset:3px; }
.notice { margin-top:28px; padding:16px 18px; border-left:3px solid var(--blue); border-radius:12px; color:var(--soft); background:rgba(79,143,202,.08); line-height:1.55; }
footer { border-top:1px solid rgba(255,255,255,.09); background:#030810; }
.footer-grid { min-height:180px; padding:34px 0 42px; display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:start; }
.footer-title { font-weight:800; }
.footer-copy { max-width:520px; margin:12px 0 0; color:var(--muted); line-height:1.55; font-size:14px; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 18px; }
.footer-links a { color:var(--muted); font-size:14px; }
.footer-links a:hover,.footer-links a:focus-visible { color:#fff; }
@media (max-width:760px) { .shell{width:min(calc(100% - 28px),1080px)} .nav{min-height:68px;gap:10px}.brand span:last-child{display:none}.nav-links{display:none}.audit-link{margin-left:auto;padding:10px 14px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start} main{padding-top:54px}.legal-card{border-radius:22px} }