:root{--black:#000;--lime:#c2fd0b;--mercury:#d5dde2;--mineral:#b3bcc4;--gutter:clamp(20px,4.17vw,80px);--line:#353a3d;font-family:Manrope,Arial,sans-serif;color:var(--mercury);background:var(--black);font-synthesis:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block;max-width:100%}figure,p,h1,h2,h3,dl,dd{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:5px}svg{display:block}.icon{width:26px;height:26px;flex:none}.arrow-left{transform:rotate(180deg)}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.lime{color:var(--lime)}.full-stop{color:var(--mercury)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:var(--lime);color:#000;padding:16px}.skip-link:focus{top:12px}
/* Navigation keeps comfortable touch targets at every width. */
.header{min-height:128px;display:flex;align-items:center;padding:20px var(--gutter);border-bottom:1px solid var(--line);gap:clamp(20px,3vw,48px);position:relative;z-index:10;background:#000}.brand{display:block;flex:none;width:clamp(200px,18vw,270px)}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-left:auto}.desktop-nav button,.footer nav button{color:var(--mineral);font-size:16px;font-weight:600;line-height:1.6;min-height:44px}.header-contact{display:flex;gap:20px;align-items:center;min-height:48px;padding:12px 0 12px 28px;border-left:1px solid var(--line);font-size:16px;font-weight:700;color:var(--lime);white-space:nowrap}.header-contact .icon{transition:transform .25s}.header-contact:hover .icon{transform:translate(3px,-3px)}.menu-toggle,.mobile-menu{display:none}
/* Content determines height, including landscape screens and enlarged text. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:clamp(560px,calc(100svh - 128px),850px)}.hero-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(48px,5vw,80px) 30px clamp(48px,5vw,80px) var(--gutter);min-width:0}h1{font-size:clamp(64px,7.1vw,124px);font-weight:800;letter-spacing:-.055em;line-height:1.04;color:#fff}h1>span{display:block}.hero-copy p{font-size:clamp(16px,1.5vw,23px);font-weight:500;color:var(--mineral);line-height:1.6;letter-spacing:-.025em;margin-top:30px;max-width:34em}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:7px 7px 7px 24px;min-height:64px;max-width:100%;color:#000;background:var(--lime);font-size:17px;font-weight:700;margin-top:34px;transition:background .2s}.button-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;background:#000;color:#fff}.button-icon .icon{width:32px;height:32px;transition:transform .25s}.primary-button:hover{background:#d3ff4f}.primary-button:hover .icon{transform:translate(3px,-3px)}.hero-media{min-width:0;overflow:hidden;background:#17191a}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:47% center}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);padding:clamp(54px,6vw,96px) var(--gutter);border-top:1px solid var(--line)}.about h2{font-size:clamp(25px,2.8vw,46px);line-height:1.22;letter-spacing:-.05em;font-weight:800}.about-copy>p{font-size:clamp(18px,1.6vw,24px);line-height:1.65;max-width:40em}.company-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.company-facts>div{border-top:1px solid var(--line);padding-top:20px}.company-facts dt{font-size:17px;font-weight:700;color:#fff}.company-facts dd{font-size:15px;line-height:1.6;color:var(--mineral);margin-top:10px}
.products{background:var(--mercury);color:#000;padding:clamp(44px,5vw,80px) var(--gutter);scroll-margin-top:20px}.products h2{font-size:clamp(32px,5.4vw,88px);font-weight:800;letter-spacing:-.055em;line-height:1.08}.section-intro{max-width:680px;font-size:clamp(16px,1.3vw,19px);line-height:1.7;margin:24px 0 36px;color:#343e45}.product-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #000}.product-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:14px 12px;font-size:clamp(14px,1.4vw,22px);font-weight:700;font-family:'Chakra Petch',Manrope,sans-serif;transition:background .25s,color .25s}.product-tabs button+button{border-left:1px solid #000}.product-tabs button[aria-selected=true]{background:#000;color:#fff}.product-tabs button:hover:not([aria-selected=true]){background:#c3cdd4}.tab-dot{width:10px;height:10px;flex:none;background:var(--lime);border-radius:50%;display:none}.product-tabs [aria-selected=true] .tab-dot{display:block}.tab-number{margin-right:4px}.product-stage{touch-action:pan-y}.product-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;min-height:580px;animation:slide-in .35s ease both;outline-offset:-5px!important}.product-visual{height:clamp(350px,36vw,580px);display:flex;align-items:center;justify-content:center;min-width:0}.product-visual img{width:100%;height:100%;object-fit:contain}.product-copy{padding:36px 0;min-width:0}.product-type{font-size:clamp(12px,1.1vw,16px);font-weight:700;margin-bottom:16px;line-height:1.5}.product-copy h3{font-family:'Chakra Petch',Manrope,sans-serif;font-size:clamp(54px,6.3vw,104px);letter-spacing:-.055em;line-height:1;font-weight:700}.product-copy h3.long-name{font-size:clamp(44px,4.7vw,78px)}.product-description{font-size:clamp(21px,1.9vw,29px);font-weight:700;line-height:1.4;letter-spacing:-.035em;margin-top:24px}.product-detail{font-size:16px;line-height:1.7;color:#343e45;margin-top:16px;max-width:39em}.product-facts{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:20px;border-top:1px solid #929fa8;margin-top:24px;padding-top:18px}.product-facts dt{font-size:12px;color:#424e57;line-height:1.5}.product-facts dd{font-size:17px;font-weight:700;margin-top:5px;overflow-wrap:anywhere}.soon{font-size:14px;color:#515b63;margin-top:24px}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:24px;border-top:1px solid #929fa8}.slider-controls button{height:54px;width:54px;border:1px solid #000;display:grid;place-items:center;transition:background .2s}.slider-controls button:hover{background:#000;color:var(--lime)}.slide-counter{font-family:'Chakra Petch',Manrope,sans-serif;margin-left:14px;font-size:18px}.products :focus-visible{outline-color:#000}.products button[aria-selected=true]:focus-visible{outline-offset:4px}
.contact{background:var(--lime);color:#000;padding:clamp(44px,5vw,80px) var(--gutter);position:relative;scroll-margin-top:20px}.contact-arrow{width:clamp(42px,7vw,120px);height:clamp(42px,7vw,120px);position:absolute;top:clamp(44px,5vw,80px);right:var(--gutter)}.contact h2{font-size:clamp(30px,5.8vw,100px);font-weight:800;letter-spacing:-.055em;line-height:1.12;margin-bottom:clamp(36px,5vw,72px)}.contact-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(32px,6vw,90px);align-items:start}.contact-copy>p:first-child{font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.4;letter-spacing:-.03em}.contact-copy>p+p{font-size:16px;line-height:1.7;margin-top:18px;max-width:36em}.contact address{font-style:normal;min-width:0}.contact address a{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #000;font-size:clamp(22px,2.1vw,34px);font-weight:500;line-height:1.5;min-height:52px;padding-bottom:12px;letter-spacing:-.04em;overflow-wrap:anywhere}.contact address a+a{margin-top:16px}.contact address .icon{transition:transform .25s}.contact address a:hover .icon{transform:translate(3px,-3px)}.contact :focus-visible{outline-color:#000}.contact-questions{margin-top:clamp(36px,5vw,72px);border-top:1px solid #6a890a}.contact-questions details{border-bottom:1px solid #6a890a}.contact-questions summary{list-style:none;cursor:pointer;min-height:64px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(16px,1.5vw,22px);font-weight:600;line-height:1.5}.contact-questions summary::-webkit-details-marker{display:none}.contact-questions summary span{font-size:28px;font-weight:400;line-height:1;flex:none;transition:transform .2s}.contact-questions details[open] summary span{transform:rotate(45deg)}.contact-questions details>p{max-width:760px;padding:0 36px 24px 0;font-size:16px;line-height:1.75}.contact-questions p a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.footer{padding:40px var(--gutter) 28px;background:#000}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;gap:32px}.footer nav{display:flex;flex-wrap:wrap;gap:16px 32px}.footer-bottom{border-top:1px solid #767e84;padding-top:22px;color:var(--mineral);font-size:12px}.footer .brand{width:240px}
@keyframes slide-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){:root{--gutter:max(80px,calc((100vw - 1700px)/2))}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{padding-right:48px}}
@media(max-width:1050px){.header{gap:22px}.desktop-nav{gap:20px}.header-contact{padding-left:22px;gap:12px}.header .brand{width:210px}.hero-copy{padding-right:24px}.wide-only{display:none}.product-panel{gap:28px}.about{gap:36px}.company-facts{gap:20px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:56px var(--gutter)}h1{font-size:clamp(64px,12vw,104px)}.hero-copy p{font-size:19px;max-width:32em}.hero-media{height:clamp(340px,55vw,480px)}.hero-media img{object-position:47% 48%}.about{grid-template-columns:1fr;gap:28px}.about h2{font-size:clamp(28px,4.6vw,42px)}.about-copy{max-width:720px}.about-copy>p{font-size:19px}.company-facts{gap:32px}.contact-bottom{gap:30px}.contact address a{font-size:24px}.product-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-visual{height:370px}.product-copy h3{font-size:65px}.product-copy h3.long-name{font-size:48px}}
@media(max-width:850px){.header{min-height:104px}.desktop-nav{display:none}.header-contact{margin-left:auto;border:0;padding:8px 0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;flex:none;color:var(--lime)}.menu-toggle span{display:block;height:1px;width:26px;background:currentColor;margin:0 auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;background:#000;border-bottom:1px solid var(--line);flex-direction:column;padding:12px var(--gutter) 24px;box-shadow:0 24px 40px #0008}.mobile-menu button,.mobile-menu a{padding:18px 0;border-bottom:1px solid var(--line);text-align:left;display:flex;justify-content:space-between;gap:20px;font-size:22px;min-height:56px}.mobile-menu button{color:var(--mineral)}.mobile-menu span{font-size:11px;align-self:center}.mobile-menu a{color:var(--lime)}}
@media(max-width:760px){.product-panel{grid-template-columns:1fr;gap:0;min-height:0}.product-visual{height:clamp(270px,64vw,420px);padding-top:20px}.product-copy{padding:12px 0 28px}.product-copy h3{font-size:72px}.product-copy h3.long-name{font-size:56px}.product-detail{max-width:580px}.product-facts{grid-template-columns:1fr 1fr;max-width:580px}.slider-controls{justify-content:flex-start}.contact-bottom{grid-template-columns:1fr;gap:32px}.contact address{max-width:520px}.contact h2{font-size:clamp(30px,5.8vw,44px)}.footer .brand{width:210px}.footer nav{gap:20px}.footer nav button{font-size:14px}}
@media(max-width:600px){:root{--gutter:22px}.header{min-height:94px;padding-top:14px;padding-bottom:14px;gap:16px}.header .brand{width:172px}.header-contact{font-size:14px;gap:10px}.header-contact .icon{width:21px;height:21px}.mobile-menu:not([hidden]){max-height:calc(100dvh - 94px)}.hero-copy{padding:40px var(--gutter)}h1{font-size:clamp(45px,14.9vw,84px);line-height:1.06}.hero-copy p{font-size:16px;line-height:1.6;margin-top:24px}.primary-button{font-size:15px;margin-top:26px;min-height:60px;padding:6px 6px 6px 20px;gap:20px}.button-icon{width:48px;height:48px}.hero-media{height:clamp(260px,76vw,390px)}.about{padding-top:44px;padding-bottom:44px}.about h2{font-size:clamp(24px,5.9vw,35px)}.about-copy>p{font-size:17px}.company-facts{gap:22px;margin-top:24px}.company-facts dt{font-size:16px}.company-facts dd{font-size:14px}.products h2{font-size:clamp(28px,7.2vw,44px)}.section-intro{margin:20px 0 28px;font-size:16px}.product-tabs{grid-template-columns:1fr}.product-tabs button{justify-content:flex-start;padding:14px 16px;font-size:17px;min-height:54px;gap:12px}.product-tabs button+button{border-left:0;border-top:1px solid #000}.product-copy h3{font-size:62px}.product-copy h3.long-name{font-size:50px}.product-description{font-size:23px;margin-top:22px}.product-detail{font-size:16px}.product-type{font-size:12px}.product-facts{gap:14px}.product-facts dd{font-size:16px}.soon{font-size:13px}.contact h2{font-size:clamp(28px,7.5vw,45px);margin-bottom:32px}.contact-arrow{width:36px;height:36px;top:44px}.contact-copy>p:first-child{font-size:24px}.contact address a{font-size:clamp(20px,5.8vw,30px)}.contact address .icon{width:24px;height:24px}.contact-questions summary{gap:20px}.contact-questions details>p{padding-right:0}.footer-main{display:block;padding-bottom:24px}.footer .brand{width:210px;margin-bottom:20px}.footer nav{justify-content:space-between;gap:12px}.footer-bottom{font-size:11px}.slider-controls button{width:52px;height:52px}}
@media(max-width:420px){.header-contact{display:none}.menu-toggle{margin-left:auto}.company-facts{grid-template-columns:1fr;gap:20px}.company-facts>div{padding-top:16px}.company-facts dd{margin-top:6px}.primary-button{width:100%}}
@media(max-width:360px){:root{--gutter:18px}.header .brand{width:162px}.about h2{font-size:23px}.product-copy h3.long-name{font-size:46px}.product-facts{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.product-facts dd{font-size:15px}.contact h2{font-size:26px}.contact-arrow{width:30px;height:30px}.footer nav button{font-size:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}