:root{--bg:#0a0a0b;--panel:#141416;--text:#f7f7f7;--muted:#b8b8bd;--red:#e32929;--line:#29292d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.nav{position:absolute;z-index:3;top:0;left:0;right:0;padding:24px 0}
.navin{display:flex;align-items:center;justify-content:space-between}
.brand{font-family:'Barlow Condensed';font-size:1.6rem;font-weight:800;letter-spacing:.05em}
.brand span{color:var(--red)}
.links{display:flex;gap:30px;align-items:center;font-size:.9rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;padding:13px 20px;border-radius:3px;font-weight:600;border:1px solid var(--red);transition:.2s}
.btn:hover{background:#ff3434;transform:translateY(-1px)}
.btn.ghost{background:transparent;border-color:#666}
.hero{min-height:720px;display:grid;align-items:end;position:relative;background:linear-gradient(90deg,rgba(4,4,5,.95) 0%,rgba(4,4,5,.7) 48%,rgba(4,4,5,.28) 100%),url('https://images.unsplash.com/photo-1607860108855-64acf2078ed9?auto=format&fit=crop&w=1800&q=85') center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--bg))}
.hero-copy{position:relative;z-index:1;max-width:720px;padding:170px 0 120px}
.eyebrow{color:#ff4a4a;text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:.82rem}
h1,h2,h3{font-family:'Barlow Condensed';line-height:.98;margin:0;text-transform:uppercase}
h1{font-size:clamp(4rem,9vw,7.6rem);letter-spacing:-.03em;margin:12px 0 24px}
h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
.lead{font-size:1.15rem;color:#ddd;max-width:590px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-32px;position:relative;z-index:2}
.stat{background:#101012;padding:24px 28px}
.stat strong{display:block;font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase}
.stat span{color:var(--muted);font-size:.88rem}
section{padding:100px 0}
.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.head h2{font-size:clamp(2.8rem,6vw,4.8rem)}
.head p{color:var(--muted);max-width:480px;margin:0}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--panel);border:1px solid var(--line);padding:28px;min-height:195px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--red);transition:.25s}
.card:hover:before{height:100%}
.num{font-family:'Barlow Condensed';color:#64646b;font-size:.9rem}
.card h3{font-size:1.55rem;margin:27px 0 10px}
.card p{margin:0;color:var(--muted);font-size:.92rem}
.feature{background:#101012}
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.photo{min-height:520px;background:linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url('https://images.unsplash.com/photo-1607860108855-64acf2078ed9?auto=format&fit=crop&w=1200&q=88') center/cover}
.benefits{display:grid;gap:14px}
.benefit{background:#18181b;padding:34px;border:1px solid var(--line)}
.benefit b{font-family:'Barlow Condensed';font-size:1.8rem;text-transform:uppercase}
.benefit p{color:var(--muted);margin:8px 0 0}
.pricing{background:#0d0d0f}
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.standard-prices{margin-bottom:78px}
.subhead{margin:0 0 34px}
.subhead h2{font-size:clamp(2.8rem,6vw,4.8rem);margin-top:8px}
.price-card s{color:#8e8e94;margin-right:4px}
.price-card strong{color:#ff5555}
.price-card{background:var(--panel);border:1px solid var(--line);padding:32px;position:relative}
.price-card.featured{border-color:#6b2020;background:linear-gradient(145deg,#211314,#141416 58%)}
.price-label{color:#ff5555;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}
.price-card h3{font-size:2rem;margin:10px 0 18px}
.price{font-family:'Barlow Condensed';font-size:3.7rem;font-weight:800;line-height:1;color:#fff}
.price small{font-size:1.2rem}
.price-card p{color:var(--muted)}
.price-card ul{list-style:none;padding:15px 0 0;margin:18px 0 0;border-top:1px solid var(--line);color:#ddd}
.price-card li{padding:5px 0 5px 19px;position:relative}
.price-card li:before{content:'•';position:absolute;left:0;color:var(--red)}
.fineprint{color:#85858b;font-size:.82rem;margin:22px 0 0}
.quote{background:#101012}
.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.quote h2{font-size:clamp(3rem,6vw,5.2rem);margin:13px 0 25px}
.quote-note{display:flex;flex-direction:column;border-left:3px solid var(--red);padding:8px 0 8px 18px;margin-top:32px}
.quote-note span{color:var(--muted);font-size:.9rem}
.quote-form{background:#18181b;border:1px solid var(--line);padding:32px;display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field label{font-size:.82rem;color:#d6d6d9;font-weight:600}
.field input,.field select,.field textarea{width:100%;background:#0e0e10;color:#fff;border:1px solid #36363b;border-radius:3px;padding:13px 14px;font:inherit}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(227,41,41,.35);border-color:var(--red)}
.field textarea{resize:vertical}
.estimate{display:flex;justify-content:space-between;gap:20px;padding:16px;background:#0f0f11;border:1px solid var(--line)}
.estimate span{color:var(--muted)}
.estimate strong{color:#ff5a5a;text-align:right}
.consent{font-size:.78rem;color:var(--muted);display:flex;gap:9px;align-items:flex-start}
.consent input{margin-top:4px;accent-color:var(--red)}
.submit{width:100%;font-size:1rem;cursor:pointer}
.form-help{font-size:.78rem;text-align:center;color:#85858b;margin:-7px 0 0}
.cta{padding:100px 0;background:var(--red);color:white}
.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{font-size:clamp(3rem,7vw,6rem);max-width:760px}
.cta .btn{background:#0c0c0d;border-color:#0c0c0d;padding:16px 24px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact h2{font-size:4rem}
.details{display:grid;gap:12px}
.detail{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px}
.detail span{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:26px 0;color:#85858b;font-size:.85rem}
.foot{display:flex;justify-content:space-between;gap:20px}
.mobilebar{display:none}

@media(max-width:820px){
  .links a:not(.btn){display:none}
  .hero{min-height:670px;background-position:63% center}
  .hero-copy{padding-bottom:90px}
  .stats{grid-template-columns:1fr}
  .services{grid-template-columns:1fr 1fr}
  .feature-grid,.contact,.quote-grid{grid-template-columns:1fr}
  .quote-grid{gap:38px}
  .photo{min-height:400px}
  .cta-grid{align-items:flex-start;flex-direction:column}
  .mobilebar{display:flex;position:fixed;z-index:9;bottom:12px;left:12px;right:12px;background:#111;padding:8px;border:1px solid #333;box-shadow:0 12px 35px #000}
  .mobilebar .btn{width:100%}
}

@media(max-width:560px){
  .wrap{width:min(100% - 28px,1160px)}
  .nav{padding:18px 0}
  .brand{font-size:1.35rem}
  .links .btn{display:none}
  h1{font-size:3.7rem}
  .hero-copy{padding-top:130px}
  .services{grid-template-columns:1fr}
  .price-grid,.form-row{grid-template-columns:1fr}
  .price-card,.quote-form{padding:24px}
  .head{align-items:flex-start;flex-direction:column}
  .head h2{font-size:3.3rem}
  section{padding:76px 0}
  .contact h2{font-size:3.3rem}
  .detail{flex-direction:column;gap:2px}
  .foot{flex-direction:column}
}