/* Ayra website - "Glass Aurora" theme. Loaded after ayra-site.css; restyles every page with frosted glass on a living aurora.
   Designed for Vynoriq by AsadLabs.dev. */
body.ayra-site{--ay-bg:#050414;--ay-ink:#ffffff;--ay-mute:#d6dcf5;--ay-faint:#a3acd0;--ay-cyan:#3ff5ec;--ay-violet:#a184ff;--ay-rose:#ff6fb5;--ay-amber:#ffc97a;
  --g-fill:linear-gradient(140deg,rgba(255,255,255,.115),rgba(255,255,255,.035) 55%,rgba(255,255,255,.06));
  --g-fill2:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  --g-line:rgba(255,255,255,.16);--g-line2:rgba(255,255,255,.28);
  --g-blur:blur(22px) saturate(170%);
  --g-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),0 24px 60px -18px rgba(0,0,0,.55);
  --ay-line:rgba(255,255,255,.12);--ay-line2:rgba(255,255,255,.24);
  background:var(--ay-bg);font-size:16.5px}
.ayra-site h1,.ayra-site h2,.ayra-site h3{font-family:'Bricolage Grotesque',Sora,Inter,sans-serif;letter-spacing:-.03em}
.ayra-site .grad{background:linear-gradient(95deg,#ffd6f0 0%,#ff8fd0 18%,#b49bff 45%,#6fc6ff 70%,#3ff5ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ayra-site .eyebrow{color:#8ffaf4;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.2em;padding:6px 13px 6px 11px;border-radius:99px;
  background:rgba(63,245,236,.08);border:1px solid rgba(63,245,236,.25);font-size:11px}
.ayra-site .eyebrow::before{width:6px;height:6px;border-radius:50%;background:#3ff5ec;box-shadow:0 0 10px #3ff5ec;opacity:1}
.ayra-site p,.ayra-site li{color:var(--ay-mute)}

/* ---------------------------------------------------------------- living aurora behind everything */
.gl-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:
  radial-gradient(1200px 700px at 50% -10%,#1b1450 0%,transparent 60%),linear-gradient(180deg,#07051a 0%,#050414 40%,#060a1c 100%)}
.gl-bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen;animation:gl-drift 26s ease-in-out infinite alternate}
.gl-bg i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:-10vw;background:#6b3cff}
.gl-bg i:nth-child(2){width:40vw;height:40vw;right:-10vw;top:12vh;background:#0fb9c9;animation-duration:32s;animation-delay:-8s}
.gl-bg i:nth-child(3){width:34vw;height:34vw;left:30vw;bottom:-14vw;background:#ff3d9a;opacity:.32;animation-duration:38s;animation-delay:-16s}
.gl-bg i:nth-child(4){width:22vw;height:22vw;left:8vw;bottom:10vh;background:#2f7bff;opacity:.35;animation-duration:30s}
.gl-bg::after{content:"";position:absolute;inset:0;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.gl-bg b{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.4px);background-size:120px 120px;opacity:.12;
  mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}
@keyframes gl-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,4vh) scale(1.12)}100%{transform:translate(-4vw,8vh) scale(.94)}}
@media (prefers-reduced-motion:reduce){.gl-bg i{animation:none}}
.ayra-site .ay-aurora{opacity:.5}
.ayra-site .ay-gridbg{opacity:.35}

/* ---------------------------------------------------------------- floating glass nav */
.ayra-site .ay-top{top:12px;margin:12px auto 0;max-width:1180px;width:calc(100% - 32px);border-radius:22px;border:1px solid var(--g-line);
  background:linear-gradient(140deg,rgba(255,255,255,.09),rgba(255,255,255,.03));backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow)}
.ayra-site .ay-top.sc,.ayra-site .ay-top:has(.ay-nav.open){background:linear-gradient(140deg,rgba(28,22,70,.72),rgba(10,12,34,.72));border-color:var(--g-line2)}
.ayra-site .ay-top .ay-in{height:62px;padding:0 10px 0 16px;max-width:none}
.ayra-site .ay-nav{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px}
.ayra-site .ay-nav a{color:#e4e8fb;font-weight:500;border-radius:10px}
.ayra-site .ay-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.ayra-site .ay-nav a.on{background:linear-gradient(140deg,rgba(161,132,255,.45),rgba(63,245,236,.22));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.ayra-site .ay-link{color:#fff;font-weight:600}

/* ---------------------------------------------------------------- buttons */
.ayra-site .ay-btn{border-radius:14px;font-weight:650;color:#0a0820;border:1px solid rgba(255,255,255,.5);
  background:linear-gradient(120deg,#9ffcf6 0%,#7fd7ff 35%,#b9a4ff 70%,#ff9fd6 100%);background-size:180% 100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 30px -10px rgba(140,120,255,.9);transition:background-position .5s,transform .2s,box-shadow .3s}
.ayra-site .ay-btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 40px -10px rgba(255,120,200,.8)}
.ayra-site .ay-btn .ay-i{color:#0a0820}
.ayra-site .ay-btn.ghost{color:#fff;background:var(--g-fill);border-color:var(--g-line2);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.ayra-site .ay-btn.ghost .ay-i{color:#fff}
.ayra-site .ay-btn.ghost:hover{background:var(--g-fill2);border-color:rgba(255,255,255,.45)}
.ayra-site .ay-btn[disabled]{opacity:.55;transform:none}

/* ---------------------------------------------------------------- every card becomes glass */
.ayra-site :is(.cc,.md,.mc,.fg,.st,.br,.ay-box,.ay-plan,.ay-fam,.fd,.addr,.callout,.spec div,.tl div,.req div,.pillar,.rv,.rv-empty,.ay-faq details,.help-sec,.help-contact,.globe-box,.clocks div,.hm-four>div,.ay-final,.ay-table,.ay-hw,.ay-tile,.ay-card,.gl-panel){
  background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow);border-radius:24px}
.ayra-site :is(.cc,.md,.mc,.fg,.ay-plan,.ay-fam,.rv,.hm-four>div,.pillar){transition:transform .35s var(--ay-ease),border-color .35s,background .35s}
.ayra-site :is(.cc,.md,.mc,.fg,.ay-plan,.ay-fam,.rv,.hm-four>div,.pillar):hover{transform:translateY(-5px);border-color:rgba(255,255,255,.34);background:var(--g-fill2)}
.ayra-site :is(.cc,.md,.fg,.hm-four>div) .ic,.ayra-site .hm-four .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,rgba(161,132,255,.55),rgba(63,245,236,.35));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -10px rgba(161,132,255,.9)}
.ayra-site .hm-four>div:nth-child(2) .ic,.ayra-site .fg:nth-child(3n+2) .ic,.ayra-site .cc:nth-child(3n+2) .ic{background:linear-gradient(140deg,rgba(255,111,181,.6),rgba(161,132,255,.35))}
.ayra-site .hm-four>div:nth-child(3) .ic,.ayra-site .fg:nth-child(3n) .ic,.ayra-site .cc:nth-child(3n) .ic{background:linear-gradient(140deg,rgba(63,245,236,.55),rgba(79,139,255,.4))}
.ayra-site .hm-four>div:nth-child(4) .ic{background:linear-gradient(140deg,rgba(255,201,122,.6),rgba(255,111,181,.35))}
.ayra-site .hm-four>div{padding:28px 24px}
.ayra-site .ay-plan.best,.ayra-site .md.best{border-color:rgba(255,255,255,.4);background:linear-gradient(150deg,rgba(161,132,255,.32),rgba(63,245,236,.12) 60%,rgba(255,111,181,.14));
  box-shadow:var(--g-shadow),0 0 0 1px rgba(161,132,255,.4),0 30px 80px -30px rgba(161,132,255,.9)}
.ayra-site .ay-faq details[open]{background:var(--g-fill2);border-color:var(--g-line2)}
.ayra-site .ay-faq summary{color:#fff;font-weight:600}
.ayra-site .tag,.ayra-site .br .tag,.ayra-site .md .tag,.ayra-site .ay-plan .tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:99px}
.ayra-site .ay-alert{border-radius:16px;backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.ayra-site .shot-frame{border-radius:26px;padding:10px;background:var(--g-fill);border:1px solid var(--g-line2);box-shadow:var(--g-shadow),0 40px 120px -40px rgba(161,132,255,.7)}
.ayra-site .shot-frame img{border-radius:18px}
.ayra-site .shot-tabs{background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.ayra-site .shot-tabs button{color:#e4e8fb}
.ayra-site .shot-tabs button.on{background:linear-gradient(140deg,rgba(161,132,255,.6),rgba(63,245,236,.35));color:#fff}
.ayra-site .ay-pagehead{padding-top:120px}
.ayra-site .ay-pagehead h1{font-size:clamp(40px,6vw,72px);line-height:1.02}
.ayra-site .ay-pagehead .lead{color:#e0e5fb}
.ayra-site input,.ayra-site select,.ayra-site textarea{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:12px!important}
.ayra-site input:focus,.ayra-site select:focus,.ayra-site textarea:focus{outline:none;border-color:rgba(63,245,236,.7)!important;box-shadow:0 0 0 4px rgba(63,245,236,.15)}
.ayra-site select option{background:#14113a;color:#fff}

/* ---------------------------------------------------------------- home: split hero with a glass orbit */
.ayra-site .hm-hero{padding:70px 0 40px;min-height:auto}
.gh{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;text-align:left}
.gh h1{font-size:clamp(42px,5.6vw,80px);line-height:.98;margin:20px 0 22px}
.gh .lead{font-size:19px;color:#e2e7fb;max-width:540px;margin:0}
.gh .ay-cta{justify-content:flex-start!important;margin-top:30px}
.gh .hm-small{text-align:left;margin-top:16px;color:var(--ay-faint)}
.gh-says{margin-top:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--ay-faint)}
.gh-says b{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;color:#fff;font-weight:500;
  background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);min-width:260px}
.gh-says b i{width:7px;height:7px;border-radius:50%;background:#ff6fb5;box-shadow:0 0 10px #ff6fb5;flex:none}
.gh-says b span{border-right:2px solid rgba(255,255,255,.7);padding-right:3px;animation:gh-car 1s steps(1) infinite}
@keyframes gh-car{50%{border-color:transparent}}
.gh-stage{position:relative;aspect-ratio:1;width:100%;max-width:560px;justify-self:center}
.gh-stage .ring{position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.12),rgba(255,255,255,.02) 45%,transparent 70%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 80px rgba(161,132,255,.25),0 40px 120px -40px rgba(63,245,236,.5)}
.gh-stage .ring2{position:absolute;inset:-3%;border-radius:50%;border:1px dashed rgba(255,255,255,.12);animation:gh-spin 60s linear infinite}
@keyframes gh-spin{to{transform:rotate(360deg)}}
.gh-stage .ay-being{position:absolute!important;inset:12%;width:auto!important;height:auto!important;margin:0!important}
.gh-stage .hm-state{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);z-index:3}
.gh-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;border-radius:16px;font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;
  background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.26);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);
  box-shadow:var(--g-shadow);animation:gh-float 7s ease-in-out infinite}
.gh-chip small{display:block;font-weight:500;font-size:11.5px;color:var(--ay-faint)}
.gh-chip .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(161,132,255,.7),rgba(63,245,236,.45))}
.gh-chip .ic .ay-i{width:18px;height:18px}
.gh-chip.c1{left:-4%;top:14%}
.gh-chip.c2{right:-6%;top:26%;animation-delay:-2s}.gh-chip.c2 .ic{background:linear-gradient(140deg,rgba(255,111,181,.8),rgba(161,132,255,.5))}
.gh-chip.c3{left:-2%;bottom:20%;animation-delay:-4s}.gh-chip.c3 .ic{background:linear-gradient(140deg,rgba(63,245,236,.7),rgba(79,139,255,.5))}
.gh-chip.c4{right:-2%;bottom:10%;animation-delay:-5.5s}.gh-chip.c4 .ic{background:linear-gradient(140deg,rgba(255,201,122,.8),rgba(255,111,181,.5))}
@keyframes gh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* marquee of what she does */
.gl-marq{overflow:hidden;padding:26px 0 10px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.gl-marq>div{display:flex;gap:12px;width:max-content;animation:gl-marq 50s linear infinite}
.gl-marq:hover>div{animation-play-state:paused}
.gl-marq span{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:99px;color:#fff;font-weight:500;font-size:14.5px;
  background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.gl-marq span .ay-i{width:17px;height:17px;color:#8ffaf4}
@keyframes gl-marq{to{transform:translateX(-50%)}}

/* glass stat strip */
.gl-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-radius:26px;overflow:hidden;
  background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow)}
.gl-stats div{padding:26px 24px;border-right:1px solid rgba(255,255,255,.1)}
.gl-stats div:last-child{border-right:0}
.gl-stats b{display:block;font-family:'Bricolage Grotesque',Sora,sans-serif;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.03em;line-height:1.05;
  background:linear-gradient(95deg,#fff,#cfc2ff 60%,#8ffaf4);-webkit-background-clip:text;background-clip:text;color:transparent}
.gl-stats span{font-size:14px;color:var(--ay-mute)}

/* section headings get a little more presence */
.ayra-site .hm-head h2,.ayra-site .pg-h h2,.ayra-site .ay-h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04}
.ayra-site .hm-head p,.ayra-site .pg-h p{color:#dfe4fa;font-size:18px}

/* ---------------------------------------------------------------- payment methods (Easypaisa, card, PayPal) */
.gl-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.gl-pay form,.gl-pay a{margin:0;display:block;text-decoration:none}
.gl-pay button,.gl-pay a{width:100%;height:100%;cursor:pointer;text-align:left;padding:16px 16px 15px;border-radius:18px;color:#fff;font:inherit;
  background:var(--g-fill);border:1px solid var(--g-line2);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow);transition:transform .25s,border-color .25s,background .25s}
.gl-pay button:hover,.gl-pay a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.5);background:var(--g-fill2)}
.gl-pay .pm-h{display:flex;align-items:center;gap:8px;height:28px;margin-bottom:10px}
.gl-pay .pm-h .ay-brand-i{width:auto;height:22px}
.gl-pay b{display:block;font-size:15px}
.gl-pay small{display:block;color:var(--ay-faint);font-size:12.5px;margin-top:2px;line-height:1.4}
.ep-mark{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px;letter-spacing:-.01em;color:#fff}
.ep-mark i{width:24px;height:24px;border-radius:7px;background:#15b157;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:900;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.ep-mark em{font-style:normal;color:#5fe39a}
.gl-pay .pm-card .ay-brand-i{background:#fff;border-radius:5px;padding:3px 5px;height:22px}
.gl-pay .pm-pp .ay-brand-i{color:#fff}
.paymarks .ep-mark{font-size:13px}.paymarks .ep-mark i{width:20px;height:20px;font-size:11px}

/* Easypaisa page */
.ep-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:10px}
.ep-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ep-steps li{counter-increment:s;position:relative;padding:14px 16px 14px 56px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e7ebfb}
.ep-steps li::before{content:counter(s);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#06210f;background:#5fe39a}
.ep-acc{display:grid;gap:10px;margin:16px 0}
.ep-acc div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:rgba(21,177,87,.12);border:1px solid rgba(95,227,154,.35)}
.ep-acc span{color:var(--ay-mute);font-size:13px}
.ep-acc b{font-size:17px;letter-spacing:.02em;color:#fff}
.ep-form{display:grid;gap:14px}
.ep-form label{display:grid;gap:7px;font-size:13.5px;color:var(--ay-mute);font-weight:600}
.ep-form input{padding:13px 14px;font-size:16px}
.ep-claims{display:grid;gap:8px;margin-top:14px}
.ep-claims div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.ep-st{font-weight:700}.ep-st.review{color:var(--ay-amber)}.ep-st.approved{color:#5fe39a}.ep-st.rejected{color:#ff8fa0}

/* ---------------------------------------------------------------- footer */
.ayra-site .ay-foot{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.06));border-top:1px solid rgba(255,255,255,.12);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.ayra-site .ay-foot p,.ayra-site .ay-foot a{color:#d0d6f0}
.ayra-site .ay-foot a:hover{color:#fff}

@media (max-width:960px){
  .gh{grid-template-columns:1fr;text-align:center}
  .gh .lead{margin:0 auto}.gh .ay-cta{justify-content:center!important}.gh .hm-small{text-align:center}.gh-says{justify-content:center}
  .gh-stage{max-width:440px;order:-1}
  .gl-stats{grid-template-columns:repeat(2,1fr)}.gl-stats div:nth-child(2){border-right:0}.gl-stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .gl-pay{grid-template-columns:1fr}
  .ep-wrap{grid-template-columns:1fr}
  .ayra-site .ay-top{width:calc(100% - 20px);top:8px;margin-top:8px}
}
@media (max-width:560px){
  .gh-chip{font-size:12px;padding:8px 11px 8px 8px}.gh-chip small{display:none}.gh-chip .ic{width:28px;height:28px}
  .gh-chip.c1{left:0}.gh-chip.c2{right:0}.gh-chip.c3{left:0}.gh-chip.c4{right:0}
  .gh-says b{min-width:0}
}

/* a day with Ayra */
.dy{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dy-i{position:relative;padding:26px 22px 24px;border-radius:24px;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow);transition:transform .35s var(--ay-ease),background .35s}
.dy-i:hover{transform:translateY(-5px);background:var(--g-fill2)}
.dy-i:first-child{grid-column:span 2;background:linear-gradient(150deg,rgba(161,132,255,.34),rgba(255,111,181,.14) 55%,rgba(63,245,236,.1));border-color:rgba(255,255,255,.3)}
.dy-i:first-child h3{font-size:26px}
.dy-n{position:absolute;right:20px;top:18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;color:rgba(255,255,255,.35)}
.dy-i .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:16px;background:linear-gradient(140deg,rgba(161,132,255,.6),rgba(63,245,236,.35));border:1px solid rgba(255,255,255,.3)}
.dy-i:nth-child(3n+2) .ic{background:linear-gradient(140deg,rgba(255,111,181,.65),rgba(161,132,255,.35))}
.dy-i:nth-child(3n) .ic{background:linear-gradient(140deg,rgba(63,245,236,.6),rgba(79,139,255,.4))}
.dy-i h3{font-size:19px;margin-bottom:8px}
.dy-i p{margin:0;font-size:15px;line-height:1.6}
.dy-note{text-align:center;margin-top:26px;color:var(--ay-faint)}
.core4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.core4>div{padding:30px 24px;border-radius:24px;text-align:left;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow);position:relative;overflow:hidden}
.core4>div::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-60px;top:-60px;background:radial-gradient(circle,rgba(161,132,255,.45),transparent 70%)}
.core4>div:nth-child(2)::after{background:radial-gradient(circle,rgba(255,111,181,.45),transparent 70%)}
.core4>div:nth-child(3)::after{background:radial-gradient(circle,rgba(255,201,122,.4),transparent 70%)}
.core4>div:nth-child(4)::after{background:radial-gradient(circle,rgba(63,245,236,.45),transparent 70%)}
.core4 .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;margin-bottom:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3)}
.core4 h3{font-size:22px;margin-bottom:10px}.core4 p{margin:0;line-height:1.65}

/* feature catalogue */
.fc{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.fc-nav{position:sticky;top:100px;display:grid;gap:6px;padding:12px;border-radius:22px;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.fc-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-decoration:none;color:#e4e8fb;font-weight:500;font-size:14.5px}
.fc-nav a:hover{background:rgba(255,255,255,.08)}
.fc-nav a .ay-i{width:18px;height:18px;color:#8ffaf4}
.fc-grp{scroll-margin-top:100px;margin-bottom:26px;padding:30px;border-radius:28px;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow)}
.fc-grp>header{display:flex;gap:16px;align-items:center;margin-bottom:8px}
.fc-grp>header .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,rgba(161,132,255,.6),rgba(63,245,236,.35));border:1px solid rgba(255,255,255,.3);flex:none}
.fc-grp h2{font-size:28px}
.fc-grp>p{margin:6px 0 18px;font-size:16.5px;color:#e0e5fa}
.fc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fc-list div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.fc-list b{display:block;color:#fff;font-size:15px;margin-bottom:3px}
.fc-list span{font-size:14px;color:var(--ay-mute);line-height:1.55}
.fc-list q{display:block;margin-top:7px;font-size:13px;color:#9ffcf6;quotes:"“" "”"}
@media (max-width:960px){.dy,.core4{grid-template-columns:1fr 1fr}.dy-i:first-child{grid-column:span 2}.fc{grid-template-columns:1fr}.fc-nav{position:static;grid-template-columns:1fr 1fr}.fc-list{grid-template-columns:1fr}}
@media (max-width:560px){.dy,.core4{grid-template-columns:1fr}.dy-i:first-child{grid-column:auto}.fc-grp{padding:22px}}
.cr-pack{margin-top:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);padding:4px 16px}
.cr-pack summary{cursor:pointer;padding:12px 0;color:#fff;list-style:none;display:flex;gap:8px;align-items:center}
.cr-pack summary::-webkit-details-marker{display:none}
.cr-pack summary span{margin-left:auto;font-weight:700;color:#9ffcf6}
.cr-pack[open]{padding-bottom:16px;background:rgba(255,255,255,.07)}
.cr-pack .gl-pay{margin-top:4px}
.pm-big{display:flex;gap:10px;align-items:center;height:44px;margin-bottom:16px}
.pm-big .ay-brand-i{height:34px;width:auto;background:#fff;border-radius:8px;padding:5px 8px}
.pm-big .ep-mark{font-size:20px}.pm-big .ep-mark i{width:30px;height:30px;font-size:16px}

/* ---------------------------------------------------------------- sign in / create account */
.au{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:100px 24px 60px;position:relative}
.au-brand{position:absolute;top:28px;left:24px;display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Bricolage Grotesque',Sora,sans-serif;font-weight:700;font-size:20px;color:#fff}
.au-brand img{width:40px;height:40px}
.au-side h1{font-size:clamp(36px,4.6vw,62px);line-height:1.02;margin:30px 0 26px}
.au-side ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:470px}
.au-side li{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:18px;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur)}
.au-side li .ay-i{width:22px;height:22px;color:#8ffaf4;margin-top:2px}
.au-side li b{display:block;color:#fff}
.au-side li span{color:var(--ay-mute);font-size:14.5px;line-height:1.5}
.au-orb{position:relative;width:120px;height:120px;display:grid;place-items:center}
.au-orb img{width:76px;height:76px;border-radius:22px;position:relative;z-index:2;box-shadow:0 10px 40px -8px rgba(161,132,255,.9)}
.au-orb span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);animation:au-pulse 3.6s ease-out infinite}
.au-orb span:nth-child(2){animation-delay:1.2s}.au-orb span:nth-child(3){animation-delay:2.4s}
@keyframes au-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.au-card{padding:36px 34px;border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:var(--g-shadow),0 40px 120px -40px rgba(161,132,255,.8)}
.au-card h2{font-size:30px;margin:14px 0 6px}
.au-sub{margin:0 0 20px;color:var(--ay-mute)}
.au-form{display:grid;gap:14px;margin-top:6px}
.au-form>label{display:grid;gap:7px;font-size:13.5px;font-weight:600;color:#e4e8fb}
.au-form input[type=email],.au-form input[type=password],.au-form input[type=text],.au-form input[name=name]{padding:14px 15px;font-size:16px;width:100%}
.au-pw{position:relative;display:block}
.au-pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:9px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.au-chk{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:500!important;color:var(--ay-mute)!important}
.au-chk input{width:18px;height:18px;margin-top:2px;accent-color:#a184ff;flex:none}
.au-chk a,.au-row a,.au-switch a,.au-help a{color:#9ffcf6;text-decoration:none}
.au-row{display:flex;justify-content:flex-end;font-size:14px}
.au-form .ay-btn{width:100%;justify-content:center;margin-top:4px}
.au-switch{text-align:center;margin:20px 0 0;color:var(--ay-mute)}
.au-help{text-align:center;margin:10px 0 0;font-size:13px;color:var(--ay-faint)}
.ayra-site .social-signin{display:grid;gap:10px;margin-bottom:6px}
.ayra-site .social-signin form{margin:0}
.ayra-site .social-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:14px;cursor:pointer;font:inherit;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.ayra-site .social-signin-btn:hover{background:rgba(255,255,255,.14)}
.ayra-site .social-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:800;background:#fff;color:#4285f4}
.ayra-site .social-icon.facebook{background:#1877f2;color:#fff}
.ayra-site .auth-separator{display:flex;align-items:center;gap:12px;color:var(--ay-faint);font-size:13px;margin:14px 0 6px}
.ayra-site .auth-separator::before,.ayra-site .auth-separator::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.15)}
@media (max-width:900px){.au{grid-template-columns:1fr;padding-top:90px}.au-side ul,.au-orb{display:none}.au-side h1{font-size:34px;margin:10px 0 0}.au-card{padding:28px 22px}}

/* legal pages */
.lg{max-width:880px;padding:40px 44px!important;border-radius:30px;background:var(--g-fill);border:1px solid var(--g-line);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow)}
.lg h2{font-size:24px;margin:34px 0 10px}
.lg p,.lg li{font-size:16px;line-height:1.75;color:#e0e5fa}
.lg ul{padding-left:20px;margin:8px 0}.lg li{margin:6px 0}
.lg b{color:#fff}
.lg a{color:#9ffcf6}
.lg-meta{font-size:13.5px!important;color:var(--ay-faint)!important}
.lg-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 10px}
.lg-sum div{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.lg-sum .ay-i{width:24px;height:24px;color:#8ffaf4;margin-bottom:10px}
.lg-sum b{display:block;font-size:15px}.lg-sum span{font-size:13.5px;color:var(--ay-mute)}
@media (max-width:760px){.lg{padding:26px 20px!important}.lg-sum{grid-template-columns:1fr}}

/* spacing + small fixes */
.ayra-site .hm-hero{padding:118px 0 30px}
.ayra-site .hm-sec{padding:84px 0}
.ayra-site .pg-sec{padding:60px 0}
.gh h1{font-size:clamp(40px,5vw,72px)}
.ayra-site .rv-empty{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ayra-site .rv-empty p{margin:0}
.ayra-site .clocks div{background:var(--g-fill)!important}
.ayra-site .ay-sec{padding:70px 0}
.ayra-site .ay-head .eyebrow::after{display:none}

/* ================================================================ CALM: less colour, same glass (11 Nov, Asad's feedback)
   Near-black background, white frosted glass, one quiet cyan accent. Colour only where it means something. */
body.ayra-site{--ay-bg:#06070b;--ay-mute:#c9ced9;--ay-faint:#8c93a3;
  --g-fill:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  --g-fill2:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  --g-line:rgba(255,255,255,.11);--g-line2:rgba(255,255,255,.2);
  --g-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 50px -20px rgba(0,0,0,.7)}
.gl-bg{background:radial-gradient(1100px 600px at 50% -15%,rgba(80,110,140,.22),transparent 65%),#06070b}
.gl-bg i{opacity:.12!important;filter:blur(120px)}
.gl-bg i:nth-child(1){background:#3b4a6b}.gl-bg i:nth-child(2){background:#1f6f74}.gl-bg i:nth-child(3),.gl-bg i:nth-child(4){display:none}
.gl-bg b{opacity:.08}
.ayra-site .grad{background:linear-gradient(95deg,#ffffff 0%,#d9e3ea 45%,#8fe9e4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ayra-site .eyebrow{color:#9fe7e2;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.ayra-site .eyebrow::before{background:#5ee6de;box-shadow:none}
/* buttons: solid white, ghost glass */
.ayra-site .ay-btn{background:#f4f6f8;color:#0a0c10;border-color:#fff;box-shadow:0 8px 24px -12px rgba(255,255,255,.35)}
.ayra-site .ay-btn:hover{background:#fff;box-shadow:0 12px 30px -12px rgba(255,255,255,.45)}
.ayra-site .ay-btn .ay-i{color:#0a0c10}
.ayra-site .ay-btn.ghost{background:rgba(255,255,255,.05);color:#fff}
.ayra-site .ay-nav a.on{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.ayra-site .ay-top,.ayra-site .ay-top.sc,.ayra-site .ay-top:has(.ay-nav.open){background:rgba(14,16,22,.72)}
/* icons: neutral glass tiles with a cyan line icon */
.ayra-site :is(.cc,.md,.fg,.hm-four>div,.dy-i,.core4>div,.fc-grp>header) .ic,.gh-chip .ic,.gh-chip.c2 .ic,.gh-chip.c3 .ic,.gh-chip.c4 .ic,
.ayra-site .hm-four>div:nth-child(n) .ic,.ayra-site .fg:nth-child(n) .ic,.ayra-site .cc:nth-child(n) .ic,.dy-i:nth-child(n) .ic{
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#7ee8e1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.core4>div::after{display:none}
.dy-i:first-child{background:var(--g-fill2);border-color:var(--g-line2)}
.ayra-site .ay-plan.best,.ayra-site .md.best{background:var(--g-fill2);border-color:rgba(126,232,225,.45);box-shadow:var(--g-shadow)}
.gl-stats b{background:none;color:#fff;-webkit-text-fill-color:#fff}
.gh-stage .ring{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 60px rgba(255,255,255,.04),0 30px 90px -40px rgba(0,0,0,.8)}
.ayra-site .shot-frame{box-shadow:var(--g-shadow)}
.ayra-site .shot-tabs button.on{background:rgba(255,255,255,.14)}
.gh-says b i{background:#5ee6de;box-shadow:none}
.au-card{box-shadow:var(--g-shadow)}
.au-orb img{box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
.ayra-site .clocks div{color:#fff}
.fc-nav a .ay-i,.gl-marq span .ay-i,.au-side li .ay-i,.lg-sum .ay-i{color:#7ee8e1}
.fc-list q{color:#8fe9e4}
.cr-pack summary span{color:#fff}
.ayra-site p a,.ayra-site .ay-note a,.au-switch a,.au-help a,.au-chk a{color:#bfeeea;border-bottom-color:rgba(191,238,234,.3)}

/* fixes 11 Nov 12:30 */
.ayra-site .ay-foot a.ay-btn,.ayra-site .ay-foot a.ay-btn:hover{color:#0a0c10}
.ayra-site .ay-foot a.ay-btn .ay-i{color:#0a0c10}
.ep-mark.jc i{background:#d7141a}.ep-mark.jc em{color:#ffcc00}
.pm-logo{height:28px;width:auto;border-radius:6px;background:#fff;padding:3px 6px}
.pm-big .pm-logo{height:40px}
.pm-big{gap:14px;flex-wrap:wrap}

/* fewer small boxes: the day becomes a timeline, feature items become rows (11 Nov) */
.dy{display:block;max-width:880px;margin:0 auto;position:relative;padding:6px 0}
.dy::before{content:"";position:absolute;left:31px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22) 8%,rgba(255,255,255,.22) 92%,transparent)}
.dy-i,.dy-i:first-child{display:grid;grid-template-columns:64px 1fr;column-gap:22px;align-items:start;padding:20px 0;margin:0;border:0!important;border-radius:0;
  background:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.dy-i:last-child{border-bottom:0!important}
.dy-i .ic{grid-row:1/3;margin:0;width:64px;height:64px;border-radius:50%!important;position:relative;z-index:1;background:#0d0f15!important}
.dy-i h3,.dy-i:first-child h3{font-size:21px;margin:6px 0 6px}
.dy-i p{font-size:16px;max-width:640px}
.dy-n{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:start;margin-top:10px;font-size:13px;letter-spacing:.14em;color:var(--ay-faint)}
.dy-i h3{grid-column:2;grid-row:1}
.dy-i p{grid-column:2;grid-row:2}
.fc-list{display:block;border-top:1px solid rgba(255,255,255,.08)}
.fc-list div{display:grid;grid-template-columns:230px 1fr;column-gap:22px;padding:15px 2px;border-radius:0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08)}
.fc-list b{margin:0;font-size:15.5px}
.fc-list span{grid-column:2}
.fc-list q{grid-column:2;margin-top:6px}
@media (max-width:760px){.fc-list div{grid-template-columns:1fr}.fc-list span,.fc-list q{grid-column:1}.dy-i{grid-template-columns:48px 1fr;column-gap:14px}.dy-i .ic{width:48px;height:48px}.dy::before{left:23px}.dy-n{display:none}}
.ayra-site .ay-faq details{padding:2px 24px}
.ayra-site .ay-faq details p{padding-bottom:6px}

/* ---------------------------------------------------------------- smoothness (12 Nov) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ay-vt-out .22s ease both}
::view-transition-new(root){animation:ay-vt-in .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes ay-vt-out{to{opacity:0}}
@keyframes ay-vt-in{from{opacity:0}}
body.ayra-site main,body.ayra-site>section:first-of-type{animation:ay-page-in .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes ay-page-in{from{opacity:0}to{opacity:1}}
.ay-prog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:9999;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#35f0e8,#8a7dff,#ff78c8);opacity:.85}
.ayra-site .ay-btn{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-position .5s ease,filter .25s ease}
.ayra-site .ay-btn:active{transform:translateY(0) scale(.97);transition-duration:.08s}
.ayra-site .ay-card,.ayra-site .ay-tile,.ayra-site .ay-plan{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease}
.ayra-site .ay-nav a{transition:color .2s ease,background-color .2s ease}
.ayra-site .ay-faq details{overflow:hidden}
.ayra-site :focus-visible{outline:2px solid #35f0e8;outline-offset:3px;border-radius:8px}
.ayra-site img{transition:opacity .4s ease}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}
  body.ayra-site main,body.ayra-site>section:first-of-type{animation:none}.ay-prog{display:none}}
/* 12 Nov: mobile par Guide page side mein bahar nikalti thi — grid ke bachche lambe lafz ki wajah se phail jate thay */
.ay-split>*,.ay-two>*,.ay-hero-grid>*{min-width:0}
.ayra-site .numlist li,.ayra-site .callout,.ayra-site .ay-p{overflow-wrap:anywhere}
/* ---------------------------------------------------------------- Ayra Academy (course, coming soon) */
.crs-soon{max-width:760px;margin:0 auto;text-align:center;padding:42px 28px;border-radius:28px;background:var(--g-fill,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.crs-soon .ay-p{margin:10px auto 22px;max-width:560px}
.crs-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#35f0e8;background:rgba(53,240,232,.1);border:1px solid rgba(53,240,232,.35);margin-bottom:16px}
.crs-pill i{width:7px;height:7px;border-radius:50%;background:#35f0e8;box-shadow:0 0 10px #35f0e8;animation:crs-blink 1.6s ease-in-out infinite}
@keyframes crs-blink{50%{opacity:.25}}
.crs-form{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;margin:0 auto 14px;max-width:640px}
.crs-form input{font:15px Inter,sans-serif;color:var(--ay-ink,#fff);background:rgba(2,4,10,.6);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;outline:0;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}
.crs-form input:focus{border-color:rgba(53,240,232,.6);box-shadow:0 0 0 3px rgba(53,240,232,.15)}
.crs-top{display:flex;align-items:center;justify-content:space-between}
.crs-n{font-family:Sora,sans-serif;font-size:13px;color:rgba(255,255,255,.35);letter-spacing:.1em}
.ay-nav .soon{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  vertical-align:2px;color:#04060f;background:linear-gradient(90deg,#35f0e8,#8a7dff)}
.hm-course{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:36px;border-radius:28px;background:var(--g-fill,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.hm-course ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hm-course li{display:flex;gap:10px;align-items:center;font-size:14.5px;color:rgba(255,255,255,.8)}
.hm-course li .ay-i{width:18px;height:18px;color:#35f0e8;flex:none}
@media (max-width:760px){.crs-form{grid-template-columns:1fr}.hm-course{grid-template-columns:1fr;padding:26px}}
@media (prefers-reduced-motion:reduce){.crs-pill i{animation:none}}
/* ---------------------------------------------------------------- cookie notice + legal table */
.ay-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;max-width:760px;margin:0 auto;display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:14px 16px 14px 20px;border-radius:18px;background:rgba(8,12,28,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -20px rgba(0,0,0,.9);opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.ay-ck.in{opacity:1;transform:none}
.ay-ck p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78)}
.ay-ck a{color:#35f0e8}
.ay-ck .ay-btn{flex:none}
@media (max-width:560px){.ay-ck{flex-direction:column;align-items:stretch;text-align:left}}
.lg-t{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:14px}
.lg-t th,.lg-t td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}
.lg-t th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
/* ---------------------------------------------------------------- Quran Ustad (/quran) */
.qu .ar{font-family:'Amiri Quran','Amiri','Scheherazade New','Traditional Arabic',serif;font-weight:400}
.qu .ur{font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif}
.qu-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qu-steps a{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:20px;border-radius:20px;text-decoration:none;color:inherit;
  background:var(--g-fill,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}
.qu-steps a:hover{transform:translateY(-3px);border-color:rgba(53,240,232,.45)}
.qu-steps b{grid-row:span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:Sora,sans-serif;font-size:18px;color:#04060f;background:linear-gradient(135deg,#35f0e8,#8a7dff)}
.qu-steps span{font-weight:700;font-size:16px}.qu-steps small{color:rgba(255,255,255,.6);font-size:13px;line-height:1.45}
.qu-cont{margin:16px 0 0;text-align:center;color:rgba(255,255,255,.7)}.qu-cont a{color:#35f0e8}
.qu-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}
.qu-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.qu-grid button{display:grid;place-items:center;gap:2px;padding:12px 4px 10px;border-radius:16px;cursor:pointer;color:#fff;font:inherit;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:transform .2s ease,border-color .2s,background .2s}
.qu-grid button .ar{font-size:34px;line-height:1.3}
.qu-grid button small{font-size:10.5px;color:rgba(255,255,255,.55);direction:ltr}
.qu-grid button:hover{transform:translateY(-2px);border-color:rgba(138,125,255,.6)}
.qu-grid button.on{background:linear-gradient(160deg,rgba(53,240,232,.18),rgba(138,125,255,.2));border-color:rgba(53,240,232,.7)}
.qu-card{position:sticky;top:96px;padding:26px;border-radius:24px;text-align:center;background:var(--g-fill,rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14)}
.qu-big{font-size:120px;line-height:1.35;background:linear-gradient(135deg,#35f0e8,#8a7dff 60%,#ff78c8);-webkit-background-clip:text;background-clip:text;color:transparent}
.qu-card h3{margin:4px 0 6px;font-size:22px}.qu-card h3 .ur{font-size:20px;color:rgba(255,255,255,.75)}
.qu-card p{margin:0 0 16px;color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.55}
.qu-forms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.qu-forms div{padding:10px 4px;border-radius:14px;background:rgba(2,4,10,.45);border:1px solid rgba(255,255,255,.08)}
.qu-forms .ar{display:block;font-size:34px;line-height:1.4}.qu-forms small{font-size:11px;color:rgba(255,255,255,.5)}
.qu-hk{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;direction:rtl}
.qu-hk div{display:grid;place-items:center;gap:2px;padding:16px 6px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);direction:ltr}
.qu-hk .ar{font-size:46px;line-height:1.5}.qu-hk b{font-size:13.5px}.qu-hk small{font-size:12px;color:#35f0e8}
.qu-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.qu-tips div{padding:14px 16px;border-radius:16px;background:rgba(2,4,10,.4);border:1px solid rgba(255,255,255,.08)}
.qu-tips b{display:block;font-size:14px;margin-bottom:3px}.qu-tips span{font-size:13.5px;color:rgba(255,255,255,.65)}
.qu-bar{display:grid;grid-template-columns:1.6fr 1.6fr 1.5fr .8fr .8fr 1fr;gap:10px;padding:16px;border-radius:20px;background:var(--g-fill,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.qu-bar label{display:grid;gap:6px;font-size:12px;color:rgba(255,255,255,.55);min-width:0}
.qu-bar select{font:14px Inter,sans-serif;color:#fff;background:rgba(2,4,10,.65);border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:10px;outline:0;min-width:0;width:100%}
.qu-bar select:focus{border-color:rgba(53,240,232,.6)}
.qu-bar input[type=range]{width:100%;accent-color:#35f0e8;margin-top:10px}
.qu-play{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 16px}
.qu-list{display:grid;gap:12px}
.qu-bism{text-align:center;font-size:calc(var(--qu-size,36px) * 1.05);padding:10px 0 4px;color:#e9e6ff}
.qu-ay{padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,background .3s,box-shadow .3s}
.qu-ay.now{border-color:rgba(53,240,232,.7);background:linear-gradient(160deg,rgba(53,240,232,.08),rgba(138,125,255,.08));box-shadow:0 18px 50px -24px rgba(53,240,232,.6)}
.qu-ay.last{border-color:rgba(138,125,255,.5)}
.qu-ay-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.qu-n{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:11px;font:600 13px Sora,sans-serif;color:#35f0e8;background:rgba(53,240,232,.1);border:1px solid rgba(53,240,232,.3)}
.qu-pb{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.qu-pb svg{width:18px;height:18px;fill:currentColor}.qu-pb:hover{background:linear-gradient(135deg,#35f0e8,#8a7dff);color:#04060f;transform:scale(1.06)}
.qu-ay.now .qu-pb{background:linear-gradient(135deg,#35f0e8,#8a7dff);color:#04060f}
.qu-ar{margin:0;font-size:var(--qu-size,36px);line-height:2.1;text-align:right;color:#fff;word-spacing:.08em}
.qu-end{font-size:.7em;color:#35f0e8}
.qu-tr{margin:10px 0 0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.72)}
.qu-tr.ur{font-family:'Noto Nastaliq Urdu',serif;font-size:17px;line-height:2.2;text-align:right}
@media (max-width:980px){.qu-wrap{grid-template-columns:1fr}.qu-card{position:static}.qu-bar{grid-template-columns:1fr 1fr}.qu-size{grid-column:span 2}}
@media (max-width:760px){.qu-steps,.qu-tips{grid-template-columns:1fr}.qu-grid{grid-template-columns:repeat(4,1fr)}.qu-hk{grid-template-columns:repeat(3,1fr)}.qu-ay{padding:14px 16px}
  .qu-bar{grid-template-columns:1fr}.qu-size{grid-column:auto}}
.qu [hidden]{display:none!important}
/* ---------------------------------------------------------------- early access price */
.ay-was{font-size:.45em;color:rgba(255,255,255,.45);margin-right:.35em;vertical-align:.55em;text-decoration-thickness:2px;text-decoration-color:#ff78c8}
.ay-early{display:inline-flex;align-items:center;gap:8px;margin:6px 0 4px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;
  color:#35f0e8;background:rgba(53,240,232,.1);border:1px solid rgba(53,240,232,.35)}
.ay-early i{width:7px;height:7px;border-radius:50%;background:#35f0e8;box-shadow:0 0 10px #35f0e8;animation:crs-blink 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ay-early i{animation:none}}

/* site notice bar (Admin → Website & SEO) */
.ay-notice{position:relative;z-index:60;text-align:center;font-size:13.5px;font-weight:600;padding:9px 16px;color:#04060f;background:linear-gradient(90deg,#35f0e8,#8a7dff)}
.ay-notice a{color:#04060f;text-decoration:underline;margin-left:6px}

/* download: coming soon */
.ay-soon .ay-soon-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#ffd27a;background:rgba(255,190,80,.12);border:1px solid rgba(255,190,80,.35);margin-bottom:10px}
.ay-soon .ay-soon-pill i{width:8px;height:8px;border-radius:50%;background:#ffbe50;box-shadow:0 0 0 0 rgba(255,190,80,.7);animation:aySoon 1.8s ease-out infinite}
@keyframes aySoon{0%{box-shadow:0 0 0 0 rgba(255,190,80,.7)}100%{box-shadow:0 0 0 12px rgba(255,190,80,0)}}
.ay-soon-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ay-soon-form input{flex:1 1 220px;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(160,175,255,.28);background:rgba(4,8,22,.6);color:#fff;font:inherit;font-size:15px}
.ay-soon-form input:focus{outline:none;border-color:#35f0e8;box-shadow:0 0 0 3px rgba(53,240,232,.18)}
.ay-soon-form .ay-btn{height:48px}
@media (prefers-reduced-motion:reduce){.ay-soon .ay-soon-pill i{animation:none}}

/* ================================================================ 12 Nov: phone polish */
.ay-nav .ay-nav-m{display:none}
@media (max-width:760px){
  .ayra-site .ay-top{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .ayra-site .ay-act .ay-link{display:none}
  .ayra-site .ay-act .ay-btn{height:40px;padding:0 14px;font-size:14px}
  .ayra-site .ay-burger{width:44px;height:40px;font-size:18px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06)}
  /* solid, readable menu */
  .ayra-site .ay-nav{position:fixed;top:78px;left:12px;right:12px;bottom:auto;max-height:calc(100dvh - 96px);overflow-y:auto;margin:0;padding:8px;flex-direction:column;gap:2px;
    background:#080c1d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.95);
    z-index:200;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;display:flex;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
  .ayra-site .ay-nav.open{opacity:1;transform:none;pointer-events:auto}
  .ayra-site .ay-nav a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;font-size:16.5px;font-weight:600;color:#eef1ff;border-radius:13px}
  .ayra-site .ay-nav a+a{border-top:1px solid rgba(255,255,255,.06)}
  .ayra-site .ay-nav a.on{background:linear-gradient(140deg,rgba(161,132,255,.35),rgba(63,245,236,.16))}
  .ayra-site .ay-nav .soon{margin-left:auto;position:static;transform:none}
  .ayra-site .ay-nav .ay-nav-m{display:flex;margin-top:6px;justify-content:center;background:rgba(255,255,255,.08);border-top:0!important}
  html.ay-menu-open{overflow:hidden}
  html.ay-menu-open body::after{content:"";position:fixed;inset:0;background:rgba(2,4,12,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:150}
  html.ay-menu-open .ay-top{z-index:210}
  /* tighter, calmer sections */
  .hm-sec{padding:64px 0!important}
  .hm-hero{padding:84px 0 56px!important}
  .hm-hero h1{font-size:clamp(34px,10vw,46px)!important;margin:22px auto 16px!important}
  .hm-hero .lead{font-size:16.5px!important;margin-bottom:26px!important}
  .ay-page{padding-top:96px}
  .ay-page h1,.ay-pagehead h1{font-size:clamp(32px,9vw,42px)}
  .ay-in{padding-left:16px;padding-right:16px}
  .ay-box,.ay-dl,.hm .fd{padding:20px!important;border-radius:20px}
  .ay-dl{flex-direction:column;align-items:flex-start;text-align:left;gap:14px}
  .ay-dl img{width:64px;height:64px}
  /* price line */
  .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;line-height:1.1}
  .price small{flex-basis:100%;font-size:14px}
  .ay-early{font-size:12.5px;line-height:1.35}
  /* buttons easy to tap */
  .ay-btn.big{width:100%;justify-content:center;min-height:52px}
  /* cookie notice: small and out of the way */
  .ay-ck{left:10px;right:10px;bottom:10px;padding:12px 14px;gap:10px;border-radius:16px;background:rgba(8,12,28,.97)}
  .ay-ck p{font-size:12.5px}
  .ay-ck .ay-btn{min-height:42px}
  /* footer: two columns */
  .ay-foot-top{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
  .ay-foot-brand{grid-column:1/-1}
  .ay-foot-col a{padding:6px 0;display:block}
}
@media (max-width:380px){.ayra-site .ay-brand span{font-size:17px}.ayra-site .ay-act .ay-btn{padding:0 11px}}

/* statement that lights up while scrolling */
.hm-say{padding:120px 0 90px;position:relative}
.ay-scrolltext{max-width:1020px;margin:0 auto;font-family:"Bricolage Grotesque",Sora,Inter,sans-serif;font-weight:700;letter-spacing:-.025em;
  font-size:clamp(28px,4.2vw,56px);line-height:1.18;text-align:center;color:#f1f3ff}
.ay-scrolltext.ready span{color:rgba(241,243,255,.16);transition:color .35s ease,text-shadow .35s ease}
.ay-scrolltext.ready span.on{color:#f1f3ff}
.ay-scrolltext.ready span.on:nth-last-child(-n+9){background:linear-gradient(95deg,#a8dcff,#6aa8ff 45%,#a28bff 80%,#5ff5ee);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:760px){.hm-say{padding:70px 0 50px}.ay-scrolltext{font-size:clamp(26px,7.4vw,34px);line-height:1.22;text-align:left}}
/* phone mock: app status + one-tap answers */
.ph-head small{display:flex;align-items:center;gap:5px}
.ph-dot{width:7px;height:7px;border-radius:50%;background:#4be3a3;box-shadow:0 0 8px #4be3a3;display:inline-block}
.ph-quick{display:flex;gap:6px;justify-content:flex-start}
.ph-quick span{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.ph-quick .y{border-color:rgba(75,227,163,.5);color:#a7f3d0}.ph-quick .n{border-color:rgba(255,123,139,.45);color:#fecaca}
.ph-chat .p5{animation-delay:6.2s}.ph-chat .p6{opacity:0;animation:phMsg 14s 7.2s infinite}
/* phone mock now shows the Ayra Mobile app look */
.hm-phone .ph-chat{background:radial-gradient(300px 200px at 90% 0%,rgba(122,108,255,.22),transparent 60%),#070a18}
.hm-phone .pm.me{background:linear-gradient(135deg,#7a6cff,#5b8cff)}
.hm-phone .pm.ai{background:#121a3c;border:1px solid rgba(160,175,255,.14)}
.hm-phone .ph-head small{color:#9aa3cf}

/* ================================================================ My account: steps, quick links, sections */
.acc-steps{list-style:none;margin:26px 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.acc-steps li{display:flex;gap:12px;align-items:center;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);opacity:.7}
.acc-steps li.now{opacity:1;border-color:rgba(95,245,238,.45);box-shadow:0 18px 40px -26px rgba(95,245,238,.6)}
.acc-steps li.done{opacity:1}
.acc-steps li>span{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:rgba(255,255,255,.08);color:#cfd4f2}
.acc-steps li.done>span{background:linear-gradient(135deg,#5ff5ee,#a28bff);color:#05070f}
.acc-steps li.now>span{background:#fff;color:#05070f}
.acc-steps b{display:block;font-size:15.5px;color:#f1f3ff}.acc-steps small{display:block;font-size:13px;color:var(--ay-mute);margin-top:2px}
.acc-nav{position:sticky;top:76px;z-index:40;display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:6px;border-radius:14px;background:rgba(8,12,28,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);width:max-content;max-width:100%}
.acc-nav a{padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:#cfd4f2;text-decoration:none}
.acc-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.acc-card{padding:26px!important;border-radius:22px!important;background:radial-gradient(500px 220px at 100% 0%,rgba(162,139,255,.16),transparent 60%),var(--ay-card)!important}
.acc-card h3{font-size:20px}
.acc-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 10px;scroll-margin-top:140px}
.acc-q{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#f1f3ff;transition:transform .2s,border-color .2s}
.acc-q:hover{transform:translateY(-2px);border-color:rgba(95,245,238,.45)}
.acc-q .ic{font-size:22px;margin-bottom:6px;color:#5ff5ee}.acc-q .ic svg{width:22px;height:22px}
.acc-q b{font-size:15px}.acc-q small{font-size:12.5px;color:var(--ay-mute);line-height:1.45}
.acc-sec{margin:56px 0 18px;scroll-margin-top:140px}.acc-sec h2{font-size:clamp(24px,3vw,32px);margin:10px 0 6px}.acc-sec p{color:var(--ay-mute);max-width:720px;line-height:1.65;margin:0}
#activation,#pcs,#review,#credits{scroll-margin-top:140px}
@media (max-width:900px){.acc-quick{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.acc-steps{grid-template-columns:1fr}.acc-nav{top:70px;width:100%;overflow-x:auto;flex-wrap:nowrap}.acc-nav a{white-space:nowrap}.acc-quick{grid-template-columns:1fr}.acc-card{padding:18px!important}
  .ay-plans{grid-template-columns:1fr!important}}

.acc-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.acc-top h1{margin:0}
.acc-out{cursor:pointer;padding:10px 18px;border-radius:12px;font:600 14px inherit;font-family:inherit;color:#ffd0d6;background:rgba(255,107,122,.08);border:1px solid rgba(255,107,122,.35)}
.acc-out:hover{background:rgba(255,107,122,.18);color:#fff}
.ay-out-m{margin:0}.ay-out-m button{all:unset;cursor:pointer;color:#ffb3bc;font-weight:600}

/* 13 Nov: sign-in page — Ayra's living particle core instead of the small icon */
.au-stage{position:relative;width:min(340px,70vw);aspect-ratio:1;margin:-40px 0 -30px -40px}
.au-stage .ring{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.1),rgba(255,255,255,.02) 45%,transparent 70%);box-shadow:inset 0 0 70px rgba(161,132,255,.22),0 30px 100px -40px rgba(63,245,236,.5)}
.au-stage .ay-being{position:absolute!important;inset:12%;width:auto!important;height:auto!important;margin:0!important;cursor:default}
.au-side h1{margin-top:6px}
@media (max-width:900px){.au-stage{width:210px;margin:-10px auto -20px}.au-side{text-align:center}}

/* 13 Nov: My profile on My account */
.acc-prof{scroll-margin-top:140px}
.pf-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.pf-head small{color:var(--ay-mute);font-size:13.5px}
.pf-av{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:800 22px Sora,sans-serif;color:#05070f;background:linear-gradient(135deg,#5ff5ee,#a28bff);box-shadow:0 10px 30px -10px rgba(162,139,255,.8)}
.pf-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 18px}
.pf-info div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.pf-info dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ay-faint);margin-bottom:4px}
.pf-info dd{margin:0;color:#f1f3ff;font-size:14.5px;word-break:break-word}
.pf-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:rgba(255,123,139,.14);color:#ffb3bc}.pf-tag.ok{background:rgba(75,227,163,.14);color:#8ff0c4}
.pf-forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-f{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.pf-f label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ay-mute)}
.pf-f input{height:42px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(4,8,22,.6);color:#fff;font:inherit;font-size:14px}
.pf-f input:focus{outline:none;border-color:#5ff5ee;box-shadow:0 0 0 3px rgba(95,245,238,.18)}
.pf-f .ay-btn{align-self:flex-start}
@media (max-width:760px){.pf-forms{grid-template-columns:1fr}}
.acc-topbtn{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.acc-me{padding:10px 18px;border-radius:12px;font-weight:600;font-size:14px;color:#dff;text-decoration:none;background:rgba(95,245,238,.08);border:1px solid rgba(95,245,238,.35)}.acc-me:hover{background:rgba(95,245,238,.16)}

/* 13 Nov: account avatar menu (top right) + profile page */
.ay-me{position:relative}
.ay-me>summary{list-style:none;cursor:pointer;display:block;border-radius:50%}
.ay-me>summary::-webkit-details-marker{display:none}
.ay-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 16px Sora,sans-serif;color:#05070f;background:linear-gradient(135deg,#5ff5ee,#a28bff);box-shadow:0 0 0 2px rgba(255,255,255,.12),0 8px 24px -10px rgba(162,139,255,.9);transition:box-shadow .2s}
.ay-me>summary:hover .ay-av,.ay-me[open]>summary .ay-av{box-shadow:0 0 0 3px rgba(95,245,238,.55),0 8px 24px -10px rgba(162,139,255,.9)}
.ay-av.big{width:46px;height:46px;font-size:18px;flex:none}
.ay-me-pop{position:absolute;right:0;top:calc(100% + 12px);z-index:100;width:290px;padding:8px;border-radius:18px;background:rgba(12,16,34,.97);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -20px rgba(0,0,0,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:ayMeIn .18s ease both}
@keyframes ayMeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ay-me-who{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.ay-me-who b{display:block;color:#fff;font-size:15px}.ay-me-who small{display:block;color:var(--ay-mute);font-size:12.5px;word-break:break-all}
.ay-me-pop a,.ay-me-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;color:#dfe3ff;text-decoration:none;font:600 14px inherit;font-family:inherit;background:none;border:0;cursor:pointer;text-align:left}
.ay-me-pop a .ay-i{width:17px;height:17px;color:#8ffaf4}
.ay-me-pop a:hover,.ay-me-pop button:hover{background:rgba(255,255,255,.07);color:#fff}
.ay-me-pop form{margin:6px 0 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}
.ay-me-pop button{color:#ffb3bc}
.pf-page{max-width:980px}
.pf-back{display:inline-block;margin-bottom:16px;color:var(--ay-mute);text-decoration:none;font-size:14px}.pf-back:hover{color:#fff}
@media (max-width:760px){.ay-me-pop{position:fixed;left:12px;right:12px;top:76px;width:auto}}
@media (max-width:520px){.ay-av{width:36px;height:36px;font-size:14px}.ay-act:has(.ay-me){gap:8px}.ay-act:has(.ay-me)>.ay-btn{font-size:0;gap:0;padding:0 12px;min-width:0}.ay-act:has(.ay-me)>.ay-btn .ay-i{width:18px;height:18px;margin:0}}

/* 13 Nov: Help desk (vynoriq.com/support) */
.hd-page{max-width:1180px}
.hd-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.hd-list,.hd-main{padding:18px;border-radius:20px;background:var(--ay-card);border:1px solid rgba(255,255,255,.08)}
.hd-list h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ay-faint);margin:18px 4px 8px}
.hd-new{width:100%;justify-content:center}
.hd-item{display:block;position:relative;padding:12px;border-radius:12px;text-decoration:none;color:#e9ecff;border:1px solid transparent;margin-bottom:4px}
.hd-item:hover{background:rgba(255,255,255,.05)}.hd-item.on{background:rgba(95,245,238,.08);border-color:rgba(95,245,238,.35)}
.hd-item b{display:block;font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-item small{color:var(--ay-faint);font-size:12px}
.hd-st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}
.hd-st.open{background:rgba(255,196,87,.15);color:#ffd27a}.hd-st.answered{background:rgba(95,245,238,.15);color:#7ff3ec}.hd-st.closed{background:rgba(255,255,255,.08);color:#aab}
.hd-st.big{font-size:13px;padding:5px 12px}
.hd-dot{position:absolute;top:14px;right:12px;width:9px;height:9px;border-radius:50%;background:#ff6fb5;box-shadow:0 0 10px #ff6fb5}
.hd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.hd-head small{color:var(--ay-faint);font-size:12.5px}.hd-head h2{margin:4px 0 0;font-size:22px}
.hd-thread{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.hd-msg{max-width:85%;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.hd-msg.me{align-self:flex-end;background:rgba(162,139,255,.12);border-color:rgba(162,139,255,.3)}
.hd-msg.us{align-self:flex-start;background:rgba(95,245,238,.07);border-color:rgba(95,245,238,.28)}
.hd-who{font-size:12px;color:var(--ay-faint);margin-bottom:6px}.hd-body{color:#eef0ff;line-height:1.65;font-size:14.5px;word-break:break-word}
.hd-form{display:flex;flex-direction:column;gap:12px}
.hd-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ay-mute)}
.hd-form input,.hd-form select,.hd-form textarea{padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(4,8,22,.6);color:#fff;font:inherit;font-size:14.5px}
.hd-form select option{background:#0c1022}
.hd-form textarea{resize:vertical;min-height:110px;line-height:1.6}
.hd-form input:focus,.hd-form select:focus,.hd-form textarea:focus{outline:none;border-color:#5ff5ee;box-shadow:0 0 0 3px rgba(95,245,238,.18)}
.hd-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hd-close{margin-top:12px}
.hd-tips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.hd-tips b{width:100%;font-size:13px;color:var(--ay-faint)}
.hd-tips a{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dff;text-decoration:none;font-size:13.5px}
.ay-me-pop .hd-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ff6fb5;color:#fff}
@media (max-width:860px){.hd-grid{grid-template-columns:1fr}.hd-msg{max-width:100%}}