.marketing .conveyor{position:relative;overflow:hidden;padding-block:2.75rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marketing .conveyor-rows{display:grid;gap:.75rem;width:120%;margin-left:-10%;transform:rotate(var(--tilt,-2deg))}.marketing .conveyor-row{overflow:hidden;padding-block:.375rem}.marketing .conveyor-track{display:flex;width:max-content;animation:conveyor-drift var(--dur,60s) linear infinite;will-change:transform}.marketing .conveyor-row[data-reverse] .conveyor-track{animation-direction:reverse}@keyframes conveyor-drift{to{transform:translate3d(-50%,0,0)}}.marketing .conveyor-row:focus-within .conveyor-track,.marketing .conveyor-row:hover .conveyor-track,.marketing .conveyor[data-paused] .conveyor-track{animation-play-state:paused}.marketing .conveyor-tile{--tile-colour:var(--line);flex:none;display:flex;flex-direction:column;width:172px;height:130px;margin-right:12px;padding:0;overflow:hidden;text-align:left;cursor:zoom-in;border:1px solid var(--line);border-radius:.625rem;background:var(--paper);box-shadow:0 1px 2px rgba(20,27,41,.06);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.marketing .conveyor-tile:focus-visible,.marketing .conveyor-tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px -14px rgba(20,27,41,.35),0 0 0 3px color-mix(in srgb,var(--tile-colour,var(--blue)) 18%,transparent)}.marketing .conveyor-tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.marketing .conveyor-bar{flex:none;display:flex;align-items:center;gap:.375rem;height:1.375rem;padding:0 .5rem;background:var(--off);border-bottom:1px solid var(--tile-colour)}.marketing .conveyor-dots{display:flex;gap:.2rem;flex:none}.marketing .conveyor-dots i{width:.3125rem;height:.3125rem;border-radius:999px;background:#d4dae3}.marketing .conveyor-host{flex:1;min-width:0;text-align:center;font-size:.5625rem;font-weight:500;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing .conveyor-status{flex:none;width:.375rem;height:.375rem;border-radius:999px}.marketing .conveyor-status-up{background:#22a35c;box-shadow:0 0 0 2px rgba(34,163,92,.18)}.marketing .conveyor-status-down{background:#d7452b;box-shadow:0 0 0 2px rgba(215,69,43,.18)}.marketing .conveyor-view{position:relative;flex:1;background:var(--tint)}.marketing .conveyor-view img{object-fit:cover;object-position:top}@media (prefers-reduced-motion:reduce){.marketing .conveyor-track{animation:none;will-change:auto}.marketing .conveyor-row{overflow-x:auto}.marketing .conveyor-tile{transition:none}}.marketing .lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:1rem;border:0;background:transparent;color:var(--ink);overscroll-behavior:contain;opacity:0;transition:opacity .25s var(--ease),display .25s allow-discrete,overlay .25s allow-discrete}.marketing .lightbox[open]{display:grid;place-items:center;opacity:1}@starting-style{.marketing .lightbox[open]{opacity:0}}.marketing .lightbox::backdrop{background:rgba(11,42,74,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body:has(.marketing dialog.lightbox[open]){overflow:hidden}.marketing .lightbox-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,62rem);max-height:calc(100dvh - 2rem);overflow:hidden;border-radius:1rem;background:var(--paper);box-shadow:0 40px 80px -30px rgba(11,42,74,.6);transform:none;transition:transform .3s var(--ease)}@starting-style{.marketing .lightbox[open] .lightbox-panel{transform:translateY(1.25rem) scale(.98)}}.marketing .lightbox-head{display:flex;align-items:center;gap:.75rem;padding:.75rem .75rem .75rem 1.25rem;border-bottom:1px solid var(--line)}.marketing .lightbox-name{flex:1;min-width:0;margin:0;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.marketing .lightbox-visit{flex:none;padding:.45rem .9rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.875rem;font-weight:560;text-decoration:none;transition:background-color .2s}.marketing .lightbox-visit:hover{background:var(--blue-deep)}.marketing .lightbox-close{flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}.marketing .lightbox-close:hover{background:var(--fill)}.marketing .lightbox-scroll{overflow-y:auto;overscroll-behavior:contain;background:var(--tint)}.marketing .lightbox-scroll img{display:block;width:100%;height:auto}@media (prefers-reduced-motion:reduce){.marketing .lightbox,.marketing .lightbox-panel{transition:none}}