:root{
  --base:#0b1220;--base2:#0f172a;--base3:#0d1424;--base4:#162033;
  --orange:#f97316;--orange-dim:rgba(249,115,22,.18);--orange-border:rgba(249,115,22,.3);--orange-bg:rgba(249,115,22,.1);
  --w10:rgba(255,255,255,.10);--w5:rgba(255,255,255,.05);--w3:rgba(255,255,255,.03);--w15:rgba(255,255,255,.15);
  --text:#fff;--text2:#cbd5e1;--text3:#94a3b8;--label:#fdba74;
  --ff:'Inter',sans-serif;--r:1.5rem;--max:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--base);color:var(--text);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:var(--ff);transition:all .18s}
img{display:block;max-width:100%}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(11,18,32,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--w10)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:24px}
.nav-brand{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none}
.nav-logo{height:44px;width:auto}
.nav-brand-top{font-size:13px;font-weight:700;color:#fff;line-height:1.2}
.nav-brand-sub{font-size:10px;color:var(--text3);letter-spacing:.05em}
.nav-phone{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text2);padding:0 18px;border-left:1px solid var(--w10);border-right:1px solid var(--w10);white-space:nowrap}
.nav-phone svg{color:var(--label);flex-shrink:0}
.nav-phone strong{color:#fff}
.nav-links{display:flex;gap:2px}
.nav-link{font-size:13px;color:var(--text2);padding:7px 12px;border-radius:999px;font-weight:500;transition:all .15s}
.nav-link:hover,.nav-link.active{color:#fff;background:var(--w10)}
.nav-btn-ghost{font-size:13px;font-weight:500;color:var(--text2);padding:7px 16px;border-radius:999px;border:1px solid var(--w15);background:none;transition:all .15s;text-decoration:none}
.nav-btn-ghost:hover{border-color:rgba(255,255,255,.3);color:#fff;background:var(--w5)}
.nav-btn-cta{font-size:13px;font-weight:600;color:#fff;padding:8px 18px;border-radius:999px;background:var(--orange);border:none;box-shadow:0 4px 18px rgba(249,115,22,.3);text-decoration:none}
.nav-btn-cta:hover{background:#ea6c0a}
.nav-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:20px;padding:4px 8px}

/* BUTTONS */
.btn-cta{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:#fff;font-size:14px;font-weight:600;padding:12px 24px;border-radius:999px;border:none;box-shadow:0 6px 20px rgba(249,115,22,.3);cursor:pointer;text-decoration:none;transition:all .18s}
.btn-cta:hover{background:#ea6c0a;transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:none;color:var(--text2);font-size:14px;font-weight:500;padding:12px 24px;border-radius:999px;border:1px solid var(--w15);cursor:pointer;text-decoration:none;transition:all .18s}
.btn-ghost:hover{border-color:rgba(255,255,255,.3);color:#fff;background:var(--w5)}

/* HERO */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right,var(--orange-dim),transparent 28%),linear-gradient(180deg,var(--base) 0%,#10192d 100%);border-bottom:1px solid var(--w10)}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--w3) 1px,transparent 1px),linear-gradient(to bottom,var(--w3) 1px,transparent 1px);background-size:48px 48px;opacity:.5;pointer-events:none}
.hero-inner{position:relative;max-width:var(--max);margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--orange-bg);border:1px solid var(--orange-border);border-radius:999px;padding:4px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--label);margin-bottom:22px}
.hero h1{font-size:clamp(38px,5vw,68px);font-weight:700;line-height:.96;letter-spacing:-.03em;color:#fff;margin-bottom:22px}
.hero h1 em{color:var(--label);font-style:normal}
.hero-sub{font-size:17px;line-height:1.7;color:var(--text2);max-width:500px;margin-bottom:32px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.h-stat{background:var(--w5);border:1px solid var(--w10);border-radius:var(--r);padding:16px}
.h-stat-val{font-size:17px;font-weight:700;color:#fff}
.h-stat-lbl{font-size:12px;color:var(--text3);margin-top:4px}

/* RFQ WIDGET */
.hero-rfq-wrap{position:relative}
.hero-rfq-glow{position:absolute;inset:-28px;background:rgba(249,115,22,.07);border-radius:2rem;filter:blur(36px);pointer-events:none}
.hero-rfq{position:relative;background:rgba(10,14,26,.85);border:1px solid var(--w10);border-radius:var(--r);overflow:hidden;box-shadow:0 28px 56px rgba(0,0,0,.5)}
.rfq-img{position:relative;height:180px;overflow:hidden}
.rfq-img img{width:100%;height:100%;object-fit:cover;opacity:.5}
.rfq-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.15),rgba(7,10,18,.85))}
.rfq-body{padding:20px}
.rfq-body h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:4px}
.rfq-body p{font-size:12px;color:var(--text3);margin-bottom:14px;line-height:1.5}
.rfq-inp{width:100%;padding:10px 14px;background:var(--w5);border:1px solid var(--w10);border-radius:10px;font-size:13px;color:#fff;font-family:var(--ff);margin-bottom:8px}
.rfq-inp:focus{outline:none;border-color:var(--orange-border)}
.rfq-inp::placeholder{color:var(--text3)}
.rfq-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.rfq-note{background:rgba(249,115,22,.05);border:1px dashed var(--orange-border);border-radius:10px;padding:10px 13px;font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:12px}
.rfq-cta{display:flex;align-items:center;justify-content:space-between;background:var(--w5);border:1px solid var(--w10);border-radius:10px;padding:11px 14px}
.rfq-cta-txt{font-size:12px;color:var(--text3);line-height:1.4}
.rfq-cta-txt strong{color:#fff;display:block;font-size:13px}

/* TRUST STRIP */
.trust-strip{background:var(--base2);border-bottom:1px solid var(--w10)}
.trust-strip-inner{max-width:var(--max);margin:0 auto;padding:14px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust-item{background:var(--w5);border:1px solid var(--w10);border-radius:var(--r);padding:13px 15px;font-size:13px;color:var(--text2);display:flex;align-items:center;gap:8px}
.trust-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}

/* SECTIONS */
.sec{padding:72px 24px}
.sec-inner{max-width:var(--max);margin:0 auto}
.sec-alt{background:rgba(255,255,255,.02);border-top:1px solid var(--w10);border-bottom:1px solid var(--w10)}
.sec-label{font-size:11px;text-transform:uppercase;letter-spacing:.28em;color:var(--label);margin-bottom:10px;font-weight:600}
.sec-h2{font-size:clamp(26px,3.5vw,40px);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.sec-body{font-size:15px;color:var(--text2);line-height:1.7;max-width:580px}

/* CATEGORY CARDS */
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.cat-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--w10);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s;text-decoration:none;display:flex;flex-direction:column}
.cat-card:hover{border-color:var(--orange-border);transform:translateY(-4px)}
.cat-img{height:120px;background:radial-gradient(circle at top left,rgba(249,115,22,.2),transparent 40%),linear-gradient(135deg,var(--base4),var(--base2));display:flex;align-items:center;justify-content:center}
.cat-img img{width:70px;height:70px;object-fit:contain}
.cat-body{padding:14px;flex:1;display:flex;flex-direction:column}
.cat-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}
.cat-desc{font-size:12px;color:var(--text3);line-height:1.5;flex:1;margin-bottom:10px}
.cat-link{font-size:12px;font-weight:600;color:var(--label)}

/* WHY */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.why-list{display:flex;flex-direction:column}
.why-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--w10)}
.why-item:last-child{border-bottom:none}
.why-num{font-size:32px;font-weight:800;color:var(--orange);line-height:1;min-width:44px;opacity:.85}
.why-item h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}
.why-item p{font-size:13px;color:var(--text2);line-height:1.6}
.why-cta-card{background:radial-gradient(circle at top left,var(--orange-dim),transparent 30%),linear-gradient(180deg,var(--base4),var(--base2));border:1px solid var(--w10);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:16px}
.why-cta-card h3{font-size:24px;font-weight:700;color:#fff;line-height:1.2}
.why-cta-card p{font-size:13px;color:var(--text2);line-height:1.65}
.phone-big{font-size:24px;font-weight:700;color:var(--label)}
.phone-big small{display:block;font-size:12px;color:var(--text3);font-weight:400;margin-top:3px}

/* PRODUCTS PREVIEW */
.prod-preview{display:flex;flex-direction:column;gap:10px}
.prod-prev-card{background:var(--base3);border:1px solid var(--w10);border-radius:var(--r);padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .15s;text-decoration:none}
.prod-prev-card:hover{border-color:var(--orange-border)}
.prod-thumb{width:46px;height:46px;border-radius:8px;background:var(--base4);border:1px solid var(--w10);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.prod-thumb img{width:36px;height:36px;object-fit:contain}
.prod-info{flex:1;min-width:0}
.prod-model{font-size:14px;font-weight:700;color:#fff;font-family:monospace}
.prod-brand{font-size:12px;color:var(--text3)}
.prod-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.chip{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px;border:1px solid var(--w10);background:var(--w5);color:var(--text3);white-space:nowrap}
.chip.hi{background:rgba(249,115,22,.1);border-color:var(--orange-border);color:var(--label);font-weight:600}
.prod-rfq-btn{background:var(--orange);color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;flex-shrink:0}

/* BRANDS */
.brands-row{display:flex;border-top:1px solid var(--w10);border-bottom:1px solid var(--w10);flex-wrap:wrap}
.brand-cell{flex:1;min-width:10%;text-align:center;padding:16px 10px;border-right:1px solid var(--w10);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text3);cursor:pointer;transition:color .15s,background .15s;text-decoration:none;display:block}
.brand-cell:last-child{border-right:none}
.brand-cell:hover{color:#fff;background:var(--w5)}

/* SERVICES STRIP */
.svc-strip{background:var(--base2)}
.svc-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.svc-hd a{font-size:13px;color:var(--label);text-decoration:none;font-weight:500}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc-card{background:var(--w5);border:1px solid var(--w10);border-radius:var(--r);padding:24px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .18s,background .18s;text-decoration:none;display:block}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.svc-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.svc-card:hover::after{transform:scaleX(1)}
.svc-icon{width:40px;height:40px;background:var(--orange-bg);border:1px solid var(--orange-border);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.svc-icon svg{width:17px;height:17px;color:var(--label)}
.svc-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:7px}
.svc-card p{font-size:13px;color:var(--text2);line-height:1.6}

/* FOOTER */
.footer{background:#070c15;border-top:1px solid var(--w10)}
.footer-main{max-width:var(--max);margin:0 auto;padding:48px 24px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.footer-brand p{font-size:13px;color:var(--text3);line-height:1.7;max-width:220px;margin-bottom:16px}
.footer-contact{font-size:13px;color:var(--text2);line-height:1.8}
.footer-contact strong{color:var(--label);font-size:15px;font-weight:700}
.footer-col h4{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text3);margin-bottom:12px}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.4);margin-bottom:7px;text-decoration:none;transition:color .15s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid var(--w10);padding:13px 24px;max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom span{font-size:12px;color:rgba(255,255,255,.25)}
.easa-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.3);font-weight:600}
.easa-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}

/* PRODUCTS PAGE */
.page-hero{background:radial-gradient(circle at top right,var(--orange-dim),transparent 24%),var(--base2);border-bottom:1px solid var(--w10);padding:48px 24px 44px}
.page-hero-inner{max-width:var(--max);margin:0 auto}
.page-hero h1{font-size:clamp(30px,4vw,48px);font-weight:700;color:#fff;letter-spacing:-.03em;margin-bottom:8px;line-height:1.05}
.page-hero p{font-size:14px;color:var(--text3);max-width:560px;line-height:1.6}
.finder-bar{background:rgba(13,20,36,.97);border-bottom:1px solid var(--w10);padding:13px 24px;position:sticky;top:68px;z-index:90}
.finder-bar-inner{max-width:var(--max);margin:0 auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.finder-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--text3);font-weight:600;margin-right:4px;white-space:nowrap}
.finder-sel{height:37px;padding:0 28px 0 12px;background:var(--w5);border:1px solid var(--w10);border-radius:999px;font-size:13px;color:#fff;font-family:var(--ff);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.finder-sel:focus{outline:none;border-color:var(--orange-border)}
.finder-sel option{background:var(--base);color:#fff}
.finder-btn{height:37px;padding:0 18px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}
.finder-btn:hover{background:#ea6c0a}
.finder-reset{height:37px;padding:0 13px;background:none;border:1px solid var(--w10);color:var(--text3);border-radius:999px;font-size:12px;cursor:pointer;font-family:var(--ff)}
.finder-reset:hover{border-color:rgba(255,255,255,.2);color:var(--text2)}

/* PRODUCT LIST LAYOUT */
.prod-layout{display:grid;grid-template-columns:230px 1fr;max-width:var(--max);margin:0 auto;padding:0 24px;min-height:600px}
.sidebar{padding:22px 22px 22px 0;border-right:1px solid var(--w10)}
.sb-hd{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-top:18px;margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid var(--w10)}
.sb-hd:first-child{margin-top:0}
.f-lbl{display:flex;align-items:center;gap:7px;padding:4px 2px;font-size:13px;color:var(--text2);cursor:pointer;user-select:none;border-radius:5px}
.f-lbl:hover{color:#fff}
.f-lbl input{accent-color:var(--orange);width:13px;height:13px;flex-shrink:0}
.f-cnt{margin-left:auto;font-size:10px;color:var(--text3);background:var(--w10);padding:1px 6px;border-radius:999px}
.sb-clr{display:block;width:100%;margin-top:14px;padding:8px;background:none;border:1px solid var(--w10);border-radius:999px;font-size:12px;color:var(--text3);cursor:pointer;font-family:var(--ff);text-align:center;transition:all .15s}
.sb-clr:hover{border-color:var(--orange-border);color:var(--label)}
.prod-main{padding:18px 0 18px 24px;display:flex;flex-direction:column}
.srch-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.srch-wrap{flex:1;min-width:200px;position:relative}
.srch-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--text3)}
.srch-inp{width:100%;height:38px;padding:0 14px 0 33px;background:var(--w5);border:1px solid var(--w10);border-radius:999px;font-size:13px;color:#fff;font-family:var(--ff)}
.srch-inp:focus{outline:none;border-color:var(--orange-border)}
.srch-inp::placeholder{color:var(--text3)}
.srch-sel{height:38px;padding:0 28px 0 12px;background:var(--w5);border:1px solid var(--w10);border-radius:999px;font-size:13px;color:var(--text2);font-family:var(--ff);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.srch-sel option{background:var(--base)}
.res-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px}
.res-count{font-size:13px;color:var(--text3)}
.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(249,115,22,.1);color:var(--label);border:1px solid var(--orange-border);cursor:pointer;text-decoration:none}

/* PRODUCT TABLE */
.prod-tbl{width:100%;border-collapse:separate;border-spacing:0 4px}
.prod-tbl thead th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:0 13px 7px;text-align:left;border-bottom:1px solid var(--w10)}
.p-row{cursor:pointer}
.p-row td{padding:11px 13px;vertical-align:middle;border-top:1px solid var(--w10);border-bottom:1px solid var(--w10);background:rgba(255,255,255,.02);transition:background .1s}
.p-row td:first-child{border-left:1px solid var(--w10);border-radius:12px 0 0 12px}
.p-row td:last-child{border-right:1px solid var(--w10);border-radius:0 12px 12px 0}
.p-row:hover td{background:var(--w5);border-color:rgba(255,255,255,.1)}
.cat-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.04em}
.p-ac{background:rgba(59,130,246,.12);color:#93c5fd;border:1px solid rgba(59,130,246,.2)}
.p-fan{background:rgba(168,85,247,.12);color:#c4b5fd;border:1px solid rgba(168,85,247,.2)}
.p-oth{background:var(--w10);color:var(--text2);border:1px solid var(--w10)}
.p-model{font-size:13px;font-weight:700;color:#fff;font-family:monospace}
.p-brand{font-size:11px;color:var(--text3);margin-top:2px}
.spec-chips{display:flex;gap:3px;flex-wrap:wrap}
.pg-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:8px}
.pg{display:flex;gap:3px}
.pg-btn{min-width:32px;height:32px;border:1px solid var(--w10);border-radius:7px;background:none;font-size:13px;color:var(--text3);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 6px;font-family:var(--ff);transition:all .12s}
.pg-btn:hover{border-color:rgba(255,255,255,.2);color:#fff}
.pg-btn.cur{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:700}
.pg-info{font-size:12px;color:var(--text3)}

/* PRODUCT DETAIL */
.det-wrap{max-width:var(--max);margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.det-crumb{max-width:var(--max);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text3);border-bottom:1px solid var(--w10)}
.det-crumb a{color:var(--label);text-decoration:none}
.det-crumb a:hover{text-decoration:underline}
.det-photo-card{background:var(--base3);border:1px solid var(--w10);border-radius:var(--r);display:flex;align-items:center;justify-content:center;min-height:240px;padding:20px}
.det-photo-card img{max-height:240px;object-fit:contain}
.det-specs-card{background:var(--base3);border:1px solid var(--w10);border-radius:var(--r);overflow:hidden;margin-top:14px}
.det-specs-head{background:linear-gradient(135deg,var(--base4),var(--base2));padding:13px 18px;border-bottom:1px solid var(--w10)}
.det-specs-head h3{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em}
.det-specs-grid{display:grid;grid-template-columns:1fr 1fr}
.dspec{padding:13px 16px;border-right:1px solid var(--w10);border-bottom:1px solid var(--w10)}
.dspec:nth-child(2n){border-right:none}.dspec:nth-last-child(-n+2){border-bottom:none}
.dspec-k{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:3px}
.dspec-v{font-size:18px;font-weight:700;color:#fff;line-height:1.1}
.dspec-v.sm{font-size:13px;font-weight:500}
.det-info-card{background:var(--base3);border:1px solid var(--w10);border-radius:var(--r);padding:22px}
.det-h1{font-size:26px;font-weight:800;color:#fff;font-family:monospace;margin-bottom:4px}
.det-brand{font-size:14px;color:var(--text3);margin-bottom:8px}
.det-sku{font-size:12px;color:var(--text3);background:var(--w10);padding:3px 9px;border-radius:5px;display:inline-block;margin-bottom:12px;font-family:monospace}
.det-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--w10)}
.det-chip{font-size:11px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--w5);color:var(--text2);border:1px solid var(--w10)}
.det-chip.hi{background:rgba(249,115,22,.1);border-color:var(--orange-border);color:var(--label)}
.det-fields{display:flex;flex-direction:column}
.det-field{display:flex;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;gap:10px}
.det-field:last-child{border-bottom:none}
.det-field-k{color:var(--text3);width:130px;flex-shrink:0}
.det-field-v{color:var(--text2);font-weight:500;flex:1}
.det-rfq-card{background:radial-gradient(circle at top left,var(--orange-dim),transparent 30%),var(--base4);border:1px solid var(--w10);border-radius:var(--r);padding:22px;margin-top:14px}
.det-rfq-card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:5px}
.det-rfq-card>p{font-size:13px;color:var(--text3);margin-bottom:16px;line-height:1.5}
.qf-r{margin-bottom:10px}
.qf-r label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);display:block;margin-bottom:4px}
.qf-r input,.qf-r textarea,.qf-r select{width:100%;padding:9px 12px;border:1px solid var(--w10);border-radius:9px;font-size:13px;font-family:var(--ff);color:#fff;background:rgba(255,255,255,.06)}
.qf-r input:focus,.qf-r textarea:focus{outline:none;border-color:var(--orange-border)}
.qf-r input::placeholder,.qf-r textarea::placeholder{color:var(--text3)}
.qf-r textarea{min-height:65px;resize:vertical}
.qf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* INNER HERO (services/about/contact) */
.inner-hero{background:radial-gradient(circle at top right,var(--orange-dim),transparent 26%),var(--base2);border-bottom:1px solid var(--w10);padding:52px 24px 48px}
.inner-hero-inner{max-width:var(--max);margin:0 auto}
.inner-hero h1{font-size:clamp(28px,4vw,48px);font-weight:700;color:#fff;letter-spacing:-.03em;margin-bottom:9px;line-height:1.05}
.inner-hero p{font-size:15px;color:var(--text3);max-width:560px;line-height:1.65}
.inner-sec{padding:56px 24px}
.inner-sec-inner{max-width:var(--max);margin:0 auto}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc-detail{border:1px solid var(--w10);border-radius:var(--r);overflow:hidden}
.sdc-head{background:linear-gradient(135deg,var(--base4),var(--base2));padding:20px 24px;border-bottom:2px solid var(--orange)}
.sdc-head.blue{border-bottom-color:#3b82f6}
.sdc-head h2{font-size:19px;font-weight:700;color:#fff;margin-bottom:3px}
.sdc-head p{font-size:12px;color:var(--text3)}
.sdc-body{padding:20px 24px;background:rgba(13,20,36,.8)}
.sdc-body>p{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:12px}
.sdc-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.sdc-list li{display:flex;gap:8px;font-size:13px;color:var(--text2)}
.sdc-list li::before{content:"—";color:var(--label);font-weight:700;flex-shrink:0}
.sdc-list li.blue::before{color:#60a5fa}
.about-stats{display:flex;flex-direction:column;gap:12px}
.astat{background:var(--w5);border:1px solid var(--w10);border-radius:var(--r);padding:18px 22px;display:flex;gap:18px;align-items:center}
.astat-num{font-size:36px;font-weight:800;color:var(--orange);line-height:1;flex-shrink:0;min-width:74px}
.astat-num.blue{color:#60a5fa}
.astat-txt h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}
.astat-txt p{font-size:13px;color:var(--text3);line-height:1.5}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.ci-side{background:radial-gradient(circle at top left,var(--orange-dim),transparent 30%),var(--base4);padding:48px 40px}
.ci-side h2{font-size:32px;font-weight:700;color:#fff;letter-spacing:-.03em;margin-bottom:8px}
.ci-side>p{font-size:15px;color:var(--text3);margin-bottom:32px;max-width:320px;line-height:1.65}
.ci-item{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}
.ci-icon{width:38px;height:38px;background:var(--orange-bg);border:1px solid var(--orange-border);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-icon svg{width:16px;height:16px;color:var(--label)}
.ci-item h4{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}
.ci-item p{font-size:13px;color:var(--text3);line-height:1.5}
.cf-side{padding:48px 40px;background:rgba(13,20,36,.8);border-left:1px solid var(--w10)}
.cf-side h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:20px}
.cf-r2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px}
.cf-inp,.cf-sel,.cf-ta{width:100%;padding:10px 13px;background:var(--w5);border:1px solid var(--w10);border-radius:9px;font-size:14px;font-family:var(--ff);color:#fff}
.cf-inp:focus,.cf-sel:focus,.cf-ta:focus{outline:none;border-color:var(--orange-border)}
.cf-inp::placeholder,.cf-ta::placeholder{color:var(--text3)}
.cf-ta{min-height:85px;resize:vertical}
.cf-mb{margin-bottom:12px}
.cf-upload{background:rgba(249,115,22,.04);border:1px dashed var(--orange-border);border-radius:9px;padding:11px 13px;font-size:13px;color:var(--text3);margin-bottom:12px;line-height:1.5}
.cf-sub{width:100%;padding:13px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(249,115,22,.3)}
.cf-sub:hover{background:#ea6c0a}

/* RESOURCES */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:40px}
.res-card{background:var(--base3);border:1px solid var(--w10);border-radius:var(--r);padding:20px;transition:border-color .15s;text-decoration:none;display:block}
.res-card:hover{border-color:var(--orange-border)}
.res-brand{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--label);margin-bottom:8px}
.res-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}
.res-desc{font-size:12px;color:var(--text3);line-height:1.5;margin-bottom:12px}
.res-link{font-size:12px;color:var(--label);font-weight:600}

/* FLASH MESSAGES */
.flash{padding:12px 18px;border-radius:9px;margin-bottom:18px;font-size:14px}
.flash.ok{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#86efac}
.flash.err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr}.hero-rfq-wrap{display:none}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid,.two-col{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
  .prod-layout{grid-template-columns:1fr;padding:0 16px}.sidebar{display:none}
  .contact-grid{grid-template-columns:1fr}
  .det-wrap{grid-template-columns:1fr}
  .res-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid,.res-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr}
  .brands-row .brand-cell{min-width:25%}
  .nav-phone,.nav-links .nav-link:not(.active),.nav-btn-ghost{display:none}
  .nav-mobile-toggle{display:block}
  .cf-r2,.qf-2{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:1fr 1fr}
}