/* hq-launchday.css — launch-day overlay + offer bar (pending_fixes/launchday). Brand: navy #13203f, royal #1d46a8, gold #f2b632. */
html.hq-ld-lock,html.hq-ld-lock body{overflow:hidden!important}
html.hq-ld-pre::before{content:"";position:fixed;inset:0;z-index:2147483000;background:#0b1630}
.hq-ld{position:fixed;inset:0;z-index:2147483001;color:#fff;font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:block;opacity:1;transition:opacity .45s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}
.hq-ld.out{opacity:0;pointer-events:none}
/* press & hold = pause (no long-press menu, no text selection, no browser panning inside the overlay) */
.hq-ld,.hq-ld *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.hq-ld{touch-action:none}
.hq-ld img,.hq-ld video{-webkit-user-drag:none;pointer-events:none}
.hq-ld.held *,.hq-ld.held *::before,.hq-ld.held *::after{animation-play-state:paused!important}
.hq-ld-hint{position:absolute;z-index:3;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin:0 auto;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 12px;border-radius:999px;font:500 12px/1.3 Poppins,Inter,system-ui,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.62);background:rgba(10,21,48,.0);opacity:0;visibility:hidden;transition:opacity .5s ease,background .25s,color .25s;pointer-events:none}
.hq-ld-hint b{display:inline-block;width:8px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box;opacity:.85}
.hq-ld[data-scene="2"] .hq-ld-hint,.hq-ld[data-scene="3"] .hq-ld-hint{opacity:1;visibility:visible;transition-delay:1.2s}
.hq-ld.held .hq-ld-hint{color:#13203f;background:#f2b632;transition-delay:0s}
html[data-hq-lang="ur"] .hq-ld-hint{font-family:"Noto Naskh Arabic",Poppins,sans-serif}
.hq-ld-bg{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 0%,#1d46a8 0%,rgba(29,70,168,.0) 62%),radial-gradient(90% 60% at 50% 110%,rgba(242,182,50,.16) 0%,rgba(242,182,50,0) 60%),linear-gradient(180deg,#13203f 0%,#0e1d3a 55%,#0a1530 100%);transition:filter 1.2s ease}
.hq-ld[data-scene="2"] .hq-ld-bg{filter:brightness(.62) saturate(.7)}
.hq-ld[data-scene="3"] .hq-ld-bg{filter:brightness(.5)}
.hq-ld-cf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hq-ld-prog{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:16px;right:16px;display:flex;gap:6px;z-index:3;max-width:520px;margin:0 auto}
.hq-ld-prog i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}
.hq-ld-prog i::after{content:"";position:absolute;inset:0;background:#f2b632;transform:scaleX(0);transform-origin:left}
.hq-ld-prog i.done::after{transform:scaleX(1)}
.hq-ld-prog i.on::after{animation:hqldp var(--dur,6s) linear forwards}
@keyframes hqldp{to{transform:scaleX(1)}}
.hq-ld-skip{position:absolute;z-index:4;top:calc(22px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));min-width:44px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.38);background:rgba(10,21,48,.55);color:#fff;font:600 15px/1 Poppins,Inter,system-ui,sans-serif;display:inline-flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.hq-ld-skip:hover,.hq-ld-skip:focus-visible{background:rgba(255,255,255,.14);border-color:#f2b632;outline:none}
.hq-ld-skip b{font-weight:600;font-size:14px;opacity:.9}
.hq-ld-s{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:84px 22px calc(40px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.hq-ld[data-scene="1"] .hq-ld-s1,.hq-ld[data-scene="2"] .hq-ld-s2,.hq-ld[data-scene="3"] .hq-ld-s3,.hq-ld[data-scene="4"] .hq-ld-s4{opacity:1;visibility:visible;transition:opacity .9s ease .15s,visibility 0s}
/* scene 1: logo reveal */
.hq-ld-halo{position:absolute;width:min(78vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,182,50,.22) 0%,rgba(29,70,168,.18) 38%,rgba(19,32,63,0) 68%);top:50%;left:50%;transform:translate(-50%,-62%) scale(.6);opacity:0}
.hq-ld[data-scene="1"] .hq-ld-halo{animation:hqldhalo 2.4s cubic-bezier(.2,.7,.2,1) .2s forwards}
@keyframes hqldhalo{to{opacity:1;transform:translate(-50%,-62%) scale(1)}}
.hq-ld-logo{position:relative;width:min(70vw,340px);opacity:0;transform:scale(.86);filter:blur(10px)}
.hq-ld-logo img{display:block;width:100%;height:auto}
.hq-ld-logo::after{content:"";position:absolute;inset:0;-webkit-mask:url(/assets/logo-white.png) center/contain no-repeat;mask:url(/assets/logo-white.png) center/contain no-repeat;background:linear-gradient(105deg,rgba(242,182,50,0) 35%,rgba(255,215,120,.95) 50%,rgba(242,182,50,0) 65%);background-size:300% 100%;background-position:120% 0;opacity:0}
.hq-ld[data-scene="1"] .hq-ld-logo{animation:hqldlogo 1.3s cubic-bezier(.2,.7,.2,1) .25s forwards}
.hq-ld[data-scene="1"] .hq-ld-logo::after{animation:hqldshine 1.5s ease-in-out 1.35s forwards}
@keyframes hqldlogo{to{opacity:1;transform:none;filter:none}}
@keyframes hqldshine{0%{opacity:1;background-position:120% 0}100%{opacity:1;background-position:-20% 0}}
.hq-ld-rule{display:block;width:0;height:2px;margin:26px auto 22px;background:linear-gradient(90deg,rgba(242,182,50,0),#f2b632,rgba(242,182,50,0))}
.hq-ld[data-scene="1"] .hq-ld-rule{animation:hqldrule .9s ease 1.2s forwards}
@keyframes hqldrule{to{width:min(56vw,240px)}}
.hq-ld-h1{margin:0;text-wrap:balance;font:700 clamp(28px,7.4vw,46px)/1.18 Poppins,Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#fff;opacity:0;transform:translateY(14px);text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hq-ld-date{margin:12px 0 0;font:500 clamp(13px,3.4vw,15px)/1.4 Poppins,Inter,system-ui,sans-serif;letter-spacing:.06em;color:#c9d5ec;opacity:0}
.hq-ld[data-scene="1"] .hq-ld-h1{animation:hqldup .8s cubic-bezier(.2,.7,.2,1) 1.45s forwards}
.hq-ld[data-scene="1"] .hq-ld-date{animation:hqldup .8s ease 1.9s forwards}
@keyframes hqldup{to{opacity:1;transform:none}}
html[data-hq-lang="ur"] .hq-ld-h1{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",Poppins,sans-serif;line-height:1.7}
html[data-hq-lang="hi"] .hq-ld-h1,html[data-hq-lang="mr"] .hq-ld-h1{font-family:"Noto Sans Devanagari",Poppins,sans-serif}
/* scene 2: dedication */
.hq-ld-card{position:relative;max-width:560px;width:100%;padding:34px 26px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(19,32,63,.72),rgba(11,22,48,.78));border:1px solid rgba(242,182,50,.28);box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}
.hq-ld-moon{display:block;width:34px;height:34px;margin:0 auto 14px;border-radius:50%;box-shadow:inset -8px -2px 0 0 #f2b632;transform:rotate(-20deg);opacity:.95}
.hq-ld-dt{margin:0 0 18px;text-wrap:balance;font:600 clamp(21px,5.6vw,28px)/1.3 Poppins,Inter,system-ui,sans-serif;color:#fff;opacity:0}
.hq-ld-dl p{margin:0 0 13px;font:400 clamp(15px,3.9vw,17.5px)/1.6 Poppins,Inter,system-ui,sans-serif;color:#e3e9f5;opacity:0;transform:translateY(8px)}
.hq-ld-sig{margin:18px 0 0;font:500 italic clamp(16px,4.2vw,19px)/1.3 Poppins,Inter,system-ui,sans-serif;color:#f2b632;opacity:0}
.hq-ld[data-scene="2"] .hq-ld-dt{animation:hqldfade 1.1s ease .5s forwards}
.hq-ld[data-scene="2"] .hq-ld-dl p,.hq-ld[data-scene="2"] .hq-ld-sig{animation:hqldup 1.1s ease forwards;animation-delay:calc(1.3s + var(--i,0) * 1.1s)}
@keyframes hqldfade{to{opacity:1}}
/* scene 1: sound chip (only when the browser blocked the launch sound) */
.hq-ld-snd1{display:none;margin-top:22px;opacity:0}
.hq-ld.s1mute .hq-ld-snd1:not(.on){display:inline-flex;animation:hqldfade .5s ease forwards,hqldpulse 2s ease-in-out .6s 3}
/* scene 3: video */
.hq-ld-s3{padding-top:64px}
.hq-ld-vbox{position:relative;height:min(74vh,calc((100vw - 44px) * 16 / 9));aspect-ratio:9/16;max-width:calc(100vw - 44px);border-radius:20px;overflow:hidden;background:#0a1530 center/cover;box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
.hq-ld-v{display:block;width:100%;height:100%;object-fit:cover;background:#0a1530}
.hq-ld-snd{margin-top:16px;min-height:46px;padding:0 20px;border-radius:999px;border:0;background:#f2b632;color:#13203f;font:600 15px/1 Poppins,Inter,system-ui,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px rgba(242,182,50,.28)}
.hq-ld-snd.on{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none}
.hq-ld:not(.rm)[data-scene="3"] .hq-ld-snd:not(.on){animation:hqldpulse 2s ease-in-out 1s 3}
@keyframes hqldpulse{50%{box-shadow:0 0 0 8px rgba(242,182,50,.18),0 8px 24px rgba(242,182,50,.28)}}
/* scene 4: "Welcome to H QUIK" — the special closing card (deep navy, soft gold rays + twinkling specks, shimmering gold wordmark) */
.hq-ld[data-scene="4"] .hq-ld-bg{filter:brightness(.42) saturate(.8)}
.hq-ld-s4{overflow:hidden}
.hq-ld-rays{position:absolute;left:50%;top:46%;width:170vmax;height:170vmax;transform:translate(-50%,-50%) rotate(0deg);background:repeating-conic-gradient(from 0deg,rgba(242,182,50,.10) 0deg 4deg,rgba(242,182,50,0) 4deg 15deg);-webkit-mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.55) 22%,transparent 46%);mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.55) 22%,transparent 46%);opacity:0}
.hq-ld-rays::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(242,182,50,.22) 0%,rgba(242,182,50,.06) 18%,rgba(242,182,50,0) 34%)}
.hq-ld[data-scene="4"] .hq-ld-rays{animation:hqldfade 1.4s ease .1s forwards,hqldspin 40s linear infinite}
@keyframes hqldspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hq-ld-stars{position:absolute;inset:0;pointer-events:none}
.hq-ld-stars i{position:absolute;width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#ffd36b;box-shadow:0 0 8px 2px rgba(242,182,50,.45);opacity:0}
.hq-ld-stars i.w{background:#fff;box-shadow:0 0 7px 1px rgba(255,255,255,.4)}
.hq-ld[data-scene="4"] .hq-ld-stars i{animation:hqldtw var(--t,2.4s) ease-in-out var(--d,0s) infinite}
@keyframes hqldtw{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:.85;transform:scale(1)}}
.hq-ld-w4{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.hq-ld-wlogo{width:min(34vw,150px);height:auto;opacity:0;transform:translateY(-10px)}
.hq-ld-wel{margin:26px 0 4px;font:300 clamp(24px,7vw,40px)/1.2 Poppins,Inter,system-ui,sans-serif;letter-spacing:.08em;color:#e6ecf8;opacity:0;transform:translateY(10px)}
.hq-ld-brand{margin:0;font:800 clamp(64px,19vw,128px)/1.02 Poppins,Inter,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;color:#f2b632;background:linear-gradient(100deg,#c98f1c 0%,#f2b632 30%,#fff1c4 46%,#f2b632 60%,#d99e25 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 26px rgba(242,182,50,.28));opacity:0;transform:scale(.92)}
.hq-ld-wrule{display:block;width:0;height:1.5px;margin:18px auto 14px;background:linear-gradient(90deg,rgba(242,182,50,0),#f2b632,rgba(242,182,50,0))}
.hq-ld-tag{margin:0;font:500 clamp(14px,3.9vw,18px)/1.4 Poppins,Inter,system-ui,sans-serif;letter-spacing:.05em;color:#c9d5ec;opacity:0}
.hq-ld[data-scene="4"] .hq-ld-wlogo{animation:hqldup .8s ease .1s forwards}
.hq-ld[data-scene="4"] .hq-ld-wel{animation:hqldup .9s ease .35s forwards}
.hq-ld[data-scene="4"] .hq-ld-brand{animation:hqldbrand 1s cubic-bezier(.2,.7,.2,1) .6s forwards,hqldshim 2.6s ease-in-out 1.2s forwards}
.hq-ld[data-scene="4"] .hq-ld-wrule{animation:hqldrule2 .9s ease 1.3s forwards}
.hq-ld[data-scene="4"] .hq-ld-tag{animation:hqldfade .9s ease 1.5s forwards}
@keyframes hqldbrand{to{opacity:1;transform:none}}
@keyframes hqldshim{from{background-position:100% 0}to{background-position:0 0}}
@keyframes hqldrule2{to{width:min(50vw,200px)}}
html[data-hq-lang="ur"] .hq-ld-wel,html[data-hq-lang="ur"] .hq-ld-tag{font-family:"Noto Naskh Arabic",Poppins,sans-serif;letter-spacing:0}
html[data-hq-lang="hi"] .hq-ld-wel,html[data-hq-lang="mr"] .hq-ld-wel,html[data-hq-lang="hi"] .hq-ld-tag,html[data-hq-lang="mr"] .hq-ld-tag{font-family:"Noto Sans Devanagari",Poppins,sans-serif;letter-spacing:0}
.hq-ld.rm .hq-ld-rays,.hq-ld.rm .hq-ld-stars i{animation:none!important;opacity:.6}
.hq-ld.rm .hq-ld-brand{background-position:40% 0}
@media (max-height:640px){.hq-ld-vbox{height:66vh}.hq-ld-s{padding-top:70px}}
/* reduced motion: no confetti, no movement, quick fades */
.hq-ld.rm *{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.25s!important}
.hq-ld.rm .hq-ld-prog i.on::after{animation-duration:var(--dur,6s)!important}
@media (prefers-reduced-motion:reduce){.hq-ld-bar{transition:none!important}}
/* ================= offer bar ================= */
.hq-ld-bar{position:relative;z-index:60;background:linear-gradient(90deg,#13203f 0%,#1a2f63 55%,#1d46a8 100%);color:#fff;border-bottom:1px solid rgba(242,182,50,.35);font-family:Poppins,Inter,system-ui,sans-serif;max-height:0;overflow:hidden;transition:max-height .35s ease}
.hq-ld-bar.in{max-height:160px}
.hq-ld-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f2b632}
.hq-ld-bar-in{max-width:1200px;margin:0 auto;padding:9px 46px 9px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:48px;position:relative}
.hq-ld-spark{font-size:18px;line-height:1}
.hq-ld-txt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 220px}
.hq-ld-txt>b{font-weight:700;font-size:15px;line-height:1.3;color:#fff}
.hq-ld-who{font-size:12.5px;line-height:1.35;color:#d4ddef}
.hq-ld-left{color:#f2b632;font-weight:700}
.hq-ld-code{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:10px;border:1.5px dashed #f2b632;background:rgba(242,182,50,.1);color:#fff;font:700 15px/1 Poppins,Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
.hq-ld-code em{font-style:normal;font-weight:600;font-size:11.5px;letter-spacing:.02em;color:#13203f;background:#f2b632;border-radius:6px;padding:4px 7px}
.hq-ld-cta{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:10px;background:#fff;color:#13203f!important;font-weight:600;font-size:14px;text-decoration:none!important;white-space:nowrap}
.hq-ld-cta:hover{background:#f4f7fc}
.hq-ld-x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#c9d5ec;font-size:16px;cursor:pointer}
.hq-ld-x:hover,.hq-ld-x:focus-visible{background:rgba(255,255,255,.1);color:#fff;outline:none}
@media (max-width:640px){.hq-ld-bar-in{padding:9px 44px 10px 14px;gap:8px 10px}.hq-ld-txt{flex-basis:100%}.hq-ld-spark{display:none}.hq-ld-x{top:6px;transform:none}.hq-ld-code,.hq-ld-cta{min-height:36px}}
html[dir="rtl"] .hq-ld-bar::before{left:auto;right:0}
html[dir="rtl"] .hq-ld-bar-in{padding:9px 18px 9px 46px}
html[dir="rtl"] .hq-ld-x{right:auto;left:6px}
@media (max-width:640px){html[dir="rtl"] .hq-ld-bar-in{padding:9px 14px 10px 44px}}
html[dir="rtl"] .hq-ld-skip{right:auto;left:calc(14px + env(safe-area-inset-left,0px))}
html[dir="rtl"] .hq-ld-cta span{display:inline-block;transform:scaleX(-1)}