
:root{
 --bg:#050505;--bg2:#120b0d;--panel:#0d0d0f;--panel2:#151113;
 --text:#fffaf8;--muted:#cfc4c4;--red:#e72746;--red2:#ff5668;
 --gold:#d8aa61;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 line-height:1.68;
 background:
 radial-gradient(circle at 8% 0%,rgba(218,35,67,.14),transparent 28%),
 radial-gradient(circle at 94% 4%,rgba(137,30,48,.12),transparent 25%),
 linear-gradient(180deg,var(--bg2),var(--bg));
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap,.shell{width:min(1180px,calc(100% - 160px));margin:0 auto}
.top,.site-header,header{
 position:sticky;top:0;z-index:60;
 background:#000!important;border-bottom:1px solid var(--line);
 backdrop-filter:blur(14px);
}
.nav,.header-row{
 min-height:92px;display:grid!important;grid-template-columns:240px 1fr;gap:24px;align-items:center;
}
.brand{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:max-content;background:#000!important;padding:7px 12px!important;border-radius:14px!important;
 font-size:0!important;color:transparent!important;line-height:0!important;
}
.brand img{
 width:205px!important;max-width:205px!important;height:auto!important;max-height:68px!important;
 object-fit:contain!important;background:#000!important;
}
.brand b,.brand span{display:none!important}
.links,nav{display:flex!important;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.links a,nav a{
 padding:10px 13px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:850;
 border:1px solid transparent;
}
.links a:hover,nav a:hover{background:rgba(255,255,255,.055);border-color:var(--line);color:#fff}
.hero{padding:34px 0 14px}
.hero-grid{display:block!important}
.hero h1{
 max-width:1020px;margin:13px 0;font-size:clamp(42px,5.6vw,68px);line-height:1.03;letter-spacing:-.035em;
}
.hero p,.lead{max-width:930px;color:var(--muted);font-size:clamp(17px,1.8vw,21px)}
.eyebrow,.kicker{
 display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;
 background:rgba(231,39,70,.08);border:1px solid rgba(231,39,70,.26);
 color:#ffd7dd;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;
}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.chip{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#decfd1;font-size:13px;font-weight:800}
.btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:52px!important;padding:0 24px!important;border-radius:15px!important;
 background:linear-gradient(135deg,var(--red),var(--red2))!important;color:#fff!important;
 font-weight:900!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.18)!important;
 box-shadow:0 14px 32px rgba(0,0,0,.26)!important;
}
.hero-banner{
 margin-top:26px;border-radius:28px;overflow:hidden;background:#000;
 border:1px solid rgba(216,170,97,.24);box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.hero-banner img{width:100%!important;height:auto!important;aspect-ratio:1280/440!important;object-fit:cover!important}
.section,main{padding:26px 0 66px}
.card,.panel{
 margin:0 0 18px;padding:27px 29px;border-radius:22px;
 background:linear-gradient(180deg,rgba(20,16,18,.96),rgba(8,8,10,.98));
 border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.grid2,.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card h2,.panel h2{margin:0 0 13px;font-size:clamp(27px,3vw,38px);line-height:1.16}
.card h3,.panel h3{font-size:21px;line-height:1.24;margin:24px 0 9px}
.card p,.card li,.panel p,.panel li{color:var(--muted);font-size:17px}
.card p,.panel p{margin:0 0 15px}
.card ul,.card ol,.panel ul,.panel ol{padding-left:22px}
.table,table{width:100%;border-collapse:collapse;margin:18px 0}
.table th,.table td,table th,table td{padding:12px 13px;border:1px solid var(--line);text-align:left}
.table th,table th{color:#fff;background:rgba(231,39,70,.07)}
.note,.callout{
 padding:16px 18px;border-radius:16px;background:rgba(231,39,70,.07);border:1px solid rgba(231,39,70,.20);color:#f2d8dc!important;
}
.text-cta-row{
 display:flex!important;justify-content:center!important;align-items:center!important;
 margin:27px 0 31px!important;visibility:visible!important;opacity:1!important;
}
.text-cta-row a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:54px!important;padding:0 30px!important;border-radius:15px!important;
 background:linear-gradient(135deg,var(--red),var(--red2))!important;color:#fff!important;
 font-weight:900!important;font-size:16px!important;text-decoration:none!important;
 border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
.footer,.site-footer,footer{border-top:1px solid var(--line);background:#030303;color:var(--muted);padding:34px 0 44px}
.footlinks{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:900px){
 .nav,.header-row{grid-template-columns:1fr;gap:7px;padding:14px 0}
 .links,nav{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:4px}
 .links a,nav a{white-space:nowrap}
 .grid2,.two{grid-template-columns:1fr}
}
@media(max-width:640px){
 .wrap,.shell{width:min(100% - 24px,1180px)}
 .brand img{width:175px!important;max-width:175px!important}
 .hero h1{font-size:40px}.hero-banner{border-radius:20px}
 .card,.panel{padding:21px 18px;border-radius:18px}
}

@media(min-width:901px){
  .shell,.wrap{
    width:min(1180px,calc(100% - 160px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
