:root{
  --accent:#f5b400;
  --bg:#0f0f0f;
  --bg2:#141414;
  --card:#121212;
  --text:#f2f2f2;
  --muted:#bdbdbd;
  --radius:14px;
  --shadow: 0 18px 55px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height:1.6;
}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
a{color:inherit;text-decoration:none}
.accent{color:var(--accent)}
.muted{color:var(--muted)}
.small{font-size:13px}

.btn{
  display:inline-block;
  padding:14px 22px;
  background: var(--accent);
  color:#111;
  border:0;
  font-weight:900;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 12px 30px rgba(245,180,0,.18);
}
.btn:hover{filter:brightness(1.02)}
.btn--full{width:100%}

/* HERO */
.hero{
  min-height: 680px;
  padding: 28px 0 40px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 55%, rgba(0,0,0,.48) 100%),
    url('hero.jpg') center/cover no-repeat;
}
.topbar{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom: 42px;
}
.brand{display:flex;align-items:center;gap:14px}
.brand__logo{height:44px;width:auto}
.brand__line1{font-weight:900;letter-spacing:.12em;font-size:12px;opacity:.95}
.brand__line2{font-weight:900;color:var(--accent);font-size:13px;margin-top:2px}
.contacts{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.contacts a{opacity:.9}
.contacts a:hover{opacity:1}

.hero__content{max-width: 860px}
h1{
  margin:0 0 12px;
  font-size: 48px;
  line-height: 1.14;
  letter-spacing:-0.02em;
}
.lead{
  margin:0 0 18px;
  font-size:18px;
  color:var(--muted);
  max-width: 760px;
}
.hero__actions{margin-top: 8px}

.stats{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 16px;
}
.stat{
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 14px 14px 12px;
  backdrop-filter: blur(6px);
}
.stat__num{font-weight:950;font-size:30px;color:var(--accent)}
.stat__txt{font-size:13px;color:var(--muted);line-height:1.35}

/* SECTIONS */
.section{padding:72px 0}
.section--bg{
  background:
    linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.84)),
    url('bg.jpg') center/cover no-repeat;
}
h2{
  margin:0 0 14px;
  font-size:34px;
  line-height:1.2;
}
.cards{
  margin-top: 26px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.card{
  background: var(--card);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.card--accent{outline: 2px solid rgba(245,180,0,.25)}
.card img{width:100%;height:190px;object-fit:cover;display:block}
.card__body{padding:18px 18px 16px}
.card h3{margin:0 0 8px;color:var(--accent);font-size:18px}
.card p{margin:0 0 10px;color:var(--muted)}
.card ul{margin:0;padding-left:18px;color:#e4e4e4}
.card li{margin:6px 0}

/* LISTS/BOXES */
.twocol{margin-top: 26px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.box{
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow);
  backdrop-filter: blur(6px);
}
.box__head{padding:12px 14px;font-weight:950;background: rgba(255,255,255,.04)}
.box--accent .box__head{background: rgba(245,180,0,.16)}
..list{margin:0;padding:16px 16px 18px}
.list li{margin:10px 0}

.list--check{list-style:none;padding-left:16px}
.list--check li{position:relative;padding-left:22px}
.list--check li:before{content:'✓';position:absolute;left:0;top:0;color:var(--accent);font-weight:950}

.list--minus{list-style:none;padding-left:16px}
.list--minus li{position:relative;padding-left:22px}
.list--minus li:before{content:'–';position:absolute;left:0;top:0;color:var(--accent);font-weight:950}

/* CTA */
.cta{display:grid;grid-template-columns: 1.25fr .75fr;gap:22px;align-items:start}
.form{
  background: rgba(0,0,0,.50);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow);
}
.form__title{font-weight:950;margin-bottom:12px}
input,textarea{
  width:100%;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  color: var(--text);
  padding: 12px 12px;
  border-radius: 12px;
  outline:none;
  margin-bottom: 10px;
}
input::placeholder, textarea::placeholder{color:rgba(255,255,255,.55)}

/* FOOTER */
.footer{padding:28px 0;background:#000}
.footer__row{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer__brand{display:flex;gap:12px;align-items:center}
.footer__brand img{height:36px}
.footer__title{font-weight:950}
.footer__subtitle{color:var(--muted);font-size:13px}
.footer__contacts{display:flex;gap:16px;flex-wrap:wrap}
.footer__contacts a{opacity:.9}
.footer__contacts a:hover{opacity:1}

/* RESPONSIVE */
@media (max-width: 980px){
  h1{font-size:36px}
  .stats{grid-template-columns: repeat(2, 1fr)}
  .cards{grid-template-columns:1fr}
  .twocol{grid-template-columns:1fr}
  .cta{grid-template-columns:1fr}
}