:root{
  --bg:#0f1114;
  --bg-soft:#171a1f;
  --panel:#1e232a;
  --panel-2:#252b33;
  --line:#343b45;
  --text:#eef2f5;
  --muted:#b7c0c9;
  --accent:#f97316;
  --accent-soft:#fb923c;
  --shadow:0 20px 50px rgba(0,0,0,.35);
  --radius:20px;
  --radius-sm:14px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.12), transparent 30%),
    linear-gradient(180deg, #0c0e11 0%, var(--bg) 100%);
  color:var(--text);
  font-family:Inter, Arial, sans-serif;
  line-height:1.6;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.container{width:min(var(--container), calc(100% - 2rem)); margin-inline:auto}
.topbar{
  background:#0a0c0f;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.92rem;
}
.topbar-inner{
  display:flex; gap:1rem; justify-content:space-between; align-items:center;
  padding:.7rem 0;
  color:var(--muted);
}
.topbar a{color:#fff}
.site-header{
  position:sticky; top:0; z-index:30;
  background:rgba(15,17,20,.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; padding:1rem 0;
}
.brand{display:flex; align-items:center; gap:.85rem; min-width:0}
.brand img{width:58px; height:58px}
.brand strong{
  display:block; font:800 1.3rem/1 Barlow, sans-serif; letter-spacing:.08em
}
.brand span{
  display:block; color:var(--muted); font-size:.83rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:40vw;
}
.site-nav{display:flex; align-items:center; gap:1.2rem}
.site-nav a{color:var(--muted); font-weight:500}
.site-nav a:hover{color:#fff}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.95rem 1.25rem; border-radius:999px; font-weight:700;
  transition:.25s ease; border:1px solid transparent;
}
.btn-primary{
  background:linear-gradient(180deg, var(--accent-soft), var(--accent));
  color:#111; box-shadow:0 10px 30px rgba(249,115,22,.25);
}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{
  border-color:var(--line); color:#fff; background:rgba(255,255,255,.02)
}
.btn-secondary:hover{background:rgba(255,255,255,.06)}
.menu-toggle{
  display:none; background:none; border:1px solid var(--line); color:#fff;
  border-radius:10px; padding:.55rem .7rem; font-size:1.2rem;
}
.hero{padding:4.5rem 0 2.5rem}
.hero-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; align-items:center;
}
.eyebrow{
  display:inline-block; margin-bottom:.8rem; color:var(--accent-soft); font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; font-size:.8rem;
}
.hero h1, .section h2, .cta-band h2{
  margin:.2rem 0 1rem; font-family:Barlow, sans-serif; line-height:1; letter-spacing:.01em;
}
.hero h1{font-size:clamp(2.5rem, 4.5vw, 4.8rem)}
.section h2, .cta-band h2{font-size:clamp(2rem, 3vw, 3rem)}
.hero p, .section-heading p, .copy-panel p, .contact-card p, .cta-band p{
  color:var(--muted); max-width:65ch;
}
.hero-actions{display:flex; flex-wrap:wrap; gap:.9rem; margin:1.5rem 0}
.trust-list{
  margin:1.5rem 0 0; padding:0; list-style:none; display:grid; gap:.75rem;
}
.trust-list li{
  display:flex; align-items:center; gap:.7rem; color:#d8dee4;
}
.trust-list li::before{
  content:""; width:10px; height:10px; border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(249,115,22,.12);
}
.hero-card, .photo-panel, .stats-panel, .product-card, .contact-card, .quote-form, .gallery-item, .stat-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-card{
  padding:1.5rem; min-height:420px; display:grid; place-items:center;
}
.hero-card img{max-height:500px; width:auto}
.section{padding:5rem 0}
.section-heading{text-align:center; margin-bottom:2rem}
.product-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1.25rem;
}
.product-card{overflow:hidden}
.product-card img{
  aspect-ratio:1 / 1; object-fit:cover; width:100%;
  background:#090b0d;
}
.product-content{padding:1.2rem}
.product-content h3, .feature-item h3, .quote-form h3, .site-footer h3, .site-footer h4{
  margin:.15rem 0 .6rem; font-family:Barlow, sans-serif;
}
.product-content p, .feature-item p, .contact-list, .site-footer p, .site-footer li{color:var(--muted)}
.product-card.featured{
  outline:1px solid rgba(249,115,22,.3);
  transform:translateY(-4px);
}
.text-link{color:var(--accent-soft); font-weight:700}
.split-grid{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:1.5rem; align-items:center;
}
.reverse{grid-template-columns:1.1fr .9fr}
.photo-panel{
  padding:2rem; min-height:420px; display:grid; place-items:center;
  background:
    radial-gradient(circle at center, rgba(249,115,22,.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.photo-panel img{max-width:330px}
.feature-list{
  display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem; margin-top:1.4rem;
}
.feature-item{
  padding:1rem 1.05rem; border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-sm); background:rgba(255,255,255,.02);
}
.models-section{padding-top:3rem}
.model-tags{
  display:flex; flex-wrap:wrap; justify-content:center; gap:.85rem;
}
.model-tags span{
  padding:.85rem 1rem; border-radius:999px; border:1px solid var(--line);
  background:rgba(255,255,255,.03); font-weight:600;
}
.center-text{text-align:center}
.muted{color:var(--muted)}
.center-actions{display:flex; justify-content:center; margin-top:1.2rem}
.delivery-band{
  background:linear-gradient(90deg, rgba(249,115,22,.18), rgba(249,115,22,.06));
  border-top:1px solid rgba(249,115,22,.24);
  border-bottom:1px solid rgba(249,115,22,.24);
}
.delivery-band .container{
  display:flex; flex-wrap:wrap; gap:.75rem 1rem; justify-content:center;
  padding:1rem 0; text-align:center;
}
.stats-panel{
  padding:1rem; display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem;
}
.stat-card{
  min-height:120px; padding:1.1rem; display:flex; flex-direction:column; justify-content:space-between;
}
.stat-card strong{
  font:800 1.45rem/1 Barlow, sans-serif; color:#fff;
}
.stat-card span{color:var(--muted)}
.gallery-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1rem;
}
.gallery-item{overflow:hidden}
.gallery-item img{
  aspect-ratio:1/1; object-fit:cover; width:100%;
  transition:transform .35s ease;
}
.gallery-item:hover img{transform:scale(1.03)}
.contact-grid{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:1.25rem; align-items:start;
}
.contact-card, .quote-form{padding:1.4rem}
.contact-list{
  list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.6rem;
}
.form-grid{
  display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem;
}
label{
  display:grid; gap:.45rem; font-weight:600; color:#dde3e8; font-size:.96rem;
}
label.full{grid-column:1 / -1}
input, select, textarea{
  width:100%; padding:.95rem 1rem; border-radius:14px;
  border:1px solid var(--line); background:#11151a; color:#fff;
  outline:none; font:inherit;
}
input:focus, select:focus, textarea:focus{
  border-color:rgba(249,115,22,.7);
  box-shadow:0 0 0 4px rgba(249,115,22,.1);
}
.form-note{font-size:.9rem; color:var(--muted)}
.cta-band{padding:1rem 0 5rem}
.cta-band-inner{
  border-radius:var(--radius); border:1px solid rgba(249,115,22,.2);
  background:
    radial-gradient(circle at left top, rgba(249,115,22,.16), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  padding:2rem; display:flex; justify-content:space-between; gap:1.5rem; align-items:center;
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.06);
  background:#0b0d10;
}
.footer-grid{
  display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:1rem; padding:3rem 0 2rem;
}
.site-footer ul{list-style:none; margin:0; padding:0; display:grid; gap:.55rem}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  padding:1rem 0 2rem; color:var(--muted);
}
@media (max-width: 980px){
  .hero-grid, .split-grid, .reverse, .contact-grid, .cta-band-inner{
    grid-template-columns:1fr;
  }
  .product-grid{grid-template-columns:repeat(2, 1fr)}
  .gallery-grid{grid-template-columns:repeat(2, 1fr)}
  .footer-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 760px){
  .menu-toggle{display:block}
  .site-nav{
    position:absolute; left:1rem; right:1rem; top:calc(100% + .6rem);
    display:none; flex-direction:column; align-items:stretch; gap:.6rem;
    background:#11151a; border:1px solid var(--line); border-radius:18px;
    padding:1rem;
  }
  .site-nav.open{display:flex}
  .nav-cta{text-align:center}
  .product-grid, .feature-list, .gallery-grid, .footer-grid, .stats-panel, .form-grid{
    grid-template-columns:1fr;
  }
  .topbar-inner{flex-direction:column; text-align:center}
  .hero{padding-top:3rem}
}