:root{--bg:#05070c;--panel:#0e1520;--panel2:#121c2a;--gold:#f0bd4e;--gold2:#ffe09a;--text:#f8fafc;--muted:#a3afc2;--border:#243247;--success:#57d987;--danger:#ff7f87;--shadow:0 24px 70px rgba(0,0,0,.28)}
html{scroll-behavior:smooth;color-scheme:dark}
body{min-height:100vh;background:radial-gradient(circle at 75% -15%,rgba(240,189,78,.14),transparent 34rem),radial-gradient(circle at 5% 20%,rgba(57,106,173,.12),transparent 28rem),var(--bg)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
.wrap{position:relative;max-width:1180px!important;padding-inline:clamp(16px,4vw,34px)!important}
nav.top{position:sticky;top:10px;z-index:20;margin-top:10px;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(10,15,24,.82);box-shadow:0 16px 50px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.logo .mark{background:linear-gradient(145deg,var(--gold2),var(--gold))!important;box-shadow:0 8px 22px rgba(240,189,78,.23);transform:rotate(-3deg)}
.logo b{letter-spacing:-.02em}.logo>span:last-child>span{display:block;margin-top:4px}
nav.top a.lnk{transition:.2s ease;white-space:nowrap}nav.top a.lnk:hover,nav.top a.lnk.on{background:rgba(255,255,255,.07)!important}
.btn,.dl{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover,.dl:hover{transform:translateY(-2px)}
.btn.gold,.dl{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;box-shadow:0 10px 28px rgba(240,189,78,.18)}
.eyebrow{font-weight:800}.hero{max-width:760px!important;text-wrap:balance}.sub{font-size:16px!important}
.card{background:linear-gradient(145deg,rgba(18,28,42,.94),rgba(12,19,30,.96))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease}
.card:hover{border-color:rgba(240,189,78,.3)!important}
.grid>.card:hover{transform:translateY(-4px)}
input,select,textarea{outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(240,189,78,.12)}
table{min-width:620px}th{letter-spacing:.03em;text-transform:uppercase}tbody tr:hover{background:rgba(255,255,255,.025)}
footer{border-top:1px solid rgba(255,255,255,.07);padding-top:24px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:11px;background:var(--panel2);color:var(--text);font-size:20px;cursor:pointer}
@media(max-width:900px){nav.top{top:6px}.menu-toggle{display:grid;place-items:center;margin-left:auto}nav.top .lnk,nav.top>.btn{display:none;width:100%;text-align:center;margin:2px 0}nav.top.open .lnk,nav.top.open>.btn{display:block}.logo{margin-right:0!important}.price{display:grid!important;grid-template-columns:1fr}.grid,.cols{grid-template-columns:1fr!important}.card{padding:20px!important}}
@media(max-width:520px){.wrap{padding-inline:14px!important}.hero{font-size:clamp(30px,11vw,42px)!important}.card{border-radius:14px!important}.eyebrow{margin-top:26px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}