:root{--navy:#102a43;--blue:#0d5cab;--red:#d62932;--ink:#172033;--muted:#5e6a79;--line:#e3e9ef;--light:#f4f7fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.container{width:min(1180px,92%);margin:auto}a{color:inherit}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,var(--blue) 0 50%,var(--red) 50% 100%);color:#fff;font-weight:900;letter-spacing:-1px}.brand-text strong,.brand-text small{display:block}.brand-text strong{font-size:16px;line-height:1.15;max-width:330px}.brand-text small{font-size:11px;color:#657282;margin-top:3px}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a{font-weight:800;font-size:14px;text-decoration:none;color:#2c3646}.menu-btn{display:none;border:0;background:transparent;font-size:28px}
.btn{display:inline-flex!important;align-items:center;justify-content:center;padding:13px 20px;border-radius:6px;background:var(--red)!important;border:2px solid var(--red);color:#fff!important;text-decoration:none;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(.96)}.btn-small{padding:10px 14px}.btn-outline{background:transparent!important;border-color:#fff}.btn-dark{background:var(--navy)!important;border-color:var(--navy)}.btn-light{background:#fff!important;border-color:#fff;color:var(--navy)!important}
.hero,.page-hero{position:relative;color:#fff;background-size:cover;background-position:center;display:flex;align-items:center}.hero{min-height:640px}.page-hero{min-height:470px}.hero-home{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85")}.hero-about{background-image:url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1800&q=85")}.hero-services{background-image:url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1800&q=85")}.hero-products{background-image:url("https://images.unsplash.com/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=1800&q=85")}.hero-projects{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85")}.hero-contact{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85")}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,52,.94),rgba(8,29,52,.7) 55%,rgba(8,29,52,.35))}.hero-content{position:relative;z-index:2;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:12px;font-weight:900;color:#d9e7f7}.eyebrow.dark{color:var(--blue)}.hero h1,.page-hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;letter-spacing:-2px;max-width:880px;margin:16px 0 20px}.hero h1 span{color:#f2b8bc}.hero p,.page-hero p{max-width:750px;font-size:20px;color:#edf3f9}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.service-strip{background:var(--navy);color:#fff}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid div{padding:26px 22px;border-right:1px solid rgba(255,255,255,.14)}.strip-grid strong,.strip-grid span{display:block}.strip-grid strong{font-size:18px}.strip-grid span{font-size:12px;color:#bed0e3}
.section{padding:88px 0}.section-alt{background:var(--light)}.section h2{font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-1.2px;margin:10px 0 28px}.lead{font-size:20px;color:var(--muted);max-width:800px}.intro-grid,.service-detail,.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.section p{color:var(--muted);font-size:17px}.image-panel,.detail-photo{min-height:430px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 18px 50px rgba(16,42,67,.15);position:relative;overflow:hidden}.image-panel span{position:absolute;left:20px;bottom:20px;background:#fff;padding:10px 14px;border-radius:6px;font-weight:900}.image-plant{background-image:url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=85")}.image-workshop{background-image:url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=85")}
.card-grid{display:grid;gap:22px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card,.compact article,.product-catalog article,.project-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(16,42,67,.06)}.card-photo,.project-photo{height:220px;background-size:cover;background-position:center}.card-pad{padding:23px}.card-pad h3,.compact h3,.product-catalog h3{margin:0 0 10px}.card-pad a{font-weight:900;color:var(--blue);text-decoration:none}.photo-insulation{background-image:url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1200&q=85")}.photo-cladding{background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85")}.photo-fabrication{background-image:url("https://images.unsplash.com/photo-1565439396-9e88a1b126a1?auto=format&fit=crop&w=1200&q=85")}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.mini-product-grid,.product-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-product-grid a,.product-catalog article{padding:24px;text-decoration:none;border:1px solid var(--line);border-radius:9px;background:#fff}.mini-product-grid b,.mini-product-grid span{display:block}.mini-product-grid b{font-size:18px;color:var(--navy)}.mini-product-grid span{font-size:14px;color:var(--muted);margin-top:5px}.industries{background:var(--navy);color:#fff}.industries h2{color:#fff}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid span{padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);font-weight:800}.compact article{padding:24px}.compact article>b{font-size:32px;color:var(--red)}.cta{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;padding:65px 0}.cta h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:10px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:9px}.timeline b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px}.tag-cloud span{padding:12px 16px;border-radius:999px;background:var(--light);border:1px solid var(--line);font-weight:800}.service-detail.reverse>div:first-child{order:2}.service-detail.reverse>.detail-photo{order:1}.check-list{padding:0;list-style:none;columns:2;gap:20px}.check-list li{margin:8px 0;padding-left:24px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.product-catalog{grid-template-columns:repeat(4,1fr)}.center-action{text-align:center;margin-top:34px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card span{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-weight:900}.p1{background-image:url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1000&q=85")}.p2{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1000&q=85")}.p3{background-image:url("https://images.unsplash.com/photo-1565439396-9e88a1b126a1?auto=format&fit=crop&w=1000&q=85")}.p4{background-image:url("https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&w=1000&q=85")}.p5{background-image:url("https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=1000&q=85")}.p6{background-image:url("https://images.unsplash.com/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=1000&q=85")}
.contact-layout{align-items:start}.contact-boxes{display:grid;gap:12px;margin-top:28px}.contact-boxes>a,.contact-boxes>div{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.contact-boxes span{color:var(--muted)}.contact-form{background:var(--light);padding:30px;border-radius:12px;border:1px solid var(--line)}.contact-form h3{font-size:28px;margin-top:0}.contact-form label{display:grid;gap:6px;margin:14px 0;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #cfd7df;border-radius:6px;font:inherit;background:#fff}.form-note{font-size:12px!important}
.site-footer{background:#0a1b2a;color:#dce5ed;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px;padding-bottom:35px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid span{display:block;text-decoration:none;color:#c4d0db;margin:8px 0}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px}.footer-grid p{max-width:500px;color:#aebdca}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;font-size:12px;color:#9fb0be}
@media(max-width:900px){.menu-btn{display:block}.main-nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}body.menu-open .main-nav{display:flex}.strip-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.service-detail,.contact-layout{grid-template-columns:1fr}.service-detail.reverse>div:first-child,.service-detail.reverse>.detail-photo{order:initial}.card-grid.three,.project-grid{grid-template-columns:1fr 1fr}.card-grid.four,.timeline,.product-catalog{grid-template-columns:1fr 1fr}.mini-product-grid,.industry-grid{grid-template-columns:1fr 1fr}.cta-grid{display:block}.cta-actions{margin-top:24px}.section-heading{display:block}.section-heading .btn{margin-top:10px}}
@media(max-width:600px){.brand-text strong{font-size:13px;max-width:210px}.brand-text small{font-size:10px}.hero{min-height:590px}.page-hero{min-height:400px}.hero h1,.page-hero h1{font-size:44px}.hero p,.page-hero p{font-size:17px}.section{padding:64px 0}.strip-grid,.card-grid.three,.card-grid.four,.timeline,.product-catalog,.project-grid,.mini-product-grid,.industry-grid,.footer-grid{grid-template-columns:1fr}.strip-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.check-list{columns:1}.image-panel,.detail-photo{min-height:300px}.contact-boxes>a,.contact-boxes>div{display:block}.footer-grid{gap:18px}}