.hero{position:relative;overflow:hidden;padding:clamp(38px,6vw,78px) 0;background:linear-gradient(120deg,#061528 0%,#0a2844 58%,#0b5ea8 100%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(33,153,232,.24),transparent 38%);pointer-events:none}
.hero .wrap{position:relative}.hero .lead{color:#dce9f5}.hero .eyebrow{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}.hero h1 span{color:#68c8ff}.hero .tick:before{color:#76e0ad}.hero .trust,.hero .micro,.hero .fine{color:#d6e4f1}.hero .btn-outline{border-color:#fff;background:rgba(255,255,255,.04);color:#fff}
.hero-media{position:relative;min-height:420px;border-radius:28px;overflow:hidden;background:#0b2139 url('video/garage-floor-hero-poster.jpg') center/cover no-repeat;border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 75px rgba(0,0,0,.35)}
.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:transparent}
.hero-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,12,24,.82));pointer-events:none}
.hero-media__caption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;font-weight:850;font-size:14px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.hero-media__caption span{display:block;margin-top:4px;color:#d5e7f5;font-size:12px;font-weight:650}

.estimate-intro .trustbar{margin-top:22px}.progressive-form{position:relative}.form-progress{margin-bottom:20px}.form-progress__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:850;color:#4b6076}.form-progress__track{height:7px;margin-top:9px;background:#e4edf5;border-radius:999px;overflow:hidden}.form-progress__bar{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue2),var(--blue));transition:width .2s ease}
.estimate-step{border:0;padding:0;margin:0;min-width:0}.estimate-step legend{width:100%;font-size:22px;font-weight:950;margin:0 0 15px;color:var(--ink)}.step-help{margin:-8px 0 18px;color:#64748b;font-size:14px}.step-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px}.step-actions .btn{min-width:150px}.progressive-ready .estimate-step{display:none}.progressive-ready .estimate-step.is-active{display:block}.progressive-ready .js-progress-only{display:block}.js-progress-only{display:none}.step-back{background:#eef4f9;color:#23415c}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.btn:focus-visible,.step-back:focus-visible{outline:3px solid rgba(8,119,201,.25);outline-offset:2px;border-color:var(--blue2)}.field-error{color:#a02a2a;font-size:13px;font-weight:750;margin:10px 0 0}.formbox input[type=file]{padding:10px}.formbox select,.formbox input,.formbox textarea{min-height:48px}.formbox textarea{min-height:112px}.form-assurance{margin-top:0}.formbox .status{scroll-margin-top:110px}
.progressive-ready .no-js-submit{display:none}

@media(max-width:820px){.hero-grid{gap:28px}.hero-media{min-height:330px}.quote{gap:24px}.estimate-intro>p:not(.sub){display:none}.step-actions{align-items:stretch}.step-actions .btn{flex:1}}
@media(max-width:560px){.hero{padding:34px 0 40px}.hero-media{min-height:280px;border-radius:20px}.hero-media__caption{left:14px;right:14px;bottom:13px}.formbox{padding:20px 16px}.step-actions{flex-direction:column-reverse}.step-actions .btn{width:100%}.form-progress__meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.form-progress__bar{transition:none}.hero-media video{visibility:hidden}}