:root{--navy:#0b1a2c;--navy-light:#122841;--navy-dark:#060e18;--lime:#8cc63f;--lime-light:#a3d95a;--cream:#f4f6f8;--ink:#1e293b;--muted:#5e6875;--white:#fff;--line:#dbe2e8;--heading:'Outfit',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:min(1200px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:var(--navy);box-shadow:0 4px 22px #0004}
.nav{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.nav-links,.nav-actions{display:flex;align-items:center;gap:25px}.nav-actions{justify-content:flex-end}
.nav a{color:#ffffffd9;font-size:.79rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.nav a:hover{color:var(--lime)}
.logo img{width:164px;height:72px;object-fit:contain;filter:invert(1) hue-rotate(180deg) brightness(1.2)}
.nav .quote-btn,.button{display:inline-flex;justify-content:center;align-items:center;background:var(--lime);color:var(--navy);border-radius:6px;padding:13px 24px;font-weight:800;transition:.2s}.nav .quote-btn:hover,.button:hover{color:var(--navy);background:var(--lime-light);transform:translateY(-2px)}
.menu-button{display:none;background:none;border:0;color:white;font-size:1.7rem;cursor:pointer}.mobile-menu{display:none;padding:0 0 20px}.mobile-menu a{display:block;padding:11px 0}
.hero{padding:88px 0;background:var(--cream);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{color:#659b20;font-size:.76rem;line-height:1.3;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:'';display:inline-block;width:24px;height:2px;background:var(--lime);vertical-align:middle;margin-right:10px}
h1,h2,h3{font-family:var(--heading);color:var(--navy);line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4.15rem);margin-bottom:22px}h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:18px}h3{font-size:1.35rem;margin-bottom:8px}
.hero p,.intro p{color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.phone{color:var(--muted);font-size:.92rem}.phone a{font-weight:800;color:var(--navy)}
.hero-media{height:455px;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #0b1a2c2d}.hero-media img{width:100%;height:100%;object-fit:cover}
.winter-art{height:100%;position:relative;overflow:hidden;background:linear-gradient(155deg,#dce9f2 0%,#f8fbfd 48%,#cbd9e5 100%)}.winter-art:before{content:'';position:absolute;left:-8%;right:-8%;bottom:-35px;height:52%;background:white;border-radius:50% 50% 0 0/30% 30% 0 0;box-shadow:0 -20px 50px #8ea5b833}.winter-art:after{content:'❄';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12rem;text-shadow:0 10px 40px #6e879d66;transform:rotate(8deg)}
.winter-label{position:absolute;z-index:2;left:32px;bottom:28px;background:var(--navy);color:white;padding:11px 17px;border-left:4px solid var(--lime);font-weight:800;letter-spacing:.04em}
.rendering-art{height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#152d43,#456b54 58%,#8cc63f)}.rendering-art:before{content:'';position:absolute;inset:12% 9%;border:2px solid #ffffffa6;background:linear-gradient(30deg,transparent 48%,#ffffff35 49% 51%,transparent 52%),linear-gradient(150deg,transparent 48%,#ffffff2b 49% 51%,transparent 52%);background-size:55px 55px;transform:perspective(500px) rotateX(58deg) rotateZ(-8deg);box-shadow:0 18px 50px #0005}.rendering-art:after{content:'3D';position:absolute;right:30px;top:28px;color:white;font-family:var(--heading);font-size:5rem;font-weight:800;text-shadow:0 8px 30px #0b1a2c99}.design-art{height:100%;position:relative;background:linear-gradient(150deg,#f5f1e8,#dfe8d4)}.design-art:before{content:'';position:absolute;inset:12% 11%;background:repeating-linear-gradient(0deg,#0b1a2c18 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,#0b1a2c18 0 1px,transparent 1px 28px);border:2px solid white;box-shadow:0 16px 40px #0b1a2c2a;transform:rotate(-4deg)}.design-art:after{content:'✎';position:absolute;inset:0;display:grid;place-items:center;color:var(--navy);font-size:9rem;transform:rotate(-12deg)}
.intro{padding:86px 0;background:white}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.intro p+p{margin-top:16px}
.features{padding:86px 0;background:#e6ebef}.section-head{text-align:center;max-width:700px;margin:0 auto 46px}.section-head p{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:white;padding:28px;border-radius:10px;border:1px solid var(--line);box-shadow:0 4px 16px #0b1a2c0d}.feature-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#8cc63f20;color:#659b20;font-weight:900;margin-bottom:18px}.feature p{color:var(--muted);font-size:.92rem}
.included{padding:86px 0;background:white}.included-grid{display:grid;grid-template-columns:1fr .78fr;gap:72px;align-items:start}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;margin-top:28px}.check-list li{position:relative;padding-left:30px}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--navy);font-size:.75rem;font-weight:900;text-align:center;line-height:20px}
.trust-card{background:var(--navy);color:white;padding:38px;border-radius:12px}.trust-card h3{color:white;font-size:1.65rem}.trust-card p{color:#ffffffb3;margin:12px 0 24px}.trust-points li{padding:12px 0;border-top:1px solid #ffffff1a}.trust-points strong{color:var(--lime)}
.cta{padding:76px 24px;text-align:center;background:var(--navy);color:white}.cta h2{color:white}.cta p{color:#ffffffaa;margin:0 auto 30px;max-width:560px}
footer{background:var(--navy-dark);color:#ffffff8c;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand img{width:185px;filter:invert(1) hue-rotate(180deg) brightness(1.2);margin-bottom:12px}.footer-grid h3{color:var(--lime);font-family:var(--body);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.footer-grid a{display:block;margin:8px 0}.footer-grid a:hover{color:white}.copyright{border-top:1px solid #ffffff12;margin-top:35px;padding-top:20px;font-size:.8rem}
@media(max-width:850px){.nav-links{display:none}.nav{grid-template-columns:auto 1fr auto}.logo{justify-self:start}.menu-button{display:block}.nav-actions .quote-btn{display:none}.mobile-menu.open{display:block}.hero{padding:62px 0}.hero-grid,.intro-grid,.included-grid{grid-template-columns:1fr;gap:40px}.hero-media{height:340px}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 34px,1200px)}.nav{height:70px}.logo img{width:135px;height:62px}.hero{padding:48px 0 58px}.hero-media{height:280px}.feature-grid,.check-list,.footer-grid{grid-template-columns:1fr}.intro,.features,.included{padding:64px 0}.trust-card{padding:28px}.winter-art:after{font-size:8rem}}