@keyframes vehicleProductReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes vehicleProductFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes vehicleMethodReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.is-access-composition--vehicle{display:block;padding:16px}
.is-vehicle-presentation{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:12px;height:100%;min-height:0;direction:ltr}
.is-vehicle-product,.is-vehicle-solutions-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(139,205,197,.18);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}

.is-vehicle-product{display:grid;grid-template-rows:auto minmax(166px,1fr) auto auto auto auto;gap:8px;padding:16px;background:radial-gradient(78% 54% at 52% 35%,rgba(68,177,166,.16),transparent 75%),linear-gradient(155deg,rgba(16,53,65,.96),rgba(6,29,38,.96))}
.is-vehicle-panel-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}
.is-vehicle-panel-label,.is-vehicle-solutions-label{display:inline-flex;align-items:center;gap:7px;color:#78d9c4;font-size:7.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.is-vehicle-panel-label::before,.is-vehicle-solutions-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#5ed7b5;box-shadow:0 0 0 4px rgba(94,215,181,.09)}
.is-vehicle-product-type{min-width:0;overflow:hidden;color:rgba(217,236,233,.48);font-size:7.2px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.is-vehicle-product-stage{position:relative;min-height:166px;display:grid;place-items:center;isolation:isolate;direction:ltr}
.is-vehicle-product-aura{position:absolute;z-index:-2;left:3%;right:3%;bottom:3%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(70,186,174,.25),rgba(41,121,132,.08) 51%,transparent 73%);filter:blur(7px)}
.is-vehicle-product-floor{position:absolute;z-index:-1;left:12%;right:8%;bottom:4%;height:10%;border-radius:50%;background:rgba(0,0,0,.32);filter:blur(9px);transform:scaleX(.94)}
.is-vehicle-product-image{position:absolute;inset:-10% -59% -8% 5%;display:grid;place-items:center;animation:vehicleProductReveal .72s cubic-bezier(.2,.75,.25,1) both}
.is-vehicle-product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 18px rgba(0,0,0,.3))}
.is-access--running .is-vehicle-product-image img{animation:vehicleProductFloat 7s ease-in-out infinite}
.is-vehicle-product-pair{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;align-items:center;min-height:58px;padding:7px 8px;border:1px solid rgba(115,202,190,.12);border-radius:10px;background:rgba(5,28,36,.48);direction:ltr}
.is-vehicle-product-pair picture{display:grid;place-items:center;width:62px;height:42px}
.is-vehicle-product-pair img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(0,0,0,.26))}
.is-vehicle-product-pair div{display:grid;gap:3px;min-width:0}
.is-vehicle-product-pair strong{color:#e8f6f2;font-size:7.5px;line-height:1.2}
.is-vehicle-product-pair span{color:rgba(199,224,219,.49);font-size:5.9px;line-height:1.42;text-wrap:pretty}
.is-vehicle-product-copy{display:grid;gap:7px}
.is-vehicle-product-copy>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.is-vehicle-product-copy h3{margin:0;color:#f4fbf9;font-size:18px;line-height:1;font-weight:850;letter-spacing:-.035em}
.is-vehicle-product-copy>div span{min-width:0;overflow:hidden;color:#78d6c2;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.is-vehicle-product-copy p{margin:0;color:rgba(216,234,231,.59);font-size:7.6px;line-height:1.5;text-wrap:pretty}
.is-vehicle-product-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(139,205,197,.12);border-bottom:1px solid rgba(139,205,197,.12)}
.is-vehicle-product-spec{position:relative;display:grid;align-content:center;gap:3px;min-height:44px;padding:7px 4px;text-align:center}
.is-vehicle-product-spec:not(:last-child)::after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background:rgba(139,205,197,.12)}
.is-vehicle-product-spec strong{color:#ebf8f5;font-size:8.5px;line-height:1;font-weight:850;white-space:nowrap}
.is-vehicle-product-spec span{color:rgba(201,224,220,.48);font-size:6px;line-height:1.25}
.is-vehicle-product-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid rgba(113,211,193,.24);border-radius:9px;color:#9be5d6;background:rgba(85,198,178,.07);font-size:8px;font-weight:800;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.is-vehicle-product-cta:hover{color:#d9fff6;border-color:rgba(113,211,193,.46);background:rgba(85,198,178,.12);transform:translateY(-1px)}

.is-vehicle-solutions-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:18px;background:radial-gradient(72% 58% at 86% 16%,rgba(44,160,153,.13),transparent 72%),linear-gradient(145deg,rgba(7,33,43,.98),rgba(4,24,32,.98));direction:ltr}
.is-vehicle-solutions-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(111,198,186,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(111,198,186,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom right,#000,transparent 68%)}
.is-vehicle-solutions-intro{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.82fr);gap:20px;align-items:end;padding-bottom:12px;border-bottom:1px solid rgba(126,203,192,.11)}
.is-vehicle-solutions-intro>div{display:grid;gap:7px}
.is-vehicle-solutions-intro h3{max-width:320px;margin:0;color:#f1faf8;font-size:clamp(18px,1.45vw,23px);font-weight:820;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.is-vehicle-solutions-intro p{margin:0;color:rgba(202,226,222,.54);font-size:8px;line-height:1.6;text-wrap:pretty}

.is-vehicle-methods-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;min-height:0}
.is-vehicle-method{position:relative;display:grid;align-content:start;gap:7px;min-width:0;overflow:hidden;padding:12px;border:1px solid rgba(121,197,187,.12);border-radius:13px;background:linear-gradient(145deg,rgba(13,48,57,.8),rgba(7,31,40,.7));box-shadow:inset 0 1px rgba(255,255,255,.025);animation:vehicleMethodReveal .5s ease both;transition:border-color .24s ease,background .24s ease,transform .24s ease}
.is-vehicle-method:nth-child(2){animation-delay:.05s}.is-vehicle-method:nth-child(3){animation-delay:.1s}.is-vehicle-method:nth-child(4){animation-delay:.15s}
.is-vehicle-method::after{content:"";position:absolute;right:-26px;bottom:-32px;width:86px;height:86px;border:1px solid rgba(89,211,187,.06);border-radius:50%}
.is-vehicle-method:hover{border-color:rgba(112,219,200,.3);background:linear-gradient(145deg,rgba(16,60,68,.86),rgba(7,35,44,.78));transform:translateY(-2px)}
.is-vehicle-method[data-method="lpr"]{border-color:rgba(102,216,193,.24);background:radial-gradient(100% 130% at 0 0,rgba(62,169,157,.13),transparent 60%),linear-gradient(145deg,rgba(13,51,60,.86),rgba(7,32,41,.75))}
.is-vehicle-method-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.is-vehicle-method-number{color:rgba(149,210,200,.32);font-size:7px;font-weight:850;letter-spacing:.14em}
.is-vehicle-method h4{margin:0;color:#e9f7f4;font-size:12px;font-weight:800;line-height:1.15}
.is-vehicle-method p{max-width:230px;margin:0;color:rgba(198,224,219,.52);font-size:7.1px;line-height:1.52;text-wrap:pretty}
.is-vehicle-method-icon{position:relative;display:block;width:38px;height:38px;flex:none;border:1px solid rgba(102,209,190,.2);border-radius:11px;background:rgba(76,187,170,.075);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.is-vehicle-method-icon i,.is-vehicle-method-icon b,.is-vehicle-method-icon::before,.is-vehicle-method-icon::after{position:absolute;display:block;content:"";box-sizing:border-box}

.is-vehicle-method[data-method="lpr"] .is-vehicle-method-icon i{left:7px;top:12px;width:24px;height:14px;border:1px solid #70d6c1;border-radius:3px;box-shadow:inset 0 0 0 2px rgba(112,214,193,.06)}
.is-vehicle-method[data-method="lpr"] .is-vehicle-method-icon i::before{content:"LPR";position:absolute;inset:0;display:grid;place-items:center;color:#8ce3d1;font:800 5px/1 'Manrope',sans-serif;letter-spacing:.05em}
.is-vehicle-method[data-method="lpr"] .is-vehicle-method-icon::before{left:4px;top:8px;width:7px;height:7px;border-top:1px solid #70d6c1;border-left:1px solid #70d6c1;border-radius:2px 0 0}
.is-vehicle-method[data-method="lpr"] .is-vehicle-method-icon::after{right:4px;bottom:8px;width:7px;height:7px;border-right:1px solid #70d6c1;border-bottom:1px solid #70d6c1;border-radius:0 0 2px}

.is-vehicle-method[data-method="face"] .is-vehicle-method-icon i{left:14px;top:8px;width:10px;height:10px;border:1px solid #72d8c3;border-radius:50%}
.is-vehicle-method[data-method="face"] .is-vehicle-method-icon b{left:10px;bottom:7px;width:18px;height:11px;border:1px solid #72d8c3;border-bottom:0;border-radius:11px 11px 2px 2px}
.is-vehicle-method[data-method="face"] .is-vehicle-method-icon::before{left:5px;top:5px;width:7px;height:7px;border-top:1px solid #72d8c3;border-left:1px solid #72d8c3}
.is-vehicle-method[data-method="face"] .is-vehicle-method-icon::after{right:5px;bottom:5px;width:7px;height:7px;border-right:1px solid #72d8c3;border-bottom:1px solid #72d8c3}

.is-vehicle-method[data-method="card"] .is-vehicle-method-icon i{left:7px;top:10px;width:25px;height:17px;border:1px solid #72d8c3;border-radius:3px;transform:rotate(-7deg)}
.is-vehicle-method[data-method="card"] .is-vehicle-method-icon i::before{content:"";position:absolute;left:4px;right:4px;top:5px;height:1px;background:rgba(114,216,195,.7);box-shadow:0 4px rgba(114,216,195,.28)}
.is-vehicle-method[data-method="card"] .is-vehicle-method-icon b{right:5px;top:7px;width:5px;height:5px;border:1px solid #72d8c3;border-radius:50%;box-shadow:0 0 8px rgba(114,216,195,.35)}

.is-vehicle-method[data-method="uhf"] .is-vehicle-method-icon i{left:7px;top:17px;width:5px;height:5px;border-radius:50%;background:#7ee1cd;box-shadow:0 0 8px rgba(126,225,205,.55)}
.is-vehicle-method[data-method="uhf"] .is-vehicle-method-icon b{left:14px;top:11px;width:10px;height:17px;border-right:1px solid #72d8c3;border-radius:0 50% 50% 0}
.is-vehicle-method[data-method="uhf"] .is-vehicle-method-icon::before{left:13px;top:7px;width:17px;height:25px;border-right:1px solid rgba(114,216,195,.72);border-radius:0 50% 50% 0}
.is-vehicle-method[data-method="uhf"] .is-vehicle-method-icon::after{left:12px;top:3px;width:24px;height:33px;border-right:1px solid rgba(114,216,195,.35);border-radius:0 50% 50% 0}

.is-vehicle-solution-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;border:1px solid rgba(123,201,190,.11);border-radius:12px;background:rgba(5,27,35,.62)}
.is-vehicle-flow-step{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;min-width:0}
.is-vehicle-flow-step:not(:last-child)::after{content:"";position:absolute;z-index:0;top:50%;inset-inline-end:-5px;width:5px;height:1px;background:linear-gradient(90deg,rgba(100,211,191,.46),transparent)}
.is-vehicle-flow-step i{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(107,211,192,.18);border-radius:50%;color:#70d8c3;background:#082d36;font-size:6px;font-style:normal;font-weight:850}
.is-vehicle-flow-step strong{min-width:0;color:rgba(219,237,233,.7);font-size:6.2px;line-height:1.25;font-weight:700}

.is-vehicle-solutions-footer{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding-top:2px}
.is-vehicle-solutions-footer>span{color:rgba(187,216,211,.42);font-size:6.6px;line-height:1.4}
.is-vehicle-solutions-footer a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 12px;border:1px solid rgba(113,211,193,.2);border-radius:9px;color:#91e2d2;background:rgba(85,198,178,.065);font-size:7px;font-weight:800;white-space:nowrap;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.is-vehicle-solutions-footer a:hover{color:#d9fff6;border-color:rgba(113,211,193,.42);background:rgba(85,198,178,.12);transform:translateY(-1px)}

[dir="rtl"] .is-vehicle-product,[dir="rtl"] .is-vehicle-solutions-panel{direction:rtl}
[dir="rtl"] .is-vehicle-panel-label,[dir="rtl"] .is-vehicle-solutions-label{font-size:8.5px;letter-spacing:0;text-transform:none}
[dir="rtl"] .is-vehicle-product-stage,[dir="rtl"] .is-vehicle-product-pair{direction:ltr}
[dir="rtl"] .is-vehicle-product-pair div{direction:rtl;text-align:right}
[dir="rtl"] .is-vehicle-product-spec:not(:last-child)::after{right:auto;left:0}
[dir="rtl"] .is-vehicle-solutions-intro h3{letter-spacing:0}
[dir="rtl"] .is-vehicle-method::after{right:auto;left:-26px}
[dir="rtl"] .is-vehicle-product-cta span,[dir="rtl"] .is-vehicle-solutions-footer a span{transform:none}

@media (max-width:1220px){
  .is-access-composition--vehicle{padding:12px}
  .is-vehicle-presentation{gap:9px}
  .is-vehicle-product,.is-vehicle-solutions-panel{border-radius:17px}
  .is-vehicle-product{grid-template-rows:auto minmax(156px,1fr) auto auto auto auto;padding:13px}
  .is-vehicle-solutions-panel{gap:9px;padding:14px}
  .is-vehicle-solutions-intro{grid-template-columns:1fr;gap:7px;padding-bottom:9px}
  .is-vehicle-solutions-intro p{display:none}
  .is-vehicle-solutions-intro h3{font-size:17px}
  .is-vehicle-method{gap:5px;padding:9px}
  .is-vehicle-method p{font-size:6.3px}
  .is-vehicle-method-icon{width:34px;height:34px;transform:scale(.9);transform-origin:left top}
  [dir="rtl"] .is-vehicle-method-icon{transform-origin:right top}
}

@media (max-width:1080px){
  .is-access__grid:has(.is-access__scene--vehicle){grid-template-columns:1fr;gap:50px}
  .is-access__grid:has(.is-access__scene--vehicle) .is-access__copy{max-width:780px}
  .is-access__scene--vehicle{min-height:1180px}
  .is-vehicle-presentation{grid-template-columns:1fr;grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
  .is-vehicle-product{grid-template-rows:auto minmax(280px,1fr) auto auto auto auto;padding:18px}
  .is-vehicle-product-image{inset:-12% -10% -9% -15%}
  .is-vehicle-product-pair{grid-template-columns:86px minmax(0,1fr);padding:8px 10px}
  .is-vehicle-product-pair picture{width:86px;height:52px}
  .is-vehicle-product-pair strong{font-size:8.5px}.is-vehicle-product-pair span{font-size:7px}
  .is-vehicle-product-copy p{max-width:660px;font-size:9px}.is-vehicle-product-copy>div span{font-size:8px}
  .is-vehicle-product-spec{min-height:52px}.is-vehicle-product-spec strong{font-size:10px}.is-vehicle-product-spec span{font-size:7px}
  .is-vehicle-product-cta{min-height:38px;font-size:9px}
  .is-vehicle-solutions-panel{gap:13px;padding:20px}
  .is-vehicle-solutions-intro{grid-template-columns:minmax(0,1fr) minmax(220px,.78fr);gap:24px;padding-bottom:14px}
  .is-vehicle-solutions-intro p{display:block;font-size:9px}
  .is-vehicle-solutions-intro h3{font-size:23px}
  .is-vehicle-method{gap:8px;padding:14px}.is-vehicle-method h4{font-size:14px}.is-vehicle-method p{font-size:8px}
  .is-vehicle-method-icon{width:42px;height:42px;transform:none}
  .is-vehicle-solution-flow{padding:12px}.is-vehicle-flow-step strong{font-size:7.2px}
  .is-vehicle-solutions-footer>span{font-size:7.4px}.is-vehicle-solutions-footer a{min-height:38px;font-size:8px}
}

@media (max-width:720px){
  .is-access__scene--vehicle{min-height:1220px}
  .is-access-composition--vehicle{padding:10px}
  .is-vehicle-presentation{gap:10px;grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr)}
  .is-vehicle-product,.is-vehicle-solutions-panel{padding:13px;border-radius:16px}
  .is-vehicle-product{grid-template-rows:auto minmax(245px,1fr) auto auto auto auto}
  .is-vehicle-product-copy p{font-size:8px}
  .is-vehicle-solutions-intro{grid-template-columns:1fr;gap:8px}
  .is-vehicle-solutions-intro p{font-size:7.5px}
  .is-vehicle-method{padding:10px}.is-vehicle-method h4{font-size:11px}.is-vehicle-method p{font-size:6.8px}
  .is-vehicle-solution-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .is-vehicle-flow-step:nth-child(2)::after{display:none}
  .is-vehicle-solutions-footer{grid-template-columns:1fr;gap:7px}
  .is-vehicle-solutions-footer>span{display:none}
}

@media (max-width:460px){
  .is-access__scene--vehicle{min-height:1260px}
  .is-vehicle-product{grid-template-rows:auto minmax(220px,1fr) auto auto auto auto}
  /* Keep the barrier cabinet as the mobile focal point; the long boom may crop at the right edge. */
  .is-vehicle-product-image{inset:-4% -60% -4% 23%}
  .is-vehicle-product-pair{grid-template-columns:65px minmax(0,1fr)}
  .is-vehicle-product-pair picture{width:65px;height:45px}
  .is-vehicle-product-copy h3{font-size:16px}
  .is-vehicle-product-copy>div span{font-size:6.4px}
  .is-vehicle-solutions-panel{gap:9px;padding:11px}
  .is-vehicle-solutions-intro{padding-bottom:9px}
  .is-vehicle-solutions-intro h3{font-size:18px}
  .is-vehicle-solutions-intro p{display:none}
  .is-vehicle-methods-grid{gap:7px}
  .is-vehicle-method{gap:5px;padding:8px;border-radius:11px}
  .is-vehicle-method h4{font-size:9.2px}.is-vehicle-method p{font-size:5.9px;line-height:1.4}
  .is-vehicle-method-icon{width:34px;height:34px;transform:scale(.84);transform-origin:left top}
  [dir="rtl"] .is-vehicle-method-icon{transform-origin:right top}
  .is-vehicle-method-number{font-size:5.8px}
  .is-vehicle-solution-flow{padding:8px}.is-vehicle-flow-step{grid-template-columns:21px minmax(0,1fr);gap:5px}.is-vehicle-flow-step i{width:21px;height:21px}.is-vehicle-flow-step strong{font-size:6.2px}
  .is-vehicle-solutions-footer a{min-height:34px;font-size:7px}
}

@media (prefers-reduced-motion:reduce){
  .is-vehicle-product-image,.is-access--running .is-vehicle-product-image img,.is-vehicle-method{animation:none!important}
  .is-vehicle-product-cta,.is-vehicle-solutions-footer a,.is-vehicle-method{transition:none!important}
}
