@keyframes parkingStatusAvailable{0%,38%,100%{opacity:.45;box-shadow:0 0 0 3px rgba(84,220,176,.08)}52%,76%{opacity:1;box-shadow:0 0 0 5px rgba(84,220,176,.14),0 0 15px rgba(84,220,176,.45)}}
@keyframes parkingStatusOccupied{0%,54%,100%{opacity:.42;box-shadow:0 0 0 3px rgba(245,100,106,.07)}66%,88%{opacity:1;box-shadow:0 0 0 5px rgba(245,100,106,.12),0 0 14px rgba(245,100,106,.38)}}
@keyframes parkingWorkflowSignal{0%{left:2%;opacity:0}10%,88%{opacity:1}100%{left:96%;opacity:0}}

.is-access__scene--parking{min-height:0;contain:layout}
.is-access-composition--parking{position:relative;inset:auto;display:block;padding:16px}
.is-parking-presentation{display:grid;grid-template-columns:minmax(0,58fr) minmax(340px,42fr);grid-template-rows:auto auto;grid-template-areas:"stage copy" "stage controls";align-items:start;gap:14px;height:auto;direction:ltr}
.is-parking-copy,.is-parking-stage,.is-parking-controls{min-width:0;border:1px solid rgba(130,207,196,.16);border-radius:22px;background:linear-gradient(155deg,rgba(12,47,58,.88),rgba(5,28,36,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}

.is-parking-copy{grid-area:copy;padding:26px 26px 24px;direction:ltr}
.is-parking-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#72d9c3;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.is-parking-eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.6}
.is-parking-headline{margin:15px 0 0;color:#f3fbf9;font-size:clamp(27px,2.25vw,36px);font-weight:800;line-height:1.03;letter-spacing:-.04em;text-wrap:balance}
.is-parking-headline__line{display:block}.is-parking-headline__line--accent{color:transparent;background:linear-gradient(98deg,#77debd,#47afc1);-webkit-background-clip:text;background-clip:text}
.is-parking-copy p{margin:16px 0 0;color:rgba(220,238,235,.71);font-size:12.5px;line-height:1.7;text-wrap:pretty}
.is-parking-copy .is-parking-copy__secondary{margin-top:10px;color:rgba(202,226,222,.52);font-size:11px;line-height:1.62}

.is-parking-stage{grid-area:stage;display:grid;grid-template-rows:auto minmax(0,1fr);align-self:start;height:820px;overflow:hidden;direction:ltr}
.is-parking-stage__header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:0 22px;border-bottom:1px solid rgba(130,207,196,.12);color:rgba(205,231,227,.55);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.is-parking-stage__header strong{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:25px;padding:4px 10px;border:1px solid rgba(96,210,191,.2);border-radius:999px;color:#7edbc7;background:rgba(56,157,149,.09);font-size:9px}
.is-parking-products{position:relative;min-height:0;isolation:isolate;overflow:hidden;background:radial-gradient(55% 50% at 73% 30%,rgba(55,171,169,.19),transparent 70%),radial-gradient(40% 30% at 25% 81%,rgba(74,175,147,.13),transparent 75%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 42%)}
.is-parking-grid{position:absolute;z-index:-2;inset:0;opacity:.28;background-image:linear-gradient(rgba(102,193,181,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(102,193,181,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.is-parking-products::after{content:"";position:absolute;z-index:-1;left:6%;right:6%;bottom:27%;height:18%;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;border:1px solid rgba(122,204,193,.13);border-radius:50%;background:radial-gradient(ellipse,rgba(51,160,154,.12),transparent 70%);filter:blur(.2px)}
.is-parking-displays{position:absolute;z-index:2;left:3%;top:4%;width:94%;filter:drop-shadow(0 22px 28px rgba(0,0,0,.28));transition:filter .32s ease,opacity .32s ease}
.is-parking-displays img,.is-parking-sensor img{width:100%;height:auto;object-fit:contain}
.is-parking-sensor{position:absolute;z-index:4;left:11%;top:53%;width:29%;filter:drop-shadow(0 20px 22px rgba(0,0,0,.32));transition:filter .32s ease,opacity .32s ease}
.is-parking-focus{position:absolute;z-index:1;border:1px solid rgba(109,226,207,0);border-radius:28px;background:radial-gradient(circle,rgba(81,205,188,0),transparent 67%);opacity:0;transition:opacity .28s ease,border-color .28s ease,background .28s ease;pointer-events:none}
.is-parking-focus--sensor{left:6%;top:47%;width:43%;height:29%}
.is-parking-focus--directional{left:2%;top:5%;width:59%;height:35%}
.is-parking-focus--board{right:1%;top:3%;width:40%;height:55%}
.is-parking-products--sensor .is-parking-focus--sensor,.is-parking-products--directional .is-parking-focus--directional,.is-parking-products--board .is-parking-focus--board{opacity:1;border-color:rgba(111,225,207,.2);background:radial-gradient(circle,rgba(81,205,188,.12),transparent 67%)}
.is-parking-products--sensor .is-parking-sensor,.is-parking-products--directional .is-parking-displays,.is-parking-products--board .is-parking-displays{filter:drop-shadow(0 23px 30px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(87,208,190,.13))}
.is-parking-product-label{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;max-width:190px;padding:7px 10px 7px 7px;border:1px solid rgba(125,211,199,.2);border-radius:10px;color:rgba(226,241,238,.74);background:rgba(5,29,38,.88);backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.16);font-size:9px;font-weight:750;text-align:left;transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s ease}
.is-parking-product-label i{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid rgba(105,215,197,.28);border-radius:7px;color:#72dac3;background:rgba(60,170,157,.08);font-size:8px;font-style:normal}
.is-parking-product-label::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(105,215,197,.58),transparent);transform-origin:0 50%;pointer-events:none}
.is-parking-product-label[aria-pressed="true"]{transform:translateY(-2px);border-color:rgba(116,224,206,.48);color:#effbf8;background:rgba(8,43,51,.95)}
.is-parking-product-label--sensor{left:41%;top:57%}.is-parking-product-label--sensor::after{right:100%;left:auto;top:50%;width:58px;transform:rotate(-18deg);transform-origin:100% 50%}
.is-parking-product-label--directional{left:5%;top:29%}.is-parking-product-label--directional::after{right:30%;left:auto;bottom:100%;top:auto;width:1px;height:24px;transform:none;background:linear-gradient(0deg,rgba(105,215,197,.58),transparent)}
.is-parking-product-label--board{right:39%;top:39%}.is-parking-product-label--board::after{left:100%;right:auto;top:50%;bottom:auto;width:52px;height:1px;transform:rotate(-32deg);transform-origin:0 50%;background:linear-gradient(90deg,rgba(105,215,197,.58),transparent)}
.is-parking-status{position:absolute;z-index:7;left:11%;right:auto;top:70%;bottom:auto;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(127,207,196,.16);border-radius:12px;color:rgba(217,237,233,.68);background:rgba(4,27,35,.84);font-size:8.5px;font-weight:750;backdrop-filter:blur(8px)}
.is-parking-status>strong{color:rgba(196,224,219,.42);font-size:7.5px;letter-spacing:.1em}
.is-parking-status__item{display:inline-flex;align-items:center;gap:6px}.is-parking-status__item i{width:7px;height:7px;border-radius:50%;background:#55dcb0}.is-parking-status__item--occupied i{background:#f5646a}

.is-parking-controls{grid-area:controls;align-self:stretch;padding:22px 22px 20px;overflow:hidden;direction:ltr}
.is-parking-selector-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.is-parking-selector-head>div{display:grid;gap:4px}.is-parking-selector-head span,.is-parking-block-title span{color:#6fd4c0;font-size:8.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.is-parking-selector-head strong{color:#f3faf8;font-size:15px}.is-parking-selector-head small{color:rgba(177,215,209,.42);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.is-parking-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;padding:5px;border:1px solid rgba(128,205,194,.14);border-radius:13px;background:rgba(246,250,250,.025)}
.is-parking-selector button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:8px 7px;border-radius:9px;color:rgba(213,234,231,.57);font-size:8.8px;font-weight:750;line-height:1.25;transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.is-parking-selector button i{color:#5ccbb6;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.is-parking-selector button span{overflow:hidden;text-overflow:ellipsis}
.is-parking-selector button[aria-selected="true"]{color:#06212a;background:linear-gradient(135deg,#72d9ba,#42aaba);box-shadow:0 8px 19px rgba(38,138,158,.19)}.is-parking-selector button[aria-selected="true"] i{color:#0a4c56}
.is-parking-product-label:focus-visible,.is-parking-selector button:focus-visible,.is-parking-capabilities__toggle:focus-visible,.is-parking-primary:focus-visible,.is-parking-video-cta:focus-visible,.is-parking-modal__close:focus-visible{outline:2px solid #8ce4ce;outline-offset:3px}
.is-parking-component{margin-top:8px;padding:18px;border:1px solid rgba(130,206,196,.13);border-radius:15px;background:rgba(4,28,36,.55)}
.is-parking-component h4{margin:0;color:#eff9f7;font-size:16px;line-height:1.25}.is-parking-component>p{margin:9px 0 0;color:rgba(209,233,229,.64);font-size:10.5px;line-height:1.55;text-wrap:pretty}
.is-parking-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin-top:14px;border:1px solid rgba(130,207,196,.14);border-radius:11px}
.is-parking-specs>span{position:relative;display:grid;align-content:center;gap:5px;min-width:0;min-height:62px;padding:9px 10px;background:rgba(9,42,50,.65)}.is-parking-specs>span:not(:last-child)::after{content:"";position:absolute;top:10px;right:0;bottom:10px;width:1px;background:rgba(129,206,195,.14)}
.is-parking-specs strong{overflow-wrap:anywhere;color:#eef9f7;font-size:10.5px;line-height:1.25}.is-parking-specs small{color:rgba(197,224,220,.52);font-size:7.5px;line-height:1.3}
.is-parking-component__note{display:block;margin-top:9px;color:rgba(184,217,212,.43);font-size:8px;line-height:1.4}
.is-parking-capabilities,.is-parking-workflow{margin-top:17px;padding-top:16px;border-top:1px solid rgba(130,204,194,.1)}
.is-parking-block-title{display:flex;align-items:center;gap:10px}.is-parking-block-title::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(117,209,195,.17),transparent)}
.is-parking-capabilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:12px 0 0;padding:0;list-style:none}
.is-parking-capabilities li{display:flex;align-items:flex-start;gap:7px;min-width:0;color:rgba(218,237,234,.7);font-size:9px;line-height:1.35}.is-parking-capabilities li i{width:5px;height:5px;margin-top:4px;flex:none;border-radius:50%;background:#61d3b8;box-shadow:0 0 0 3px rgba(97,211,184,.08)}
.is-parking-capabilities__toggle{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:0;color:#78ddc7;font-size:9px;font-weight:800}.is-parking-capabilities__toggle span{font-size:13px;transition:transform .2s ease}.is-parking-capabilities__toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.is-parking-workflow__track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.is-parking-workflow__track::before{content:"";position:absolute;z-index:0;left:5%;right:5%;top:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(90,204,187,.28),transparent)}
.is-parking-workflow article{position:relative;z-index:1;min-width:0;padding:9px 8px 10px;border:1px solid rgba(130,206,196,.12);border-radius:10px;background:#092b34}.is-parking-workflow article i{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(104,217,198,.26);border-radius:50%;color:#70d8c1;background:#0b3740;font-size:7px;font-style:normal}.is-parking-workflow article strong{display:block;margin-top:8px;color:#eef9f7;font-size:9px}.is-parking-workflow article p{margin:5px 0 0;color:rgba(195,222,218,.49);font-size:7.5px;line-height:1.35;text-wrap:pretty}
.is-parking-workflow__signal{position:absolute;z-index:3;left:2%;top:16px;width:5px;height:5px;border-radius:50%;background:#8aefd4;box-shadow:0 0 10px #62d8bb;opacity:0}
.is-parking-management{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:17px;padding:15px;border:1px solid rgba(110,213,197,.18);border-radius:14px;background:linear-gradient(135deg,rgba(37,121,124,.15),rgba(8,38,47,.48))}
.is-parking-management__icon{position:relative;width:35px;height:35px;border:1px solid rgba(100,215,197,.27);border-radius:10px;background:rgba(54,164,153,.1)}.is-parking-management__icon i,.is-parking-management__icon b{position:absolute;left:9px;right:9px;height:1px;background:#72dac4;box-shadow:0 6px #72dac4,0 12px #72dac4}.is-parking-management__icon i{top:10px}.is-parking-management__icon b{top:10px;left:7px;right:auto;width:2px;height:2px;border-radius:50%;box-shadow:0 6px #72dac4,0 12px #72dac4}
.is-parking-management strong{color:#eff9f7;font-size:11px}.is-parking-management p{margin:6px 0 0;color:rgba(203,230,226,.57);font-size:8.5px;line-height:1.45}
.is-parking-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none}.is-parking-trust li{position:relative;padding-left:14px;color:rgba(215,235,232,.65);font-size:7.8px;line-height:1.35}.is-parking-trust li::before{content:"✓";position:absolute;left:0;color:#68d6bc;font-weight:900}
.is-parking-use-cases{margin:12px 0 0;color:rgba(185,218,213,.43);font-size:8.3px;line-height:1.45;text-wrap:pretty}
.is-parking-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.is-parking-primary,.is-parking-video-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 12px;border-radius:11px;font-size:9.5px;font-weight:850;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.is-parking-primary{color:#062129;background:linear-gradient(135deg,#74dbba,#42aaba);box-shadow:0 12px 24px rgba(38,138,158,.18)}.is-parking-video-cta{color:#dcf0ec;border:1px solid rgba(204,234,230,.16);background:rgba(246,250,250,.035)}.is-parking-primary:hover,.is-parking-video-cta:hover{transform:translateY(-2px);color:inherit}.is-parking-play{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #72d9c0}

.is-parking-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:rgba(2,15,20,.86);backdrop-filter:blur(12px)}
.is-parking-modal__dialog{width:min(1040px,100%);overflow:hidden;border:1px solid rgba(131,211,199,.25);border-radius:20px;background:#071f28;box-shadow:0 40px 100px rgba(0,0,0,.55)}
.is-parking-modal__dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:12px 14px 12px 22px;border-bottom:1px solid rgba(131,211,199,.12)}.is-parking-modal__dialog h3{margin:0;color:#f1faf8;font-size:clamp(14px,1.5vw,19px);line-height:1.35}.is-parking-modal__close{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid rgba(206,235,231,.16);border-radius:10px;color:#e7f5f2;background:rgba(246,250,250,.045);font-size:23px;line-height:1}
.is-parking-modal__media{aspect-ratio:16/9;background:#02090c}.is-parking-modal video{display:block;width:100%;height:100%;object-fit:contain;background:#02090c}

.is-access--running .is-parking-status__item--available i{animation:parkingStatusAvailable 7s ease-in-out infinite}.is-access--running .is-parking-status__item--occupied i{animation:parkingStatusOccupied 7s ease-in-out infinite}.is-access--running .is-parking-workflow__signal{animation:parkingWorkflowSignal 6.5s linear infinite}

[dir="rtl"] .is-parking-copy,[dir="rtl"] .is-parking-controls{direction:rtl}
[dir="rtl"] .is-parking-eyebrow,[dir="rtl"] .is-parking-stage__header,[dir="rtl"] .is-parking-selector-head span,[dir="rtl"] .is-parking-block-title span{letter-spacing:0;text-transform:none}
[dir="rtl"] .is-parking-headline{letter-spacing:-.02em}
[dir="rtl"] .is-parking-product-label{text-align:right}
[dir="rtl"] .is-parking-specs>span:not(:last-child)::after{right:auto;left:0}
[dir="rtl"] .is-parking-trust li{padding-left:0;padding-right:14px}[dir="rtl"] .is-parking-trust li::before{left:auto;right:0}
[dir="rtl"] .is-parking-block-title::after{background:linear-gradient(270deg,rgba(117,209,195,.17),transparent)}
[dir="rtl"] .is-access--running .is-parking-workflow__signal{animation-direction:reverse}

@media (max-width:1220px){
  .is-access__scene--parking{min-height:0}.is-parking-presentation{grid-template-columns:minmax(0,55fr) minmax(330px,45fr)}.is-parking-stage{height:800px}
  .is-parking-copy{padding:23px 22px}.is-parking-controls{padding:20px 18px}.is-parking-headline{font-size:29px}
  .is-parking-product-label{max-width:160px}.is-parking-status{left:10%;right:auto;gap:8px}
}
@media (max-width:900px){
  .is-access__scene--parking{min-height:0;contain:layout;overflow:hidden}
  .is-access-composition--parking{position:relative;inset:auto;padding:14px}
  .is-parking-presentation{grid-template-columns:1fr;grid-template-rows:auto 720px auto;grid-template-areas:"copy" "stage" "controls";height:auto}
  .is-parking-copy,.is-parking-controls{direction:inherit}.is-parking-headline{font-size:clamp(30px,5.4vw,42px)}.is-parking-copy p{max-width:740px;font-size:13px}
  .is-parking-stage{height:auto;min-height:720px}.is-parking-controls{overflow:visible}.is-parking-component>p{font-size:11.5px}.is-parking-management p{font-size:9.5px}
}
@media (max-width:620px){
  .is-access-composition--parking{padding:10px}.is-parking-presentation{grid-template-rows:auto 570px auto;gap:10px}.is-parking-copy,.is-parking-controls{padding:20px 16px;border-radius:18px}.is-parking-stage{min-height:570px;border-radius:18px}
  .is-parking-stage__header{min-height:48px;padding:0 14px}.is-parking-displays{left:1%;top:4%;width:98%}.is-parking-sensor{left:8%;top:52%;bottom:auto;width:32%}
  .is-parking-product-label{max-width:132px;padding:5px 7px 5px 5px;font-size:7.5px}.is-parking-product-label i{width:20px;height:20px}.is-parking-product-label--sensor{left:39%;top:58%;bottom:auto}.is-parking-product-label--directional{left:2%;top:27%}.is-parking-product-label--board{right:36%;top:39%}.is-parking-product-label::after{display:none}
  .is-parking-status{left:8%;right:auto;top:72%;bottom:auto;flex-wrap:wrap;max-width:150px;gap:7px;padding:7px 9px}.is-parking-status>strong{width:100%}
  .is-parking-selector{grid-template-columns:1fr}.is-parking-selector button{justify-content:flex-start;padding-inline:12px;font-size:10px}.is-parking-selector button span{overflow:visible;text-overflow:clip}
  .is-parking-component{padding:15px}.is-parking-specs strong{font-size:9.5px}.is-parking-capabilities ul{grid-template-columns:1fr}.is-parking-capabilities li{font-size:10px}
  .is-parking-workflow__track{grid-template-columns:repeat(2,minmax(0,1fr))}.is-parking-workflow__track::before,.is-parking-workflow__signal{display:none}.is-parking-workflow article strong{font-size:10px}.is-parking-workflow article p{font-size:8.5px}
  .is-parking-trust{grid-template-columns:1fr}.is-parking-trust li{font-size:9px}.is-parking-actions{grid-template-columns:1fr}.is-parking-primary,.is-parking-video-cta{font-size:10.5px}
  .is-parking-modal{padding:10px}.is-parking-modal__dialog{border-radius:15px}.is-parking-modal__dialog>header{padding-left:15px}.is-parking-modal__dialog h3{font-size:13px}
}
@media (max-width:400px){
  .is-parking-presentation{grid-template-rows:auto 510px auto}.is-parking-stage{min-height:510px}.is-parking-product-label span{display:none}.is-parking-product-label{border-radius:9px}.is-parking-sensor{width:33%;top:53%;bottom:auto}.is-parking-status{top:73%}.is-parking-specs{grid-template-columns:1fr}.is-parking-specs>span{min-height:54px}.is-parking-specs>span:not(:last-child)::after{top:auto;right:10px;bottom:0;left:10px;width:auto;height:1px}
}
@media (prefers-reduced-motion:reduce){
  .is-parking-status__item i,.is-parking-workflow__signal{animation:none!important}.is-parking-status__item--available i{opacity:1;box-shadow:0 0 0 4px rgba(84,220,176,.12)}.is-parking-workflow__signal{display:none}
}
@media (max-width:760px){
  .is-parking-modal__close{width:44px;height:44px}
  .is-parking-modal{padding-block:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-bottom));overscroll-behavior:contain}
}