:root{--or:#F7941D;--or-ink:#995000;--nv:#1B2A8A;--dk:#0D1117;--gr:#F4F5F7;--tx:#2C2C2C;--wh:#fff;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
section[id]{scroll-margin-top:84px;}
body{font-family:'Barlow',sans-serif;color:var(--tx);background:var(--wh);overflow-x:hidden;}
img{max-width:100%;height:auto;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(11,14,23,.97);backdrop-filter:blur(12px);border-bottom:2px solid rgba(247,148,29,.22);display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:70px;}
.nav-logo{width:auto;height:40px;object-fit:contain;}
.nav-links{display:flex;gap:24px;list-style:none;}
.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:color .2s;}
.nav-links a:hover{color:var(--or);}
.lang-btns{display:flex;align-items:center;gap:6px;}
.lang-btn{background:none;border:2px solid transparent;border-radius:6px;padding:3px 7px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;opacity:.5;}
.lang-btn.active{border-color:var(--or);opacity:1;}
.lang-btn span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:.05em;}

/* HERO */
.hero{min-height:100vh;background:linear-gradient(135deg,#0a0e1a 0%,#111b3e 50%,#0a0e1a 100%);display:flex;align-items:center;padding:0 5%;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 80% 50%,rgba(247,148,29,.12) 0%,transparent 70%);}
.hero-body{position:relative;z-index:2;max-width:620px;}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,6vw,78px);font-weight:900;color:#fff;line-height:.95;text-transform:uppercase;margin-bottom:22px;}
.hero h1 span{color:var(--or);}
.hero p{font-size:17px;font-weight:300;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:34px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-p{background:var(--or);color:var(--dk);padding:14px 30px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s;border:none;cursor:pointer;display:inline-block;}
.btn-p:hover{background:#e8860e;}
.btn-o{border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 30px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s;display:inline-block;}
.btn-o:hover{border-color:var(--or);color:var(--or);}
.hero-stats{position:absolute;bottom:44px;left:5%;display:flex;gap:40px;z-index:2;flex-wrap:wrap;}
.stat{border-left:3px solid var(--or);padding-left:14px;}
.stat-n{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900;color:#fff;line-height:1;}
.stat-l{font-size:11px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;}

/* WARRANTY BAR */
.wbar{background:linear-gradient(90deg,var(--nv),#2a3fa8,var(--nv));padding:24px 5%;}
.wbar-in{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap;}
.wi{display:flex;align-items:center;gap:12px;}
.wi-t{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;}
.wi-s{font-size:12px;color:rgba(255,255,255,.5);}

/* SHARED SECTION STYLES */
section{padding:90px 5%;}
.stag{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--or-ink);margin-bottom:14px;}
.factory .stag,.process .stag,.contact .stag,.markets .stag{color:var(--or);}
.stag::before{content:'';display:block;width:28px;height:2px;background:var(--or);}
.stit{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:16px;color:var(--dk);}
.stit span{color:var(--or-ink);}
.factory .stit span,.process .stit span,.contact .stit span,.markets .stit span{color:var(--or);}
.ssub{font-size:16px;font-weight:300;color:#666;line-height:1.8;max-width:560px;}

/* ABOUT */
.about{background:var(--gr);}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:52px;}
.ab-card{background:var(--dk);border-radius:4px;padding:44px;position:relative;overflow:hidden;}
.big-n{font-family:'Barlow Condensed',sans-serif;font-size:90px;font-weight:900;color:var(--or);line-height:1;margin-bottom:4px;}
.big-l{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;}
.badge-row{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap;}
.badge{background:rgba(247,148,29,.12);border:1px solid rgba(247,148,29,.3);color:var(--or);padding:6px 12px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;}
.ab-text p{font-size:15px;line-height:1.85;color:#555;margin-bottom:16px;}
.ckl{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:10px;}
.ckl li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--tx);}
.ckl li::before{content:'✓';color:var(--or);font-weight:700;flex-shrink:0;}

/* FACTORY */
.factory{background:var(--dk);padding:90px 5%;}
.factory .stit{color:#fff;}
.fac-logo{max-width:640px;margin:clamp(24px,5vw,48px) auto 0;}
.fac-logo img{display:block;width:100%;height:auto;}
.fac-intro{font-size:15px;color:rgba(255,255,255,.55);line-height:1.8;max-width:680px;margin:12px 0 36px;}

/* LIGHTBOX */
.lb{position:fixed;inset:0;border:0;background:#0d1117;color:#fff;max-width:100vw;max-height:100vh;width:100vw;height:100vh;padding:60px 20px 30px;text-align:center;}
.lb::backdrop{background:rgba(0,0,0,.93);}
.lb[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.lb img{max-width:88vw;max-height:76vh;object-fit:contain;border-radius:3px;background:#fff;}
.lb-x{position:fixed;top:18px;right:24px;font-size:36px;color:#fff;background:none;border:0;padding:4px 10px;cursor:pointer;opacity:.85;line-height:1;z-index:9501;}
.lb-x:hover{opacity:1;color:var(--or);}

/* CATALOGUE */
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px;}
.cat-card{border:1px solid #e8eaed;border-radius:6px;overflow:hidden;background:#fff;transition:all .2s;}
.cat-card:hover{border-color:var(--or);box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px);}
.cat-img{background:#f8f9fb;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cat-img img{max-width:100%;max-height:100%;object-fit:contain;padding:8px;transition:transform .3s;}
.cat-card:hover .cat-img img{transform:scale(1.05);}
.cat-img--placeholder{flex-direction:column;gap:5px;color:var(--nv);text-align:center;}
.cat-placeholder-brand{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;letter-spacing:.06em;}
.cat-placeholder-copy{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.cat-info{padding:10px 12px 12px;}
.cat-sku{font-size:11px;color:#555;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;}
.cat-name{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;color:#1a1a1a;margin-bottom:6px;line-height:1.2;}
.cat-specs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:8px;}
.cat-spec{background:#f0f2f5;padding:3px 6px;font-size:11px;font-weight:600;color:#555;border-radius:2px;}
.cat-foot{display:flex;flex-direction:column;gap:5px;}
.cat-buy{background:var(--nv);color:#fff;border:none;padding:9px 10px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;cursor:pointer;text-decoration:none;display:block;text-align:center;transition:background .2s;}
.cat-buy:hover{background:var(--or);color:var(--dk);}
.cat-pdf{background:rgba(27,42,138,.1);color:var(--nv);border:1px solid rgba(27,42,138,.2);padding:8px 10px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;text-decoration:none;display:block;text-align:center;transition:all .2s;}
.cat-pdf:hover{background:var(--nv);color:#fff;}

/* PROCESS */
.process{background:var(--dk);}
.process .stit{color:#fff;}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:52px;}
.proc-step{background:rgba(255,255,255,.03);padding:28px 22px;position:relative;transition:background .2s;}
.proc-step:hover{background:rgba(247,148,29,.06);}
.stitle{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;}
.sdesc{font-size:12px;color:rgba(255,255,255,.48);line-height:1.7;}

/* WHY */
.why{background:var(--gr);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
.why-card{background:#fff;border-radius:4px;padding:32px 26px;border-top:3px solid transparent;transition:all .2s;}
.why-card:hover{border-top-color:var(--or);transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.07);}
.why-t{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;color:var(--dk);margin-bottom:9px;}
.why-d{font-size:14px;color:#666;line-height:1.75;}

/* MARKETS */
.markets{background:var(--nv);padding:72px 5%;}
.mkt-in{display:flex;align-items:center;gap:60px;flex-wrap:wrap;}
.mkt-txt{flex:1;min-width:260px;}
.mkt-txt .stit{color:#fff;}
.mkt-txt .ssub{color:rgba(255,255,255,.6);}
.mkt-flags{flex:1;min-width:260px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.mchip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:15px 18px;display:flex;align-items:center;gap:11px;transition:all .2s;}
.mchip:hover{background:rgba(247,148,29,.1);border-color:rgba(247,148,29,.3);}
.mflag{font-size:22px;}
.mname{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;}
.mstatus{font-size:12px;color:rgba(255,255,255,.78);margin-top:1px;}

/* APPLICATIONS */
.apps{background:var(--wh);}
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px;}
.app-card{background:var(--gr);border-radius:6px;padding:26px 18px;text-align:center;border:2px solid transparent;transition:all .2s;}
.app-card:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.08);background:#fff;}
.app-logo{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;color:var(--nv);letter-spacing:.03em;margin-bottom:7px;}
.app-name{font-size:12px;color:#666;line-height:1.5;}
.apps-note{text-align:center;margin-top:28px;font-size:14px;color:#555;font-style:italic;}
.apps-note a{color:var(--or-ink);text-decoration:none;font-weight:600;}

/* CONTACT */
.contact{background:var(--dk);}
.contact .stit{color:#fff;}
.cnt-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:52px;}
.cnt-info{display:flex;flex-direction:column;gap:24px;}
.citem{display:flex;align-items:flex-start;gap:14px;}
.clbl{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin-bottom:3px;}
.cval{font-size:14px;color:rgba(255,255,255,.78);line-height:1.6;}
.cval a{color:var(--or);text-decoration:none;}
.cnt-form{display:flex;flex-direction:column;gap:12px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:13px 16px;color:#fff;font-family:'Barlow',sans-serif;font-size:14px;outline:none;transition:border-color .2s;width:100%;}
.fi::placeholder{color:rgba(255,255,255,.7);}
.fi:focus{border-color:var(--or);outline:2px solid var(--or);outline-offset:2px;}
textarea.fi{resize:vertical;min-height:100px;}
.fsub{background:var(--or);color:var(--dk);border:none;padding:15px 28px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .2s;width:100%;}
.fsub:hover{background:#e8860e;}
.fsub:disabled,.fsub:disabled:hover{background:var(--or);cursor:wait;opacity:.72;}
.form-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.form-status{min-height:1.5em;color:rgba(255,255,255,.86);font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
.form-status:empty{min-height:0;}
.form-status[data-state="success"]{color:#a9e9bb;}
.form-status[data-state="error"]{color:#ffb8b1;}

/* FOOTER */
footer{background:#07080d;border-top:1px solid rgba(255,255,255,.06);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.flogo{width:auto;height:30px;object-fit:contain;}
.ftxt{font-size:12px;color:rgba(255,255,255,.75);}
.ftxt span{color:var(--or);}

/* REVEAL */
.reveal{opacity:1;transform:none;}

/* RESPONSIVE */
@media(max-width:1100px){.cat-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:900px){
  .ab-grid,.cnt-grid{grid-template-columns:1fr;gap:32px;}
  .proc-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:1fr 1fr;}
  .hero{padding-bottom:100px;}
  .cat-grid{grid-template-columns:repeat(3,1fr);}
  .apps-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .proc-grid,.why-grid,.mkt-flags,.apps-grid{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:420px){.cat-grid{grid-template-columns:1fr;}}
nav{transition:box-shadow .24s ease;}
nav.is-scrolled{box-shadow:0 12px 30px rgba(0,0,0,.22);}
.scroll-progress{position:fixed;top:68px;left:0;right:0;height:2px;background:var(--or);z-index:1001;transform:scaleX(0);transform-origin:left center;pointer-events:none;}
.nav-home{display:flex;align-items:center;}
.nav-toggle{display:none;align-items:center;gap:7px;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:4px;padding:8px 10px;cursor:pointer;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;}
.skip-link{position:fixed;top:-100px;left:10px;z-index:1100;background:#fff;color:#0d1117;padding:10px 14px;}
.skip-link:focus{top:10px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{color:#fff;font-size:13px;font-weight:600;}
.form-note{color:rgba(255,255,255,.78);font-size:12px;line-height:1.5;}
@media(max-width:980px){.nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:#0b0e17;padding:20px 5%;flex-direction:column;gap:0;box-shadow:0 15px 30px rgba(0,0,0,.3);}.nav-links.open{display:flex;}.nav-links a{display:block;padding:12px 0;font-size:17px;}.nav-toggle{display:flex;}.lang-btns{margin-left:auto;}}
@media(max-width:600px){nav{gap:8px;} .nav-logo{max-width:36vw;height:auto;max-height:36px;} .hero{display:block;min-height:auto;padding:110px 5% 50px;} .hero-stats{position:static;margin-top:40px;gap:22px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* Authentic photography and a restrained industrial visual language. */
nav{border-bottom:1px solid rgba(255,255,255,.13);}
.nav-home{background:#fff;padding:4px 7px;}
.nav-logo{height:32px;max-width:100%;}
.lang-btn{border-radius:2px;opacity:.8;}
.lang-btn.active{background:rgba(247,148,29,.12);opacity:1;}
.lang-btn span{font-size:14px;}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(26px,4vw,70px);align-items:center;min-height:720px;padding:112px 5% 156px;background:#0d1117;}
.hero::before{background:linear-gradient(90deg,rgba(27,42,138,.13),transparent 62%);}
.hero-body{max-width:680px;}
.hero-media{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:8px;height:min(58vw,510px);min-height:410px;overflow:hidden;background:#202833;}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06);}
.hero-photo-main{grid-row:1/3;object-position:50% 45%;}
.hero-photo-secondary{grid-column:2;grid-row:1;object-position:50% 42%;}
.hero-photo-detail{grid-column:2;grid-row:2;object-position:50% 50%;}
.hero-stats{bottom:45px;}
.stat{border-left:1px solid var(--or);}
.stat-l{font-size:13px;color:rgba(255,255,255,.72);}
.wbar{background:#182435;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.wbar-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1440px;margin:auto;}
.wi{display:block;padding:3px 24px;border-left:1px solid rgba(255,255,255,.18);}
.wi:first-child{border-left:0;padding-left:0;}
.wi-t{letter-spacing:.03em;}
.wi-s{font-size:13px;color:rgba(255,255,255,.72);line-height:1.45;}
.cat-card,.app-card,.mchip,.ab-card{border-radius:2px;}
.cat-card:hover,.app-card:hover,.why-card:hover{transform:none;box-shadow:none;}
.cat-card:hover{border-color:var(--nv);}
.cat-card:hover .cat-img img{transform:none;}
.cat-sku,.cat-spec,.cat-pdf{font-size:12px;}
.proc-grid{gap:10px;}
.proc-step{padding:0 0 24px;background:#19212b;border:1px solid rgba(255,255,255,.1);}
.proc-step:hover{background:#202a35;}
.proc-photo{display:block;width:100%;height:156px;object-fit:cover;filter:saturate(.8) contrast(1.05);margin-bottom:22px;}
.stitle,.sdesc{display:block;margin-left:20px;margin-right:20px;}
.stitle{font-size:18px;}
.sdesc{font-size:13px;color:rgba(255,255,255,.7);}
.why-grid{gap:0;border-top:1px solid #d7dce1;border-left:1px solid #d7dce1;}
.why-card{border:0;border-right:1px solid #d7dce1;border-bottom:1px solid #d7dce1;border-radius:0;padding:30px;background:#fff;}
.why-card:hover{border-top:0;}
.why-t{font-size:20px;}
.markets{background:#17243a;}
.mchip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);}
.mflag{min-width:36px;color:var(--or);font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.08em;}
.mstatus,.app-name{font-size:13px;}
.app-card{border:1px solid #e0e4e8;text-align:left;}
.app-card:hover{background:#fff;border-color:#b8c0ca;}
.app-card{display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:center;}
.app-mark{grid-column:2;grid-row:1 / span 2;width:92px;height:48px;object-fit:contain;}
.apps-disclaimer{text-align:center;margin-top:10px;font-size:12px;color:#6b7280;}
.cnt-info{gap:0;}
.citem{display:block;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15);}
.citem:first-child{padding-top:0;}
.clbl{margin-bottom:7px;}
.clbl,.ftxt,.form-note{font-size:13px;}
.flogo{background:#fff;padding:3px 5px;height:34px;}
@media(max-width:1000px){
  .hero{display:block;min-height:0;padding:112px 5% 54px;}
  .hero-media{margin-top:38px;height:390px;min-height:0;}
  .hero-stats{position:static;margin-top:38px;}
}
@media(max-width:700px){
  .wbar-in{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;}
  .wi:nth-child(3){border-left:0;padding-left:0;}
  .hero-media{height:330px;}
}
@media(max-width:600px){
  .hero{padding:112px 5% 54px;}
  .hero-media{height:260px;}
  .proc-photo{height:180px;}
}
@media(max-width:400px){.wbar-in{grid-template-columns:1fr;}.wi,.wi:nth-child(3){border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;}.wi:first-child{border-top:0;}}

/* Contact link emphasis */
.contact-phone {
  color: var(--or);
  font-size: 18px;
  font-weight: 600;
}

.stat-unit {
  font-size: 20px;
}

.process-copy {
  margin-bottom: 36px;
}

.process-copy__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 36px 40px;
  border: 1px solid rgba(247, 148, 29, .2);
  border-radius: 6px;
  background: rgba(255, 255, 255, .04);
}

.process-copy__body {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, .75);
  font-size: 15px;
  line-height: 1.85;
}

.process-copy__body--last {
  margin-bottom: 12px;
}

.process-copy__lead {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, .6);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.process-copy__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  list-style: none;
}

.process-copy__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}

.process-copy__marker {
  flex-shrink: 0;
  color: var(--or);
  font-size: 16px;
}

.process-copy__note {
  color: rgba(247, 148, 29, .7);
  font-size: 14px;
  font-style: italic;
  line-height: 1.7;
}

@media (max-width: 600px) {
  .process-copy__inner {
    padding: 28px 22px;
  }
}

/* Standalone 404 page */
.error-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 48px 5%;
  background: #0d1117;
  color: #fff;
  text-align: center;
}

.error-page__content {
  width: min(100%, 620px);
}

.error-page__logo {
  width: min(240px, 60vw);
  height: auto;
  margin-bottom: 42px;
  background: #fff;
}

.error-page__code {
  color: var(--or);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(72px, 16vw, 144px);
  font-weight: 900;
  line-height: .8;
}

.error-page h1 {
  margin: 28px 0 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(34px, 7vw, 56px);
  line-height: 1;
  text-transform: uppercase;
}

.error-page p:not(.error-page__code) {
  max-width: 52ch;
  margin: 0 auto 30px;
  color: rgba(255, 255, 255, .75);
  line-height: 1.7;
}

/* PRODUCT PHOTO GALLERIES */
.cat-img{height:200px;}
.cat-img--photo{position:relative;display:flex;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;font:inherit;color:inherit;}
.cat-img--photo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:10px 10px 6px;}
.cat-img--photo img[data-fallback-applied="true"]{object-fit:contain;padding:8px;background:#f8f9fb;}
.cat-count{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:rgba(13,17,23,.82);color:#fff;font-size:12px;font-weight:600;line-height:1;border-radius:2px;}
.cat-img--photo:hover .cat-count{background:var(--nv);}
.cat-count[hidden]{display:none;}
.cat-img--photo:focus-visible{outline:3px solid var(--or);outline-offset:-3px;}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:72px;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:44px;line-height:1;cursor:pointer;border-radius:2px;z-index:9501;}
.lb-nav:hover{background:var(--or);color:var(--dk);}
.lb-nav:focus-visible{outline:3px solid var(--or);outline-offset:3px;}
.lb-nav[hidden]{display:none;}
.lb-prev{left:16px;}
.lb-next{right:16px;}
@media(max-width:640px){.lb-nav{top:auto;bottom:22px;transform:none;width:56px;height:48px;font-size:34px;}.lb-prev{left:calc(50% - 72px);}.lb-next{right:calc(50% - 72px);}.lb[open]{padding-bottom:90px;}.cat-img{height:180px;}}

/* PRODUCT IMAGERY IN HERO AND PROCESS */
.hero-photo-product{background:#fff;filter:none !important;object-fit:contain !important;padding:3%;}

/* CATALOGUE GRID: last row centred instead of leaving empty slots */
.cat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.cat-card{flex:0 0 calc((100% - 40px) / 5);min-width:0;display:flex;flex-direction:column;}
.cat-info{flex:1;display:flex;flex-direction:column;}
.cat-foot{margin-top:auto;}
@media(max-width:1100px){.cat-card{flex-basis:calc((100% - 30px) / 4);}}
@media(max-width:900px){.cat-card{flex-basis:calc((100% - 20px) / 3);}}
/* Phones: two cards per row */
@media(max-width:600px){
  .cat-card{flex-basis:calc((100% - 10px) / 2);}
  .cat-img{height:150px;}
  .cat-info{padding:9px 9px 10px;}
  .cat-name{font-size:14px;}
  .cat-sku{font-size:11px;letter-spacing:.04em;}
  .cat-spec{font-size:11px;white-space:normal;line-height:1.3;}
  .cat-buy,.cat-pdf{font-size:12px;letter-spacing:.04em;padding:6px 6px;}
}
@media(max-width:340px){.cat-card{flex-basis:100%;}}

/* Comfortable tap targets on touch screens */
@media(max-width:980px){
  .lang-btn{min-width:44px;min-height:44px;justify-content:center;}
  .nav-toggle{min-height:44px;}
}
@media(max-width:600px){
  .cat-buy,.cat-pdf{min-height:44px;display:flex;align-items:center;justify-content:center;}
}
.hero-media{grid-template-rows:minmax(0,1fr) minmax(0,1fr);}
.hero-media img{min-height:0;}

/* Laser marking photo: frame the marking head rather than the bags beside it */

/* HERO SCENE: truck and trailer riding on VELTEC air springs */
/* ---------- Hero: real truck photo, moving road, trailer riding on air springs ---------- */
.hero-media.hero-drive{position:relative;display:block;height:auto;min-height:0;aspect-ratio:1450/1087;max-width:100%;overflow:hidden;border-radius:2px;background:#8a8f86;container-type:inline-size;isolation:isolate;}
.hero-drive > *{position:absolute;}
.hero-drive img{height:auto;min-height:0;filter:none;object-fit:fill;}
.hero-drive .hd-bg{inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.hero-drive .hd-road{left:0;right:0;top:75.529%;height:24.471%;overflow:hidden;}
.hero-drive .hd-road-strip{top:0;left:-100%;width:200%;height:100%;position:absolute;background:url("../images/hero/hero-road.webp") repeat-x 0 0/50% 100%;animation:hd-road .95s linear infinite;will-change:transform;}
.hero-drive .hd-shadow{left:15.5%;width:60.5%;top:74.6%;height:2.6%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.55) 0,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 72%);filter:blur(1px);}
.hero-drive .hd-tractor{left:14.414%;top:61.914%;width:24.483%;transform-origin:78% 88%;animation:hd-tractor 2.6s infinite;}
.hero-drive .hd-trailer{left:29.931%;top:61.546%;width:45.517%;transform-origin:4% 60%;animation:hd-trailer 2.6s infinite;}
.hero-drive .hd-tractor img,.hero-drive .hd-trailer img{display:block;width:100%;height:auto;}
.hero-drive .hd-tractor,.hero-drive .hd-trailer{will-change:transform;}
.hero-drive .hd-tractor img,.hero-drive .hd-trailer img{animation:hd-hum .38s ease-in-out infinite alternate;}
.hero-drive .hd-wheel{display:block;height:auto;animation:hd-wheel 2.6s infinite;}
.hero-drive .hd-w0{left:16.276%;top:72.861%;width:3.034%;}
.hero-drive .hd-w1{left:30.552%;top:72.861%;width:2.966%;animation-name:hd-wheel-drive;}
.hero-drive .hd-w2{left:34.207%;top:72.861%;width:3.034%;animation-name:hd-wheel-drive;}
.hero-drive .hd-w3{left:61.034%;top:72.585%;width:2.966%;animation-name:hd-wheel-trl;}
.hero-drive .hd-w4{left:64.414%;top:72.585%;width:2.966%;animation-name:hd-wheel-trl2;}
/* our brand painted on the trailer side (multiply keeps the panel ribs showing through) */
.hero-drive .hd-brand{position:absolute;left:6%;top:9%;width:90%;height:52%;display:flex;flex-direction:column;align-items:center;justify-content:center;mix-blend-mode:multiply;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;line-height:.86;color:#1B2A8A;}
.hero-drive .hd-brand-name{font-weight:900;font-size:5.6cqw;letter-spacing:.02em;}
.hero-drive .hd-brand-name b{color:#F7941D;font-weight:900;}
.hero-drive .hd-brand-tag{font-weight:700;font-size:2.1cqw;letter-spacing:.14em;color:#2C2C2C;margin-top:.3em;}
@keyframes hd-road{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes hd-hum{from{translate:0 0}to{translate:0 -.6%}}
/* road bump: front wheel at 0s, drive axle ~0.15s later, trailer axles ~0.5s later */
@keyframes hd-wheel{0%,9%,100%{transform:translateY(0)}3%{transform:translateY(-16%)}6%{transform:translateY(2%)}}
@keyframes hd-wheel-drive{0%,6%,15%,100%{transform:translateY(0)}9%{transform:translateY(-16%)}12%{transform:translateY(2%)}}
@keyframes hd-wheel-trl{0%,18%,28%,100%{transform:translateY(0)}21.5%{transform:translateY(-16%)}24.5%{transform:translateY(2%)}}
@keyframes hd-wheel-trl2{0%,19.5%,29.5%,100%{transform:translateY(0)}23%{transform:translateY(-16%)}26%{transform:translateY(2%)}}
/* tractor: nose lifts first, then the cab settles on its air springs */
@keyframes hd-tractor{
  0%,100%{transform:translateY(0) rotate(0)}
  4%{transform:translateY(-1%) rotate(1deg)}
  10%{transform:translateY(-5%) rotate(.2deg)}
  16%{transform:translateY(2%) rotate(-.35deg)}
  23%{transform:translateY(-2.2%) rotate(.12deg)}
  30%{transform:translateY(.9%) rotate(0)}
  38%{transform:translateY(-.6%)}
  47%{transform:translateY(0)}
}
/* trailer: front follows the fifth wheel, then the rear axles hit the bump */
@keyframes hd-trailer{
  0%,5%,100%{transform:translateY(0) rotate(0)}
  11%{transform:translateY(-2.6%) rotate(0)}
  17%{transform:translateY(1%) rotate(0)}
  23%{transform:translateY(-2%) rotate(-.85deg)}
  29%{transform:translateY(1.1%) rotate(.28deg)}
  36%{transform:translateY(-1.3%) rotate(-.3deg)}
  43%{transform:translateY(.45%) rotate(.08deg)}
  52%{transform:translateY(-.2%) rotate(0)}
  60%{transform:translateY(0) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.hero-drive .hd-road-strip,.hero-drive .hd-tractor,.hero-drive .hd-trailer,.hero-drive .hd-tractor img,.hero-drive .hd-trailer img,.hero-drive .hd-wheel{animation:none}}
@media(max-width:1000px){.hero-media.hero-drive{max-width:640px;height:auto;}}

/* air spring locations pinpointed on the moving truck */
.hero-drive .hd-tractor,.hero-drive .hd-trailer{overflow:visible;}
.hero-drive .hd-pin{position:absolute;z-index:4;width:max(7px,1.25cqw);height:max(7px,1.25cqw);transform:translate(-50%,-50%);border-radius:50%;background:#F7941D;box-shadow:0 0 0 max(1.5px,.22cqw) #fff,0 1px 6px rgba(0,0,0,.55);}
.hero-drive .hd-pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:max(2px,.25cqw) solid #F7941D;animation:hd-ping 1.8s ease-out infinite;}
.hero-drive .hd-call{position:absolute;z-index:5;width:0;height:0;opacity:0;animation:hd-call 7s infinite;pointer-events:none;}
.hero-drive .hd-call::before{content:"";position:absolute;left:-1px;top:max(6px,.8cqw);width:2px;height:var(--len);background:#F7941D;box-shadow:0 0 3px rgba(0,0,0,.4);}
.hero-drive .hd-chip{position:absolute;left:0;top:calc(var(--len) + max(6px,.8cqw));transform:translateX(-50%);white-space:nowrap;max-width:64cqw;overflow:hidden;text-overflow:ellipsis;background:rgba(13,18,32,.9);color:#fff;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:max(10px,1.75cqw);line-height:1.1;letter-spacing:.06em;text-transform:uppercase;padding:max(5px,.6cqw) max(8px,1.1cqw);border-left:max(3px,.4cqw) solid #F7941D;border-radius:2px;}
.hero-drive .hd-c2{animation-delay:0s;}
.hero-drive .hd-c3{animation-delay:3.5s;}
@keyframes hd-ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
@keyframes hd-call{0%{opacity:0;translate:0 6px}5%,44%{opacity:1;translate:0 0}50%,100%{opacity:0;translate:0 0}}
@media(prefers-reduced-motion:reduce){.hero-drive .hd-pin::after,.hero-drive .hd-call{animation:none}}
.hero-drive .hd-ov{z-index:3;}
.hero-drive .hd-tractor.hd-ov{aspect-ratio:355/162;}
.hero-drive .hd-trailer.hd-ov{aspect-ratio:660/163;}