:root{--v23-red:#e51b2b;--v23-red2:#ff3344;--v23-black:#090a0c;--v23-ink:#121418;--v23-soft:#f4f5f7;--v23-line:rgba(255,255,255,.12)}
.v23-home{background:#fff;color:#101114;overflow-x:hidden}.v23-home .container{max-width:1450px}.v23-home .cursor-glow{z-index:6}
.v23-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow .3s ease,transform .3s ease}.v23-header.scrolled{box-shadow:0 12px 30px rgba(0,0,0,.1)}
.v23-nav{min-height:86px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:24px}.v23-brand{display:flex;align-items:center}.v23-brand img{display:block;max-width:222px;max-height:67px;width:auto;height:auto;object-fit:contain}.v23-menu{position:static;display:flex;align-items:center;justify-content:center;gap:30px;background:none;padding:0;border:none;box-shadow:none}.v23-menu a{font-weight:700;font-size:14px;color:#202226;padding:31px 0 27px;position:relative}.v23-menu a:after{content:"";position:absolute;height:3px;left:50%;right:50%;bottom:15px;background:var(--v23-red);transition:.28s ease}.v23-menu a:hover:after,.v23-menu a.active:after{left:0;right:0}.v23-menu a.active{color:var(--v23-red)}.v23-nav-actions{display:flex;align-items:center;gap:12px}.v23-mini-contact{font-size:13px;font-weight:800;color:#292b2f;white-space:nowrap}.v23-nav .nav-quote{padding:13px 19px;white-space:nowrap}.v23-nav .menu-toggle{display:none}
.v23-hero{position:relative;min-height:690px;background:radial-gradient(circle at 78% 24%,rgba(195,25,35,.26),transparent 30%),linear-gradient(100deg,#0a0b0e 0%,#111318 58%,#1b1013 100%);color:#fff;overflow:hidden}.v23-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%)}.v23-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--v23-red),transparent)}.v23-lighttrail{position:absolute;z-index:0;height:2px;width:62%;background:linear-gradient(90deg,transparent,var(--v23-red2),transparent);box-shadow:0 0 16px rgba(255,41,60,.7);transform-origin:right center;opacity:.85}.trail-one{right:-5%;top:44%;transform:rotate(-10deg)}.trail-two{right:-8%;top:60%;transform:rotate(8deg);opacity:.4}.v23-hero-layout{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(600px,1.18fr);align-items:center;gap:28px}.v23-hero-copy{padding:70px 0 76px;position:relative;z-index:5}.v23-hero-copy .eyebrow{font-size:12px;letter-spacing:.25em}.v23-hero-copy h1{font-size:clamp(48px,5vw,82px);line-height:.98;letter-spacing:-.04em;color:#fff;margin:24px 0 20px;font-weight:900}.v23-hero-copy h1 strong{color:var(--v23-red2);display:inline-block;text-shadow:0 0 35px rgba(229,27,43,.16)}.v23-hero-lead{font-size:19px!important;line-height:1.75!important;max-width:660px;color:#d6d8dd!important;margin:0!important;text-transform:none!important}.v23-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.v23-hero-points span{font-size:13px;padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.035);color:#f1f1f2}.v23-hero .btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04)}
.v23-fleet-stage{position:relative;height:590px;min-width:0;perspective:1200px}.fleet-asset{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.44));will-change:transform;transition:filter .3s ease}.fleet-bus{width:64%;right:8%;top:11%;z-index:2}.fleet-pickup{width:41%;right:37%;bottom:7%;z-index:4}.fleet-van{width:30%;right:8%;bottom:6%;z-index:3}.fleet-charger{width:12%;right:2%;top:13%;z-index:1}.fleet-floor{position:absolute;left:16%;right:6%;height:18%;bottom:2%;background:radial-gradient(ellipse at center,rgba(255,255,255,.13),transparent 65%);filter:blur(10px);transform:perspective(500px) rotateX(67deg)}.v23-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13);left:33%;top:10%;width:48%;aspect-ratio:1;z-index:0}.orbit-b{width:38%;left:38%;top:18%;border-style:dashed;border-color:rgba(229,27,43,.38);animation:spin-orbit 28s linear infinite}.fleet-label{position:absolute;z-index:8;padding:15px 18px;border:1px solid rgba(255,255,255,.18);background:rgba(13,14,17,.72);backdrop-filter:blur(10px);border-radius:14px;display:grid;gap:2px;box-shadow:0 15px 40px rgba(0,0,0,.22)}.fleet-label small{font-size:10px;letter-spacing:.2em;color:#9b9da4}.fleet-label b{font:800 17px/1.2 Manrope,sans-serif;color:#fff}.fleet-label-a{left:5%;top:32%}.fleet-label-b{right:0;bottom:19%}.v23-scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:8;font:700 10px/1 Manrope,sans-serif;letter-spacing:.18em;color:#9ea0a7;display:flex;align-items:center;gap:10px}.v23-scroll-cue span{display:block;width:20px;height:33px;border:1px solid rgba(255,255,255,.28);border-radius:12px;position:relative}.v23-scroll-cue span:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;background:var(--v23-red);border-radius:2px;transform:translateX(-50%);animation:scroll-dot 1.6s ease-in-out infinite}
.v23-benefits{background:#fff;border-bottom:1px solid #e8e8eb}.v23-benefits-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);align-items:stretch;min-height:190px}.v23-benefit-copy{padding:34px 28px 32px 0;display:flex;flex-direction:column;justify-content:center}.v23-benefit-copy small{font-size:12px;font-weight:800;color:var(--v23-red);margin-bottom:8px}.v23-benefit-copy h2{font-size:31px;line-height:1.15;margin:0;color:#151619}.v23-benefit-copy h2 strong{color:var(--v23-red)}.v23-benefit{display:flex;align-items:center;gap:15px;padding:28px 22px;border-left:1px solid #e6e6e9}.v23-benefit i{font-style:normal;flex:0 0 52px;width:52px;height:52px;border:2px solid var(--v23-red);border-radius:50%;display:grid;place-items:center;color:var(--v23-red);font-size:21px}.v23-benefit b{display:block;font-size:17px;margin-bottom:6px;color:#1d1e22}.v23-benefit p{font-size:13px!important;line-height:1.55!important;color:#696b72!important;margin:0!important;text-transform:none!important}
.v23-product-band{position:relative;background:linear-gradient(100deg,#0b0c0f,#15171b);color:#fff;padding:28px 0 38px;overflow:hidden}.v23-product-band:before{content:"";position:absolute;right:-8%;top:-40%;width:60%;height:130%;background:linear-gradient(130deg,transparent 46%,rgba(229,27,43,.13) 47%,rgba(229,27,43,.02) 72%,transparent);transform:skewX(-8deg)}.v23-product-layout{position:relative;z-index:2;display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:center}.v23-product-copy small{color:var(--v23-red2);font-weight:800;font-size:12px}.v23-product-copy h2{font-size:31px;line-height:1.08;color:#fff;margin:10px 0 14px}.v23-product-copy h2 strong{color:#fff}.v23-product-copy p{font-size:13px!important;line-height:1.6!important;color:#aeb0b6!important;margin:0 0 22px!important;text-transform:none!important}.v23-outline-link{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--v23-red);border-radius:999px;padding:12px 18px;color:#fff;font-size:13px;font-weight:700;transition:.25s ease}.v23-outline-link:hover{background:var(--v23-red);color:#fff}.v23-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.v23-category-card{min-width:0;background:#fff;color:#15161a;border-radius:7px;padding:12px;position:relative;display:grid;grid-template-rows:160px auto;overflow:hidden;transition:.3s ease;isolation:isolate}.v23-category-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(0,0,0,.28)}.v23-cat-img{height:160px;display:grid;place-items:center;position:relative}.v23-cat-img:after{content:"";position:absolute;left:15%;right:15%;bottom:9px;height:16px;background:rgba(0,0,0,.13);filter:blur(12px);border-radius:50%;z-index:-1}.v23-cat-img img{max-width:100%;max-height:145px;object-fit:contain;transition:transform .35s ease}.v23-category-card:hover .v23-cat-img img{transform:scale(1.07) translateY(-3px)}.v23-cat-img.white-back{background:#fff}.v23-cat-img.charger-combo{display:flex;align-items:center;justify-content:center}.v23-cat-img.charger-combo img{max-width:47%;max-height:138px}.v23-category-card b{display:block;font-size:16px}.v23-category-card span{display:block;font-size:11px;color:#75777d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v23-category-card i{position:absolute;right:12px;bottom:12px;width:30px;height:30px;background:var(--v23-red);color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal}
.v23-model-explorer{padding:90px 0 100px;background:#f7f8fa}.v23-tabs{display:flex;gap:7px;margin:32px 0 20px;flex-wrap:wrap}.v23-tabs button{border:1px solid #d7d8dc;background:#fff;color:#42444a;border-radius:999px;padding:11px 22px;font:700 13px Manrope,sans-serif;cursor:pointer;transition:.25s ease}.v23-tabs button:hover,.v23-tabs button.is-active{border-color:var(--v23-red);background:var(--v23-red);color:#fff}.v23-model-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.v23-model-main{min-height:500px;background:linear-gradient(145deg,#0e1014,#1a1d23);border-radius:20px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;position:relative}.v23-model-main:after{content:"";position:absolute;width:520px;height:3px;background:linear-gradient(90deg,transparent,var(--v23-red),transparent);right:-90px;bottom:70px;transform:rotate(-12deg);box-shadow:0 0 15px rgba(229,27,43,.6)}.v23-model-visual{position:relative;display:grid;place-items:center;padding:32px;min-width:0}.v23-model-visual:before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255,255,255,.12)}.v23-model-visual img{position:relative;z-index:2;max-width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.45));transition:opacity .25s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.v23-model-visual img.is-changing{opacity:0;transform:translateX(-20px) scale(.97)}.v23-model-info{padding:48px 36px 48px 10px;align-self:center;position:relative;z-index:3}.v23-model-info small{color:var(--v23-red2);font:800 12px/1 Manrope,sans-serif;letter-spacing:.12em}.v23-model-info h3{color:#fff;font:800 clamp(34px,4vw,62px)/1 Manrope,sans-serif;margin:12px 0}.v23-model-info p{font-size:15px!important;line-height:1.7!important;color:#b6b8bf!important;text-transform:none!important;margin:0 0 23px!important}.v23-model-info a{color:#fff;font-weight:800;border-bottom:1px solid var(--v23-red);padding-bottom:6px}.v23-model-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v23-model-choice{border:1px solid #e3e4e7;background:#fff;border-radius:14px;padding:15px;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.25s ease}.v23-model-choice:hover,.v23-model-choice.is-active{border-color:var(--v23-red);box-shadow:0 12px 30px rgba(20,20,20,.08);transform:translateY(-2px)}.v23-model-choice img{width:90px;height:75px;object-fit:contain}.v23-model-choice b{display:block;color:#17181c;font-size:14px}.v23-model-choice span{display:block;color:#81838a;font-size:10px;margin-top:3px}
.v23-charger{padding:86px 0;background:#fff}.v23-charger-layout{display:grid;grid-template-columns:330px 1fr;gap:35px;align-items:center}.v23-charger-copy h2{font-size:44px;line-height:1.05;margin:12px 0 16px}.v23-charger-copy h2 strong{color:var(--v23-red)}.v23-charger-copy p{font-size:15px!important;line-height:1.7!important;color:#666870!important;text-transform:none!important;margin:0 0 24px!important}.v23-charger-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v23-charger-card{min-height:400px;border:1px solid #e5e6e8;border-radius:18px;background:linear-gradient(180deg,#fafbfc,#fff);padding:24px;display:grid;grid-template-rows:260px auto;position:relative;overflow:hidden}.v23-charger-card:after{content:"";position:absolute;left:8%;right:8%;top:240px;height:18px;background:rgba(0,0,0,.09);filter:blur(14px);border-radius:50%}.v23-charger-card img{display:block;width:auto;max-width:100%;height:auto;max-height:220px;align-self:end;justify-self:center;object-fit:contain;box-sizing:border-box;filter:drop-shadow(0 15px 18px rgba(0,0,0,.18));transition:transform .35s ease}.v23-charger-card:hover img{transform:translateY(-8px) scale(1.035)}.v23-charger-card div{position:relative;z-index:2}.v23-charger-card small{font:800 10px Manrope,sans-serif;color:var(--v23-red);letter-spacing:.12em}.v23-charger-card h3{font-size:20px;margin:6px 0}.v23-charger-card p{font-size:12px!important;line-height:1.55!important;color:#74767d!important;text-transform:none!important;margin:0!important}.v23-services{padding-top:90px}.v23-services .service-grid{margin-top:32px}
.v23-home .contact{position:relative}.v23-home .footer-brand img{max-width:230px;max-height:88px;object-fit:contain}.v23-home .quick-dock{z-index:90}
@keyframes spin-orbit{to{transform:rotate(360deg)}}@keyframes scroll-dot{0%,100%{transform:translate(-50%,0);opacity:.35}50%{transform:translate(-50%,11px);opacity:1}}
@media(max-width:1180px){.v23-nav{grid-template-columns:210px 1fr auto}.v23-menu{gap:18px}.v23-mini-contact{display:none}.v23-hero-layout{grid-template-columns:.9fr 1.1fr}.v23-benefits-grid{grid-template-columns:1.2fr repeat(2,1fr)}.v23-benefit:nth-of-type(3){border-top:1px solid #e6e6e9}.v23-benefit:nth-of-type(4){border-top:1px solid #e6e6e9}.v23-category-grid{grid-template-columns:repeat(3,1fr)}.v23-product-layout{align-items:start}.v23-model-panel{grid-template-columns:1fr}.v23-model-list{grid-template-columns:repeat(4,1fr)}.v23-model-choice{grid-template-columns:1fr;text-align:center}.v23-model-choice img{margin:auto}.v23-charger-layout{grid-template-columns:1fr}.v23-charger-copy{max-width:700px}}
@media(max-width:900px){.v23-header{position:sticky}.v23-nav{min-height:76px;grid-template-columns:1fr auto auto}.v23-brand img{max-width:180px;max-height:58px}.v23-nav .menu-toggle{display:flex}.v23-menu{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid #eee;padding:10px 20px 20px;box-shadow:0 20px 40px rgba(0,0,0,.12)}.v23-menu.open{display:flex}.v23-menu a{padding:13px 4px}.v23-menu a:after{display:none}.v23-nav-actions .nav-quote{display:none}.v23-hero{min-height:auto}.v23-hero-layout{min-height:auto;grid-template-columns:1fr;padding-top:0}.v23-hero-copy{padding:70px 0 5px}.v23-fleet-stage{height:500px}.fleet-bus{width:64%;right:7%}.fleet-pickup{width:42%;right:36%}.fleet-van{width:29%;right:7%}.fleet-charger{width:12%}.v23-benefits-grid{grid-template-columns:1fr 1fr}.v23-benefit-copy{grid-column:1/-1;padding-right:0}.v23-benefit{border-top:1px solid #e6e6e9}.v23-product-layout{grid-template-columns:1fr}.v23-product-copy{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:end}.v23-product-copy small,.v23-product-copy h2,.v23-product-copy p{grid-column:1}.v23-product-copy .v23-outline-link{grid-column:2;grid-row:1/4}.v23-category-grid{grid-template-columns:repeat(2,1fr)}.v23-model-main{grid-template-columns:1fr}.v23-model-visual{min-height:330px}.v23-model-info{padding:5px 30px 35px}.v23-model-list{grid-template-columns:repeat(2,1fr)}.v23-charger-cards{grid-template-columns:1fr 1fr}.v23-charger-card:last-child{grid-column:1/-1}.v23-scroll-cue{display:none}}
@media(max-width:600px){.v23-nav{min-height:68px}.v23-brand img{max-width:150px;max-height:52px}.v23-menu{top:68px}.v23-hero-copy{padding-top:48px}.v23-hero-copy h1{font-size:42px}.v23-hero-lead{font-size:16px!important}.v23-hero-points{gap:5px}.v23-hero-points span{font-size:11px}.v23-fleet-stage{height:365px;margin-top:0}.fleet-bus{width:73%;right:2%;top:7%}.fleet-pickup{width:47%;right:34%;bottom:5%}.fleet-van{width:30%;right:4%;bottom:4%}.fleet-charger{display:none}.fleet-label{padding:10px 12px}.fleet-label b{font-size:13px}.fleet-label-a{left:0;top:28%}.fleet-label-b{right:0;bottom:19%}.v23-benefits-grid{grid-template-columns:1fr}.v23-benefit-copy h2{font-size:27px}.v23-benefit{border-left:0}.v23-product-copy{display:block}.v23-product-copy .v23-outline-link{margin-bottom:12px}.v23-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.v23-category-card{min-width:82%;scroll-snap-align:start}.v23-model-explorer{padding:65px 0}.v23-model-main{min-height:440px}.v23-model-visual{min-height:250px;padding:20px}.v23-model-info h3{font-size:38px}.v23-model-list{grid-template-columns:1fr 1fr}.v23-model-choice{padding:10px}.v23-model-choice img{width:78px;height:62px}.v23-charger{padding:65px 0}.v23-charger-copy h2{font-size:36px}.v23-charger-cards{grid-template-columns:1fr}.v23-charger-card:last-child{grid-column:auto}.v23-charger-card{min-height:360px;grid-template-rows:230px auto}.v23-charger-card img{max-height:215px}}
@media(prefers-reduced-motion:reduce){.orbit-b,.v23-scroll-cue span:after{animation:none}.fleet-asset,.v23-category-card,.v23-category-card img,.v23-model-visual img,.v23-charger-card img{transition:none!important}}

/* V2.3.3 — Stable dual-model hero (V5 + EC51) */
.v23-hero{
  min-height:auto;
  background:
    radial-gradient(circle at 79% 16%,rgba(229,27,43,.19),transparent 28%),
    radial-gradient(circle at 60% 85%,rgba(255,255,255,.045),transparent 34%),
    linear-gradient(108deg,#08090b 0%,#0d1015 54%,#190e11 100%);
}
.v23-hero-layout{
  min-height:clamp(650px,calc(100svh - 86px),790px);
  display:grid;
  grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr);
  align-items:center;
  gap:clamp(40px,5vw,86px);
  padding:42px 0 56px;
}
.v23-hero-copy{padding:22px 0;max-width:690px}
.v23-hero-copy h1{font-size:clamp(50px,4.35vw,76px);line-height:1.01;margin:22px 0 20px}
.v23-hero-lead{max-width:625px}

.v23-hero-showcase{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr 1fr;
  gap:14px;
  align-self:center;
  position:relative;
  z-index:4;
}
.v23-showcase-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 3px 2px;
  font:800 10px/1.2 Manrope,sans-serif;
  letter-spacing:.17em;
  color:#b8bac1;
}
.v23-showcase-head span{display:flex;align-items:center;gap:9px}
.v23-showcase-head i{width:18px;height:2px;background:var(--v23-red2);box-shadow:0 0 12px rgba(255,51,68,.55)}
.v23-showcase-head small{font:700 10px/1.2 Manrope,sans-serif;letter-spacing:.14em;color:#777b84}

.v23-showcase-item{
  min-height:222px;
  display:grid;
  grid-template-columns:155px minmax(0,1fr);
  align-items:center;
  gap:6px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  padding:18px 22px 14px 24px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.085),rgba(255,255,255,.02) 50%,rgba(229,27,43,.07)),
    rgba(13,15,19,.74);
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  isolation:isolate;
  transition:transform .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease;
}
.v23-showcase-item:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-90px;
  bottom:-245px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 0 0 46px rgba(255,255,255,.018),0 0 0 92px rgba(229,27,43,.018);
  z-index:-1;
}
.v23-showcase-item:after{
  content:"";
  position:absolute;
  left:0;
  top:17%;
  bottom:17%;
  width:3px;
  border-radius:2px;
  background:linear-gradient(180deg,transparent,var(--v23-red2),transparent);
  opacity:.8;
}
.v23-showcase-copy{position:relative;z-index:3;align-self:center}
.v23-showcase-copy>span{font:800 10px/1 Manrope,sans-serif;letter-spacing:.18em;color:#ff6671}
.v23-showcase-copy h2{margin:5px 0 7px;font:800 clamp(38px,3.1vw,52px)/.95 Manrope,sans-serif;letter-spacing:-.045em;color:#fff}
.v23-showcase-copy p{margin:0 0 13px;font-size:12px;line-height:1.55;color:#aeb1b9;max-width:145px}
.v23-showcase-copy b{font-size:11px;color:#fff;display:flex;align-items:center;gap:7px}
.v23-showcase-copy b i{font-style:normal;color:var(--v23-red2)}
.v23-showcase-media{min-width:0;height:190px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.v23-showcase-media:after{content:"";position:absolute;left:7%;right:2%;bottom:15px;height:24px;background:radial-gradient(ellipse at center,rgba(255,255,255,.17),transparent 67%);filter:blur(8px);z-index:-1}
.v23-showcase-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 17px rgba(0,0,0,.36));transform:scale(1.07);transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .36s ease}
.v23-showcase-item:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.23);background:linear-gradient(115deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 50%,rgba(229,27,43,.11)),rgba(13,15,19,.8);box-shadow:0 28px 62px rgba(0,0,0,.3)}
.v23-showcase-item:hover .v23-showcase-media img{transform:scale(1.1) translateY(-3px);filter:drop-shadow(0 22px 20px rgba(0,0,0,.43))}

@media(max-width:1180px){
  .v23-hero-layout{grid-template-columns:minmax(390px,.9fr) minmax(470px,1.1fr);gap:34px}
  .v23-showcase-item{grid-template-columns:132px minmax(0,1fr);padding-left:20px;padding-right:16px}
  .v23-showcase-copy p{font-size:11px;max-width:130px}
  .v23-showcase-media{height:178px}
}

@media(max-width:900px){
  .v23-hero-layout{min-height:auto;grid-template-columns:1fr;gap:32px;padding:0 0 58px}
  .v23-hero-copy{padding:66px 0 0;max-width:760px}
  .v23-hero-copy h1{font-size:clamp(46px,8vw,72px)}
  .v23-hero-showcase{max-width:760px;padding-bottom:0}
  .v23-showcase-item{grid-template-columns:160px minmax(0,1fr);min-height:230px}
  .v23-showcase-media{height:198px}
}

@media(max-width:600px){
  .v23-hero-layout{gap:25px;padding-bottom:40px}
  .v23-hero-copy{padding-top:44px}
  .v23-hero-copy h1{font-size:clamp(39px,11vw,48px);line-height:1.03}
  .v23-showcase-head{font-size:9px;letter-spacing:.12em}.v23-showcase-head small{font-size:9px}
  .v23-hero-showcase{gap:10px}
  .v23-showcase-item{grid-template-columns:108px minmax(0,1fr);min-height:165px;border-radius:18px;padding:12px 12px 10px 16px}
  .v23-showcase-copy h2{font-size:32px;margin:4px 0 7px}
  .v23-showcase-copy p{display:none}
  .v23-showcase-copy b{font-size:10px}
  .v23-showcase-media{height:142px}
  .v23-showcase-media img{transform:scale(1.05)}
  .v23-showcase-item:hover .v23-showcase-media img{transform:scale(1.07)}
}

@media(prefers-reduced-motion:reduce){
  .v23-showcase-item,.v23-showcase-media img{transition:none!important}
}



/* V2.3.5 — Hero layout locked to the user-approved reference artwork.
   Do not redesign or restack these elements without a new explicit request. */
.v23-home .v235-hero-reference{
  position:relative;
  width:100%;
  min-height:0;
  background:#07090c;
  overflow:hidden;
  line-height:0;
}
.v23-home .v235-hero-reference:after{display:none}
.v235-hero-art{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  user-select:none;
  -webkit-user-drag:none;
}
.v235-hero-accessible{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.v235-hero-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:8px;
  background:transparent;
  outline-offset:4px;
}
.v235-hero-hotspot:focus-visible{outline:2px solid #fff}
/* Hotspots follow the exact coordinates in the approved 1672 × 845 hero artwork. */
.v235-hotspot-products{left:5.75%;top:71.9%;width:14.45%;height:7.1%}
.v235-hotspot-contact{left:21.15%;top:71.9%;width:12.35%;height:7.1%}
.v235-hotspot-v5{left:45.2%;top:15.5%;width:29.4%;height:50.2%}
.v235-hotspot-ec51{left:73.8%;top:27.5%;width:21.8%;height:43.5%}


/* V2.3.6 — Approved hero becomes a 2-slide carousel.
   Slide 1 remains the exact V2.3.5 approved artwork.
   Slide 2 follows the same composition language using H5 + G9. */
.v23-home .v236-hero-carousel{
  position:relative;
  min-height:0;
  background:#07090c;
  overflow:hidden;
  line-height:normal;
}
.v23-home .v236-hero-carousel:after{display:none}
.v236-hero-viewport{position:relative;width:100%;overflow:hidden;background:#07090c}
.v236-hero-track{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.22,.74,.2,1);will-change:transform}
.v236-hero-slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;aspect-ratio:1672/845;overflow:hidden;background:#07090c}
.v236-hero-slide.v235-hero-reference{min-height:0}
.v236-hero-slide .v235-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.v236-feature-slide{
  color:#fff;
  background:
    radial-gradient(circle at 75% 39%,rgba(219,28,44,.20),transparent 28%),
    radial-gradient(circle at 57% 80%,rgba(255,255,255,.05),transparent 24%),
    linear-gradient(108deg,#06080b 0%,#0b0e13 52%,#1a0d11 100%);
  isolation:isolate;
}
.v236-feature-slide:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg,rgba(2,4,8,.96) 0%,rgba(5,8,12,.78) 26%,rgba(7,10,15,.10) 58%,rgba(9,5,8,.26) 100%),
    radial-gradient(ellipse at 74% 94%,rgba(220,26,43,.18),transparent 33%);
}
.v236-feature-slide:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:10;
  background:linear-gradient(90deg,transparent 0%,rgba(237,29,48,.9) 52%,transparent 100%);
}
.v236-feature-grid{position:absolute;inset:0;z-index:0;opacity:.54;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 96%)}
.v236-neon-line{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,transparent,#ef2539 44%,rgba(255,60,76,.96) 76%,transparent);box-shadow:0 0 13px rgba(235,32,50,.72);transform-origin:center;opacity:.78}
.v236-line-a{width:64%;right:-9%;top:54%;transform:rotate(-9deg)}
.v236-line-b{width:52%;right:-7%;top:67%;transform:rotate(7deg);opacity:.52}
.v236-line-c{width:47%;left:24%;top:61%;transform:rotate(2deg);opacity:.34}

.v236-copy{position:absolute;z-index:5;left:5.8%;top:10.7%;width:39%;}
.v236-kicker{display:flex;align-items:center;gap:.8vw;font:700 clamp(8px,.72vw,12px)/1 Manrope,sans-serif;letter-spacing:.25em;color:#c3c5cb;white-space:nowrap}
.v236-kicker i,.v236-feature-label i{display:block;width:1.9vw;min-width:18px;height:2px;background:#f02a3d;box-shadow:0 0 12px rgba(240,42,61,.55)}
.v236-copy h2{margin:2.1vw 0 1.7vw;font:900 clamp(38px,4.65vw,78px)/.97 "Noto Sans Thai",sans-serif;letter-spacing:-.045em;color:#fff;text-shadow:0 10px 34px rgba(0,0,0,.18)}
.v236-copy h2 strong{display:inline;color:#ff3344;font-weight:900}
.v236-copy p{margin:0;color:#e0e1e5;font:500 clamp(12px,1.17vw,19px)/1.67 "Noto Sans Thai",sans-serif}
.v236-pills{display:flex;gap:.62vw;flex-wrap:wrap;margin-top:2vw}
.v236-pills span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:.63vw .86vw;background:rgba(9,12,17,.37);font:500 clamp(9px,.74vw,12px)/1 "Noto Sans Thai",sans-serif;color:#f1f1f3;backdrop-filter:blur(5px)}
.v236-actions{display:flex;gap:.95vw;margin-top:1.6vw}
.v236-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4vw;border-radius:9px;padding:1.05vw 1.7vw;font:700 clamp(10px,.88vw,14px)/1 "Noto Sans Thai",sans-serif;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.v236-btn b{font:800 clamp(12px,1vw,16px)/1 Manrope,sans-serif}
.v236-btn:hover{transform:translateY(-2px)}
.v236-btn-primary{min-width:14.2vw;color:#fff;background:linear-gradient(135deg,#ed1329,#ff1d31);box-shadow:0 15px 35px rgba(237,19,41,.22)}
.v236-btn-ghost{min-width:12.3vw;color:#fff;border:1px solid rgba(255,255,255,.52);background:rgba(8,10,14,.28)}

.v236-feature-label{position:absolute;z-index:5;left:55.1%;top:11.5%;display:flex;align-items:center;gap:.95vw;color:#c7c8ce;font:700 clamp(8px,.73vw,12px)/1 Manrope,sans-serif;letter-spacing:.24em}
.v236-vehicle{position:absolute;z-index:4;display:block;filter:drop-shadow(0 24px 23px rgba(0,0,0,.42));transition:transform .35s ease,filter .35s ease}
.v236-vehicle img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.v236-vehicle:hover{filter:drop-shadow(0 30px 30px rgba(0,0,0,.52))}
.v236-h5{left:35.3%;top:31.5%;width:40.5%;z-index:6}
.v236-g9{left:62.8%;top:21.2%;width:31.8%;z-index:4}
.v236-h5:hover{transform:translateY(-.4vw) scale(1.008)}
.v236-g9:hover{transform:translateY(-.35vw) scale(1.008)}
.v236-model-tag{position:absolute;z-index:8;display:block;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.72);border-left:2px solid #ff3344;padding-left:.95vw}
.v236-model-tag b{display:block;font:800 clamp(22px,2.6vw,44px)/.95 Manrope,sans-serif;letter-spacing:-.035em}
.v236-model-tag small{display:block;margin-top:.45vw;color:#d8d9dd;font:500 clamp(9px,.75vw,12px)/1.45 "Noto Sans Thai",sans-serif}
.v236-h5-tag{left:3.5%;top:-20.5%}
.v236-g9-tag{right:-2%;top:17%}
.v236-floor{position:absolute;z-index:2;left:35%;right:2%;bottom:3%;height:26%;background:radial-gradient(ellipse at 53% 65%,rgba(255,255,255,.14) 0%,rgba(236,32,50,.09) 28%,transparent 68%);filter:blur(7px);transform:perspective(650px) rotateX(67deg)}
.v236-scroll{position:absolute;z-index:8;right:3.2%;bottom:4.8%;display:grid;justify-items:center;gap:.5vw;color:#acafb6}
.v236-scroll span{width:18px;height:42px;border:1px solid rgba(255,255,255,.54);border-radius:11px;position:relative}
.v236-scroll span:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;background:#ff3344;border-radius:3px;transform:translateX(-50%)}
.v236-scroll small{font:700 8px/1 Manrope,sans-serif;letter-spacing:.1em}

.v236-hero-arrow{position:absolute;z-index:30;top:50%;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(7,9,12,.34);backdrop-filter:blur(8px);color:#fff;font:300 31px/38px Arial,sans-serif;cursor:pointer;opacity:.34;transition:opacity .2s ease,background .2s ease,transform .2s ease}
.v236-hero-carousel:hover .v236-hero-arrow,.v236-hero-arrow:focus-visible{opacity:.95}
.v236-hero-arrow:hover{background:rgba(229,27,43,.76);transform:scale(1.04)}
.v236-prev{left:18px}.v236-next{right:18px}
.v236-hero-dots{position:absolute;z-index:31;left:50%;bottom:18px;display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:rgba(5,7,10,.22);backdrop-filter:blur(8px)}
.v236-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.42);cursor:pointer;transition:width .28s ease,background .28s ease}
.v236-hero-dots button.is-active{width:28px;background:#ff263b}

@media(max-width:900px){
  .v23-home .v236-hero-carousel{overflow:hidden}
  .v236-hero-viewport{overflow:hidden}
  .v236-hero-slide{aspect-ratio:1080/720;min-height:0}
  .v236-hero-slide.v235-hero-reference{overflow:hidden}
  .v236-hero-slide .v235-hero-art{width:142%;height:100%;max-width:none;object-fit:cover;object-position:center top;transform:translateX(-14%)}
  .v236-hero-slide .v235-hero-hotspot{display:none}
  .v236-copy{left:5.5%;top:10%;width:47%}
  .v236-copy h2{font-size:clamp(34px,6.8vw,58px)}
  .v236-copy p{font-size:clamp(10px,1.65vw,15px)}
  .v236-feature-label{left:56%;top:10.5%}
  .v236-h5{left:37%;top:35%;width:43%}
  .v236-g9{left:62%;top:22%;width:34%}
  .v236-pills span{padding:.75vw 1vw}
  .v236-actions{margin-top:2vw}
  .v236-btn{padding:1.35vw 2vw}
  .v236-hero-arrow{width:36px;height:36px;margin-top:-18px;font-size:26px;line-height:32px}
  .v236-prev{left:8px}.v236-next{right:8px}
  .v236-hero-dots{bottom:10px}
}
@media(max-width:620px){
  .v236-hero-slide{aspect-ratio:4/3}
  .v236-copy{left:5%;top:9%;width:61%}
  .v236-kicker{font-size:7px;letter-spacing:.16em}
  .v236-copy h2{font-size:clamp(29px,9.5vw,45px);margin:3.2vw 0 2.2vw}
  .v236-copy p{display:none}
  .v236-pills{display:none}
  .v236-actions{margin-top:3.2vw;gap:2vw}
  .v236-btn{padding:2.2vw 3vw;border-radius:7px;font-size:10px}
  .v236-btn-primary{min-width:41vw}.v236-btn-ghost{min-width:32vw}
  .v236-feature-label{left:54%;top:9%;font-size:7px;letter-spacing:.13em}
  .v236-h5{left:27%;top:42%;width:58%}
  .v236-g9{left:62%;top:28%;width:39%}
  .v236-h5-tag{left:2%;top:-22%}.v236-g9-tag{right:1%;top:8%}
  .v236-model-tag small{display:none}.v236-model-tag b{font-size:clamp(20px,6vw,32px)}
  .v236-scroll{display:none}
  .v236-hero-arrow{display:none}
  .v236-hero-dots{bottom:7px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){.v236-hero-track{transition:none}.v236-vehicle,.v236-btn,.v236-hero-arrow,.v236-hero-dots button{transition:none!important}}


/* V2.3.7 — About Us / company history. Data follows the supplied TTD history artwork. */
.v237-about{position:relative;padding:96px 0 104px;background:#fff;color:#17181c;overflow:hidden;border-bottom:1px solid #e8e9ec}
.v237-about:before{content:"";position:absolute;right:-11%;top:-120px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(229,27,43,.075),transparent 68%);pointer-events:none}
.v237-about-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:clamp(48px,7vw,110px);align-items:start;padding-bottom:72px;border-bottom:1px solid #e6e7e9}
.v237-about-heading .eyebrow{margin-bottom:19px}.v237-about-heading h2{margin:0;font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-.045em;color:#15161a}.v237-about-heading h2 strong{display:inline-block;color:var(--v23-red);font-weight:900}.v237-company-name{margin:23px 0 0!important;font-size:18px!important;line-height:1.55!important;font-weight:800!important;color:#26282d!important;text-transform:none!important}
.v237-about-copy{padding-top:34px}.v237-about-copy p{margin:0 0 19px!important;font-size:17px!important;line-height:1.9!important;color:#555860!important;text-transform:none!important}.v237-about-copy p:last-child{margin-bottom:0!important}.v237-about-copy strong{color:#202227;font-weight:800}
.v237-history-head{display:flex;justify-content:space-between;gap:36px;align-items:end;padding:60px 0 36px}.v237-history-head small{display:block;margin-bottom:8px;font:800 11px/1 Manrope,sans-serif;letter-spacing:.19em;color:var(--v23-red)}.v237-history-head h3{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.025em;color:#16171b}.v237-history-head p{max-width:540px;margin:0!important;font-size:14px!important;line-height:1.65!important;color:#73757b!important;text-align:right;text-transform:none!important}
.v237-timeline{--node:72px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.v237-timeline:before{content:"";position:absolute;left:6%;right:6%;top:264px;height:3px;background:linear-gradient(90deg,#b91e2f,var(--v23-red),#b91e2f);z-index:0}
.v237-timeline-item{min-width:0;position:relative;z-index:1}.v237-timeline-image{height:220px;border-radius:25px;overflow:hidden;background:#f3f4f6;box-shadow:0 13px 34px rgba(17,19,24,.08);border:1px solid #ececef}.v237-timeline-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.v237-year-node{height:88px;display:flex;align-items:center;padding-left:28px;position:relative}.v237-year-node span{width:var(--node);height:var(--node);border-radius:50%;display:grid;place-items:center;background:#bd1f30;color:#fff;border:3px solid #bd1f30;box-shadow:0 0 0 4px #fff,0 0 0 7px #bd1f30;font:600 21px/1 Manrope,sans-serif;position:relative;z-index:2}
.v237-timeline-copy{padding:20px 6px 0 28px}.v237-timeline-copy h4{margin:0 0 3px;font:800 35px/1 Manrope,sans-serif;color:#282a30;letter-spacing:-.04em}.v237-timeline-copy h5{margin:0 0 10px;font-size:20px;line-height:1.3;color:#202227}.v237-timeline-copy ul{margin:0;padding-left:20px;color:#565960}.v237-timeline-copy li{font-size:14px;line-height:1.62;margin:0 0 6px}.v237-timeline-copy li::marker{color:#25272c}
@media(max-width:1100px){.v237-about{padding:78px 0 86px}.v237-about-intro{grid-template-columns:.9fr 1.1fr;gap:50px}.v237-timeline{gap:16px}.v237-timeline:before{top:232px}.v237-timeline-image{height:188px;border-radius:20px}.v237-year-node{height:84px;padding-left:20px}.v237-timeline-copy{padding-left:20px}.v237-timeline-copy h4{font-size:31px}.v237-timeline-copy h5{font-size:18px}.v237-timeline-copy li{font-size:13px}}
@media(max-width:820px){.v237-about-intro{grid-template-columns:1fr;gap:18px;padding-bottom:54px}.v237-about-copy{padding-top:0}.v237-history-head{align-items:start;padding-top:50px}.v237-history-head p{text-align:left}.v237-timeline{display:grid;grid-template-columns:1fr 1fr;gap:36px 22px}.v237-timeline:before{display:none}.v237-timeline-item{border:1px solid #e5e6e9;border-radius:22px;overflow:hidden;background:#fff}.v237-timeline-image{height:190px;border-radius:0;border:0;box-shadow:none}.v237-year-node{height:auto;padding:0;position:absolute;left:20px;top:164px}.v237-year-node span{--node:62px;font-size:18px;box-shadow:0 0 0 3px #fff}.v237-timeline-copy{padding:48px 20px 24px}.v237-timeline-copy h4{font-size:29px}}
@media(max-width:600px){.v237-about{padding:62px 0 68px}.v237-about-heading h2{font-size:clamp(42px,12vw,58px)}.v237-company-name{font-size:16px!important}.v237-about-copy p{font-size:15px!important;line-height:1.82!important}.v237-history-head{display:block;padding-bottom:28px}.v237-history-head h3{font-size:29px;margin-bottom:12px}.v237-timeline{grid-template-columns:1fr;gap:18px}.v237-timeline-image{height:205px}.v237-year-node{top:178px}.v237-timeline-copy{padding-top:48px}.v237-timeline-copy li{font-size:13px}}

/* V2.3.9 client logo marquee */
.v239-clients{padding:70px 0 76px;background:#f7f8fa;border-top:1px solid #ececf0;overflow:hidden}
.v239-clients-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:30px}
.v239-clients-head h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;margin:0;color:#17181c}
.v239-clients-head p{max-width:560px;margin:0;color:#777a82;font-size:13px;line-height:1.8}
.v239-client-marquee{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.v239-client-track{--client-gap:34px;display:flex;align-items:center;gap:var(--client-gap);width:max-content;padding:10px 17px;animation:v239ClientMarquee 52s linear infinite;will-change:transform}
.v239-client-item{flex:0 0 118px;display:grid;place-items:center}
.v239-client-circle{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #e4e5e8;box-shadow:0 7px 20px rgba(25,27,31,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.v239-client-circle img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.v239-client-item:hover .v239-client-circle{transform:translateY(-3px);border-color:#d6d7da;box-shadow:0 12px 28px rgba(25,27,31,.1)}
@keyframes v239ClientMarquee{to{transform:translate3d(calc(-50% - (var(--client-gap)/2)),0,0)}}
@media(max-width:820px){.v239-clients{padding:58px 0}.v239-clients-head{display:block}.v239-clients-head p{margin-top:14px}.v239-client-track{--client-gap:22px;animation-duration:46s}.v239-client-item{flex-basis:100px}.v239-client-circle{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.v239-client-track{animation:none}}


/* V2.3.10 — mobile hero stability + no cross-slide bleed */
@media(max-width:700px){
  .v23-home .v236-hero-carousel{background:#07090c}
  .v236-hero-viewport{min-height:340px;aspect-ratio:1/1.02}
  .v236-hero-track{display:block;position:relative;height:100%;width:100%;transform:none!important}
  .v236-hero-slide{position:absolute;inset:0;aspect-ratio:auto;min-width:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
  .v236-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
  .v236-hero-slide .v235-hero-art{width:100%!important;height:100%!important;max-width:none;transform:none!important;object-fit:cover;object-position:center top}
  .v236-hero-slide:first-child .v235-hero-art{object-position:50% top}
  .v236-hero-slide.v238-hero-approved .v235-hero-art{object-position:50% top}
  .v236-hero-dots{bottom:10px}
}
@media(max-width:420px){
  .v236-hero-viewport{min-height:320px}
}


/* V2.3.11 — home mobile menu: compact panel, top-aligned, never behind overlay */
@media(max-width:900px){
  .v23-header{z-index:200!important;background:#fff!important}
  .v23-nav{position:relative}
  .v23-home .v23-menu{
    position:absolute!important;top:76px!important;left:12px!important;right:12px!important;bottom:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 92px);
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
    gap:0!important;padding:10px 18px 14px!important;
    background:#fff!important;border:1px solid rgba(20,20,24,.08)!important;border-radius:18px!important;
    box-shadow:0 22px 60px rgba(0,0,0,.22)!important;overflow:auto!important;
    z-index:220!important;opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-10px) scale(.985)!important;transform-origin:top center;
    transition:opacity .2s ease,visibility .2s ease,transform .24s ease!important
  }
  .v23-home .v23-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .v23-home .v23-menu a{
    display:flex!important;align-items:center!important;width:100%!important;min-height:54px!important;
    padding:13px 6px!important;border-bottom:1px solid #eceef1!important;
    color:#15171b!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important
  }
  .v23-home .v23-menu a:last-child{border-bottom:0!important}
  .v23-home .v23-menu a.active{color:var(--v23-red)!important}
  .v23-home .v23-menu a:after{display:none!important}
}
@media(max-width:600px){
  .v23-home .v23-menu{top:68px!important;left:10px!important;right:10px!important;max-height:calc(100dvh - 82px);border-radius:16px!important}
  .v23-home .v23-menu a{min-height:51px!important;font-size:17px!important}
}


/* V2.3.12 — mobile hero black-screen fix.
   Root cause: the old mobile rule forced the baked hero artwork to min-width:1080px,
   while the new fade carousel expected the image to fit the slide. On phones this
   cropped into the dark area of the artwork and looked like an empty black screen. */
@media(max-width:700px){
  .v23-home .v236-hero-carousel,
  .v236-hero-viewport,
  .v236-hero-slide.v235-hero-reference{overflow:hidden!important}
  .v236-hero-viewport{
    width:100%;
    min-height:0!important;
    aspect-ratio:1672/845!important;
    background:#07090c;
  }
  .v236-hero-track{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    transform:none!important;
  }
  .v236-hero-slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-width:0!important;
    aspect-ratio:auto!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .v236-hero-slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:2;
  }
  .v236-hero-slide .v235-hero-art{
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  .v236-hero-dots{bottom:6px}
}


/* V2.3.13 — definitive mobile hero render.
   Uses JPEG artwork + slide background fallback to avoid WebP/MIME failures on embedded Android browsers. */
.v236-hero-slide{background-size:cover;background-position:center center;background-repeat:no-repeat}
@media(max-width:700px){
  .v23-home .v236-hero-carousel{overflow:hidden!important;background:#07090c!important}
  .v236-hero-viewport{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1672/845!important;overflow:hidden!important;background:#07090c!important}
  .v236-hero-track{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;transform:none!important}
  .v236-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .v236-hero-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important}
  .v236-hero-slide .v235-hero-art{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;transform:none!important;opacity:1!important;visibility:visible!important}
  .v236-hero-slide .v235-hero-hotspot{display:none!important}
  .v236-hero-dots{bottom:7px!important;z-index:5!important}
}


/* V2.4.0 — DOM-first responsive hero. Copy and imagery are separate by design. */
.v240-hero{position:relative;overflow:hidden;background:#07090d;color:#fff;isolation:isolate;min-height:clamp(650px,76vh,780px)}
.v240-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 25%,rgba(218,24,40,.23),transparent 31%),linear-gradient(105deg,#07090d 0%,#0b0e13 50%,#170b0f 100%);z-index:-3}
.v240-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ef233c 45%,transparent);z-index:8}
.v240-hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.v240-hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000 42%,#000)}
.v240-hero-bg span{position:absolute;height:2px;width:66%;right:-9%;background:linear-gradient(90deg,transparent,#ee2439 52%,transparent);box-shadow:0 0 16px rgba(238,36,57,.55);transform-origin:right center}
.v240-hero-bg span:nth-child(1){top:47%;transform:rotate(-9deg);opacity:.75}.v240-hero-bg span:nth-child(2){top:61%;right:-16%;transform:rotate(7deg);opacity:.35}.v240-hero-bg span:nth-child(3){bottom:8%;right:5%;width:42%;transform:rotate(-2deg);opacity:.22}
.v240-slides{display:grid;min-height:inherit}.v240-slide{grid-area:1/1;display:grid;align-items:center;min-height:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility .48s ease}.v240-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.v240-slide-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);align-items:center;gap:clamp(28px,4vw,72px);min-height:inherit;padding-top:clamp(52px,7vh,82px);padding-bottom:clamp(66px,8vh,92px)}
.v240-copy{position:relative;z-index:5;max-width:690px}.v240-copy h1,.v240-copy h2{margin:0;color:#fff;font:900 clamp(48px,5.15vw,84px)/.98 'Noto Sans Thai',sans-serif;letter-spacing:-.035em;text-wrap:balance}.v240-copy h1 strong,.v240-copy h2 strong{color:#ff3046;font-weight:900}.v240-copy p{max-width:640px;margin:26px 0 0;color:#d8dae0;font:500 clamp(15px,1.12vw,18px)/1.75 'Noto Sans Thai',sans-serif}
.v240-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v240-actions .btn{min-height:54px;padding-inline:22px}.v240-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.035)}.v240-btn-secondary:hover{background:#fff;color:#14161a;border-color:#fff}
.v240-service-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;color:#aeb1b8;font:600 12px/1.4 'Noto Sans Thai',sans-serif}.v240-service-line i{display:block;width:3px;height:3px;border-radius:50%;background:#ff3046}
.v240-visual{position:relative;height:clamp(470px,55vw,650px);min-width:0;isolation:isolate}.v240-visual::before{content:"";position:absolute;left:5%;right:3%;bottom:8%;height:23%;background:radial-gradient(ellipse at center,rgba(255,255,255,.13),rgba(216,29,45,.06) 38%,transparent 70%);filter:blur(12px);transform:perspective(560px) rotateX(70deg);z-index:-1}
.v240-orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;aspect-ratio:1;right:11%;top:7%;width:52%;z-index:-1}.v240-orbit.orbit-b{width:39%;right:18%;top:14%;border-style:dashed;border-color:rgba(239,35,60,.33)}
.v240-vehicle{position:absolute;display:block;transform-origin:center bottom;filter:drop-shadow(0 26px 24px rgba(0,0,0,.48));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}.v240-vehicle img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.v240-vehicle:hover{filter:drop-shadow(0 32px 28px rgba(0,0,0,.58));transform:translateY(-6px) scale(1.01)}
.v240-v5{width:55%;right:1%;bottom:2%;z-index:4}.v240-ec51{width:47%;left:0;bottom:7%;z-index:3}.v240-g9{width:70%;right:-1%;bottom:3%;z-index:2}.v240-h5{width:48%;left:0;bottom:0;z-index:4}
.v240-ground{position:absolute;height:22px;border-radius:50%;background:rgba(0,0,0,.34);filter:blur(11px);z-index:1}.v240-visual:not(.v240-visual-bus) .ground-a{width:39%;left:5%;bottom:7%}.v240-visual:not(.v240-visual-bus) .ground-b{width:43%;right:5%;bottom:2%}.v240-visual-bus .ground-a{width:55%;right:4%;bottom:4%}.v240-visual-bus .ground-b{width:36%;left:4%;bottom:1%}
.v240-model-card{position:absolute;z-index:6;display:grid;gap:2px;min-width:108px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(8,10,14,.7);box-shadow:0 14px 30px rgba(0,0,0,.18)}.v240-model-card b{font:800 15px/1 Manrope,sans-serif}.v240-model-card span{font:700 8px/1.25 Manrope,sans-serif;letter-spacing:.13em;color:#9da0a8}.v240-model-card-a{left:3%;top:18%}.v240-model-card-b{right:1%;top:24%}.v240-visual-bus .v240-model-card-a{left:2%;top:22%}.v240-visual-bus .v240-model-card-b{right:2%;top:12%}
.v240-arrow{position:absolute;z-index:12;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(7,9,12,.42);color:#fff;font:300 30px/40px Arial,sans-serif;cursor:pointer;opacity:.55;transition:.2s ease}.v240-arrow:hover,.v240-arrow:focus-visible{opacity:1;background:#e51b2b;border-color:#e51b2b;outline:none}.v240-prev{left:18px}.v240-next{right:18px}
.v240-dots{position:absolute;z-index:13;left:50%;bottom:22px;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}.v240-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.34);cursor:pointer;transition:width .25s ease,background .25s ease}.v240-dots button.is-active{width:32px;background:#ff3046}
.v240-slide.is-active .v240-copy{animation:v240CopyIn .62s cubic-bezier(.16,1,.3,1) both}.v240-slide.is-active .v240-visual{animation:v240VisualIn .72s cubic-bezier(.16,1,.3,1) both}@keyframes v240CopyIn{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes v240VisualIn{from{opacity:.2;transform:translateX(26px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1080px){.v240-slide-grid{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:22px}.v240-copy h1,.v240-copy h2{font-size:clamp(44px,5.2vw,66px)}.v240-visual{height:520px}}
@media(max-width:820px){.v240-hero{min-height:auto}.v240-slide-grid{grid-template-columns:1fr;gap:8px;padding-top:48px;padding-bottom:70px}.v240-copy{max-width:660px}.v240-copy h1,.v240-copy h2{font-size:clamp(42px,9.3vw,66px);max-width:12ch}.v240-copy p{font-size:16px;max-width:62ch;margin-top:20px}.v240-actions{margin-top:24px}.v240-service-line{margin-top:22px}.v240-visual{height:clamp(360px,78vw,560px);margin-top:2px}.v240-model-card{display:none}.v240-arrow{display:none}.v240-dots{bottom:18px}.v240-v5{width:54%;right:1%;bottom:1%}.v240-ec51{width:47%;left:0;bottom:6%}.v240-g9{width:68%;right:0;bottom:1%}.v240-h5{width:47%;left:0;bottom:0}}
@media(max-width:560px){.v240-slide-grid{padding-top:38px;padding-bottom:60px}.v240-copy h1,.v240-copy h2{font-size:clamp(38px,10.8vw,52px);line-height:1.02;max-width:12ch}.v240-copy p{font-size:15px;line-height:1.65;margin-top:18px}.v240-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v240-actions .btn{min-height:50px;padding-inline:14px;font-size:13px}.v240-service-line{gap:8px 10px;font-size:11px}.v240-visual{height:clamp(310px,92vw,430px);margin-inline:-6px}.v240-orbit{width:60%;right:8%;top:8%}.v240-orbit.orbit-b{width:44%;right:16%;top:16%}.v240-v5{width:58%;right:-2%;bottom:2%}.v240-ec51{width:49%;left:-1%;bottom:9%}.v240-g9{width:72%;right:-5%;bottom:2%}.v240-h5{width:51%;left:-3%;bottom:0}.v240-dots{bottom:14px}}
@media(max-width:380px){.v240-actions{grid-template-columns:1fr}.v240-visual{height:330px}.v240-service-line i{display:none}.v240-service-line{gap:7px 12px}}
@media(hover:hover) and (pointer:fine){.v240-slide.is-active .v240-vehicle{will-change:transform}}
@media(prefers-reduced-motion:reduce){.v240-slide,.v240-vehicle,.v240-arrow,.v240-dots button{transition:none!important}.v240-slide.is-active .v240-copy,.v240-slide.is-active .v240-visual{animation:none!important}}


/* V2.4.1 — Impeccable composition pass.
   Spatial thesis: copy leads on the left; vehicles occupy a cinematic edge-to-edge stage.
   Vehicle sizes deliberately reflect category scale, and subjects may crop beyond the viewport. */
.v240-hero{
  min-height:clamp(690px,78vh,820px);
  background:#07090d;
}
.v240-hero::before{
  background:
    radial-gradient(ellipse at 78% 28%,rgba(229,27,43,.27),transparent 31%),
    radial-gradient(ellipse at 72% 76%,rgba(229,27,43,.11),transparent 34%),
    linear-gradient(108deg,#06080b 0%,#0b0d12 46%,#1a0c11 100%);
}
.v240-slide-grid{
  grid-template-columns:minmax(430px,.78fr) minmax(0,1.22fr);
  gap:0;
  min-height:inherit;
  padding-top:clamp(54px,6vh,72px);
  padding-bottom:clamp(66px,7vh,86px);
}
.v240-copy{
  max-width:610px;
  align-self:center;
  padding-right:clamp(22px,3vw,54px);
}
.v240-copy h1,.v240-copy h2{
  max-width:9.2ch;
  font-size:clamp(54px,5.2vw,88px);
  line-height:.96;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.v240-copy p{max-width:560px;margin-top:24px;line-height:1.72}
.v240-actions{margin-top:28px}
.v240-service-line{margin-top:24px}

.v240-visual{
  height:clamp(540px,57vw,700px);
  min-width:0;
  overflow:visible;
  isolation:isolate;
  margin-right:calc(-1 * max(28px, (100vw - 1450px)/2));
}
.v240-visual::before{
  left:-3%;right:-12%;bottom:-1%;height:20%;
  background:radial-gradient(ellipse at 58% 52%,rgba(255,255,255,.14),rgba(225,30,48,.07) 34%,transparent 71%);
  filter:blur(18px);
}
.v240-orbit{right:4%;top:11%;width:62%;opacity:.72}
.v240-orbit.orbit-b{display:none}
.v240-model-card{display:none!important}
.v240-vehicle{
  filter:drop-shadow(0 30px 28px rgba(0,0,0,.52));
  transform-origin:50% 82%;
}
.v240-vehicle:hover{filter:drop-shadow(0 34px 34px rgba(0,0,0,.62))}

/* V5 + EC51 — similar real-world class; foreground van reads larger because it is closer. */
.v240-visual-utility .v240-v5{width:80%;right:-19%;bottom:-9%;z-index:6}
.v240-visual-utility .v240-ec51{width:58%;left:-3%;bottom:5%;z-index:3}
.v240-visual-utility .ground-a{width:47%;left:-1%;bottom:6%}
.v240-visual-utility .ground-b{width:61%;right:-8%;bottom:-2%}

/* H5 5.38 m vs G9 10.45 m. The bus is intentionally dominant and partially cropped. */
.v240-visual-bus .v240-g9{width:116%;right:-43%;bottom:-10%;z-index:3}
.v240-visual-bus .v240-h5{width:60%;left:-12%;bottom:-7%;z-index:6}
.v240-visual-bus .ground-a{width:76%;right:-18%;bottom:-3%}
.v240-visual-bus .ground-b{width:45%;left:-7%;bottom:-2%}

.v240-slide.is-active .v240-copy{animation:v241CopyIn .56s cubic-bezier(.16,1,.3,1) both}
.v240-slide.is-active .v240-visual{animation:v241StageIn .68s cubic-bezier(.16,1,.3,1) both}
.v240-slide.is-active .v240-vehicle{animation:v241VehicleIn .78s cubic-bezier(.16,1,.3,1) both}
.v240-slide.is-active .v240-vehicle:nth-of-type(2){animation-delay:.05s}
@keyframes v241CopyIn{from{opacity:.45;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v241StageIn{from{opacity:.45;clip-path:inset(0 0 0 8%)}to{opacity:1;clip-path:inset(0)}}
@keyframes v241VehicleIn{from{opacity:.15;transform:translate3d(26px,14px,0) scale(.975)}to{opacity:1;transform:none}}

@media(max-width:1180px){
  .v240-slide-grid{grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr)}
  .v240-copy h1,.v240-copy h2{font-size:clamp(48px,5.2vw,68px)}
  .v240-visual{height:590px;margin-right:-24px}
  .v240-visual-utility .v240-v5{width:78%;right:-16%}
  .v240-visual-utility .v240-ec51{width:57%;left:-2%}
  .v240-visual-bus .v240-g9{width:111%;right:-39%}
  .v240-visual-bus .v240-h5{width:59%;left:-10%}
}

@media(max-width:820px){
  .v240-hero{min-height:auto}
  .v240-slide-grid{display:block;padding-top:44px;padding-bottom:58px}
  .v240-copy{max-width:100%;padding-right:0;position:relative;z-index:7}
  .v240-copy h1,.v240-copy h2{max-width:12ch;font-size:clamp(42px,10.2vw,66px);line-height:.98}
  .v240-copy p{max-width:64ch;font-size:16px;line-height:1.7;margin-top:20px}
  .v240-actions{margin-top:23px}
  .v240-service-line{margin-top:20px}
  .v240-visual{height:clamp(380px,83vw,560px);margin:14px -16px -58px;overflow:visible}
  .v240-orbit{width:68%;right:1%;top:4%}
  .v240-visual-utility .v240-v5{width:82%;right:-21%;bottom:-7%}
  .v240-visual-utility .v240-ec51{width:63%;left:-15%;bottom:7%}
  .v240-visual-bus .v240-g9{width:126%;right:-49%;bottom:-12%}
  .v240-visual-bus .v240-h5{width:70%;left:-18%;bottom:-7%}
  .v240-arrow{display:none}
  .v240-dots{bottom:14px}
}

@media(max-width:560px){
  .v240-slide-grid{padding-top:36px;padding-bottom:54px}
  .v240-copy h1,.v240-copy h2{font-size:clamp(40px,11vw,53px);line-height:1;max-width:11.5ch}
  .v240-copy p{font-size:15px;line-height:1.63;margin-top:18px}
  .v240-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}
  .v240-actions .btn{min-height:50px;padding-inline:12px;font-size:13px}
  .v240-service-line{font-size:11px;gap:8px 10px}
  .v240-visual{height:clamp(340px,96vw,430px);margin:10px -16px -54px}
  .v240-orbit{width:76%;right:-3%;top:6%}
  .v240-visual-utility .v240-v5{width:87%;right:-27%;bottom:-8%}
  .v240-visual-utility .v240-ec51{width:67%;left:-22%;bottom:8%}
  .v240-visual-bus .v240-g9{width:137%;right:-57%;bottom:-15%}
  .v240-visual-bus .v240-h5{width:75%;left:-23%;bottom:-8%}
}

@media(max-width:380px){
  .v240-actions{grid-template-columns:1fr}
  .v240-visual{height:330px}
  .v240-service-line i{display:none}
  .v240-service-line{gap:7px 12px}
}

@media(prefers-reduced-motion:reduce){
  .v240-slide.is-active .v240-copy,.v240-slide.is-active .v240-visual,.v240-slide.is-active .v240-vehicle{animation:none!important}
}


/* V2.4.3 — Three unique hero pairs. No vehicle model repeats across slides.
   Composition thesis: one dominant commercial vehicle + one supporting vehicle,
   with edge cropping used intentionally to avoid catalog/toy-scale presentation. */
.v240-visual-a,.v240-visual-b,.v240-visual-c{overflow:visible}
.v240-visual-a .orbit-a{right:2%;top:7%;width:66%}
.v240-visual-b .orbit-a{right:3%;top:11%;width:57%}
.v240-visual-c .orbit-a{right:4%;top:9%;width:61%}
.v240-visual-a .orbit-b,.v240-visual-b .orbit-b,.v240-visual-c .orbit-b{display:none}

/* Slide A — G9 is the hero. H5 is closer to camera but remains subordinate. */
.v240-visual-a .v243-g9{width:118%;right:-45%;bottom:-11%;z-index:4}
.v240-visual-a .v243-h5{width:64%;left:-7%;bottom:-6%;z-index:6}
.v240-visual-a .ground-a{width:78%;right:-22%;bottom:-4%}
.v240-visual-a .ground-b{width:47%;left:-4%;bottom:-1%}

/* Slide B — EV5 foreground, EC51 behind. Similar vehicle class, so scale stays close. */
.v240-visual-b .v243-ev5{width:84%;right:-18%;bottom:-11%;z-index:6}
.v240-visual-b .v243-ec51{width:61%;left:-7%;bottom:5%;z-index:3}
.v240-visual-b .ground-a{width:62%;right:-4%;bottom:-3%}
.v240-visual-b .ground-b{width:44%;left:-2%;bottom:4%}

/* Slide C — G6 shuttle bus carries the scene; cargo van sits forward as a second use-case. */
.v240-visual-c .v243-g6{width:101%;left:-10%;bottom:-12%;z-index:4}
.v240-visual-c .v243-v5log{width:59%;right:-12%;bottom:-7%;z-index:6}
.v240-visual-c .ground-a{width:68%;left:-8%;bottom:-4%}
.v240-visual-c .ground-b{width:42%;right:-4%;bottom:-1%}

@media(max-width:1180px){
  .v240-visual-a .v243-g9{width:114%;right:-43%}.v240-visual-a .v243-h5{width:63%;left:-8%}
  .v240-visual-b .v243-ev5{width:82%;right:-17%}.v240-visual-b .v243-ec51{width:60%;left:-7%}
  .v240-visual-c .v243-g6{width:99%;left:-10%}.v240-visual-c .v243-v5log{width:58%;right:-11%}
}
@media(max-width:820px){
  .v240-visual-a .v243-g9{width:130%;right:-54%;bottom:-14%}.v240-visual-a .v243-h5{width:73%;left:-20%;bottom:-4%}
  .v240-visual-b .v243-ev5{width:92%;right:-28%;bottom:-10%}.v240-visual-b .v243-ec51{width:70%;left:-23%;bottom:7%}
  .v240-visual-c .v243-g6{width:116%;left:-30%;bottom:-12%}.v240-visual-c .v243-v5log{width:70%;right:-24%;bottom:-5%}
}
@media(max-width:560px){
  .v240-visual-a .v243-g9{width:145%;right:-66%;bottom:-17%}.v240-visual-a .v243-h5{width:82%;left:-29%;bottom:-3%}
  .v240-visual-b .v243-ev5{width:101%;right:-37%;bottom:-11%}.v240-visual-b .v243-ec51{width:76%;left:-29%;bottom:9%}
  .v240-visual-c .v243-g6{width:127%;left:-39%;bottom:-14%}.v240-visual-c .v243-v5log{width:78%;right:-31%;bottom:-4%}
}


/* V2.4.4 — cinematic hero composition pass.
   Each slide keeps a unique pair, but uses the same commercial-vehicle art direction:
   one dominant vehicle on the right, one supporting vehicle on the left, shared ground plane,
   intentional edge crop, and category scale that reads plausibly rather than toy-like. */
.v240-visual-a,.v240-visual-b,.v240-visual-c{
  overflow:visible;
}
.v240-visual-a::after,.v240-visual-b::after,.v240-visual-c::after{
  content:"";position:absolute;left:-8%;right:-16%;bottom:3%;height:18%;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(229,27,43,.05) 48%,rgba(255,255,255,.035));
  transform:perspective(700px) rotateX(67deg);filter:blur(2px);pointer-events:none
}
.v240-visual-a .orbit-a,.v240-visual-b .orbit-a,.v240-visual-c .orbit-a{
  right:1%;top:7%;width:58%;opacity:.55
}
.v240-visual-a .orbit-b,.v240-visual-b .orbit-b,.v240-visual-c .orbit-b{display:none}

/* Slide A — G9 dominant / H5 support. Physical class difference is obvious. */
.v240-visual-a .v243-g9{width:96%;right:-17%;bottom:-2%;z-index:4}
.v240-visual-a .v243-h5{width:43%;left:-1%;bottom:2%;z-index:6}
.v240-visual-a .ground-a{width:63%;right:-2%;bottom:1%}
.v240-visual-a .ground-b{width:32%;left:2%;bottom:4%}

/* Slide B — EV5 dominant / EC51 support. Similar vehicle class, closer scale relationship. */
.v240-visual-b .v243-ev5{width:77%;right:-8%;bottom:-1%;z-index:6}
.v240-visual-b .v243-ec51{width:52%;left:0;bottom:5%;z-index:3}
.v240-visual-b .ground-a{width:52%;right:2%;bottom:2%}
.v240-visual-b .ground-b{width:36%;left:3%;bottom:6%}

/* Slide C — G6 dominant / V5 Logistics support. Bus reads larger but not billboard-sized. */
.v240-visual-c .v243-g6{width:87%;right:-12%;left:auto;bottom:-2%;z-index:4}
.v240-visual-c .v243-v5log{width:49%;left:-1%;right:auto;bottom:3%;z-index:6}
.v240-visual-c .ground-a{width:59%;right:0;left:auto;bottom:1%}
.v240-visual-c .ground-b{width:34%;left:2%;right:auto;bottom:5%}

@media(max-width:1180px){
  .v240-visual-a .v243-g9{width:98%;right:-19%}.v240-visual-a .v243-h5{width:44%;left:-2%}
  .v240-visual-b .v243-ev5{width:79%;right:-10%}.v240-visual-b .v243-ec51{width:53%;left:-1%}
  .v240-visual-c .v243-g6{width:89%;right:-14%}.v240-visual-c .v243-v5log{width:50%;left:-2%}
}
@media(max-width:820px){
  .v240-visual{height:clamp(360px,79vw,510px);margin:16px -16px -52px}
  .v240-visual-a .v243-g9{width:109%;right:-26%;bottom:-4%}.v240-visual-a .v243-h5{width:54%;left:-7%;bottom:4%}
  .v240-visual-b .v243-ev5{width:89%;right:-20%;bottom:-3%}.v240-visual-b .v243-ec51{width:60%;left:-8%;bottom:7%}
  .v240-visual-c .v243-g6{width:99%;right:-23%;bottom:-4%}.v240-visual-c .v243-v5log{width:57%;left:-7%;bottom:5%}
}
@media(max-width:560px){
  .v240-visual{height:clamp(330px,88vw,405px);margin:8px -16px -50px}
  .v240-visual-a .v243-g9{width:116%;right:-32%;bottom:-5%}.v240-visual-a .v243-h5{width:59%;left:-9%;bottom:5%}
  .v240-visual-b .v243-ev5{width:95%;right:-24%;bottom:-4%}.v240-visual-b .v243-ec51{width:64%;left:-10%;bottom:8%}
  .v240-visual-c .v243-g6{width:106%;right:-29%;bottom:-5%}.v240-visual-c .v243-v5log{width:61%;left:-10%;bottom:6%}
}

/* V2.4.5 — Hero rebuilt as three independent layers:
   1) HTML copy/CTAs, 2) sky + architecture background, 3) vehicle + road composite artwork. */
.v245-hero{
  --hero-red:#ef243b;
  position:relative;
  min-height:clamp(680px,78vh,860px);
  overflow:hidden;
  isolation:isolate;
  background:#06090d;
  color:#fff;
}
.v245-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-3;pointer-events:none;background:#07101a}
.v245-sky{position:absolute;inset:0;background:
  radial-gradient(circle at 82% 28%,rgba(163,17,33,.34),transparent 31%),
  radial-gradient(circle at 16% 22%,rgba(26,80,125,.22),transparent 30%),
  linear-gradient(118deg,#06111d 0%,#09111b 41%,#170b11 70%,#270b11 100%)}
.v245-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.v245-city{position:absolute;left:-2%;bottom:26%;width:45%;height:31%;opacity:.74;background:
  linear-gradient(90deg,transparent 0 4%,#0d1621 4% 8%,transparent 8% 11%,#0b141e 11% 17%,transparent 17% 21%,#0c1721 21% 26%,transparent 26% 29%,#0a131b 29% 36%,transparent 36% 40%,#0d1720 40% 46%,transparent 46% 51%,#0a131d 51% 57%,transparent 57% 61%,#0c1520 61% 68%,transparent 68% 73%,#0a121b 73% 79%,transparent 79% 84%,#0d1721 84% 91%,transparent 91%);
  clip-path:polygon(0 44%,6% 44%,6% 23%,11% 23%,11% 38%,16% 38%,16% 9%,22% 9%,22% 45%,28% 45%,28% 29%,34% 29%,34% 52%,42% 52%,42% 17%,50% 17%,50% 40%,58% 40%,58% 4%,65% 4%,65% 36%,72% 36%,72% 25%,79% 25%,79% 48%,85% 48%,85% 13%,91% 13%,91% 43%,100% 43%,100% 100%,0 100%)}
.v245-building{position:absolute;right:-8%;top:8%;width:70%;height:68%;transform:skewX(-8deg);transform-origin:right top;clip-path:polygon(25% 13%,100% 0,100% 100%,0 100%);background:
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(145deg,#111a23 0%,#0b1118 44%,#161017 100%);background-size:74px 100%,100% 58px,100% 100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.v245-building::before{content:"";position:absolute;left:7%;right:-4%;top:54%;height:5px;background:linear-gradient(90deg,transparent 0,var(--hero-red) 18%,#ff5262 52%,transparent 100%);box-shadow:0 0 18px rgba(239,36,59,.75);transform:skewX(8deg)}
.v245-building::after{content:"";position:absolute;left:1%;right:-4%;top:74%;height:2px;background:linear-gradient(90deg,transparent 0,rgba(239,36,59,.72) 25%,transparent 100%);transform:skewX(8deg)}
.v245-neon{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--hero-red),transparent);box-shadow:0 0 14px rgba(239,36,59,.55);transform-origin:right center;opacity:.58}
.v245-neon-a{right:-4%;top:55%;width:62%;transform:rotate(-7deg)}.v245-neon-b{right:-8%;top:68%;width:52%;transform:rotate(6deg);opacity:.34}
.v245-slides{display:grid;min-height:inherit}
.v245-slide{grid-area:1/1;display:grid;align-items:center;min-height:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s}
.v245-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.v245-grid{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(620px,1.14fr);align-items:center;gap:clamp(20px,2.5vw,46px);min-height:inherit;padding:68px 0 76px}
.v245-copy{position:relative;z-index:7;max-width:650px;padding-left:6px}
.v245-copy h1,.v245-copy h2{margin:0;font:900 clamp(52px,4.85vw,82px)/.97 'Noto Sans Thai',sans-serif;letter-spacing:-.035em;text-wrap:balance;color:#fff}
.v245-copy strong{display:inline;color:#ff3048;font-weight:900}
.v245-copy p{max-width:590px;margin:24px 0 0;color:#d7d9df;font:500 clamp(15px,1.06vw,18px)/1.72 'Noto Sans Thai',sans-serif}
.v245-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.v245-actions .btn{min-height:52px;padding:0 22px}
.v245-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.42);background:rgba(3,7,11,.22)}.v245-btn-secondary:hover{color:#111;background:#fff;border-color:#fff}
.v245-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;color:#b1b4bb;font:600 12px/1.4 Manrope,'Noto Sans Thai',sans-serif}.v245-meta i{width:3px;height:3px;border-radius:50%;background:#ff3048}
.v245-scene{position:relative;height:clamp(560px,56vw,740px);min-width:0;transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:4}
.v245-scene picture,.v245-scene img{display:block;width:100%;height:100%}.v245-scene img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 34px rgba(0,0,0,.28))}
.v245-slide.is-active .v245-copy{animation:v245CopyIn .62s cubic-bezier(.16,1,.3,1) both}.v245-slide.is-active .v245-scene{animation:v245SceneIn .74s cubic-bezier(.16,1,.3,1) both}
@keyframes v245CopyIn{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes v245SceneIn{from{opacity:.35;clip-path:inset(0 0 0 8%);transform:translateX(18px)}to{opacity:1;clip-path:inset(0);transform:none}}
.v245-arrow{position:absolute;z-index:14;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(5,8,12,.34);color:#fff;font:300 30px/40px Arial,sans-serif;cursor:pointer;opacity:.45;transition:.2s}.v245-arrow:hover,.v245-arrow:focus-visible{opacity:1;background:#e51b2b;border-color:#e51b2b;outline:none}.v245-prev{left:18px}.v245-next{right:18px}
.v245-dots{position:absolute;z-index:15;left:50%;bottom:20px;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}.v245-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.38);cursor:pointer;transition:width .28s,background .28s}.v245-dots button.is-active{width:30px;background:#ff3048}
@media(max-width:1180px){.v245-grid{grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr)}.v245-copy h1,.v245-copy h2{font-size:clamp(48px,5.4vw,70px)}.v245-scene{height:610px}.v245-building{right:-14%;width:76%}}
@media(max-width:900px){
  .v245-hero{min-height:auto}
  .v245-grid{display:block;padding:46px 0 55px}
  .v245-copy{max-width:100%;padding:0 0 8px}
  .v245-copy h1,.v245-copy h2{max-width:12ch;font-size:clamp(43px,9.4vw,66px);line-height:.98}
  .v245-copy p{max-width:64ch;font-size:16px;margin-top:20px}
  .v245-actions{margin-top:22px}.v245-meta{margin-top:18px}
  .v245-scene{height:clamp(390px,72vw,560px);margin:10px -24px -52px}
  .v245-building{top:38%;right:-35%;width:128%;height:54%;opacity:.75}.v245-city{bottom:19%;width:62%;height:25%}
  .v245-arrow{display:none}.v245-dots{bottom:12px}
}
@media(max-width:600px){
  .v245-grid{padding-top:34px;padding-bottom:52px}
  .v245-copy h1,.v245-copy h2{font-size:clamp(39px,11.5vw,53px);max-width:11ch}
  .v245-copy p{font-size:15px;line-height:1.62;margin-top:17px}
  .v245-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.v245-actions .btn{min-height:50px;padding-inline:10px;font-size:13px}
  .v245-meta{font-size:10.5px;gap:8px 10px}
  .v245-scene{height:clamp(320px,78vw,410px);margin:6px -28px -48px}
  .v245-building{right:-52%;width:150%;opacity:.66}.v245-city{width:82%;bottom:18%;opacity:.5}.v245-neon-a{top:61%;width:90%}.v245-neon-b{display:none}
}
@media(max-width:390px){.v245-actions{grid-template-columns:1fr}.v245-scene{height:315px}.v245-copy h1,.v245-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.v245-slide,.v245-scene,.v245-arrow,.v245-dots button{transition:none!important}.v245-slide.is-active .v245-copy,.v245-slide.is-active .v245-scene{animation:none!important}}