:root{--navy:#06162c;--navy2:#0b1e36;--gold:#d9a62d;--gold2:#efc45a;--white:#fff;--light:#f5f5f2;--text:#171717;--muted:#6c6c6c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:100;background:var(--navy);border-bottom:1px solid rgba(217,166,45,.45)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{width:74px;height:74px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:27px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:700}.nav-links a:hover{color:var(--gold2)}.nav-cta{border:1px solid var(--gold);padding:12px 18px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:650px;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85") center/cover;position:relative;color:#fff;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,27,.94),rgba(2,13,27,.7) 45%,rgba(2,13,27,.12))}.hero-inner{position:relative;z-index:1}.eyebrow{font-weight:800;letter-spacing:2px;font-size:12px;margin:0 0 12px}.gold-text{color:var(--gold)}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;margin:0 0 22px;text-transform:uppercase;letter-spacing:-2px;max-width:800px}.hero h1 span{color:var(--gold2)}.hero-text{max-width:600px;color:#eee;font-size:16px}.hero-buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;padding:15px 22px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:0;cursor:pointer}.btn.gold{background:var(--gold);color:#fff}.btn.gold:hover{background:var(--gold2)}.btn.outline{border:1px solid #fff;color:#fff}.btn.outline:hover{background:#fff;color:var(--navy)}.btn.small{padding:12px 16px}
.section{padding:85px 0}.heading{text-align:center;margin-bottom:44px}.heading h2,.about-grid h2,.contact-grid h2,.section-row h2{font-size:36px;line-height:1.15;margin:0 0 12px}.heading>p:last-child{color:var(--muted);max-width:650px;margin:auto}.heading h2:after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin:15px auto 0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid #e5e5e5;padding:30px 25px;min-height:220px;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.service-icon{font-size:35px;color:var(--gold);margin-bottom:12px}.service-card h3{font-size:14px;margin:0 0 10px;text-transform:uppercase}.service-card p{font-size:12px;color:var(--muted);margin:0}
.dark{background:var(--navy);color:#fff}.section-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-row h2{margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-image{height:285px;background-size:cover;background-position:center;display:flex;align-items:end;padding:12px}.project-image span{background:rgba(0,0,0,.8);padding:7px 9px;font-size:9px;font-weight:800}.kitchen{background-image:url("https://images.unsplash.com/photo-1556912167-f556f1f39fdf?auto=format&fit=crop&w=1100&q=85")}.basement{background-image:url("https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1100&q=85")}.concrete{background-image:url("https://images.unsplash.com/photo-1598902108854-10e335adac99?auto=format&fit=crop&w=1100&q=85")}.project-grid h3{font-size:12px;margin:15px 0 4px;text-transform:uppercase}.project-grid p{font-size:11px;color:#aaa;margin:0}
.light{background:var(--light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid>div:first-child>p:not(.eyebrow){color:#555;font-size:14px}.about-video{display:block;width:100%;height:470px;object-fit:cover;object-position:center;background:var(--navy)}
.trust{background:#111;color:#fff;padding:45px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-grid div{border-left:2px solid var(--gold);padding-left:18px}.trust-grid b{display:block;font-size:11px;color:var(--gold)}.trust-grid span{font-size:11px;color:#aaa}
.contact{background:#f7f6f2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid>div>p:not(.eyebrow){color:#555}.contact-details{display:grid;gap:12px;margin-top:28px;font-weight:700;font-size:14px}.estimate-panel{min-width:0}.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estimate-form input,.estimate-form select,.estimate-form textarea{font:inherit;font-size:12px;border:1px solid #ddd;background:#fff;padding:15px;width:100%;border-radius:0}.estimate-form input:focus,.estimate-form select:focus,.estimate-form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.estimate-form textarea,.estimate-form button,.form-status{grid-column:1/-1}.estimate-form button:disabled{cursor:wait;opacity:.72}.form-status{min-height:18px;margin:0;font-size:12px;color:#555}.form-status.error{color:#9e251f;font-weight:700}.estimate-success{border-top:4px solid var(--gold);background:#fff;padding:38px;box-shadow:0 18px 45px rgba(6,22,44,.09)}.estimate-success:focus{outline:2px solid var(--gold);outline-offset:4px}.success-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:25px;font-weight:800}.estimate-success h3{margin:0 0 14px;font-size:27px;line-height:1.2;text-transform:uppercase}.estimate-success>p:not(.eyebrow){color:#555;font-size:14px}.success-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.text-button{padding-inline:0;background:transparent;color:var(--navy);border-bottom:1px solid var(--gold)}[hidden]{display:none!important}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.footer{background:#050f1e;color:#fff;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:40px}.footer-logo{width:110px;height:110px;object-fit:contain}.footer-grid h4{font-size:10px;color:var(--gold);letter-spacing:1.5px}.footer-grid a,.footer-grid span,.footer-grid p{display:block;color:#aaa;font-size:11px;margin:8px 0}.copyright{border-top:1px solid #1c2a3b;text-align:center;color:#657080;font-size:9px;margin-top:45px;padding:18px}
.success-page{min-height:100vh;background:var(--navy);background-image:linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(315deg,rgba(255,255,255,.035) 25%,transparent 25%);background-size:42px 42px}.success-page-main{width:min(680px,calc(100% - 36px));margin:0 auto;padding:42px 0 70px}.success-page-brand{display:inline-block;margin-bottom:28px}.success-page-brand img{width:100px;height:100px;object-fit:contain}.success-page-card{padding:48px}.success-page-card h1{margin:0 0 14px;font-size:clamp(32px,6vw,48px);line-height:1.05;text-transform:uppercase}.success-page-card .text-button{display:inline-block}
@media(max-width:900px){.nav-links{display:none;position:absolute;left:0;right:0;top:84px;background:var(--navy);padding:22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.service-grid,.project-grid{grid-template-columns:1fr 1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:590px}.hero h1{font-size:43px}.hero-buttons{flex-direction:column;align-items:flex-start}.service-grid,.project-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.section-row{display:block}.section-row .btn{margin-top:18px}.estimate-form{grid-template-columns:1fr}.estimate-form input,.estimate-form select,.estimate-form textarea{font-size:16px}.estimate-form textarea,.estimate-form button,.form-status{grid-column:auto}.estimate-form .btn{width:100%}.estimate-success{padding:28px 22px}.success-actions{align-items:stretch;flex-direction:column}.success-actions .btn{text-align:center;width:100%}.brand img{width:66px;height:66px}}
