:root{
  --lime:#a8ff00;
  --lime2:#76d800;
  --lime-soft:#d8ff84;
  --black:#030403;
  --ink:#070807;
  --coal:#0d0f0d;
  --panel:#121412;
  --panel2:#181b18;
  --line:#2b2f2a;
  --white:#fff;
  --text:#eff2ed;
  --muted:#9fa69d;
  --paper:#f4f6f2;
  --danger:#ff5f57;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.wrap{width:min(1220px,92%);margin:auto}
.utility{background:#000;border-bottom:1px solid #171917;color:#b6bbb4;font-size:.8rem}
.utility .wrap{min-height:34px;display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:80;background:rgba(3,4,3,.95);backdrop-filter:blur(14px);border-bottom:1px solid #1f231f}
nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:170px;height:64px;object-fit:contain;object-position:left center}
.navlinks{display:flex;gap:22px;align-items:center;font-size:.9rem;color:#d9ddd7}
.navlinks a:hover,.navlinks .active{color:var(--lime)}
.nav-actions{display:flex;gap:10px}
.btn{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:2px;font-weight:950;letter-spacing:.02em;cursor:pointer;transition:.2s}
.btn-lime{background:var(--lime);color:#080908}
.btn-lime:hover{background:#c4ff49;transform:translateY(-2px)}
.btn-dark{background:#0c0e0c;border-color:#353a35}
.btn-dark:hover{border-color:var(--lime);color:var(--lime)}
.hero{position:relative;min-height:700px;overflow:hidden;background:#070807}
.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(2,3,2,.98) 0%,rgba(2,3,2,.91) 43%,rgba(2,3,2,.28) 69%,rgba(2,3,2,.10) 100%),
url("images/hero-garage.jpg") center right/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.hero-grid{position:relative;z-index:2;min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}
.eyebrow{color:var(--lime);text-transform:uppercase;font-weight:950;letter-spacing:.22em;font-size:.76rem;margin-bottom:16px}
h1{font-size:clamp(3.7rem,7.4vw,7.6rem);line-height:.84;letter-spacing:-.065em;margin:0 0 22px;text-transform:uppercase}
h1 .lime,h2 .lime{color:var(--lime)}
.hero p{max-width:650px;color:#d0d4ce;font-size:1.05rem;line-height:1.72}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.benefits{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}
.benefit{display:flex;align-items:center;gap:8px;color:#c6cbc4;font-size:.82rem;text-transform:uppercase;font-weight:850}
.icon{width:30px;height:30px;display:grid;place-items:center;color:var(--lime);border:1px solid rgba(168,255,0,.45);font-weight:950}
.hero-badge{position:absolute;right:6%;bottom:36px;z-index:3;background:#070807e8;border:1px solid #4b5349;border-left:5px solid var(--lime);padding:16px 20px;min-width:270px}
.hero-badge strong{display:block;font-size:1rem}.hero-badge span{color:var(--lime)}
.ticker{background:var(--lime);color:#070807;border-top:1px solid #78b900;border-bottom:1px solid #78b900;overflow:hidden}
.ticker .wrap{min-height:46px;display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:.77rem;font-weight:950;letter-spacing:.13em}
.ticker span:after{content:"◆";margin-left:28px}
section{padding:92px 0}
.dark{background:#080a08}
.paper{background:var(--paper);color:#101210}
.kicker{color:#73c700;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;font-weight:950}
h2{font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:.94;letter-spacing:-.055em;margin:8px 0 18px;text-transform:uppercase}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.section-head p{max-width:520px;color:#697067;line-height:1.7;margin:0}
.package-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.package-card{background:#0b0d0b;border:1px solid #384037;overflow:hidden;transition:.22s;position:relative}
.package-card:hover{transform:translateY(-5px);border-color:var(--lime);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.package-card img{width:100%;height:150px;object-fit:cover}
.package-body{padding:15px}
.package-body h3{font-size:1.02rem;line-height:1.05;margin:0 0 8px;text-transform:uppercase}
.package-body p{font-size:.78rem;color:#aab0a7;min-height:54px}
.package-link{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:#080908;padding:9px;font-size:.72rem;font-weight:950;margin-top:12px}
.whybar{margin-top:22px;border:1px solid #3c413b;display:grid;grid-template-columns:1.2fr repeat(3,1fr);background:#080908}
.why{padding:18px;border-right:1px solid #323732}
.why:last-child{border-right:0}
.why small{display:block;color:var(--lime);text-transform:uppercase;font-weight:950;letter-spacing:.08em}
.why strong{display:block;margin-top:4px}
.why p{font-size:.78rem;color:#a6aca4;margin:6px 0 0}
.builder{background:#0b0d0b}
.builder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.builder-image{min-height:440px;background:url("images/builder-shop.jpg") center/cover no-repeat;border:1px solid #343a34;position:relative}
.builder-image:after{content:"";position:absolute;inset:auto 0 0 0;height:36%;background:linear-gradient(transparent,#090a09)}
.builder-copy p{color:#a8aea6;line-height:1.7}
.builder-list{display:grid;gap:8px;margin:20px 0}
.builder-list span:before{content:"✓";color:var(--lime);font-weight:950;margin-right:8px}
.calc-card{background:#0b0d0b;border:1px solid #444b43;padding:24px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:block;color:#bfc4bd;font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em;margin-bottom:5px}
input,select,textarea{width:100%;padding:12px;border:1px solid #353b34;background:#151815;color:#fff;border-radius:2px}
input:focus,select:focus,textarea:focus{outline:1px solid var(--lime);border-color:var(--lime)}
.choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.choice{padding:10px;border:1px solid #303530;text-align:center;cursor:pointer;background:#111311;font-size:.8rem}
.choice.active{background:var(--lime);color:#090a09;border-color:var(--lime);font-weight:950}
.totalbox{margin-top:16px;border-top:1px solid #343934;padding-top:16px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}
.totalbox small{display:block;color:#9ea49c;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.totalbox strong{display:block;color:var(--lime);font-size:2.25rem;line-height:1;margin-top:5px}
.note{font-size:.72rem;color:#8e948c;margin-top:10px;line-height:1.5}
.testimonials{background:#090b09}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review{border:1px solid #3a4039;background:#0c0e0c;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr}
.review-copy{padding:18px}.review-copy .quote{color:var(--lime);font-size:2rem;line-height:1}
.review-copy p{font-size:.82rem;color:#c4c9c1;line-height:1.6}
.review-copy strong{display:block;margin-top:12px}
.review img{height:100%;min-height:180px;object-fit:cover}
.cta{background:#050605;border-top:1px solid #252925}
.cta-grid{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:center}
.cta-logo{width:95px}
.cta h3{font-size:2rem;margin:0;text-transform:uppercase}
.contact-points{display:grid;gap:7px;color:#d5d9d3}
.quote-section{background:var(--lime);color:#080908;position:relative;overflow:hidden}
.quote-section:before{content:"SIMPLIFIED";position:absolute;right:-40px;bottom:-42px;font-size:9rem;font-weight:1000;letter-spacing:-.08em;color:rgba(0,0,0,.08)}
.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;position:relative;z-index:2}
.quote-grid p{line-height:1.7;max-width:500px}
.quote-form{background:#fff;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:13px;box-shadow:0 24px 55px rgba(50,80,0,.18)}
.quote-form label{color:#4f554d}
.quote-form input,.quote-form select,.quote-form textarea{background:#f9faf7;color:#111;border-color:#d5d9d2}
.quote-form textarea{min-height:115px;resize:vertical}
.full{grid-column:1/-1}
.status{font-size:.82rem;font-weight:800;padding:10px 12px;display:none}
.status.ok{display:block;background:#e7ffd0;color:#245100;border:1px solid #9bdd58}
.status.err{display:block;background:#ffe2df;color:#740c05;border:1px solid #ff8d82}
.page-hero{padding:78px 0 68px;background:radial-gradient(circle at 82% 20%,rgba(168,255,0,.12),transparent 24%),linear-gradient(135deg,#050605,#101310);border-bottom:1px solid #242a24}
.page-hero h1{font-size:clamp(3.4rem,6vw,6rem);margin:14px 0}
.page-hero p{max-width:720px;color:#b2b8b0;line-height:1.7}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.detail-visual img{width:100%;height:420px;object-fit:cover;border:1px solid #394039}
.inclusions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.inclusion{border:1px solid #343a34;background:#111311;padding:12px;font-size:.86rem;color:#c8cdc5}
.inclusion:before{content:"✓";color:var(--lime);font-weight:950;margin-right:8px}
.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.size-card{background:#fff;border:1px solid #d5d9d3;padding:19px}
.size-card strong{font-size:1.35rem;display:block}
.size-card span{color:#6c7369;font-size:.82rem}
.faq details{border-top:1px solid #c9cdc7;padding:17px 0}
.faq details:last-child{border-bottom:1px solid #c9cdc7}
.faq summary{font-weight:950;cursor:pointer;list-style:none}
.faq summary:after{content:"+";float:right;color:#72c400}
.faq details[open] summary:after{content:"–"}
.faq details p{color:#656c63;line-height:1.65}
footer{background:#030403;border-top:1px solid #202420;color:#929890;padding:38px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:30px}
.footer-logo{width:190px;margin-bottom:12px}
footer h4{color:#fff;margin:0 0 10px}
footer a,footer p{display:block;font-size:.84rem;margin:5px 0}
footer a:hover{color:var(--lime)}
.fine{border-top:1px solid #202420;margin-top:25px;padding-top:14px;font-size:.74rem}
@media(max-width:1050px){
  .package-grid{grid-template-columns:repeat(3,1fr)}
  .navlinks{display:none}
  .builder-grid,.quote-grid,.detail-grid{grid-template-columns:1fr}
  .hero-grid{grid-template-columns:1fr}
  .hero:before{background:linear-gradient(90deg,rgba(2,3,2,.97),rgba(2,3,2,.80)),url("images/hero-garage.jpg") center/cover no-repeat}
  .hero-badge{display:none}
  .review-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .utility .wrap{justify-content:center}
  .brand img{width:145px}
  nav .btn-dark{display:none}
  h1{font-size:3.6rem}
  section{padding:70px 0}
  .section-head{display:block}.section-head p{margin-top:15px}
  .package-grid,.whybar,.field-grid,.choice-row,.quote-form,.inclusions,.size-grid,.footer-grid,.cta-grid{grid-template-columns:1fr}
  .why{border-right:0;border-bottom:1px solid #323732}
  .review{grid-template-columns:1fr}
  .review img{height:180px}
  .full{grid-column:auto}
}

header nav{height:70px}.brand img{height:50px;width:145px}.config-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.config-panel,.summary-panel{background:#0c0e0c;border:1px solid #353b34;padding:24px}.config-section{border-top:1px solid #303630;padding-top:18px;margin-top:18px}.config-section:first-child{border-top:0;margin-top:0;padding-top:0}.config-section h4{margin:0 0 12px;color:#fff;font-size:.92rem;text-transform:uppercase}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config-grid.three{grid-template-columns:repeat(3,1fr)}.summary-panel{position:sticky;top:88px}.summary-price small{display:block;color:#9ca49a;text-transform:uppercase;font-size:.72rem;font-weight:900}.summary-price strong{display:block;color:var(--lime);font-size:2.4rem;line-height:1;margin:6px 0}.summary-area{color:#b7bdb4;font-size:.85rem}.summary-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:7px}.summary-list li{border-bottom:1px solid #262b26;padding-bottom:7px;color:#c6cbc3;font-size:.84rem}.summary-list li:before{content:'✓';color:var(--lime);font-weight:950;margin-right:8px}.summary-cta{margin-top:20px;width:100%}.package-note{margin-top:12px;color:#8e958b;font-size:.72rem}@media(max-width:900px){.config-wrap{grid-template-columns:1fr}.summary-panel{position:static}}@media(max-width:700px){.utility{display:none}header nav{height:62px}.brand img{height:42px;width:118px}.nav-actions .btn-lime{min-height:40px;padding:0 13px;font-size:.74rem}.config-grid,.config-grid.three{grid-template-columns:1fr}.config-panel,.summary-panel{padding:18px}}