.is-queue{
  --queue-ink:#071b24;
  --queue-muted:#52656c;
  --queue-teal:#268a9e;
  --queue-green:#479b84;
  --queue-line:rgba(20,91,101,.18);
  position:relative;
  overflow:hidden;
  padding:clamp(76px,9vw,132px) clamp(20px,5vw,64px);
  color:var(--queue-ink);
  background:
    radial-gradient(54% 48% at 5% 9%,rgba(71,155,132,.14),transparent 70%),
    radial-gradient(48% 48% at 96% 50%,rgba(38,138,158,.12),transparent 72%),
    linear-gradient(180deg,#f7fbfa 0%,#edf6f4 100%);
  isolation:isolate;
}
.is-queue::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;
  background-image:linear-gradient(rgba(30,119,130,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,119,130,.055) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent);
  mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent);
}
.is-queue *{box-sizing:border-box}
.is-queue__shell{width:min(100%,1380px);margin-inline:auto}
.is-queue__intro{display:block;margin-bottom:clamp(44px,6vw,78px)}
.is-queue__copy{max-width:840px}
.is-queue__eyebrow{display:inline-flex;align-items:center;gap:11px;color:#217c80;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.is-queue__eyebrow i{width:30px;height:1px;background:currentColor;opacity:.65}
.is-queue__title{margin:17px 0 0;font-size:clamp(34px,5.1vw,72px);line-height:.99;letter-spacing:-.046em;font-weight:820;text-wrap:balance}
.is-queue__title-line{display:block}
.is-queue__title-line--accent{color:transparent;background:linear-gradient(100deg,#358f78,#188da0);-webkit-background-clip:text;background-clip:text}
.is-queue__description{max-width:760px;margin:24px 0 0;color:var(--queue-muted);font-size:clamp(15px,1.45vw,18px);line-height:1.72;text-wrap:pretty}
.is-queue__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.is-queue__actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 21px;border-radius:12px;font-size:14px;font-weight:780;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.is-queue__actions a:hover{transform:translateY(-2px)}
.is-queue__actions a:focus-visible,.is-queue__video-play:focus-visible{outline:3px solid rgba(38,138,158,.3);outline-offset:3px}
.is-queue__primary{color:#fff;background:linear-gradient(135deg,#3f9a81,#228ca0);box-shadow:0 15px 34px rgba(31,130,143,.23)}
.is-queue__secondary{color:#145c67;border:1px solid rgba(32,115,124,.25);background:rgba(255,255,255,.58)}

.is-queue__workflow{position:relative;display:grid;grid-template-columns:minmax(250px,.88fr) minmax(330px,1.08fr) minmax(350px,1.15fr);gap:clamp(34px,4vw,68px);align-items:start;padding:clamp(34px,3.5vw,50px);border:1px solid rgba(27,100,109,.19);border-radius:32px;background:rgba(255,255,255,.52);box-shadow:0 30px 90px rgba(32,83,87,.09);backdrop-filter:blur(16px)}
.is-queue__workflow::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(40% 34% at 17% 38%,rgba(71,155,132,.11),transparent 72%),radial-gradient(38% 34% at 82% 37%,rgba(38,138,158,.1),transparent 74%)}
.is-queue__connection{position:absolute;z-index:0;left:8%;right:8%;top:54%;height:2px;pointer-events:none}
.is-queue__connection-line{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(48,147,138,.25) 8%,rgba(38,138,158,.35) 50%,rgba(48,147,138,.25) 92%,transparent 100%)}
.is-queue__connection-line::before{content:"";position:absolute;inset:-4px 0;background:repeating-linear-gradient(90deg,rgba(43,144,148,.23) 0 2px,transparent 2px 11px);opacity:.5}
.is-queue__connection-line::after{content:"";position:absolute;top:-1px;left:0;width:18%;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#58cbb1,#39a8b5,transparent);filter:drop-shadow(0 0 7px rgba(38,138,158,.72));opacity:0}
.is-queue__connection-dot{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:#55cbb0;box-shadow:0 0 0 6px rgba(85,203,176,.12),0 0 18px rgba(38,138,158,.44);transform:translate(-50%,-50%);opacity:0}
.is-queue__stage{position:relative;z-index:1;min-width:0}
.is-queue__stage-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.is-queue__stage-head>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(38,138,158,.23);border-radius:50%;background:rgba(255,255,255,.82);color:#25828c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800;flex:none}
.is-queue__stage-head h3{margin:0;font-size:clamp(18px,1.55vw,23px);line-height:1.16;letter-spacing:-.02em}
.is-queue__stage-caption{margin:20px 0 0;color:#53676d;font-size:13.5px;line-height:1.62;text-wrap:pretty}

.is-queue__kiosk-scene{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:520px}
.is-queue__kiosk-crop{position:relative;width:min(100%,290px);height:520px;overflow:hidden}
.is-queue__kiosk-source{position:absolute;left:50%;top:0;width:390px;height:520px;transform:translateX(-50%)}
.is-queue__kiosk-device,.is-queue__kiosk-device img{display:block;width:100%;height:100%}
.is-queue__kiosk-device img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 23px 24px rgba(19,54,57,.12))}
.is-queue__kiosk-interface{position:absolute;z-index:2;left:36.65%;top:5.18%;width:26.7%;height:33.95%;overflow:hidden;background:#f8fafb;clip-path:polygon(1.5% 1%,98.5% 1%,98% 99%,2% 99%)}
.is-queue__kiosk-interface img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.is-queue__kiosk-interface::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.76) 50%,transparent 65%);transform:translateX(-120%);opacity:0;pointer-events:none}
.is-queue__ticket{position:absolute;z-index:4;right:-4px;bottom:98px;width:142px;padding:12px 13px 15px;border:1px solid rgba(38,138,158,.2);border-radius:12px 12px 3px 3px;background:#fff;box-shadow:0 18px 38px rgba(19,69,73,.18);transform:translateY(-12px);opacity:0}
.is-queue__ticket::before{content:"";position:absolute;left:12px;right:12px;bottom:-7px;height:14px;background:linear-gradient(135deg,transparent 6px,#fff 0) 0 0/14px 14px repeat-x}
.is-queue__ticket div{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;padding-bottom:8px;border-bottom:1px dashed rgba(32,97,105,.23)}
.is-queue__ticket div span{color:#668087;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.is-queue__ticket strong{color:#157b87;font-size:20px;line-height:1;white-space:nowrap}
.is-queue__ticket p{margin:9px 0 3px;color:#1d4249;font-size:10px;font-weight:750}
.is-queue__ticket small{color:#74878c;font-size:8.5px}
.is-queue__ticket i{position:absolute;left:50%;top:-24px;width:1px;height:24px;background:linear-gradient(transparent,rgba(38,138,158,.38))}

.is-queue__staff-scene{position:relative;padding-top:56px;min-height:390px}
.is-queue__tablet{position:relative;width:100%;aspect-ratio:1280/614;padding:10px;border:1px solid rgba(10,42,49,.5);border-radius:18px;background:linear-gradient(145deg,#142a30,#06161a);box-shadow:0 25px 42px rgba(7,31,36,.19);overflow:hidden}
.is-queue__tablet::after{content:"";position:absolute;left:50%;bottom:2px;width:28px;height:3px;transform:translateX(-50%);border-radius:99px;background:rgba(255,255,255,.3)}
.is-queue__tablet picture,.is-queue__tablet img{display:block;width:100%;height:100%}
.is-queue__tablet img{object-fit:contain;border-radius:10px;background:#edf3f3}
.is-queue__staff-row-highlight,.is-queue__staff-call-highlight{position:absolute;pointer-events:none;border:2px solid rgba(57,196,163,.72);border-radius:7px;box-shadow:0 0 0 4px rgba(57,196,163,.1),0 0 20px rgba(57,196,163,.25);opacity:0}
.is-queue__staff-row-highlight{left:2.8%;top:16%;width:45%;height:15%}
.is-queue__staff-call-highlight{left:12.2%;top:3.8%;width:10.4%;height:7.2%}
.is-queue__staff-status{position:absolute;z-index:4;top:6px;right:18px;display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;min-width:145px;padding:10px 13px;border:1px solid rgba(38,138,158,.2);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 13px 28px rgba(18,64,68,.13)}
.is-queue__staff-status span{grid-row:1/3;color:#143e47;font-size:17px;font-weight:850;letter-spacing:.02em}
.is-queue__staff-status b{grid-column:2;color:#71858a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.is-queue__status-called{color:#258e76!important;opacity:0}
.is-queue__staff-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0 0;padding:0;list-style:none}
.is-queue__staff-capabilities li{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(31,104,113,.14);border-radius:10px;background:rgba(255,255,255,.56);color:#49636a;font-size:10.5px;font-weight:720}
.is-queue__staff-capabilities li::before{content:"";width:5px;height:5px;border-radius:50%;background:#55bda5;flex:none}

.is-queue__display-scene{position:relative;padding-top:48px;min-height:390px}
.is-queue__tv{position:relative;width:100%;padding-bottom:44px}
.is-queue__tv-screen{position:relative;z-index:2;aspect-ratio:16/9;padding:10px;border:1px solid #1c3439;border-radius:16px;background:linear-gradient(145deg,#1c3035,#061317);box-shadow:0 25px 45px rgba(7,31,36,.21);overflow:hidden}
.is-queue__tv-screen::after{content:"";position:absolute;inset:10px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.is-queue__lobby-animation{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;background:#071b24}
.is-queue__tv-neck{position:absolute;z-index:1;left:50%;bottom:16px;width:58px;height:42px;transform:translateX(-50%);background:linear-gradient(90deg,#20383d,#0e2429,#20383d)}
.is-queue__tv-base{position:absolute;z-index:1;left:50%;bottom:7px;width:38%;height:11px;transform:translateX(-50%);border-radius:50%;background:#153037;box-shadow:0 9px 16px rgba(9,36,41,.19)}
.is-queue__call-card{position:absolute;z-index:5;top:0;right:16px;width:178px;padding:11px 13px;border:1px solid rgba(73,164,143,.25);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(16,68,72,.15);opacity:0;transform:translateY(8px)}
.is-queue__call-card span{display:block;color:#398d7c;font-size:8px;font-weight:850;letter-spacing:.12em}
.is-queue__call-card strong{display:block;margin-top:3px;color:#0f3540;font-size:23px;line-height:1}
.is-queue__call-card p{margin:5px 0 0;color:#657a7f;font-size:9px;line-height:1.4}

.is-queue__capabilities{display:grid;grid-template-columns:minmax(210px,.48fr) 1.52fr;gap:clamp(24px,4vw,60px);align-items:center;margin-top:clamp(34px,5vw,64px);padding:24px 28px;border-top:1px solid var(--queue-line);border-bottom:1px solid var(--queue-line)}
.is-queue__capabilities h3,.is-queue__uses h3{margin:0;color:#277b7d;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.is-queue__capabilities ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.is-queue__capabilities li{display:flex;align-items:center;gap:11px;min-width:0;color:#25464d;font-size:11px;line-height:1.35}
.is-queue__capability-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(38,138,158,.2);border-radius:11px;background:rgba(255,255,255,.7);flex:none}
.is-queue__capability-icon::before,.is-queue__capability-icon::after{content:"";position:absolute;border:1.5px solid #2e988f}
.is-queue__capability-icon[data-icon="ticket"]::before{width:18px;height:12px;border-radius:2px;transform:rotate(-5deg)}
.is-queue__capability-icon[data-icon="ticket"]::after{width:1px;height:8px;border-width:0 0 0 1.5px;border-style:dashed}
.is-queue__capability-icon[data-icon="queue"]::before{width:19px;height:14px;border-width:0 0 1.5px 1.5px;border-radius:0 0 0 5px}
.is-queue__capability-icon[data-icon="queue"]::after{width:5px;height:5px;border-radius:50%;box-shadow:8px 0 0 -1.5px #fff,8px 0 0 0 #2e988f,16px 0 0 -1.5px #fff,16px 0 0 0 #2e988f;left:7px;top:8px}
.is-queue__capability-icon[data-icon="display"]::before{width:20px;height:13px;border-radius:2px}
.is-queue__capability-icon[data-icon="display"]::after{width:8px;height:4px;border-width:0 0 1.5px 0;bottom:8px}
.is-queue__capability-icon[data-icon="route"]::before{width:18px;height:18px;border-width:0 0 1.5px 1.5px;border-radius:0 0 0 7px}
.is-queue__capability-icon[data-icon="route"]::after{width:6px;height:6px;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);right:8px;top:8px}
.is-queue__uses{display:flex;align-items:center;gap:26px;margin-top:20px;padding:0 28px}
.is-queue__uses ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.is-queue__uses li{padding:8px 12px;border:1px solid rgba(31,104,113,.14);border-radius:999px;background:rgba(255,255,255,.48);color:#51686e;font-size:10.5px;font-weight:700}

.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__connection-dot{animation:queue-flow-dot 14s linear infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__connection-line::after{animation:queue-line-travel 14s linear infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__ticket{animation:queue-ticket 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__kiosk-interface::after{animation:queue-kiosk-touch 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__staff-row-highlight{animation:queue-row 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__staff-call-highlight{animation:queue-call-button 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__status-waiting{animation:queue-waiting 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__status-called{animation:queue-called 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__call-card{animation:queue-notice 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__stage--kiosk .is-queue__stage-head>span{animation:queue-step-kiosk 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__stage--staff .is-queue__stage-head>span{animation:queue-step-staff 14s ease-in-out infinite}
.is-queue:not(.is-queue--paused):not(.is-queue--reduced) .is-queue__stage--display .is-queue__stage-head>span{animation:queue-step-display 14s ease-in-out infinite}
@keyframes queue-flow-dot{0%,5%{left:0;opacity:0}8%{opacity:1}34%{left:32%;opacity:1}37%,44%{opacity:0}47%{left:44%;opacity:1}70%{left:67%;opacity:1}73%,80%{opacity:0}83%{left:74%;opacity:1}96%{left:100%;opacity:1}100%{left:100%;opacity:0}}
@keyframes queue-line-travel{0%,4%{left:0;opacity:0}8%{opacity:1}32%{left:23%}38%{opacity:.25}44%{left:39%;opacity:.9}69%{left:61%}76%{opacity:.25}82%{left:73%;opacity:.9}96%{left:82%;opacity:1}100%{left:82%;opacity:0}}
@keyframes queue-ticket{0%,10%{opacity:0;transform:translateY(-12px)}16%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(8px)}}
@keyframes queue-kiosk-touch{0%,3%,23%,100%{opacity:0;transform:translateX(-120%)}7%{opacity:.82}18%{opacity:.32;transform:translateX(120%)}}
@keyframes queue-row{0%,37%,70%,100%{opacity:0}43%,62%{opacity:1}}
@keyframes queue-call-button{0%,48%,70%,100%{opacity:0}52%,61%{opacity:1}}
@keyframes queue-waiting{0%,48%{opacity:1}53%,100%{opacity:0}}
@keyframes queue-called{0%,48%{opacity:0}54%,86%{opacity:1}92%,100%{opacity:0}}
@keyframes queue-notice{0%,68%{opacity:0;transform:translateY(8px)}74%,91%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes queue-live-pulse{0%,100%{transform:scale(.88);opacity:.6}50%{transform:scale(1.18);opacity:1}}
@keyframes queue-step-kiosk{0%,31%{color:#fff;background:#2a998d;border-color:#2a998d;box-shadow:0 0 0 7px rgba(42,153,141,.12)}38%,100%{color:#25828c;background:rgba(255,255,255,.82);border-color:rgba(38,138,158,.23);box-shadow:none}}
@keyframes queue-step-staff{0%,34%,72%,100%{color:#25828c;background:rgba(255,255,255,.82);border-color:rgba(38,138,158,.23);box-shadow:none}40%,66%{color:#fff;background:#2a998d;border-color:#2a998d;box-shadow:0 0 0 7px rgba(42,153,141,.12)}}
@keyframes queue-step-display{0%,69%,100%{color:#25828c;background:rgba(255,255,255,.82);border-color:rgba(38,138,158,.23);box-shadow:none}76%,94%{color:#fff;background:#2a998d;border-color:#2a998d;box-shadow:0 0 0 7px rgba(42,153,141,.12)}}

[dir="rtl"] .is-queue__title{letter-spacing:0}
[dir="rtl"] .is-queue__eyebrow,[dir="rtl"] .is-queue__capabilities h3,[dir="rtl"] .is-queue__uses h3,[dir="rtl"] .is-queue__call-card span{letter-spacing:0;text-transform:none}
[dir="rtl"] .is-queue__workflow{direction:rtl}
[dir="rtl"] .is-queue__stage{direction:rtl}
[dir="rtl"] .is-queue__kiosk-source{direction:ltr}
[dir="rtl"] .is-queue__ticket{right:auto;left:-4px}
[dir="rtl"] .is-queue__staff-status,[dir="rtl"] .is-queue__call-card{right:auto;left:16px}
[dir="rtl"] .is-queue__staff-status span{grid-column:2;grid-row:1/3}
[dir="rtl"] .is-queue__staff-status b{grid-column:1}
[dir="rtl"] .is-queue__connection-dot{animation-direction:reverse}

@media (max-width:1120px){
  .is-queue__workflow{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);grid-template-areas:"kiosk staff" "kiosk display";align-items:start}
  .is-queue__stage--kiosk{grid-area:kiosk}.is-queue__stage--staff{grid-area:staff}.is-queue__stage--display{grid-area:display}
  .is-queue__connection{display:none}
  .is-queue__staff-scene,.is-queue__display-scene{min-height:0}
  .is-queue__capabilities{grid-template-columns:1fr}
  .is-queue__capabilities ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .is-queue{padding-inline:16px}
  .is-queue__workflow{display:flex;flex-direction:column;gap:48px;padding:24px 18px;border-radius:24px}
  .is-queue__stage{width:100%}
  .is-queue__stage:not(:last-child)::after{content:"";display:block;width:1px;height:34px;margin:22px auto -26px;background:linear-gradient(rgba(38,138,158,.34),transparent)}
  .is-queue__kiosk-scene{min-height:500px}.is-queue__kiosk-crop{height:500px}.is-queue__kiosk-source{width:375px;height:500px}
  .is-queue__tablet{padding:7px;border-radius:13px}
  .is-queue__staff-scene,.is-queue__display-scene{padding-top:50px}
  .is-queue__capabilities{padding-inline:4px}
  .is-queue__capabilities ul{grid-template-columns:1fr}
  .is-queue__uses{display:block;padding:0 4px}.is-queue__uses ul{margin-top:13px}
}
@media (max-width:430px){
  .is-queue__actions a{width:100%}
  .is-queue__kiosk-crop{width:100%;height:470px}.is-queue__kiosk-source{width:353px;height:470px}
  .is-queue__ticket{right:0;bottom:84px;transform:scale(.92)}
  [dir="rtl"] .is-queue__ticket{left:0}
  .is-queue__staff-status{right:5px;transform:scale(.9);transform-origin:top right}
  [dir="rtl"] .is-queue__staff-status{left:5px;transform-origin:top left}
  .is-queue__call-card{right:6px;width:158px}.is-queue__capabilities{padding-block:20px}
}
@media (prefers-reduced-motion:reduce){
  .is-queue *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .is-queue__connection-dot{display:none}.is-queue__ticket{opacity:1;transform:none}.is-queue__staff-row-highlight,.is-queue__staff-call-highlight{opacity:.55}.is-queue__status-waiting{display:none}.is-queue__status-called{opacity:1}.is-queue__call-card{opacity:1;transform:none}
}