@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600&display=swap";
:root{--bg:#1a1a18;--bg-2:#222220;--bg-3:#2a2a28;--surface:#2e2e2b;--border:#f0ebe114;--border-hover:#f0ebe129;--text:#f0ebe1;--text-muted:#8a8a7a;--text-dim:#5a5a4e;--amber:#e8900a;--amber-hover:#f09b1a;--amber-dim:#e8900a1f;--radius:4px;--radius-lg:8px;--max-w:1200px;--font-display:"Barlow Condensed", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#f0ebe104 1px,#0000 1px),linear-gradient(90deg,#f0ebe104 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.container{max-width:var(--max-w);z-index:1;margin:0 auto;padding:0 1.5rem;position:relative}.section{padding:5rem 0}.section--dark{background:var(--bg-2)}.section--darker{background:var(--bg-3)}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin-bottom:1rem;font-size:11px;font-weight:500;display:inline-flex}.section-eyebrow:before,.section-eyebrow:after{content:"";background:var(--amber);opacity:.5;width:20px;height:1px;display:block}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:.95}.section-subtitle{color:var(--text-muted);max-width:540px;font-size:17px;line-height:1.7}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#1a1a18f2;position:sticky;top:0}.navbar-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--amber);color:#1a1a18;width:32px;height:32px;font-family:var(--font-display);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.logo-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-size:22px;font-weight:700}.navbar-links{align-items:center;gap:.25rem;display:flex}.nav-link{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius);padding:.4rem .75rem;font-size:13px;font-weight:500;transition:color .15s}.nav-link:hover,.nav-link--active{color:var(--text)}.nav-cta{background:var(--amber);color:#1a1a18;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);margin-left:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background .15s}.nav-cta:hover{background:var(--amber-hover)}.hamburger{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.ham-line{background:var(--text);width:22px;height:1.5px;transition:opacity .2s;display:block}.mobile-menu{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.5rem;display:flex}.mobile-link{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.6rem 0;font-size:14px;font-weight:500}.mobile-cta{text-align:center;background:var(--amber);color:#1a1a18;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);margin-top:.75rem;padding:.75rem;font-size:13px;font-weight:600;display:block}.hero{align-items:center;min-height:calc(100vh - 64px);padding:5rem 0;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(#e8900a0a 0%,#0000 70%);width:55%;height:120%;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.hero-content{max-width:720px}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:11px;font-weight:500;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--amber);opacity:.6;width:28px;height:1px;display:block}.hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(64px,10vw,120px);font-weight:700;line-height:.88;display:inline-block;position:relative}.hero-title:after{content:"";background:var(--amber);width:100%;height:4px;position:absolute;bottom:-8px;left:0}.hero-sub{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:clamp(16px,2vw,19px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--amber);color:#1a1a18;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);border:none;padding:.875rem 1.75rem;font-size:13px;font-weight:600;transition:background .15s;display:inline-block}.btn-primary:hover{background:var(--amber-hover)}.btn-outline{color:var(--text);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--border-hover);background:0 0;padding:.875rem 1.75rem;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:inline-block}.btn-outline:hover{border-color:var(--amber);color:var(--amber)}.stats-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2rem 0}.stats-grid{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat-item{background:var(--surface);text-align:center;padding:1.5rem 2rem}.stat-value{font-family:var(--font-display);color:var(--amber);margin-bottom:.4rem;font-size:36px;font-weight:700;line-height:1}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500}.categories-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid}.category-card{background:var(--bg-2);color:inherit;padding:2rem;text-decoration:none;transition:background .2s;display:block}.category-card:hover{background:var(--bg-3)}.category-card:hover .category-arrow{color:var(--amber);transform:translate(4px)}.category-name{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:24px;font-weight:700;display:flex}.category-arrow{color:var(--text-dim);font-size:18px;transition:transform .2s,color .2s}.category-desc{color:var(--text-muted);margin-bottom:1rem;font-size:14px;line-height:1.6}.category-count{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:500}.parts-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid}.part-card{background:var(--bg-3);padding:1.75rem}.part-number{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem;font-family:Courier New,monospace;font-size:11px;font-weight:500}.part-name{margin-bottom:.25rem;font-size:17px;font-weight:600}.part-brand{color:var(--text-muted);margin-bottom:.75rem;font-size:12px}.part-desc{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:14px;line-height:1.5}.part-footer{justify-content:space-between;align-items:center;display:flex}.part-price{color:var(--text-muted);font-size:13px;font-weight:500}.part-inquiry{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s}.part-inquiry:hover{opacity:.75}.reasons-grid{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:3rem;display:grid}.reason-card{background:var(--bg);padding:2.5rem}.reason-icon{margin-bottom:1rem;font-size:28px}.reason-title{margin-bottom:.5rem;font-size:18px;font-weight:600}.reason-body{color:var(--text-muted);font-size:15px;line-height:1.6}.cta-banner{background:var(--amber);padding:4rem 0}.cta-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.cta-title{font-family:var(--font-display);text-transform:uppercase;color:#1a1a18;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1}.cta-sub{color:#1a1a18b3;margin-top:.5rem;font-size:16px}.btn-dark{color:var(--text);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);white-space:nowrap;background:#1a1a18;padding:.875rem 1.75rem;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-block}.btn-dark:hover{opacity:.85}.contact-grid{grid-template-columns:1fr 1.4fr;gap:4rem;margin-top:3rem;display:grid}.contact-info-item{margin-bottom:2rem}.contact-info-label{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:.4rem;font-size:11px;font-weight:500}.contact-info-value{color:var(--text);font-size:16px;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:12px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:var(--radius);appearance:none;outline:none;padding:.75rem 1rem;font-size:15px;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--amber)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-textarea{resize:vertical;min-height:130px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.page-header{border-bottom:1px solid var(--border);padding:4rem 0 3rem}.page-header-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:.75rem;font-size:11px;font-weight:500}.page-header-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(48px,7vw,80px);font-weight:700;line-height:.9}.page-header-sub{color:var(--text-muted);max-width:560px;margin-top:1rem;font-size:17px;line-height:1.6}.product-section{border-bottom:1px solid var(--border);padding:3rem 0}.product-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.product-section-title{font-family:var(--font-display);text-transform:uppercase;font-size:36px;font-weight:700}.product-section-meta{color:var(--text-muted);margin-top:.25rem;font-size:13px}.brands-list{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.brand-tag{letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;font-size:11px;font-weight:500}.about-body{color:var(--text-muted);max-width:680px;font-size:17px;line-height:1.8}.about-body p+p{margin-top:1.25rem}.footer{background:var(--bg-2);border-top:1px solid var(--border);margin-top:auto}.footer-inner{max-width:var(--max-w);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid}.footer-logo{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.footer-desc{color:var(--text-muted);max-width:300px;font-size:14px;line-height:1.6}.footer-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin-bottom:1rem;font-size:11px;font-weight:600}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-link{color:var(--text-muted);font-size:14px;transition:color .15s}a.footer-link:hover{color:var(--text)}.footer-bottom{max-width:var(--max-w);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin:0 auto;padding:1.5rem;display:flex}.footer-bottom p{color:var(--text-dim);font-size:13px}.footer-disclaimer{max-width:500px;font-size:12px!important}@media (max-width:900px){.navbar-links{display:none}.hamburger{display:flex}.categories-grid,.parts-grid,.footer-inner{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.categories-grid,.parts-grid,.reasons-grid,.footer-inner,.form-row{grid-template-columns:1fr}.cta-banner-inner{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
