:root{--color-mint-green:#0c8c5e;--color-mint-wash:rgba(12,140,94,.07);--color-ink-black:#08090a;--color-true-black:#000000;--color-paper-white:#ffffff;--color-mist-gray:#f2f2f2;--color-cloud-gray:#dddddd;--color-muted:#5c5c5c;--color-carbon:#000000;--color-graphite:#5c5c5c;--font-primary:"Iosevka Charon", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-caption:13px;--text-body:16px;--text-subheading:20px;--text-heading-sm:24px;--text-heading:40px;--text-display:57px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--radius-sm:4px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 4px rgba(8,9,10,.03);--shadow-md:0 2px 4px rgba(8,9,10,.05);--page-max-width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--color-paper-white);color:var(--color-true-black);font-family:var(--font-primary);font-weight:400;font-size:var(--text-body);line-height:1.5;letter-spacing:-.16px;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{max-width:var(--page-max-width);margin:0 auto;padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:18px;line-height:1}.eyebrow{font-size:var(--text-caption);font-weight:500;color:var(--color-mint-green);letter-spacing:.65px;text-transform:uppercase;text-align:center;margin:0 0 var(--spacing-8)}.eyebrow-on-dark{color:#8fe3c4;text-align:left}.section-title{font-size:var(--text-heading-sm);font-weight:600;letter-spacing:-.24px;line-height:1.33;text-align:center;margin:0 0 var(--spacing-16);color:var(--color-ink-black)}header{position:fixed;top:16px;left:50%;z-index:40;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px)}.header-inner{display:flex;align-items:center;justify-content:flex-start;min-height:52px;gap:32px;padding-left:20px;padding-right:8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#1216146b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #040a0829;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}header.scrolled .header-inner{background:#ffffffe6;border-color:var(--color-mist-gray);box-shadow:var(--shadow-sm)}.header-logo{display:flex;align-items:center;gap:10px}.header-logo img{height:32px;width:auto}.header-logo span{font-weight:600;font-size:15px;color:var(--color-ink-black);transition:color .2s ease}header:not(.scrolled) .header-logo span{color:var(--color-paper-white)}header.scrolled .header-logo span{color:var(--color-ink-black)}.header-nav{display:flex;gap:var(--spacing-24)}.nav-link{font-size:14px;font-weight:500;color:var(--color-paper-white);padding:6px 8px;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}header.scrolled .nav-link{color:var(--color-true-black)}.nav-link:hover{background:var(--color-mist-gray);color:var(--color-true-black)}.header-utility{display:flex;align-items:center;gap:var(--spacing-8)}.icon-btn{position:relative;background:none;border:0;padding:8px;cursor:pointer;color:var(--color-paper-white);display:grid;place-items:center;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}header.scrolled .icon-btn{color:var(--color-true-black)}.icon-btn:hover{background:var(--color-mist-gray)}.icon-btn.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20;color:var(--color-mint-green)}.badge{position:absolute;top:2px;right:2px;font-size:10px;line-height:1;font-weight:500;background:var(--color-mint-green);color:var(--color-paper-white);min-width:15px;height:15px;border-radius:999px;display:grid;place-items:center;padding:0 3px}.btn-ghost-nav{background:var(--color-ink-black);border:1px solid var(--color-ink-black);color:var(--color-paper-white);font-family:inherit;font-size:14px;font-weight:500;border-radius:999px;padding:9px 18px;cursor:pointer;transition:background-color .15s ease}.btn-ghost-nav:hover{background:#000}@media(max-width:640px){.header-nav,.header-phone,.header-logo span{display:none}.btn-ghost-nav{padding:8px 12px;font-size:13px}}.hero{position:relative;min-height:92vh;background:#08110d;padding-bottom:56px;overflow:hidden}.hero-center{position:relative;z-index:1;min-height:calc(92vh - 56px);display:flex;align-items:center}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#041410b8,#0414106b 46%,#0414102e 72%,#0414100d),linear-gradient(0deg,#0414108c,#04141000 24%)}.hero-inner{position:relative;z-index:1;text-align:left;max-width:620px;padding-left:clamp(24px,6vw,100px);padding-right:24px}.hero-headline{font-size:64px;font-weight:700;line-height:1.02;letter-spacing:-1.4px;color:var(--color-paper-white);margin:0 0 var(--spacing-32)}.hero-headline .accent{color:#8fe3c4}.hero-search-wrap{position:relative;max-width:440px}.hero-search{display:flex;align-items:center;margin:0;background:var(--color-paper-white);border:1px solid var(--color-cloud-gray);border-radius:var(--radius-sm);padding:4px 4px 4px 16px;box-shadow:var(--shadow-md)}.hero-search input{flex:1;border:0;outline:none;background:none;font-family:inherit;font-size:15px;color:var(--color-true-black);padding:10px 0}.hero-search input::placeholder{color:#8a8a8a}.hero-search button{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:0;cursor:pointer;background:var(--color-ink-black);color:var(--color-paper-white);display:grid;place-items:center}.hero-search button:hover{background:#000}.hero-search-status{margin:var(--spacing-12) 0 0;font-size:13px;color:#ffffffbf;max-width:440px}.hero-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;margin:0;padding:6px;list-style:none;background:var(--color-paper-white);border-radius:var(--radius-lg);box-shadow:0 12px 28px #08090a2e;max-height:320px;overflow-y:auto}.hero-search-results[hidden]{display:none}.hero-result{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease}.hero-result:hover,.hero-result.active{background:var(--color-mint-wash)}.hero-result-name{font-size:14px;font-weight:500;color:var(--color-ink-black)}.hero-result-cat{font-size:12px;color:var(--color-muted)}.hero-result-empty{padding:14px 12px;font-size:13px;color:var(--color-muted);text-align:center}.product-card.search-hit{animation:search-pulse 1.6s ease}@keyframes search-pulse{0%,to{box-shadow:none;border-color:var(--color-mist-gray)}15%,55%{box-shadow:0 0 0 3px var(--color-mint-green);border-color:var(--color-mint-green)}}.hero-bridge-wrap{position:relative;z-index:5;margin-top:-90px}.bridge-card{position:relative;z-index:2;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.16);background:#1216146b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #040a0829;padding:var(--spacing-16);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-8)}.bridge-tab{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--spacing-16) var(--spacing-8);border-radius:var(--radius-lg);font-size:13px;font-weight:500;color:#ffffffe6;text-align:center;line-height:1.3;transition:background-color .15s ease,color .15s ease}.bridge-tab .material-symbols-outlined{font-size:24px;color:#8fe3c4}.bridge-tab:hover{background:#ffffff1a;color:#fff}@media(max-width:900px){.bridge-card{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.hero{min-height:88vh;padding-bottom:calc(var(--spacing-48) + 40px)}.hero-center{min-height:calc(88vh - 40px);padding-top:72px}.hero-headline{font-size:38px;letter-spacing:-.6px}.hero-bridge-wrap{margin-top:-60px}.bridge-card{grid-template-columns:repeat(2,1fr);border-radius:var(--radius-lg)}.bridge-tab{padding:var(--spacing-12) var(--spacing-8)}}.capabilities-section{background:#000;padding:var(--spacing-80) 0;margin-top:var(--spacing-24)}.capabilities-head{padding-bottom:var(--spacing-48);max-width:720px}.section-title-on-dark{color:var(--color-paper-white)}.capabilities-copy{text-align:center;color:#fff9;margin:0}.capabilities-tunnel{position:relative;width:100%;height:70vh;min-height:420px;max-height:720px}@media(max-width:640px){.capabilities-section{padding:var(--spacing-48) 0}.capabilities-tunnel{height:60vh;min-height:340px}}.intro{padding-top:var(--spacing-80);padding-bottom:var(--spacing-24);max-width:720px}.intro-copy{text-align:center;color:var(--color-muted);margin:0}.category{padding-top:var(--spacing-48);padding-bottom:var(--spacing-24)}.category .section-title{margin-bottom:var(--spacing-32)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-24)}.product-card{display:flex;flex-direction:column;background:var(--color-paper-white);border:1px solid var(--color-mist-gray);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-cloud-gray)}.product-media{aspect-ratio:4/3;overflow:hidden;background:var(--color-mist-gray);cursor:pointer}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.product-card:hover .product-media img{transform:scale(1.03)}.product-media.placeholder{display:grid;place-items:center;padding:var(--spacing-16);background:var(--color-mint-wash)}.product-media.placeholder span{font-size:var(--text-subheading);font-weight:500;color:var(--color-mint-green);text-align:center;line-height:1.3}.product-caption{font-size:15px;font-weight:500;color:var(--color-ink-black);padding:var(--spacing-16) var(--spacing-16) 0}.product-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-8) var(--spacing-16) var(--spacing-16);margin-top:auto}.text-btn{background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--color-mint-green);transition:opacity .15s ease}.text-btn:hover{opacity:.75}.product-actions .icon-btn{color:var(--color-muted);padding:4px}.product-actions .icon-btn:hover{background:var(--color-mist-gray)}.product-actions .icon-btn .material-symbols-outlined{font-size:18px}.panel-form{max-width:640px;margin:0 auto}.inquiry{padding-top:var(--spacing-48);padding-bottom:var(--spacing-80);max-width:720px}.inquiry-copy{text-align:center;color:var(--color-muted);margin:0 0 var(--spacing-32)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.form-field{margin-bottom:var(--spacing-16)}.form-field label{display:block;font-size:13px;font-weight:500;color:var(--color-true-black);margin-bottom:6px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--color-cloud-gray);border-radius:var(--radius-sm);background:var(--color-paper-white);font-family:inherit;font-size:15px;color:var(--color-true-black);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-mint-green);box-shadow:0 0 0 3px var(--color-mint-wash)}.form-field textarea{resize:vertical}.form-field ::placeholder{color:#9a9a9a}.btn-filled{display:block;width:100%;background:var(--color-ink-black);color:var(--color-paper-white);border:0;border-radius:var(--radius-sm);font-family:inherit;font-size:15px;font-weight:500;padding:12px 16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .15s ease}.btn-filled:hover{background:#000}.btn-filled:disabled{background:var(--color-cloud-gray);color:#8a8a8a;cursor:not-allowed;box-shadow:none}.form-status{text-align:center;font-size:13px;color:var(--color-muted);min-height:18px;margin:var(--spacing-16) 0 0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#08090a52}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(420px,94vw);background:var(--color-paper-white);box-shadow:-4px 0 24px #08090a14;display:flex;flex-direction:column}.drawer[hidden],.drawer-overlay[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--color-mist-gray)}.drawer-head h2{font-size:var(--text-subheading);font-weight:600;margin:0}.drawer-body{padding:var(--spacing-24);overflow-y:auto;flex:1}.drawer-sub{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.65px;color:var(--color-muted);margin:var(--spacing-24) 0 var(--spacing-16);padding-top:var(--spacing-24);border-top:1px solid var(--color-mist-gray)}.drawer-empty{color:var(--color-muted);font-size:14px;text-align:center;padding:var(--spacing-48) 0}.line-item{padding:var(--spacing-16);margin-bottom:var(--spacing-12);background:var(--color-mist-gray);border-radius:var(--radius-lg)}.line-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-8)}.line-name{font-size:14px;font-weight:600;color:var(--color-ink-black)}.line-cat{font-size:12px;color:var(--color-muted);margin-top:2px}.line-remove{background:none;border:0;cursor:pointer;color:var(--color-muted);display:grid;place-items:center;border-radius:var(--radius-sm);padding:2px}.line-remove:hover{color:var(--color-true-black);background:var(--color-cloud-gray)}.line-remove .material-symbols-outlined{font-size:16px}.line-controls{display:flex;gap:var(--spacing-16);margin-top:var(--spacing-8);align-items:flex-end}.qty-field{flex:0 0 64px}.qty-field label,.note-field label{display:block;font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.note-field{flex:1}.line-controls input{width:100%;border:1px solid var(--color-cloud-gray);border-radius:var(--radius-sm);background:var(--color-paper-white);font-family:inherit;font-size:13px;color:var(--color-true-black);padding:6px 8px;outline:none}.line-controls input:focus{border-color:var(--color-mint-green)}.wish-move{margin-top:var(--spacing-8)}@media(max-width:640px){.drawer{width:100vw}}footer{background:var(--color-paper-white);border-top:1px solid var(--color-mist-gray)}.footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-48);padding-top:var(--spacing-64);padding-bottom:var(--spacing-48)}.footer-col p{margin:0 0 var(--spacing-8);font-size:13px;line-height:1.6;color:var(--color-muted)}.footer-wordmark{font-weight:600;font-size:15px;color:var(--color-ink-black)}.footer-head{font-size:13px;font-weight:500;letter-spacing:.5px;color:var(--color-ink-black);margin-bottom:var(--spacing-16)}.footer-col a:hover{color:var(--color-mint-green)}.footer-legal{text-align:center;font-size:12px;color:var(--color-muted);border-top:1px solid var(--color-mist-gray);padding:var(--spacing-16)}.footer-mark{--scatter-dot-color:#8fe3c4;position:relative;width:100%;height:clamp(140px,22vw,280px);background:var(--color-ink-black);overflow:hidden;cursor:pointer}.footer-mark canvas{display:block;width:100%;height:100%}body.intro-locked{overflow:hidden}#intro-blackhole{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;opacity:1;transition:opacity .9s ease}#intro-blackhole canvas{position:absolute;top:0;left:0;width:100%;height:100%}#intro-blackhole.is-fading{opacity:0;pointer-events:none}@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.wrap{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.footer-inner{grid-template-columns:1fr;gap:var(--spacing-24);padding-top:var(--spacing-48)}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-16)}.section-title{font-size:20px}.form-row{grid-template-columns:1fr}}
