.strips{grid-template-columns:minmax(0,1fr);column-gap:32px;display:grid}@media (min-width:768px){.strips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.strips{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px}}.jack{border:1px solid var(--color-silk-grey);background:var(--color-ink);border-radius:50%;flex:none;width:13px;height:13px;position:relative}.jack[data-patched]:after{content:"";background:var(--color-led-green);border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 6px #30d15899}.jack[data-open]{border-color:var(--color-led-red)}.bay-key{border-radius:1.5px;flex:none;width:7px;height:10px;box-shadow:inset 0 0 0 1px #18213229}.bay-key[data-tone=green]{background:var(--color-led-green)}.bay-key[data-tone=red]{background:var(--color-led-red)}.bay-row>.jack[data-patched]:before{content:"";opacity:0;background:#30d15859;border-radius:50%;position:absolute;inset:-4px;transform:scale(.5)}@media (prefers-reduced-motion:no-preference){[data-watch=on] .bay-row>.jack[data-patched]:before{animation:jack-read .9s var(--ease-out-expo) backwards;animation-delay:calc(.2s + var(--ri,0) * .38s)}}@keyframes jack-read{0%{opacity:0;transform:scale(.5)}25%{opacity:1}to{opacity:0;transform:scale(1.6)}}.bay-bus{position:relative}.bay-bus:before{content:"";background:#30d1588c;width:1px;position:absolute;top:41px;bottom:0;left:6px}.bay-bus>li:last-child:after{content:"";background:var(--color-ink);width:13px;position:absolute;top:46px;bottom:-1px;left:0}.bay-row{border-top:1px solid var(--hair-panel);grid-template-columns:13px minmax(0,1fr);column-gap:20px;padding-block:32px;display:grid;position:relative}.bay-row>.jack{z-index:1;margin-top:2px}.patch{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.cable{flex-direction:column;align-items:center;width:13px;display:flex}.cable-wire{background:var(--color-silk-grey);width:1px;height:18px}.cable .jack{width:9px;height:9px}.cable .jack[data-patched]:after{inset:2px}.cable .jack[data-patched]{border-color:var(--color-silk-grey)}@media (min-width:640px){.patch-list{grid-template-columns:max-content minmax(40px,1fr) max-content;gap:12px;display:grid}.patch{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.cable{flex-direction:row;width:auto}.cable-wire{flex:auto;width:auto;height:1px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cable-wire{animation:linear both cable-down;animation-timeline:view();animation-range:entry 40% cover 45%}@media (min-width:640px){.cable-wire{animation-name:cable-across}}}}@keyframes cable-across{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cable-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.faq-item>summary{cursor:pointer;transform-origin:0;list-style:none}.faq-item>summary::-webkit-details-marker{display:none}.faq-mark{flex:none;width:14px;height:14px;position:relative}.faq-mark:before,.faq-mark:after{content:"";background:var(--color-ink);position:absolute}.faq-mark:before{width:14px;height:1px;top:6.5px;left:0}.faq-mark:after{width:1px;height:14px;transition:transform .2s var(--ease-out-expo);top:0;left:6.5px}.faq-item[open] .faq-mark:after{transform:scaleY(0)}.faq-item[open] .faq-mark:before{background:var(--green-deep)}.faq-mark{transition:transform .24s var(--ease-out-expo)}@media (hover:hover) and (pointer:fine){.faq-item>summary:hover .faq-mark{transform:rotate(90deg)}.faq-item>summary:hover .faq-mark:before,.faq-item>summary:hover .faq-mark:after{background:var(--green-deep)}}.faq-item::details-content{opacity:0;transition:opacity .16s var(--ease-out-expo), content-visibility .16s allow-discrete}.faq-item[open]::details-content{opacity:1;transition-duration:.24s}@media (prefers-reduced-motion:reduce){.faq-mark,.faq-mark:after{transition:none}.faq-item::details-content{transition:none}.faq-item>summary:hover .faq-mark{transform:none}}.step{position:relative}.step-meter{flex-direction:column-reverse;gap:3px;margin-bottom:6px;display:inline-flex}.step-cell{border:1px solid var(--hair-manual);border-radius:1.5px;width:18px;height:7px;position:relative}.step-cell:after{content:"";border-radius:inherit;background:var(--color-led-green);opacity:0;transition:opacity .32s var(--ease-out-expo);position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #18213229,0 0 8px #30d15873}.step-cell[data-lit]:after{opacity:1}[data-reveal=hidden] .step-cell:after{opacity:0}[data-reveal=shown] .step-cell[data-lit]:after{transition-delay:calc(.42s + var(--ri,0) * 90ms + var(--c,0) * .14s)}@media (min-width:768px){.step:before{content:"";background:var(--green-deep);transform-origin:top;width:2px;transition:transform .42s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}@media (hover:hover) and (pointer:fine){.step:hover:before{transform:scaleY(1)}}}@media (min-width:1024px){.how-steps{grid-template-rows:auto auto;grid-template-columns:minmax(0,480fr) minmax(240px,308fr) minmax(0,460fr);gap:40px 32px}.how-steps>.step{grid-row:span 2;grid-template-rows:subgrid;border-left-width:0;padding-left:0;display:grid}.how-steps .step-text{border-left:1px solid var(--hair-manual);padding-left:32px}.how-steps>.step:before{grid-row:1;left:0}}.capture-drift{position:relative}.tilt{transform:perspective(1200px) rotateX(calc(var(--ty,0) * -3deg)) rotateY(calc(var(--tx,0) * 4deg));transition:transform .6s var(--ease-out-expo);position:relative}.capture-shadow{opacity:0;transition:opacity .32s var(--ease-out-expo);border-radius:12px;position:absolute;inset:6px 10px 2px;box-shadow:0 28px 56px -18px #1821326b}.capture-caption{align-items:center;gap:10px;display:flex}.capture-cell{border:1px solid var(--color-text-2);border-radius:1.5px;flex:none;width:7px;height:10px;position:relative}.capture-cell:after{content:"";border-radius:inherit;background:var(--color-led-green);opacity:0;transition:opacity .24s;position:absolute;inset:-1px;box-shadow:0 0 8px #30d1588c}@media (hover:hover) and (pointer:fine){.capture:hover .tilt{transform:perspective(1200px) translateY(-6px) rotateX(calc(var(--ty,0) * -3deg)) rotateY(calc(var(--tx,0) * 4deg));transition-duration:.24s}.capture:hover .capture-shadow,.capture:hover .capture-cell:after{opacity:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.capture-drift{animation:linear both capture-drift;animation-timeline:view();animation-range:cover}}}@keyframes capture-drift{0%{translate:0 calc(var(--depth,1) * 22px)}to{translate:0 calc(var(--depth,1) * -22px)}}@media (prefers-reduced-motion:reduce){.tilt,.capture:hover .tilt{transition:none;transform:none}}.provider{position:relative}.provider:before{content:"";background:var(--green-deep);transform-origin:0;height:2px;transition:transform .42s var(--ease-out-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.provider:hover:before{transform:scaleX(1)}}.provider-cell{border-radius:2px;flex:none;width:9px;height:13px;translate:0 1px}.provider-cell[data-tone=green]{background:var(--color-led-green);box-shadow:inset 0 0 0 1px #18213229,0 0 8px #30d15866}.provider-cell[data-tone=amber]{background:var(--color-led-amber);box-shadow:inset 0 0 0 1px #18213229,0 0 8px #ff9f0a66}.provider-cell[data-tone=off]{border:1px solid var(--color-text-2)}.seat-meter{gap:4px;display:flex}.seat-cell{border:1px solid var(--ghost-stroke);background:var(--ghost-fill);border-radius:2px;width:18px;height:10px;position:relative}.seat-cell:after{content:"";border-radius:inherit;background:var(--color-led-green);opacity:0;transition:opacity .28s var(--ease-out-expo);position:absolute;inset:-1px;box-shadow:0 0 9px #30d15880}.seat-cell[data-lit]:after{opacity:1}[data-reveal=hidden] .seat-cell:after{opacity:0}[data-reveal=shown] .seat-cell[data-lit]:after{transition-delay:calc(.5s + var(--c,0) * 60ms)}.pricing-panel{isolation:isolate;position:relative}.pricing-panel:after{content:"";z-index:-1;opacity:0;transition:opacity .36s var(--ease-out-expo);pointer-events:none;position:absolute;inset:0;box-shadow:0 24px 56px -16px #18213273}@media (hover:hover) and (pointer:fine){.pricing-panel{transition:opacity .7s var(--ease-out-expo), transform .48s var(--ease-out-expo);transition-delay:0s}.pricing-panel:hover{transform:translateY(-4px)}.pricing-panel:hover:after{opacity:1}}@media (prefers-reduced-motion:reduce){.pricing-panel:hover{transform:none}}@media (forced-colors:active){.step-cell:after,.seat-cell:after,.capture-cell:after,.provider-cell,.bay-key,.jack[data-patched]:after{forced-color-adjust:none;box-shadow:none;background:canvastext}.provider-cell[data-tone=off]{background:0 0;border-color:canvastext}}.compare{border-collapse:collapse;table-layout:fixed;width:100%;font-size:16px;line-height:1.55}.compare th,.compare td{text-align:left;vertical-align:top}.compare thead th,.compare td:before{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-2);font-size:12px;font-weight:600;font-stretch:75%;line-height:16px}.compare tbody tr{border-top:1px solid var(--hair-manual)}.compare tbody tr:last-child{border-bottom:1px solid var(--hair-manual)}.compare tbody th{font-weight:600}.compare td:nth-child(2){color:var(--color-text-2)}@media (max-width:767.98px){.compare,.compare tbody{display:block}.compare colgroup{display:none}.compare thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare tr{row-gap:14px;padding-block:20px;display:grid}.compare tbody th,.compare td{display:block}.compare td:before{content:attr(data-label);margin-bottom:4px;display:block}}@media (min-width:768px){.compare-head-col{width:28%}.compare thead th{padding:0 32px 14px 0}.compare tbody th,.compare td{padding:20px 32px 20px 0}}@media (min-width:1024px){.compare-head-col{width:33.333%}.compare thead th,.compare tbody th,.compare td{padding-right:40px}}