*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#121820;background:#fff}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:#0a84d8;color:#fff;font-size:13px;font-weight:700}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e9edf1}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:250px;max-height:76px;object-fit:contain}.nav{display:flex;gap:28px;align-items:center}.nav a{color:#17212b;text-decoration:none;font-weight:700;font-size:14px}.nav-cta{background:#0a84d8;color:#fff!important;padding:14px 19px;border-radius:8px}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{position:relative;min-height:640px;display:flex;align-items:center;background:linear-gradient(115deg,#0b1016 0%,#141d27 58%,#0a84d8 140%);overflow:hidden}.hero:after{content:"";position:absolute;right:-130px;top:70px;width:620px;height:620px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02)}.hero-content{position:relative;z-index:2;color:#fff;padding:90px 0}.eyebrow,.section-kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#0a84d8;margin-bottom:18px}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(46px,7vw,84px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:850px}.hero h1 span{color:#35aaf5}.hero p{font-size:20px;line-height:1.65;color:#cbd5df;max-width:710px;margin:26px 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:8px;text-decoration:none;font-weight:800;border:0;cursor:pointer;font-size:15px}.btn-primary{background:#0a84d8;color:#fff}.btn-secondary{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.04)}.trust-strip{display:flex;gap:26px;flex-wrap:wrap;margin-top:48px;font-size:13px;font-weight:700;color:#d9e4ed}.section{padding:96px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}h2{font-family:Montserrat,sans-serif;font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0}.lead{font-size:19px;line-height:1.75;color:#5c6875}.dark-section{background:#10171f}.light{color:#fff}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:50px}.card{background:#17212b;border:1px solid #263442;padding:34px 28px;min-height:260px;border-radius:14px}.card-num{color:#36aaf5;font-weight:800;font-size:13px}.card h3{color:#fff;font-size:22px;margin:55px 0 12px}.card p{color:#aeb9c4;line-height:1.65;margin:0}.portfolio-section{background:#f5f7f9}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-heading p{max-width:440px;color:#687482}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portfolio-placeholder{aspect-ratio:16/10;border-radius:16px;background:linear-gradient(135deg,#cfd7de,#f8fafc);display:grid;place-items:center;border:1px dashed #98a5b1;color:#687482;font-weight:800}.portfolio-placeholder.wide{grid-column:1/-1;aspect-ratio:21/8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-panel p{font-size:18px;line-height:1.75;color:#606c78}.feature-list{border-top:1px solid #dce2e8}.feature-list div{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #dce2e8}.feature-list strong{color:#0a84d8}.estimate-section{background:#0d141b}.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.estimate-grid>div>p{color:#adbac6;line-height:1.75;font-size:18px}.estimate-form{background:#fff;padding:30px;border-radius:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:800;margin-bottom:14px;color:#26323d}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #d8dee5;border-radius:8px;padding:14px;font:inherit}textarea{resize:vertical}.estimate-form .btn{width:100%;margin-top:5px}footer{padding:34px 0 24px;border-top:1px solid #e4e8ec}.footer-grid{display:grid;grid-template-columns:240px 1fr auto;gap:30px;align-items:center}.footer-grid img{max-width:220px}.footer-grid p{margin:5px 0;color:#6b7680}.footer-grid a{color:#0a84d8;text-decoration:none;font-weight:800}.copyright{font-size:12px;color:#8b949d;margin-top:24px;padding-top:20px;border-top:1px solid #edf0f2}
@media(max-width:850px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:22px 20px;border-top:1px solid #eee;flex-direction:column;align-items:stretch}.nav.open{display:flex}.two-col,.about-grid,.estimate-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:18px}.brand img{width:210px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid img{margin:auto}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.topbar-inner span{display:none}.topbar-inner{justify-content:center}.nav-wrap{height:78px}.nav{top:78px}.brand img{width:180px}.hero{min-height:580px}.hero-content{padding:70px 0}.hero p{font-size:17px}.section{padding:70px 0}.cards{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-placeholder.wide{grid-column:auto;aspect-ratio:16/10}.field-row{grid-template-columns:1fr}}

.credibility-strip{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#d9e4ed;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.credibility-strip strong{color:#fff}
.credibility-strip span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}

.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.repair-project{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e1e6eb;box-shadow:0 12px 30px rgba(16,24,32,.06)}
.repair-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#dfe5ea}
.repair-pair figure{position:relative;margin:0;background:#10171f;aspect-ratio:4/5;overflow:hidden}
.repair-pair img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.repair-project:hover .repair-pair img{transform:scale(1.025)}
.repair-pair figcaption{position:absolute;left:12px;bottom:12px;background:rgba(10,16,22,.82);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border-radius:999px;backdrop-filter:blur(8px)}
.repair-pair figure:nth-child(2) figcaption{background:#0a84d8}
.repair-copy{padding:22px 24px 26px}
.repair-copy span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0a84d8;font-weight:800}
.repair-copy h3{font-family:Montserrat,sans-serif;font-size:22px;margin:8px 0 8px}
.repair-copy p{margin:0;color:#687482;line-height:1.6;font-size:14px}
@media(max-width:850px){.before-after-grid{grid-template-columns:1fr}}
@media(max-width:560px){.repair-pair{grid-template-columns:1fr 1fr}.repair-copy{padding:18px}}

.consultation-email{margin-top:18px!important;color:#d8e2eb!important;font-weight:600}
.consultation-email a{color:#35aaf5;text-decoration:none;font-weight:800}
.consultation-email a:hover{text-decoration:underline}
.footer-grid p a{color:#0a84d8;text-decoration:none;font-weight:700}
.footer-grid p a:hover{text-decoration:underline}
