:root{
  --bg:#08090b;
  --panel:#15171b;
  --panel2:#111216;
  --text:#f2f3f6;
  --muted:#b4b8c4;
  --accent:#ff5a1f;
  --acid:#d4ff4f;
  --line:#2b2f38;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,sans-serif;
  color:var(--text);
  line-height:1.55;
  background:
    radial-gradient(circle at 10% -10%, #3a1a10 0%, transparent 35%),
    radial-gradient(circle at 100% 0%, #21242e 0%, transparent 40%),
    var(--bg);
}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.section{padding:68px 0;border-top:1px dashed #2a2d35}
.grid{display:grid;gap:14px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:999}

.site-header{position:sticky;top:0;background:#0a0b0de6;border-bottom:1px solid var(--line);backdrop-filter:blur(5px);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:66px}
.logo{font-weight:900;letter-spacing:.08em;color:var(--text);text-decoration:none;text-transform:uppercase}
.logo span{color:var(--accent)}
.menu{list-style:none;display:flex;gap:12px;padding:0;margin:0}
.menu a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}
.menu a:hover,.menu a:focus-visible{outline:2px solid var(--accent);outline-offset:1px;background:#ffffff08}
.nav-toggle{display:none}

.hero{position:relative;padding:96px 0 88px;background:linear-gradient(180deg,#1a0f0f,#0b0c0f)}
.noise{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#ffffff22 0.6px, transparent 0.6px);background-size:3px 3px}
.eyebrow{display:inline-block;background:#1e2026;border:1px solid #373b45;color:var(--acid);padding:5px 10px;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.hero h1{font-size:clamp(2rem,7vw,4.2rem);margin:10px 0 8px;font-weight:900;line-height:1.05;text-transform:uppercase}
.hero h1 span{color:var(--accent);text-shadow:0 0 18px #ff5a1f44}
.hero p{max-width:60ch;color:var(--muted)}
.hero-cta{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}

.btn{background:var(--accent);color:#130d0a;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;border:none;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--accent)}
.btn.small{padding:6px 10px}

h2{font-size:clamp(1.35rem,4vw,2rem);margin:0 0 14px;text-transform:uppercase;letter-spacing:.03em}
.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{position:relative;background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);padding:16px;border-radius:12px;box-shadow:0 6px 24px #0000004f}
.card:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:linear-gradient(130deg,#ffffff08,transparent 45%)}
.tag{display:inline-block;font-size:.7rem;border:1px solid #464b59;background:#0f1115;padding:2px 6px;border-radius:999px;color:var(--acid)}
.price{color:var(--acid);font-weight:800}

.steps{display:grid;gap:8px;padding-left:18px}
.quotes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
blockquote{margin:0;padding:14px;border-left:4px solid var(--accent);background:#111319;border-radius:8px}

details{background:#101217;border:1px solid #2d313d;padding:10px;border-radius:8px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700}

.order-panel{background:linear-gradient(180deg,#101216,#0c0d10);border:1px solid #2a2f3a;border-radius:14px;padding:28px 16px;margin-bottom:40px}
.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:6px;font-size:.95rem}
input,textarea{background:#0d0f13;border:1px solid #353b48;color:var(--text);border-radius:8px;padding:10px}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
#formMsg{min-height:1.2em;margin-top:10px;color:var(--acid)}

@media (max-width:780px){
  .nav-toggle{display:block;background:transparent;color:var(--text);border:1px solid var(--line);padding:6px 10px;border-radius:8px}
  .menu{display:none;position:absolute;right:16px;top:62px;flex-direction:column;background:#121419;border:1px solid var(--line);padding:10px;border-radius:10px}
  .menu.open{display:flex}
}