:root{--c-bg: #ffffff;--c-ink: #0b0b0b;--c-accent: #e73b1d;--c-line: #0b0b0b;--c-mute: #6d6d6d;--c-faint: #ededed;--c-studio: #e6e6e4;--f-display: "Space Grotesk", sans-serif;--f-mono: "Space Mono", monospace;--ease-nav: cubic-bezier(.45, 0, .15, 1)}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#0b0b0b;color:#fff}html{scroll-behavior:smooth}body{font-family:var(--f-display);background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}a{color:inherit;text-decoration:none}.announce{display:flex;justify-content:center;gap:12px;align-items:center;background:var(--c-ink);color:#fff;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;padding:7px 16px;white-space:nowrap;overflow-x:auto}.announce-sep{width:5px;height:5px;background:var(--c-accent);flex:0 0 auto}.site-header{padding:40px 4vw 0}.wordmark{display:flex;align-items:baseline;font-weight:700;font-size:clamp(48px,9vw,128px);line-height:.9;letter-spacing:-.04em}.wm-dash{display:inline-block;height:.14em;width:0;background:var(--c-accent);margin:0 .06em;align-self:center;transition:width 1s var(--ease-nav) .2s}.wordmark.is-loaded .wm-dash{width:clamp(28px,6vw,84px)}.wm-left{transform:translate(-30px);opacity:0;transition:transform 1s var(--ease-nav),opacity 1s}.wm-right{transform:translate(30px);opacity:0;transition:transform 1s var(--ease-nav),opacity 1s}.wordmark.is-loaded .wm-left,.wordmark.is-loaded .wm-right{transform:none;opacity:1}.tagline{margin-top:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;color:var(--c-ink);min-height:1.4em}.tagline .char{opacity:0}.nav-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:14px;border-top:1px solid var(--c-line)}.nav-links{display:flex;gap:5px}.nav-link{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;padding:7px 14px;border:1px solid transparent;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}.nav-link:hover,.nav-link.is-current{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.nav-utils{display:flex;align-items:center;gap:5px}.search{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;padding:7px 10px;width:130px;border:1px solid transparent;outline:none;transition:width .35s var(--ease-nav),border-color .35s var(--ease-nav);background:transparent}.search:focus{width:220px;border-color:var(--c-ink)}.cart-btn{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;padding:7px 14px;border:1px solid var(--c-ink);transition:background .2s ease-out,color .2s ease-out}.cart-btn:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cart-count{color:var(--c-accent)}.cart-btn:hover .cart-count{color:#fff}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4vw;align-items:center;padding:70px 4vw 90px}.hero-title{font-size:clamp(44px,7vw,110px);line-height:.92;letter-spacing:-.035em;font-weight:700}.ht-line{display:block}.ht-accent{color:var(--c-accent)}.hero-sub{max-width:46ch;margin-top:26px;font-size:15px;line-height:1.65;color:#333}.hero-cta{display:flex;gap:10px;margin-top:34px}.btn{display:inline-block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;padding:14px 26px;border:1px solid var(--c-ink);transition:background .25s ease-out,color .25s ease-out,border-color .25s ease-out}.btn-fill{background:var(--c-ink);color:#fff}.btn-fill:hover{background:var(--c-accent);border-color:var(--c-accent)}.btn-outline:hover{background:var(--c-ink);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:34px;margin-top:48px;padding-top:22px;border-top:1px solid var(--c-ink);width:fit-content}.stat dt{font-family:var(--f-mono);font-size:9px;letter-spacing:.18em;color:var(--c-mute)}.stat dd{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-top:6px}.hero-visual{background:linear-gradient(180deg,#efefed 0%,var(--c-studio) 78%);border:1px solid var(--c-ink);aspect-ratio:4 / 4.6;display:flex;align-items:center;justify-content:center;position:relative}.hero-visual svg{width:82%;height:auto}.hero-visual .hv-tag{position:absolute;top:10px;left:12px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:var(--c-mute)}.hero-visual .hv-price{position:absolute;bottom:10px;right:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;background:var(--c-ink);color:#fff;padding:6px 10px}.section-label{display:flex;align-items:center;gap:12px;padding:0 4vw;margin-bottom:30px}.section-label h2{font-size:clamp(22px,3vw,40px);font-weight:700;letter-spacing:-.02em}.sq{width:12px;height:12px;background:var(--c-ink);flex:0 0 auto}.mono-note{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:var(--c-mute);margin-left:auto}.coverage{padding:80px 0;border-top:1px solid var(--c-ink)}.coverage-grid{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--c-faint);border-top:1px solid var(--c-faint);margin:0 4vw}.cov-cell{border-right:1px solid var(--c-faint);border-bottom:1px solid var(--c-faint);padding:20px 16px;display:flex;flex-direction:column;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;transition:background .2s ease-out,color .2s ease-out;cursor:pointer;text-align:left}.cov-cell .cc-sq{width:8px;height:8px;background:var(--c-ink);transition:background .2s}.cov-cell .cc-kits{font-size:9px;color:var(--c-mute);letter-spacing:.1em;transition:color .2s}.cov-cell:hover,.cov-cell.is-active{background:var(--c-ink);color:#fff}.cov-cell:hover .cc-sq,.cov-cell.is-active .cc-sq{background:var(--c-accent)}.cov-cell:hover .cc-kits,.cov-cell.is-active .cc-kits{color:#fff9}.catalog{padding:80px 0 90px;border-top:1px solid var(--c-ink)}.tabs{display:flex;gap:6px;padding:0 4vw;margin-bottom:26px;flex-wrap:wrap}.tab{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;padding:8px 18px;border:1px solid var(--c-ink);border-radius:999px;transition:background .2s ease-out,color .2s ease-out}.tab:hover{background:var(--c-faint)}.tab.is-active{background:var(--c-ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 4vw}.card{border:1px solid var(--c-faint);display:flex;flex-direction:column;transition:border-color .2s ease-out;background:#fff}.card:hover{border-color:var(--c-ink)}.card-media{background:linear-gradient(180deg,#efefed 0%,var(--c-studio) 80%);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--c-faint);overflow:hidden}.card-media svg{width:74%;height:auto;transition:transform .35s var(--ease-nav)}.card:hover .card-media svg{transform:translateY(-6px)}.card-badge{position:absolute;top:10px;left:10px;font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;padding:4px 8px;background:var(--c-ink);color:#fff}.card-badge.is-accent{background:var(--c-accent)}.card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.card-sku{font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;color:var(--c-mute)}.card-name{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.card-specs{list-style:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:#444;display:grid;gap:4px;margin-top:2px}.card-specs li:before{content:"— ";color:var(--c-accent)}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--c-faint)}.card-price{font-weight:700;font-size:18px;letter-spacing:-.02em}.card-price s{font-weight:400;font-size:12px;color:var(--c-mute);margin-right:6px}.add-btn{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;border:1px solid var(--c-ink);padding:8px 12px;transition:background .2s ease-out,color .2s ease-out}.add-btn:hover{background:var(--c-ink);color:#fff}.add-btn.is-added{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.capabilities{padding:80px 0 90px;border-top:1px solid var(--c-ink)}.cap-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 4vw;border-left:1px solid var(--c-faint)}.cap{border-right:1px solid var(--c-faint);padding:26px 22px 30px}.cap-num{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--c-accent)}.cap h3{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:14px 0 10px}.cap p{font-size:13px;line-height:1.6;color:#444}.support{padding:80px 0 90px;border-top:1px solid var(--c-ink)}.support-list{list-style:none;margin:0 4vw;border-top:1px solid var(--c-faint)}.support-row{display:grid;grid-template-columns:20px 1fr auto 30px;align-items:center;gap:18px;padding:22px 4px;border-bottom:1px solid var(--c-faint);cursor:pointer;transition:background .2s ease-out,padding .25s var(--ease-nav)}.support-row:hover{background:var(--c-faint);padding-left:14px;padding-right:14px}.sr-sq{width:12px;height:12px;background:var(--c-ink)}.sr-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.sr-meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--c-mute)}.sr-arrow{font-size:18px;text-align:right;transition:transform .25s var(--ease-nav),color .25s}.support-row:hover .sr-arrow{transform:translate(6px);color:var(--c-accent)}.tutorials{padding:80px 0 90px;border-top:1px solid var(--c-ink)}.tut-intro{padding:0 4vw;margin:-12px 0 30px;max-width:62ch;font-size:14px;line-height:1.65;color:#444}.tut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 4vw}.tut-card{border:1px solid var(--c-faint);padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;text-align:left;background:#fff;transition:border-color .2s ease-out}.tut-card:hover{border-color:var(--c-ink)}.tut-meta{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;color:var(--c-mute)}.tut-cat{padding:3px 8px;color:#fff}.tut-cat--bmw{background:var(--c-ink)}.tut-cat--mb{background:var(--c-accent)}.tut-title{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.tut-excerpt{font-size:13px;line-height:1.55;color:#444}.tut-more{margin-top:auto;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;transition:color .2s}.tut-card:hover .tut-more{color:var(--c-accent)}.lead-box{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:26px;align-items:center;margin:8px 4vw 0;padding:28px;border:1px solid var(--c-ink);background:var(--c-ink);color:#fff}.lead-copy h3{font-size:22px;font-weight:700;letter-spacing:-.01em}.lead-copy p{margin-top:8px;font-size:13px;line-height:1.6;color:#ffffffb8}.lead-form{display:flex;gap:8px}.lead-form input{flex:1;min-width:0;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;padding:13px 14px;outline:none;transition:border-color .2s}.lead-form input::placeholder{color:#ffffff73}.lead-form input:focus{border-color:var(--c-accent)}.lead-form .btn-fill{background:var(--c-accent);border-color:var(--c-accent);white-space:nowrap}.lead-form .btn-fill:hover{background:#fff;border-color:#fff;color:var(--c-ink)}.lead-ok{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:#fff}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b8c;display:flex;justify-content:center;padding:4vh 4vw;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-nav);z-index:80;overflow-y:auto}.tut-overlay.is-open{opacity:1;pointer-events:auto}.tut-modal{position:relative;background:#fff;border:1px solid var(--c-ink);width:min(760px,100%);height:fit-content;padding:44px 48px 40px;transform:translateY(12px);transition:transform .5s var(--ease-nav)}.tut-overlay.is-open .tut-modal{transform:none}.tut-close{position:absolute;top:10px;right:14px;font-size:26px;line-height:1}.tut-close:hover{color:var(--c-accent)}.tut-h{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:14px 0 20px}.tut-sh{font-size:16px;font-weight:700;margin:24px 0 10px;letter-spacing:.02em}.tut-p{font-size:14px;line-height:1.75;color:#333;margin-bottom:12px}.tut-list{margin:0 0 12px 2px;list-style:none;display:grid;gap:8px}.tut-list li{font-size:14px;line-height:1.6;color:#333;padding-left:20px;position:relative}.tut-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--c-accent)}.tut-cta{margin-top:30px;padding-top:20px;border-top:1px solid var(--c-ink);display:grid;gap:14px}.tut-cta p{font-size:13px;color:var(--c-mute)}.tut-cta>div{display:flex;gap:10px;flex-wrap:wrap}.footer{border-top:1px solid var(--c-ink);padding:60px 4vw 30px}.footer-mark{font-size:clamp(40px,6vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1}.footer-mark span{color:var(--c-accent)}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:30px;margin-top:44px}.fcol{display:flex;flex-direction:column;gap:8px}.fcol h4{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--c-mute);margin-bottom:6px}.fcol a{font-size:13px;width:fit-content;border-bottom:1px solid transparent;transition:border-color .2s}.fcol a:hover{border-color:var(--c-ink)}.footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:50px;padding-top:16px;border-top:1px solid var(--c-faint);font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;color:var(--c-mute)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-nav);z-index:60}.cart-overlay.is-open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:-100%;width:min(480px,92vw);height:100vh;height:100dvh;background:#fff;border-left:1px solid var(--c-ink);z-index:70;display:flex;flex-direction:column;transition:right .5s var(--ease-nav)}.cart-drawer.is-open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--c-ink);font-family:var(--f-mono);font-size:12px;letter-spacing:.16em}.cart-close{font-size:24px;line-height:1;padding:0 6px}.cart-close:hover{color:var(--c-accent)}.cart-body{flex:1;overflow-y:auto}.cart-empty{padding:40px 20px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--c-mute)}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:16px 20px;border-bottom:1px solid var(--c-faint);align-items:center}.ci-thumb{width:64px;height:64px;background:linear-gradient(180deg,#efefed,var(--c-studio));display:flex;align-items:center;justify-content:center}.ci-thumb svg{width:78%;height:auto}.ci-name{font-size:13px;font-weight:700;line-height:1.2}.ci-sku{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;color:var(--c-mute);margin-top:3px}.ci-qty{display:flex;align-items:center;gap:8px;margin-top:8px}.ci-qty button{width:22px;height:22px;border:1px solid var(--c-ink);font-family:var(--f-mono);font-size:12px;line-height:1;transition:background .15s,color .15s}.ci-qty button:hover{background:var(--c-ink);color:#fff}.ci-qty span{font-family:var(--f-mono);font-size:12px;min-width:18px;text-align:center}.ci-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ci-price{font-weight:700;font-size:14px}.ci-remove{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;color:var(--c-mute);border-bottom:1px solid transparent}.ci-remove:hover{color:var(--c-accent);border-color:var(--c-accent)}.cart-foot{border-top:1px solid var(--c-ink);padding:18px 20px 22px;display:grid;gap:10px}.cart-subtotal,.cart-ship{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em}.cart-ship span:last-child{color:var(--c-accent)}.cart-checkout{width:100%;text-align:center}.cart-note{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;color:var(--c-mute);text-align:center}.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease-in,transform .5s ease-in}.reveal.is-in{opacity:1;transform:none}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.tut-grid,.cap-cols{grid-template-columns:repeat(2,1fr)}.coverage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-visual{order:-1;aspect-ratio:4/3}.product-grid{grid-template-columns:repeat(2,1fr)}.nav-row{flex-direction:column;align-items:flex-start}.hero-stats{grid-template-columns:repeat(2,auto);gap:22px}}@media(max-width:560px){.product-grid,.tut-grid,.lead-box{grid-template-columns:1fr}.lead-form{flex-direction:column}.tut-modal{padding:36px 22px 30px}.coverage-grid{grid-template-columns:repeat(2,1fr)}.cap-cols{grid-template-columns:1fr;border-left:none}.cap{border-right:none;border-bottom:1px solid var(--c-faint)}.support-row{grid-template-columns:16px 1fr}.sr-meta,.sr-arrow{display:none}.footer-cols{grid-template-columns:1fr}}