/* QAYO customer catalog — temporary first-view animation layer.
   The product catalogue remains underneath and unchanged. */
.qayo-gate-overlay{
  position:fixed!important;inset:0;z-index:2147483646;
  overflow:hidden;isolation:isolate;color:#f8fbff;
  background:radial-gradient(ellipse at 50% 38%,#123f66,#061b34 60%,#020a19 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  opacity:1;transition:opacity .4s ease;
}
.qayo-gate-overlay *{box-sizing:border-box}
.qayo-gate-overlay.is-exiting{opacity:0;pointer-events:none}
.qayo-gate-frame{display:block;width:100%;height:100%;border:0;background:transparent;opacity:0;transition:opacity .22s ease}
.qayo-gate-overlay.is-ready .qayo-gate-frame{opacity:1}
.qayo-gate-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;z-index:0;pointer-events:none;transition:opacity .25s}
.qayo-gate-loading strong{font-size:clamp(36px,8vw,64px);letter-spacing:.15em;font-weight:1000}
.qayo-gate-loading strong span{color:#f14059}
.qayo-gate-loading small{font-size:12px;color:#9bcce5;letter-spacing:.18em;font-weight:800}
.qayo-gate-overlay.is-ready .qayo-gate-loading{opacity:0}
/* First paint: show an Azerbaijan outline instead of a blank QAYO loader. */
.qayo-gate-loading:before{
 content:"";position:absolute;inset:22% 6% 24%;pointer-events:none;
 background-image:url("/api/qayo-az-map-outline");
 background-repeat:no-repeat;background-position:center;background-size:contain;
 filter:drop-shadow(0 0 18px #16aaff);
 opacity:.55;animation:qayoLoadingReveal 1.5s ease-in-out infinite alternate;
}
.qayo-gate-loading strong,.qayo-gate-loading small{position:relative;z-index:1;text-shadow:0 2px 10px #081c36}
@keyframes qayoLoadingReveal{from{opacity:.25;transform:scale(.91)}to{opacity:.7;transform:scale(1.03)}}
.qayo-gate-buttons{position:absolute;z-index:5;inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}
.qayo-gate-button{font:900 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer;color:#fff;min-height:53px;border-radius:13px;padding:12px 19px;pointer-events:auto;white-space:nowrap;border:1px solid #f16479}
.qayo-gate-button--enter{background:linear-gradient(110deg,#c71939,#ee4058);box-shadow:0 8px 25px #9b123967;flex:1;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:normal;text-align:center;padding:7px 8px;line-height:1.15}.qayo-enter-name{font-size:14px;font-weight:950}.qayo-enter-action{font-size:11px;font-weight:850}
.qayo-gate-button--skip{background:#0b2d4aeb;border-color:#5b9ac6;min-width:93px}
.qayo-gate-button:focus-visible{outline:3px solid #93e5ff;outline-offset:3px}
.qayo-gate-bar{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(64%,330px);height:3px;border-radius:6px;background:#5d88ab4d;overflow:hidden;pointer-events:none;z-index:5}
.qayo-gate-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#46c9ff,#b2efff 65%,#fa3b57);animation:qayoGateProgress 15s linear forwards}
.qayo-gate-label{position:absolute;top:max(12px,env(safe-area-inset-top));right:15px;z-index:5;font-size:10px;font-weight:800;color:#c3e8f8;background:#08253f9e;border:1px solid #5b93b360;border-radius:100px;padding:8px 12px;pointer-events:none}
@keyframes qayoGateProgress{to{width:100%}}

/* MP4 is the primary video. The original moving SVG is kept only as fallback. */
.qayo-gate-film{
 position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
 background:#041021;z-index:1;
 opacity:0;pointer-events:none;transition:opacity .28s ease;
 mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 92%);
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 92%);
}
.qayo-gate-overlay.is-video-ready .qayo-gate-film{opacity:1}
.qayo-gate-overlay.is-fallback .qayo-gate-film{display:none}
.qayo-gate-overlay.is-fallback .qayo-gate-bar{display:block!important}
.qayo-gate-timestamp{
 position:absolute;z-index:5;left:16px;bottom:calc(99px + env(safe-area-inset-bottom));
 color:#9de4ff;font:900 11px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 letter-spacing:.06em;pointer-events:none
}
.qayo-gate-overlay.is-world .qayo-gate-timestamp{color:#a7eeff}
@media(max-width:420px){.qayo-gate-timestamp{left:14px;bottom:calc(93px + env(safe-area-inset-bottom));font-size:10px}}
.qayo-gate-overlay.is-fallback .qayo-gate-frame{display:block!important;position:absolute;inset:0}
.qayo-gate-overlay.is-video-ready .qayo-gate-bar,.qayo-gate-overlay.is-video-ready .qayo-gate-label{display:none}
.qayo-gate-overlay.is-video-ready .qayo-gate-loading{opacity:0}
.qayo-gate-overlay.is-fallback.is-ready .qayo-gate-loading{opacity:0}
@media(prefers-reduced-motion:reduce){
 .qayo-gate-film{transition:none}
}
@media(max-width:420px){.qayo-gate-buttons{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px}.qayo-gate-button{font-size:12px;padding:11px 12px;min-height:50px}.qayo-gate-button--skip{min-width:75px}.qayo-gate-bar{bottom:calc(77px + env(safe-area-inset-bottom))}.qayo-gate-label{font-size:9px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.qayo-gate-overlay,.qayo-gate-frame,.qayo-gate-loading{transition:none}.qayo-gate-bar-fill{animation:none;width:100%}}

/* Global 25-second clock and cinematic control deck. Phase 1=10s, phase 2=15s. */
.qayo-gate-overlay{
 background:
 radial-gradient(circle at 48% 32%,#0b5592 0%,transparent 42%),
 radial-gradient(circle at 72% 70%,#33134a 0%,transparent 42%),
 linear-gradient(162deg,#010913 0%,#031a35 60%,#010913 100%)
}
.qayo-gate-timestamp{
 left:auto;right:15px;bottom:calc(106px + env(safe-area-inset-bottom));
 color:#b9f4ff;letter-spacing:.05em;font-size:clamp(10px,2.6vw,13px);
 text-shadow:0 0 9px #36c5ff;z-index:8
}
.qayo-gate-phase{
 position:absolute;z-index:8;left:14px;bottom:calc(106px + env(safe-area-inset-bottom));
 color:#a9f2ff;font:900 clamp(9px,2.4vw,11px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 letter-spacing:.035em;text-shadow:0 0 8px #3dbbff;pointer-events:none
}
.qayo-gate-bar{
 bottom:calc(87px + env(safe-area-inset-bottom));width:calc(100% - 34px);max-width:500px;
 height:6px;border-radius:20px;background:#133b62bb;overflow:visible;
 box-shadow:0 0 10px #38aeff44
}
.qayo-gate-bar-fill{
 width:0%;border-radius:20px;
 background:linear-gradient(90deg,#1bbcff 0%,#8beaff 38%,#c37acb 62%,#ff416c 100%);
 animation:qayoGateProgress 25s linear forwards;
 box-shadow:0 0 11px #49cfff,0 0 18px #ff3c6d77;position:relative
}
.qayo-gate-bar-fill:after{
 content:"";position:absolute;right:-3px;top:-3px;width:12px;height:12px;
 border-radius:50%;background:#eafcff;box-shadow:0 0 8px #fff,0 0 16px #49d8ff,0 0 24px #ff2f60
}
.qayo-gate-buttons{bottom:max(14px,env(safe-area-inset-bottom))}
.qayo-gate-button{
 border-radius:14px;border:1px solid #ff7b9b;
 transition:transform .2s ease,box-shadow .2s ease
}
.qayo-gate-button--enter{
 background:linear-gradient(115deg,#b71134,#fa2f59 58%,#ef3464);
 box-shadow:0 0 16px #f01f6177,0 7px 26px #b80e4f7a;
 border:1px solid #ffa0b4;text-shadow:0 1px 4px #7b0626
}
.qayo-gate-button--skip{
 background:linear-gradient(135deg,#06182e,#0b3153);
 border:1px solid #71d0ffb8;box-shadow:0 0 12px #1daeff42
}
.qayo-gate-button:active{transform:scale(.985)}
.qayo-gate-overlay.is-az .qayo-gate-button--skip{display:flex!important;align-items:center;justify-content:center}
.qayo-gate-overlay.is-az .qayo-gate-button--enter{max-width:360px}
@media(max-width:420px){
 .qayo-gate-timestamp{left:auto;right:13px;bottom:calc(103px + env(safe-area-inset-bottom));font-size:10px}
 .qayo-gate-phase{left:12px;bottom:calc(103px + env(safe-area-inset-bottom));font-size:9px}
 .qayo-gate-bar{bottom:calc(85px + env(safe-area-inset-bottom));width:calc(100% - 28px)}
 .qayo-gate-buttons{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px}
}
@media(max-height:570px){
 .qayo-gate-bar{bottom:calc(74px + env(safe-area-inset-bottom))}
 .qayo-gate-timestamp,.qayo-gate-phase{bottom:calc(90px + env(safe-area-inset-bottom))}
 .qayo-gate-button{min-height:45px}
}
@media(prefers-reduced-motion:reduce){
 .qayo-gate-button{transition:none}
 .qayo-gate-bar-fill{animation:none}
}