:root{
  --bg:#070707;
  --panel:#111111;
  --panel2:#18120f;
  --text:#ffffff;
  --muted:rgba(255,255,255,0.68);
  --bronze:#d1975f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);z-index:20}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}
.logo{font-weight:900;letter-spacing:.32em;color:var(--bronze)}
.tagline{margin-top:6px;font-size:11px;letter-spacing:.24em;color:rgba(255,255,255,.4);text-transform:uppercase}
.menu{display:flex;gap:24px}
.menu a{color:rgba(255,255,255,.76);text-decoration:none}
.menu a:hover{color:var(--bronze)}
.hero{border-bottom:1px solid rgba(255,255,255,.08);padding:72px 0;background:
 radial-gradient(circle at top right, rgba(209,151,95,.22), transparent 24%),
 radial-gradient(circle at left, rgba(209,151,95,.10), transparent 20%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.pill{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid rgba(209,151,95,.25);background:rgba(209,151,95,.1);color:#e0ac79;font-size:12px;text-transform:uppercase;letter-spacing:.25em}
h1{font-size:64px;line-height:1.02;margin:20px 0 0;font-weight:900}
h1 span,h2,.section-label,.card h3,.summary-panel span{color:var(--bronze)}
p{color:var(--muted);line-height:1.8}
.actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:16px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--bronze);color:#000}
.btn-secondary{border:1px solid rgba(209,151,95,.25);background:rgba(255,255,255,.04);color:#fff}
.full{width:100%;text-align:center}
.hero-card,.card,.catalog-panel,.summary-panel{background:rgba(255,255,255,.04);border:1px solid rgba(209,151,95,.15);border-radius:28px}
.hero-card{padding:24px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{padding:20px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:22px}
.stat small{display:block;color:rgba(255,255,255,.5);margin-bottom:8px}
.stat strong{font-size:28px}
.section{padding:72px 0}
.section-dark{background:#0b0b0b;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.section-label{text-transform:uppercase;letter-spacing:.24em;font-size:12px;margin-bottom:12px;color:rgba(209,151,95,.85)}
h2{font-size:44px;margin:0 0 20px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{padding:24px}
.catalog-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px}
.catalog-panel,.summary-panel{padding:24px}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
label{display:block;margin-bottom:8px;color:rgba(255,255,255,.5)}
select{
  width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(209,151,95,.2);
  background:#000;color:#fff
}
.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.power-card{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28)}
.power-card.accent{border-color:rgba(209,151,95,.25);background:#1d140e}
.power-card.accent-strong{border-color:rgba(209,151,95,.3);background:#2a1b11}
.power-card small{display:block;color:rgba(255,255,255,.5)}
.power-card strong{display:block;font-size:42px;margin-top:8px}
.power-card span{display:block;margin-top:4px;color:rgba(255,255,255,.55)}
.summary-panel h3{font-size:36px;margin:12px 0}
.summary-lines{display:grid;gap:12px;margin:24px 0}
.summary-lines div{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}
#lineStage1{border-color:rgba(209,151,95,.2);background:#1a130e;color:#e7b27d}
#lineStage2{border-color:rgba(209,151,95,.25);background:#23170f;color:#f0bd89}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media (max-width: 960px){
  .hero-grid,.catalog-grid,.contact-grid,.cards,.form-grid,.power-grid{grid-template-columns:1fr}
  h1{font-size:42px}
  h2{font-size:32px}
  .menu{display:none}
}