:root{--green:#7abf21;--green-dark:#7abf21;--green-soft:#7abf21;--ink:#1e2422;--muted:#68726d;--white:#ffffff;--glass:rgba(18,24,22,0.58);--accent:#7abf21;--header-height:86px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Avenir,Avenir Next,Helvetica Neue,Arial,sans-serif;background:#f7f8f5}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:270px minmax(0,1fr);align-items:center;min-height:var(--header-height);padding:0 clamp(22px,4vw,58px);color:var(--white);background:linear-gradient(180deg,rgba(0,0,0,.24),transparent)}.page-header{background:rgba(12,16,14,.92);box-shadow:0 1px 0 rgba(255,255,255,.08)}.brand-card{position:relative;display:flex;align-items:center;gap:11px;width:max-content;min-width:0;padding:0;overflow:visible}.brand-icon,.brand-wordmark{display:block;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.2))}.brand-icon{width:38px;height:38px}.brand-wordmark{width:112px;height:46px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.6vw,26px);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none}.main-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid transparent;border-radius:999px;color:var(--white);line-height:1;transition:border-color .18s ease,background .18s ease,transform .18s ease}.main-nav a:after{position:absolute;inset:-2px;content:"";border:2px solid var(--accent);border-radius:inherit;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease}.main-nav a:focus-visible,.main-nav a:hover,.main-nav a[aria-current=page]{background:rgba(122,191,33,.1);outline:0;transform:translateY(-1px)}.main-nav a:focus-visible:after,.main-nav a:hover:after,.main-nav a[aria-current=page]:after{opacity:1;transform:scale(1)}.hero{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;background:#111}.hero-video{width:100%;height:100%;object-fit:cover}.hero-shade,.hero-video{position:absolute;inset:0}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.03) 36%,rgba(0,0,0,.42)),radial-gradient(circle at 50% 32%,rgba(0,0,0,.12),transparent 38%)}.hero-content{position:relative;z-index:1;display:grid;justify-items:center;align-self:center;width:min(900px,calc(100% - 36px));margin-top:clamp(-90px,-7vh,-34px);text-align:center}h1{max-width:900px;margin:0;font-size:clamp(36px,4.2vw,62px);line-height:1.05;text-shadow:0 2px 18px rgba(0,0,0,.28)}.contact-button,h1{color:var(--white);font-weight:700}.contact-button{display:flex;align-items:center;justify-content:center;width:min(290px,100%);min-height:44px;margin-top:28px;padding:0 28px;background:rgba(255,255,255,.08);border:3px solid rgba(255,255,255,.92);border-radius:4px;cursor:pointer;font-size:14px;letter-spacing:0;transition:background .16s ease,color .16s ease,transform .16s ease}.contact-button:focus-visible,.contact-button:hover{color:var(--ink);background:rgba(255,255,255,.92);outline:0}.contact-button:active{transform:translateY(1px)}.scroll-cue{position:absolute;z-index:2;bottom:30px;left:50%;width:34px;height:34px;border-right:3px solid var(--white);border-bottom:3px solid var(--white);transform:translateX(-50%) rotate(45deg);opacity:.92}.intro-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;min-height:168px;padding:36px clamp(22px,7vw,120px);background:var(--white)}.intro-band p{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.intro-band h2{max-width:740px;margin:0;font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.12}.intro-band a{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;color:var(--white);background:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.content-page,.residential-page{min-height:100svh;background:#f5f6f2}.content-main,.residential-main{min-height:100svh;padding:calc(var(--header-height) + 42px) clamp(22px,4vw,58px) 56px}.residential-product{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.55fr);grid-gap:clamp(34px,5vw,86px);gap:clamp(34px,5vw,86px);align-items:center;max-width:1700px;margin:0 auto}.residential-media{overflow:hidden;border-radius:8px;background:#dfe5d8;box-shadow:0 22px 60px rgba(0,0,0,.12)}.residential-media img{display:block;width:100%;aspect-ratio:16/10.7;object-fit:cover}.residential-panel{display:grid;justify-items:center;text-align:center}.section-kicker{margin:0 0 14px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.residential-panel h1{max-width:460px;margin:0;color:var(--ink);font-size:clamp(34px,3.7vw,54px);font-weight:800;line-height:1.05;text-shadow:none}.residential-copy{max-width:470px;margin:20px 0 34px;color:#2e342f;font-size:16px;line-height:1.55}.product-options{display:grid;grid-gap:12px;gap:12px;width:min(470px,100%);margin-bottom:32px;text-align:left}.option-card{display:grid;grid-gap:6px;gap:6px;padding:20px 22px;border:1px solid rgba(30,36,34,.22);border-radius:4px;background:rgba(255,255,255,.74);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.option-card.is-selected,.option-card:focus-visible,.option-card:hover{border-color:var(--green);box-shadow:0 0 0 2px rgba(122,191,33,.16);outline:0;transform:translateY(-1px)}.option-card strong{color:#151a17;font-size:16px}.option-card span{color:#5c665f;font-size:14px;line-height:1.4}.residential-note{max-width:430px;margin:0 0 20px;color:#323934;font-size:15px;line-height:1.45}.system-button{display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:48px;padding:0 28px;border-radius:4px;color:#10140f;background:var(--green);font-weight:800;transition:filter .16s ease,transform .16s ease}.system-button:focus-visible,.system-button:hover{filter:brightness(1.06);outline:0;transform:translateY(-1px)}.content-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.6fr);grid-gap:clamp(34px,5vw,82px);gap:clamp(34px,5vw,82px);align-items:center;max-width:1700px;margin:0 auto}.content-image{overflow:hidden;border-radius:8px;background:#dfe5d8;box-shadow:0 22px 60px rgba(0,0,0,.12)}.content-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.content-panel{display:grid;justify-items:start}.content-panel h1{max-width:520px;margin:0;color:var(--ink);font-size:clamp(34px,3.5vw,54px);font-weight:800;line-height:1.05;text-shadow:none}.content-panel p:not(.section-kicker){max-width:500px;margin:20px 0 28px;color:#2e342f;font-size:16px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:860px){:root{--header-height:74px}.site-header{grid-template-columns:auto 1fr;padding:0 20px}.brand-card{gap:9px}.brand-icon{width:34px;height:34px}.brand-wordmark{width:96px;height:40px}.main-nav{gap:7px;font-size:12px;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{min-height:38px;padding:0 12px;white-space:nowrap}.residential-main{padding-top:calc(var(--header-height) + 24px)}.content-hero,.residential-product{grid-template-columns:1fr}.residential-panel{justify-items:start;text-align:left}}@media (max-width:640px){.hero{min-height:100svh}.hero-content{align-self:center;padding-top:0}.contact-button{margin-top:24px;min-height:56px}.intro-band{grid-template-columns:1fr}}