:root{--navy:#061d35;--navy2:#0a2a4a;--gold:#e9a52b;--ink:#15233a;--light:#f4f5f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}
.site-header{height:90px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #0003}
.brand{display:flex;gap:12px;align-items:center}.brand .globe{font-size:45px;color:var(--gold)}.brand b{font-family:Georgia,serif;font-size:28px;letter-spacing:3px}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;text-align:center}
nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700}nav a:not(.gold-btn):hover{color:var(--gold)}
.gold-btn,.outline-btn{display:inline-block;padding:14px 25px;font-size:12px;font-weight:800;border:0;cursor:pointer}.gold-btn{background:var(--gold);color:#102039}.outline-btn{border:1px solid #fff;color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{height:510px;position:relative;background:linear-gradient(90deg,#183d5c,#0b2137 48%,#52331d);overflow:hidden}.hero:before,.about-photo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,#ffffff08 25%,transparent 25%,transparent 50%,#ffffff08 50%,#ffffff08 75%,transparent 75%);background-size:50px 50px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07305488,#05192db0,#07182d55)}
.hero-copy{position:relative;z-index:2;max-width:620px;margin:auto;text-align:center;color:#fff;padding-top:95px}.hero h1{font-size:36px;line-height:1.15;margin:0}.hero h1 span{color:var(--gold)}.rule{color:var(--gold);font-size:25px;margin:15px}.hero p{font-size:16px;line-height:1.6;max-width:580px;margin:0 auto 24px}.actions{display:flex;justify-content:center;gap:18px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 5%;gap:0}.pillars article{text-align:center;padding:8px 28px;border-right:1px solid #ddd}.pillars article:last-child{border:0}.icon{font-size:38px;color:var(--gold)}.pillars h3{font-size:14px}.pillars p{font-size:12px;line-height:1.5}
.section{padding:42px 5%}.section h2{text-align:center;color:var(--navy);font-size:25px}.section h2:after{content:"";display:block;width:55px;border-bottom:3px solid var(--gold);margin:12px auto}
.products{background:var(--light)}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1200px;margin:auto}.product-grid article{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px #0001;text-align:center}.product-img{height:145px;background-size:cover;background-position:center}.windows{background:linear-gradient(135deg,#bdd6e4,#6f8794)}.electrical{background:repeating-linear-gradient(75deg,#15263b 0 10px,#c77f2d 10px 15px,#222 15px 24px)}.plumbing{background:linear-gradient(135deg,#ddd,#fff 40%,#9a8b72)}.flooring{background:repeating-linear-gradient(135deg,#9a6a3c 0 22px,#b98654 22px 44px)}.cabinetry{background:linear-gradient(135deg,#4d443b,#b49b7c)}.materials{background:repeating-linear-gradient(170deg,#c8cdd2 0 15px,#87919b 15px 22px)}.product-grid h3{font-size:13px}.product-grid p{font-size:12px;line-height:1.45;padding:0 12px 18px}
.split{display:grid;grid-template-columns:43% 57%;min-height:360px}.about-copy{background:var(--navy);color:#fff;padding:55px 12%}.about-copy h2{font-size:27px}.about-copy h2:after{content:"";display:block;width:45px;border-bottom:3px solid var(--gold);margin:12px 0}.about-copy p{line-height:1.6}.about-photo{position:relative;background:linear-gradient(160deg,#6e94b2,#19324b 60%,#e08b45)}
.info{text-align:center;max-width:950px;margin:auto}.info p,.standards p{font-size:16px;line-height:1.7;text-align:center;max-width:850px;margin:0 auto}.alt{max-width:none;background:var(--light)}
.standards{background:#fff}.contact{background:var(--navy2);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{text-align:left;color:#fff}.contact h2:after{margin:12px 0}.contact a{color:var(--gold)}form{display:grid;gap:12px}input,textarea{width:100%;padding:14px;border:1px solid #789;background:#fff;color:#111;font:inherit}textarea{min-height:130px;resize:vertical}.form-note{font-size:11px;color:#cbd5df}
footer{background:#04182c;color:#fff;padding:35px 5% 15px;display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:35px}footer h4{color:var(--gold);margin-top:0}footer a{display:block;margin:7px 0;font-size:13px}footer p{font-size:13px;line-height:1.5}.footer-brand b{font-family:Georgia,serif;font-size:25px;letter-spacing:3px}.footer-brand small{display:block;color:var(--gold)}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #ffffff22;padding-top:15px;font-size:12px}
@media(max-width:950px){nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column}nav.open{display:flex}.menu{display:block}.product-grid{grid-template-columns:repeat(3,1fr)}.pillars{grid-template-columns:repeat(2,1fr)}.pillars article{border:0}.split{grid-template-columns:1fr}.about-photo{min-height:250px}}
@media(max-width:600px){.site-header{height:72px}.brand b{font-size:20px}.brand .globe{font-size:34px}nav{top:72px}.hero{height:520px}.hero-copy{padding:80px 20px 0}.hero h1{font-size:30px}.actions{flex-direction:column;align-items:center}.pillars,.product-grid,.contact,footer{grid-template-columns:1fr}.product-grid{gap:20px}.split{display:block}.about-photo{height:230px}.copyright{grid-column:1}.section{padding:35px 6%}}