:root{
  --bg:#0a0a0d;--bg2:#101015;--panel:#141419;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);
  --ink:#f5f5f7;--body:#a6a7b0;--muted:#6f707a;
  --red:#e11d2a;--red2:#ff4646;--red-grad:linear-gradient(118deg,#7c0d13,#e11d2a,#ff5a5a);
  --disp:'Sora',system-ui,sans-serif;--sans:'Manrope',system-ui,sans-serif;
  --maxw:1180px;--wide:1360px;--r:12px;--r-lg:18px;--r-xl:24px;--ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:var(--red2);text-decoration:none}
h1,h2,h3{font-family:var(--disp);color:var(--ink);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.wide{max-width:var(--wide);margin:0 auto;padding:0 26px}
.eyebrow{display:inline-block;font-weight:700;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red2);margin-bottom:14px}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:800;font-size:14px;padding:14px 24px;border-radius:100px;cursor:pointer;border:none;transition:transform .25s var(--ease),filter .25s}
.btn svg{width:16px;height:16px}
.btn-red{background:var(--red-grad);color:#fff}.btn-red:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}.btn-ghost:hover{background:rgba(255,255,255,.05)}

#hdr{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,13,.72);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-size:20px;font-weight:800;letter-spacing:.14em;color:#fff}
.logo .mk{width:30px;height:30px}
.nav-links{display:flex;gap:30px}
.nav-links a{font-size:14px;font-weight:600;color:var(--body)}.nav-links a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:14px}.nav-cta .btn{padding:12px 20px;font-size:13px}
.nav-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:6px}
.mobile-menu{position:fixed;inset:0;top:74px;background:var(--bg);z-index:99;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease);display:flex;flex-direction:column;padding:24px}
#hdr.menu-open .mobile-menu{opacity:1;transform:none;pointer-events:auto}
.mobile-menu a{color:#fff;font-family:var(--disp);font-weight:700;font-size:24px;padding:16px 4px;border-bottom:1px solid var(--line)}
.mobile-menu .mm-cta{margin-top:22px;background:var(--red-grad);color:#fff;border-radius:100px;text-align:center;font-weight:800;border:none;padding:16px}

.legal-hero{padding:150px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(120% 120% at 20% 0%,rgba(225,29,42,.12),transparent 55%)}
.legal-hero h1{font-size:clamp(30px,5vw,46px);color:#fff}
.legal-hero p{color:var(--body);margin-top:12px;max-width:560px}
.legal{padding:50px 0 130px}
.legal .wrap{max-width:840px}
.legal h2{font-size:22px;color:#fff;margin:38px 0 12px}
.legal h3{font-size:16px;color:#fff;font-family:var(--sans);font-weight:800;margin:24px 0 8px}
.legal p{margin:0 0 14px;font-size:15.5px}
.legal ul{margin:0 0 16px;padding-left:20px;font-size:15.5px}
.legal li{margin-bottom:7px}
.legal a{word-break:break-word;text-decoration:underline}
.legal strong{color:var(--ink)}
.legal-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px;margin:20px 0}
.legal-box p:last-child{margin-bottom:0}
.legal .ph{color:var(--red2);font-weight:700}

.footer{background:#08080a;border-top:1px solid var(--line);padding:60px 0 30px}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.foot-about{font-size:14px;color:var(--muted);max-width:320px;margin-bottom:14px}
.foot-contact{font-size:14px;color:var(--body);margin:0}.foot-contact a:hover{color:#fff}
.foot-col strong{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.foot-col nav{display:flex;flex-direction:column;gap:11px}
.foot-col nav a{font-size:14px;color:var(--body)}.foot-col nav a:hover{color:#fff}
.foot-legal{border-top:1px solid var(--line);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.foot-legal .lset{display:flex;gap:20px;flex-wrap:wrap}
.foot-legal a{color:var(--muted);cursor:pointer}.foot-legal a:hover{color:#fff}

.cookie{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cookie.hide{display:none}
.cookie-inner{max-width:440px;width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--r-lg);padding:34px 30px 26px;text-align:center}
.cookie-ic{width:54px;height:54px;margin:0 auto 16px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(225,29,42,.14);color:var(--red2)}
.cookie-ic svg{width:27px;height:27px}
.cookie-inner h3{color:#fff;font-size:20px;margin-bottom:10px}
.cookie-text{font-size:13.5px;color:var(--body);margin:0}.cookie-text a{color:var(--red2);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;margin-top:22px}
.cbtn{flex:1;font-family:var(--sans);font-weight:800;font-size:13.5px;padding:13px 16px;border-radius:100px;cursor:pointer;border:none}
.cbtn.gh{background:rgba(255,255,255,.06);color:var(--ink)}.cbtn.pr{background:var(--red-grad);color:#fff}

@media(max-width:900px){.nav-links{display:none}.nav-cta .btn{display:none}.nav-toggle{display:inline-flex}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap,.wide{padding:0 20px}.legal-hero{padding-top:120px}.foot-grid{grid-template-columns:1fr}.foot-legal{flex-direction:column}}
