:root{--bg:#fff;--bg-alt:#f5f6fa;--ink:#0a0a0a;--muted:#5a5a5a;--line:#e6e7ec;--navy:#0f2545;--accent:#e86524;--accent-hover:#c8541a;--gold:#ffcd1e;--radius:10px;--font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Fraunces,Georgia,serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-display:clamp(2.25rem,3.4vw,3.5rem);--text-hero:clamp(2.75rem,4.8vw,4.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.035em}h1{font-size:var(--text-hero)}h2{font-size:var(--text-display)}h3{font-size:var(--text-xl);font-weight:600;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}p+p{margin-top:var(--space-5)}.container{width:100%;max-width:1240px;margin:0 auto;padding-inline:var(--space-10)}.skip-link{position:absolute;left:16px;top:-70px;z-index:100;background:white;padding:var(--space-3)}.skip-link:focus{top:16px}.utility{background:var(--navy);color:white;font-size:var(--text-xs);font-weight:600}.utility .container{display:flex;justify-content:flex-end;gap:var(--space-6);padding-block:var(--space-1)}.utility a:hover{color:#fdba74}header{background:var(--bg);border-bottom:4px solid var(--navy)}.main-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:100px}.brand{display:flex;gap:var(--space-3);align-items:center;line-height:1.2;flex-shrink:0}.brand:hover{color:var(--ink)}.brand-mark{color:var(--accent);width:38px}.brand-mark svg{width:100%;display:block}.brand strong{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;letter-spacing:-.05em}.brand strong span{font-weight:400}.brand small{display:block;letter-spacing:.15em;font-size:.6rem;font-weight:600;margin-top:var(--space-2);color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm);font-weight:500}.desktop-nav a[aria-current]{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius);border:1.5px solid transparent;font-size:var(--text-sm);font-weight:600;line-height:1.2;transition:background .18s,transform .18s;min-height:46px}.btn-primary{background:var(--accent);color:white;box-shadow:0 6px 18px -8px rgba(232,101,36,.5)}.btn-primary:hover{background:var(--accent-hover);color:white;transform:translateY(-1px)}.btn-sm{padding:var(--space-3) var(--space-4);min-height:42px}.btn-ghost{border-color:#ffffff60;color:white;background:#ffffff14}.btn-ghost:hover{background:#ffffff26;color:white}.btn-outline{border-color:var(--line);background:var(--bg);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--accent-hover);border-bottom:1px solid currentColor;padding-bottom:var(--space-1)}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:6px;width:44px;height:44px;padding:var(--space-3)}.menu-button span{display:block;height:2px;background:var(--ink);margin-block:var(--space-1)}.mobile-nav{padding:var(--space-4) var(--space-6);border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:var(--space-3) 0;font-size:var(--text-base)}[hidden]{display:none!important}
.hero{background:linear-gradient(90deg,rgba(5,11,18,.88),rgba(5,11,18,.57) 65%,rgba(5,11,18,.45)),url('./assets/bg-circuit.jpg') center 52%/cover;color:white;position:relative;padding:var(--space-24) 0 var(--space-20)}.hero-inner{max-width:1080px}.eyebrow{font-size:var(--text-xs);color:#fff;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid #ffffff35;background:#ffffff0d;border-radius:99px;margin-bottom:var(--space-6)}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#55b990;flex-shrink:0}.hero em{font-weight:500;color:var(--gold)}.hero-copy{font-size:var(--text-lg);max-width:660px;color:#e1e5ea;line-height:1.75;margin-top:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.hero-trust{display:flex;gap:var(--space-8);font-size:var(--text-xs);color:#ddd;margin-top:var(--space-10)}.hero-trust strong{color:white;font-weight:600}.hero-interior{padding:var(--space-20) 0}.hero-interior .hero-copy{max-width:740px}.commodities{background:var(--bg-alt);border-bottom:1px solid var(--line);padding:var(--space-6) 0 var(--space-8)}.strip-title{display:flex;gap:var(--space-6);align-items:center;padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--muted)}.kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hover);margin-bottom:var(--space-4)}.strip-title .kicker{margin:0;white-space:nowrap}.commodity-grid{display:grid;grid-template-columns:repeat(5,1fr)}.commodity-grid a{padding:0 var(--space-5);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-1)}.commodity-grid a:first-child{padding-left:0;border:0}.commodity-number{font-size:var(--text-xs);color:var(--accent-hover);font-weight:600}.commodity-grid strong{font-size:var(--text-sm);font-weight:600}.commodity-grid a>span:last-child{font-size:var(--text-xs);line-height:1.6;color:var(--muted)}.section{padding-block:var(--space-24)}.section-alt{background:var(--bg-alt)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-20)}.section-head{margin-bottom:var(--space-8)}.section-head .lede{margin-top:var(--space-6);max-width:720px}.split .section-head{margin-bottom:var(--space-6)}.split .btn,.split>.paper-panel .text-link{margin-top:var(--space-6)}.check-list{list-style:none;padding:0;margin:var(--space-6) 0}.check-list li{padding:var(--space-2) 0 var(--space-2) var(--space-6);position:relative;color:var(--muted);font-size:var(--text-sm)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-hover);font-weight:700}.photo-panel{height:480px;overflow:hidden;border-radius:var(--radius);position:relative;background:var(--navy)}.photo-panel img{width:100%;height:100%;object-fit:cover}.photo-panel figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#07111de8);padding:var(--space-16) var(--space-8) var(--space-8);color:white;line-height:1.4}.photo-panel figcaption span{display:block;letter-spacing:.12em;font-size:var(--text-xs);margin-bottom:var(--space-2);color:#ffdc9d}.photo-panel figcaption strong{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl)}.component-photo img{object-position:40% center}.manufacturers .section-head{max-width:760px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:var(--space-10)}.brand-grid a{min-height:112px;display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--space-6);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--text-lg);font-weight:700;letter-spacing:-.045em}.brand-grid a:hover{background:var(--bg-alt)}.manufacturer-details{border-bottom:1px solid var(--line);margin-top:var(--space-6)}.manufacturer-details summary{list-style:none;display:flex;justify-content:space-between;padding:var(--space-4) 0;cursor:pointer;font-weight:600;font-size:var(--text-sm)}.manufacturer-details summary::-webkit-details-marker{display:none}.manufacturer-details summary span{font-size:var(--text-xl);color:var(--accent)}.manufacturer-details[open] summary span{transform:rotate(45deg)}.directory-tools{padding:var(--space-6) 0}.directory-tools label{font-size:var(--text-sm);font-weight:600}.directory-tools input{max-width:420px}.directory-tools p{font-size:var(--text-xs);margin-top:var(--space-2)}.directory{display:grid;grid-template-columns:repeat(4,1fr);gap:0 var(--space-8);padding-bottom:var(--space-6)}.directory a{font-size:var(--text-sm);padding:var(--space-3) 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--space-3)}.fine-print{font-size:var(--text-xs);line-height:1.7;margin-top:var(--space-5);color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.service-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:var(--space-8);display:flex;align-items:flex-start;flex-direction:column}.card-index{color:var(--accent-hover);font-size:var(--text-xs);font-weight:600;display:block;margin-bottom:var(--space-6)}.service-card h3{margin-bottom:var(--space-4)}.service-card p{font-size:var(--text-sm);margin-bottom:var(--space-6)}.service-card .text-link{margin-top:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);margin-top:var(--space-12)}.steps article{border-top:1px solid var(--line);padding-top:var(--space-6)}.steps article>span{font-family:var(--font-display);font-size:2.25rem;color:var(--accent);display:block;margin-bottom:var(--space-5)}.steps h3{margin-bottom:var(--space-4)}.steps p{font-size:var(--text-sm)}.cta{background:linear-gradient(90deg,#0c192fee,#0c192fcc),url('./assets/bg-circuit.jpg') center/cover;color:white;padding-block:var(--space-20)}.cta .kicker{color:#ffbd8f}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.cta h2{font-size:clamp(2rem,3.2vw,3rem)}.cta p:not(.kicker){color:#cbd4df;max-width:620px;margin-top:var(--space-5);font-size:var(--text-sm)}.cta-actions{display:flex;flex-direction:column;gap:var(--space-5);align-items:center;flex-shrink:0;font-size:var(--text-sm)}footer{background:var(--bg)}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-16);padding-block:var(--space-16)}.footer-brand img{width:210px;height:auto;background:white;border-radius:4px}.footer-brand p{font-size:var(--text-sm);margin-top:var(--space-5)}.footer-main h3{font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-6);font-weight:600;letter-spacing:0}.footer-main a:not(:has(img)){font-size:var(--text-sm);display:block;margin-top:var(--space-3);color:var(--muted);overflow-wrap:anywhere}.footer-main a:hover{color:var(--accent-hover)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-6);font-size:var(--text-xs);color:var(--muted)}.theme-toggle{border:0;background:transparent;color:var(--muted);font-size:var(--text-xs);padding:var(--space-2)}
.paper-panel{padding:var(--space-10);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.paper-panel h3{margin-bottom:var(--space-6)}.warehouse-section{background:linear-gradient(90deg,#080c13e8,#080c1399),url('./assets/warehouse-bg.jpg') center/cover;color:white}.warehouse-copy{max-width:700px}.warehouse-copy .kicker{color:#ffbd8f}.warehouse-copy p.lede{color:#e4e8ee}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)}.category-cards article{padding-top:var(--space-6);border-top:1px solid var(--line)}.category-cards h3{margin-bottom:var(--space-4);font-size:1.3rem}.category-cards p{font-size:var(--text-sm)}.contact-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:var(--space-20);align-items:start}.contact-method{margin-top:var(--space-6)}.contact-method span{display:block;color:var(--muted);font-size:var(--text-xs);margin-bottom:var(--space-1)}.contact-method a,.contact-method strong{font-size:var(--text-base);font-weight:500;overflow-wrap:anywhere}.contact-note{font-size:var(--text-sm);margin:var(--space-8) 0 var(--space-4)}form label{display:block;font-size:var(--text-sm);font-weight:500;margin-top:var(--space-5)}input:not([type=radio]),textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:var(--bg);border:1px solid #c7cbd1;border-radius:6px;color:var(--ink);font-size:var(--text-base)}textarea{resize:vertical}fieldset{padding:0;border:0;margin:var(--space-6) 0}legend{font-size:var(--text-sm);font-weight:500}.radio-row{display:flex;gap:var(--space-5);flex-wrap:wrap}.radio-row label{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2);font-weight:400}.radio-row input{accent-color:var(--accent);width:17px;height:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-note{font-size:var(--text-sm);margin-top:calc(-1 * var(--space-3))}form>button{margin-top:var(--space-6)}#email-review{border-top:1px solid var(--line);margin-top:var(--space-8);padding-top:var(--space-6)}#email-review h4{font-size:var(--text-lg)}#email-preview{font-family:var(--font-body);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-alt);padding:var(--space-4)}#email-review .btn{margin-top:var(--space-3)}[data-theme=dark]{--bg:#111923;--bg-alt:#172230;--ink:#f3f5f8;--muted:#b6c0cd;--line:#34404f;--accent-hover:#f4905a}[data-theme=dark] .btn-primary:hover{background:#c8541a}
@media(min-width:1600px){.hero{padding-block:128px}.hero-interior{padding-block:var(--space-24)}}@media(max-width:1100px){.container{padding-inline:var(--space-8)}.desktop-nav{gap:var(--space-4);font-size:.8rem}.brand strong{font-size:1.2rem}.brand-mark{width:30px}.split{gap:var(--space-10)}.contact-layout{gap:var(--space-10)}.brand small{letter-spacing:.08em}.main-header{gap:var(--space-4)}}@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.main-header{min-height:84px}.hero{padding-block:var(--space-20)}.hero-inner{max-width:820px}.split{gap:var(--space-8)}.photo-panel{height:400px}.commodity-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6) 0}.commodity-grid a:nth-child(4){padding-left:0;border:0}.cards{gap:var(--space-4)}.service-card{padding:var(--space-6)}.cta-inner{gap:var(--space-8)}.footer-main{gap:var(--space-8)}.contact-layout{grid-template-columns:1fr}.contact-layout aside{max-width:600px}.category-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{padding-inline:var(--space-6)}.utility .container{gap:var(--space-4);justify-content:space-between;padding-block:var(--space-2)}.utility-email{display:none}.brand strong{font-size:1.15rem}.brand small{font-size:.6rem;letter-spacing:.05em}.brand-mark{width:28px}.brand{gap:var(--space-2)}.main-header{min-height:80px}.hero{padding:var(--space-16) 0}.eyebrow{font-size:var(--text-xs);border:0;background:none;border-radius:0;padding:0;align-items:flex-start;line-height:1.6;max-width:310px}.eyebrow span{margin-top:7px}.hero h1{font-size:clamp(2.5rem,10vw,3.25rem)}.hero-copy{font-size:var(--text-base);margin-top:var(--space-5)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{font-size:var(--text-sm)}.hero-trust{flex-direction:column;gap:var(--space-2);margin-top:var(--space-6)}.strip-title{display:block}.strip-title .kicker{display:block;margin-bottom:var(--space-2)}.strip-title>span:last-child{font-size:var(--text-xs)}.commodity-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5) 0}.commodity-grid a{padding-inline:var(--space-4)}.commodity-grid a:nth-child(odd){padding-left:0;border:0}.commodity-grid a:nth-child(4){border-left:1px solid var(--line);padding-left:var(--space-4)}.section{padding-block:var(--space-16)}.split{grid-template-columns:1fr;gap:var(--space-10)}.split.reverse>figure{order:2}.photo-panel{height:360px}.section-head h2{font-size:2.5rem}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid a{font-size:var(--text-base);min-height:100px;padding:var(--space-5) var(--space-3)}.directory{grid-template-columns:repeat(2,1fr);gap:0 var(--space-5)}.cards,.steps,.category-cards{grid-template-columns:1fr;gap:var(--space-6)}.service-card{padding:var(--space-8)}.steps{margin-top:var(--space-8)}.steps article>span{margin-bottom:var(--space-3)}.cta{padding-block:var(--space-16)}.cta-inner{flex-direction:column;align-items:flex-start}.cta-actions{align-items:flex-start;gap:var(--space-4)}.footer-main{grid-template-columns:1fr 1fr;padding-block:var(--space-12);gap:var(--space-10) var(--space-6)}.footer-brand{grid-column:1/-1}.footer-main a:not(:has(img)){font-size:var(--text-xs)}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.footer-bottom .theme-toggle{padding-left:0}.paper-panel{padding:var(--space-6)}.form-row{grid-template-columns:1fr;gap:0}.radio-row{flex-direction:column;gap:var(--space-1)}.contact-layout{gap:var(--space-12)}.category-cards{margin-top:var(--space-8)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand small{font-size:var(--text-xs);letter-spacing:.04em;max-width:260px}
@media(max-width:640px){.brand small{font-size:var(--text-xs);max-width:200px;line-height:1.3;letter-spacing:0}.brand strong{font-size:1.05rem}.brand small{margin-top:var(--space-1)}}