/* Ayra for Windows - website (landing, download, account, help). Scoped to body.ayra-site. */
body.ayra-site{--ay-bg:#03050c;--ay-bg2:#080c1c;--ay-card:rgba(13,18,38,.66);--ay-card2:rgba(18,25,52,.72);--ay-line:rgba(160,175,255,.11);--ay-line2:rgba(160,175,255,.24);
  --ay-ink:#ffffff;--ay-mute:#c5cde8;--ay-faint:#8d98bd;--ay-cyan:#35f0e8;--ay-violet:#8b6cff;--ay-blue:#4f8bff;--ay-ok:#4be3a3;--ay-warn:#f2c46d;--ay-bad:#ff7b8b;
  --ay-r:22px;--ay-ease:cubic-bezier(.2,.7,.2,1);
  margin:0;background:var(--ay-bg);color:var(--ay-ink);font:16px/1.6 Inter,'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  font-feature-settings:"cv11","ss01"}
body.ayra-site *{box-sizing:border-box}
body.ayra-site a{color:inherit}
body.ayra-site ::selection{background:rgba(139,108,255,.45)}
.ayra-site .ay-in{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}
.ayra-site .ay-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ayra-site h1,.ayra-site h2,.ayra-site h3,.ayra-site h4{font-family:Sora,Inter,sans-serif;letter-spacing:-.025em;margin:0;font-weight:700}
.ayra-site .grad{background:linear-gradient(100deg,#d8caff 0%,#9c82ff 30%,#4fb6ff 60%,#35f0e8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ayra-site .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ay-cyan)}
.ayra-site .eyebrow::before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}
.ayra-site p a,.ayra-site .ay-note a{color:#c9bcff;text-decoration:none;border-bottom:1px solid rgba(201,188,255,.35)}
.ayra-site p a:hover{color:#fff}

/* ---------------------------------------------------------------- header */
.ay-top{position:sticky;top:0;z-index:40;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.ay-top.sc,.ay-top:has(.ay-nav.open){background:rgba(3,5,12,.78);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:var(--ay-line)}
.ay-top .ay-in{display:flex;align-items:center;gap:20px;height:70px}
.ay-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Sora,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em}
.ay-brand img{width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 24px -8px rgba(110,120,255,.9)}
.ay-brand small{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.08em;color:var(--ay-faint);margin-top:-3px}
.ay-nav{display:flex;gap:2px;margin:0 auto;padding:4px;border-radius:14px;border:1px solid var(--ay-line);background:rgba(13,18,38,.45)}
.ay-nav a{padding:7px 14px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500;color:var(--ay-mute);transition:color .2s,background .2s}
.ay-nav a:hover,.ay-nav a.on{color:var(--ay-ink);background:rgba(160,175,255,.1)}
.ay-act{display:flex;align-items:center;gap:14px}
.ay-link{text-decoration:none;font-size:14px;font-weight:500;color:var(--ay-mute)}
.ay-link:hover{color:var(--ay-ink)}
.ay-burger{display:none;background:none;border:1px solid var(--ay-line2);color:var(--ay-ink);border-radius:10px;width:40px;height:38px;font-size:18px;cursor:pointer}

/* ---------------------------------------------------------------- buttons */
.ay-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 20px;border-radius:12px;border:0;cursor:pointer;
  text-decoration:none;font-family:Sora,Inter,sans-serif;font-weight:600;font-size:14px;color:#04101b;white-space:nowrap;
  background:linear-gradient(135deg,#5af6ee 0%,#6fb4ff 50%,#9a7dff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -12px rgba(53,240,232,.75);transition:transform .25s var(--ay-ease),box-shadow .25s,filter .25s}
.ay-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 40px -12px rgba(53,240,232,.9)}
.ay-btn:active{transform:translateY(0)}
.ay-btn.big{height:54px;padding:0 28px;font-size:15.5px;border-radius:15px}
.ay-btn.ghost{background:rgba(160,175,255,.07);color:var(--ay-ink);border:1px solid var(--ay-line2);box-shadow:none;filter:none}
.ay-btn.ghost:hover{background:rgba(160,175,255,.13);border-color:rgba(160,175,255,.38)}
.ay-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}

/* ---------------------------------------------------------------- hero */
.ay-hero{position:relative;padding:70px 0 30px;margin-top:-70px;padding-top:140px;overflow:hidden;isolation:isolate}
.ay-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 420px at 78% 18%,rgba(139,108,255,.28),transparent 70%),radial-gradient(560px 360px at 12% 6%,rgba(53,240,232,.14),transparent 70%),
  radial-gradient(900px 500px at 50% 110%,rgba(79,139,255,.12),transparent 70%);animation:ayAur 18s ease-in-out infinite alternate}
@keyframes ayAur{to{transform:translate3d(0,-20px,0) scale(1.05);filter:hue-rotate(-12deg)}}
.ay-gridbg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(160,175,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(160,175,255,.07) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.ay-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center}
.ay-announce{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--ay-line2);background:rgba(13,18,38,.6);
  text-decoration:none;font-size:13px;color:var(--ay-mute);transition:border-color .2s,color .2s}
.ay-announce:hover{border-color:rgba(53,240,232,.5);color:var(--ay-ink)}
.ay-announce span{padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(53,240,232,.22),rgba(139,108,255,.22));color:var(--ay-cyan);
  font:600 11px Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ay-announce .ay-i{width:14px;height:14px}
.ay-hero h1{font-size:clamp(40px,4.4vw,58px);line-height:1.02;letter-spacing:-.035em;margin:22px 0 22px}
.ay-hero p.lead{font-size:18.5px;line-height:1.65;color:var(--ay-mute);max-width:540px;margin:0 0 34px}
.ay-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ay-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:13.5px;color:var(--ay-faint)}
.ay-meta span{display:inline-flex;align-items:center;gap:7px}
.ay-meta .ay-i{width:15px;height:15px;color:var(--ay-ok)}

/* app window mock-up */
.ay-app{position:relative;border-radius:22px;padding:1px;background:linear-gradient(160deg,rgba(160,175,255,.35),rgba(160,175,255,.06) 40%,rgba(53,240,232,.28));
  box-shadow:0 50px 120px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(139,108,255,.55);transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);
  transition:transform .8s var(--ay-ease)}
.ay-app:hover{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}
.ay-app>*{position:relative}
.ay-app-bar{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:21px 21px 0 0;background:rgba(10,14,30,.96);border-bottom:1px solid var(--ay-line);font-size:13px}
.ay-app-bar img{width:20px;height:20px;border-radius:6px}
.ay-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 9px;border-radius:999px;background:rgba(75,227,163,.1);color:var(--ay-ok);font-size:11.5px;font-weight:500}
.ay-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:ayPulse 1.6s infinite}
@keyframes ayPulse{50%{opacity:.25}}
.ay-win{margin-left:auto;display:flex;gap:14px}
.ay-win i{width:10px;height:1.5px;background:var(--ay-faint)}
.ay-app-body{display:grid;grid-template-columns:1fr 1fr;min-height:400px;border-radius:0 0 21px 21px;overflow:hidden;
  background:radial-gradient(420px 300px at 25% 50%,rgba(139,108,255,.18),transparent 70%),linear-gradient(180deg,#070a18,#04060e)}
.ay-app-orb{position:relative;display:grid;place-items:center}
.ay-app-orb canvas{width:100%;height:100%;max-height:400px;display:block}
.ay-app-chat{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px 24px 26px 4px}
.ay-app-chat .msg{padding:12px 15px;border-radius:16px;font-size:13.5px;line-height:1.55;max-width:96%}
.ay-app-chat .me{align-self:flex-end;background:linear-gradient(135deg,rgba(139,108,255,.32),rgba(79,139,255,.24));border:1px solid rgba(160,140,255,.3);border-bottom-right-radius:5px}
.ay-app-chat .ai{background:rgba(18,25,52,.85);border:1px solid var(--ay-line2);border-bottom-left-radius:5px}
.ay-app-chat .who{display:block;font:600 10.5px Sora,sans-serif;letter-spacing:.18em;color:var(--ay-cyan);margin-bottom:4px}
.ay-tools{display:flex;flex-wrap:wrap;gap:6px}
.ay-tools span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9px;font-size:11.5px;color:var(--ay-mute);background:rgba(160,175,255,.07);border:1px solid var(--ay-line)}
.ay-tools .ay-i{width:13px;height:13px;color:var(--ay-cyan)}
.ay-wave{display:flex;align-items:center;gap:3px;height:34px;margin-top:6px}
.ay-wave i{flex:1;height:100%;border-radius:3px;background:linear-gradient(180deg,#35f0e8,#8b6cff);transform-origin:center;transform:scaleY(.15);
  animation:ayWave 1.3s ease-in-out infinite;animation-delay:calc(var(--d) * -1.3s);opacity:.85}
@keyframes ayWave{0%,100%{transform:scaleY(.12)}50%{transform:scaleY(calc(.25 + var(--d) * .75))}}

.ay-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border:1px solid var(--ay-line);border-radius:var(--ay-r);background:rgba(13,18,38,.45);overflow:hidden}
.ay-stats div{padding:24px 26px;border-left:1px solid var(--ay-line)}
.ay-stats div:first-child{border-left:0}
.ay-stats b{display:block;font:700 30px Sora,sans-serif;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#aab4d8);-webkit-background-clip:text;background-clip:text;color:transparent}
.ay-stats span{font-size:13.5px;color:var(--ay-faint)}

/* ---------------------------------------------------------------- sections */
.ay-sec{padding:110px 0;position:relative}
.ay-sec.alt{background:linear-gradient(180deg,transparent,rgba(13,18,38,.4) 30%,rgba(13,18,38,.4) 70%,transparent)}
.ay-head{text-align:center;max-width:740px;margin:0 auto 56px}
.ay-head .eyebrow::after{content:"";width:18px;height:1px;background:currentColor;opacity:.7}
.ay-head h2,.ay-h2{font-size:clamp(30px,3.8vw,48px);margin:16px 0 14px;line-height:1.08;letter-spacing:-.03em}
.ay-head p,.ay-p{color:var(--ay-mute);font-size:17px;line-height:1.7;margin:0}
.ay-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ay-split.faq{grid-template-columns:.8fr 1.2fr;align-items:start}

.ay-card,.ay-tile{position:relative;padding:26px;border-radius:var(--ay-r);background:var(--ay-card);border:1px solid var(--ay-line);overflow:hidden;
  transition:border-color .3s,transform .3s var(--ay-ease),background .3s}
.ay-card::after,.ay-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(400px 200px at 0% 0%,rgba(139,108,255,.12),transparent 70%)}
.ay-card:hover,.ay-tile:hover{border-color:var(--ay-line2);transform:translateY(-3px)}
.ay-card:hover::after,.ay-tile:hover::after{opacity:1}
.ay-card .ic,.ay-tile .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;color:var(--ay-cyan);
  background:linear-gradient(135deg,rgba(53,240,232,.14),rgba(139,108,255,.16));border:1px solid rgba(53,240,232,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ay-card .ic .ay-i,.ay-tile .ic .ay-i{width:21px;height:21px}
.ay-card h3,.ay-tile h3{font-size:18px;margin-bottom:8px}
.ay-card p,.ay-tile p{margin:0;color:var(--ay-mute);font-size:14.5px;line-height:1.65}
.ay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* bento */
.ay-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ay-tile.wide{grid-column:span 2}
.ay-bub{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.ay-bub span{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px}
.ay-bub .me{align-self:flex-end;background:rgba(139,108,255,.22);border:1px solid rgba(160,140,255,.28)}
.ay-bub .ai{align-self:flex-start;background:rgba(18,25,52,.9);border:1px solid var(--ay-line2);font-family:'Noto Nastaliq Urdu','Segoe UI',serif;direction:rtl;line-height:2}
.ay-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.ay-chips span{padding:6px 11px;border-radius:999px;font-size:12.5px;color:var(--ay-mute);border:1px solid var(--ay-line2);background:rgba(160,175,255,.05)}
.ay-cmd{margin-top:18px;padding:11px 14px;border-radius:12px;background:#02040a;border:1px solid var(--ay-line);font:13px 'IBM Plex Mono',ui-monospace,Consolas,monospace;color:#cfd6f5}
.ay-cmd span{color:var(--ay-cyan);margin-right:6px}
.ay-jobs{display:grid;gap:12px;margin-top:20px}
.ay-jobs div{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:14px;font-size:13.5px;color:var(--ay-mute)}
.ay-jobs b{position:relative;height:6px;border-radius:6px;background:rgba(160,175,255,.1);overflow:hidden}
.ay-jobs b::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#35f0e8,#8b6cff)}

/* hardware panel */
.ay-hw{padding:22px;border-radius:var(--ay-r);background:var(--ay-card2);border:1px solid var(--ay-line2);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
.ay-hw-h{display:flex;align-items:center;gap:10px;font:600 14px Sora,sans-serif;margin-bottom:14px}
.ay-hw-h .ay-i{color:var(--ay-cyan)}
.ay-hw-h .ok{margin-left:auto;font:500 12px Inter,sans-serif;color:var(--ay-ok);padding:3px 10px;border-radius:999px;background:rgba(75,227,163,.1)}
.ay-hw-r{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--ay-line);font-size:14px}
.ay-hw-r span{color:var(--ay-faint)}
.ay-hw-rec{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;padding:16px;border-radius:16px;border:1px solid rgba(53,240,232,.4);
  background:linear-gradient(135deg,rgba(53,240,232,.1),rgba(139,108,255,.1))}
.ay-hw-rec small{width:100%;font:600 10.5px Sora,sans-serif;letter-spacing:.18em;color:var(--ay-cyan)}
.ay-hw-rec div b{display:block;font:600 17px Sora,sans-serif}
.ay-hw-rec div span{font-size:13px;color:var(--ay-mute)}
.ay-hw-rec em{margin-left:auto;font-style:normal;font-size:13px;color:var(--ay-faint)}
.ay-mini-t{width:100%;border-collapse:collapse;font-size:13px}
.ay-mini-t td{padding:8px 0;border-top:1px solid var(--ay-line);color:var(--ay-mute)}
.ay-mini-t td:first-child{color:var(--ay-faint);width:42%}

/* steps */
.ay-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.ay-steps .ay-card::before{counter-increment:s;content:"0" counter(s);position:absolute;top:24px;right:26px;font:700 40px Sora,sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px rgba(160,175,255,.22)}

/* ---------------------------------------------------------------- pricing */
.ay-price-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px;border-radius:28px;position:relative;overflow:hidden;
  border:1px solid rgba(53,240,232,.38);background:radial-gradient(500px 300px at 0% 0%,rgba(53,240,232,.13),transparent 70%),radial-gradient(500px 300px at 100% 100%,rgba(139,108,255,.16),transparent 70%),var(--ay-card);
  box-shadow:0 0 0 1px rgba(53,240,232,.12),0 50px 110px -60px rgba(53,240,232,.55)}
.ay-price-main .tag,.ay-plan .tag{display:inline-block;font:600 10.5px Sora,sans-serif;letter-spacing:.16em;padding:5px 10px;border-radius:8px;background:rgba(53,240,232,.14);color:var(--ay-cyan)}
.ay-price-main h3{font-size:26px;margin:16px 0 4px}
.ay-price-main .price{font:700 60px/1.05 Sora,sans-serif;letter-spacing:-.04em;margin:8px 0 10px}
.ay-price-main .price small{font:500 15px Inter,sans-serif;letter-spacing:0;color:var(--ay-faint)}
.ay-price-main p{color:var(--ay-mute);margin:0 0 24px}
.ay-price-main ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:15px}
.ay-price-main li{display:flex;gap:12px;align-items:flex-start}
.ay-price-main li .ay-i{width:20px;height:20px;color:var(--ay-ok);padding:3px;border-radius:50%;background:rgba(75,227,163,.12)}
.ay-subhead{text-align:center;margin:64px auto 24px;max-width:640px}
.ay-subhead h3{font-size:22px;margin-bottom:8px}
.ay-subhead p{color:var(--ay-mute);margin:0;font-size:15px}
.ay-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.ay-plans.n1{grid-template-columns:minmax(0,380px);justify-content:center}
.ay-plans.n2{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}
.ay-plans.n3{grid-template-columns:repeat(3,1fr)}
.ay-plan{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:var(--ay-r);background:var(--ay-card);border:1px solid var(--ay-line);transition:transform .3s var(--ay-ease),border-color .3s}
.ay-plan:hover{transform:translateY(-3px);border-color:var(--ay-line2)}
.ay-plan.best{border-color:rgba(139,108,255,.55);background:radial-gradient(300px 200px at 50% 0%,rgba(139,108,255,.18),transparent 70%),var(--ay-card);box-shadow:0 40px 80px -50px rgba(139,108,255,.8)}
.ay-plan .pop{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;font:600 11px Sora,sans-serif;letter-spacing:.06em;
  color:#0a0620;background:linear-gradient(135deg,#c9b8ff,#8b6cff);white-space:nowrap}
.ay-plan .tag{align-self:flex-start;margin-bottom:12px}
.ay-plan h3{font-size:19px}
.ay-plan .price{font:700 34px Sora,sans-serif;letter-spacing:-.03em;margin:14px 0 2px}
.ay-plan .price small{font:500 13px Inter,sans-serif;letter-spacing:0;color:var(--ay-faint)}
.ay-plan .per{font-size:13px;color:var(--ay-faint);margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--ay-line)}
.ay-plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;font-size:14px;color:var(--ay-mute)}
.ay-plan li{display:flex;gap:9px;align-items:flex-start}
.ay-plan li .ay-i{width:16px;height:16px;color:var(--ay-ok);margin-top:3px}
.ay-plan .ay-btn{margin-top:auto;width:100%}

/* requirements / models table */
.ay-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ay-line);border-radius:18px;overflow:hidden;background:var(--ay-card)}
.ay-table th,.ay-table td{padding:14px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--ay-line)}
.ay-table th{font:600 11.5px Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ay-faint);background:rgba(6,10,26,.5)}
.ay-table tr:last-child td{border-bottom:0}
.ay-table td b{font-weight:600}
.ay-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;border:1px solid var(--ay-line2);color:var(--ay-mute);margin:2px 4px 2px 0}

/* faq */
.ay-faq{display:grid;gap:10px}
.ay-head+.ay-faq{max-width:820px;margin:0 auto}
.ay-faq details{border:1px solid var(--ay-line);border-radius:16px;background:var(--ay-card);padding:18px 22px;transition:border-color .25s,background .25s}
.ay-faq details[open]{border-color:var(--ay-line2);background:var(--ay-card2)}
.ay-faq summary{cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ay-faq summary::-webkit-details-marker{display:none}
.ay-faq summary::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--ay-line2);
  background:linear-gradient(var(--ay-cyan),var(--ay-cyan)) center/9px 1.5px no-repeat,linear-gradient(var(--ay-cyan),var(--ay-cyan)) center/1.5px 9px no-repeat;transition:transform .3s}
.ay-faq details[open] summary::after{transform:rotate(45deg)}
.ay-faq p{color:var(--ay-mute);line-height:1.7;margin:12px 0 0;font-size:14.5px}

/* final call to action */
.ay-final{position:relative;overflow:hidden;isolation:isolate;margin:0 auto;text-align:center;padding:72px 30px;border-radius:32px;border:1px solid var(--ay-line2);background:var(--ay-card)}
.ay-final-ic{width:76px;height:76px;border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 20px 50px -14px rgba(110,120,255,.9);margin-bottom:22px}
.ay-final h2{font-size:clamp(30px,3.8vw,48px);margin-bottom:12px;letter-spacing:-.03em}
.ay-final p{color:var(--ay-mute);margin:0 0 30px;font-size:17px}

/* ---------------------------------------------------------------- pages: download / account / help */
.ay-page{padding:60px 0 100px}
.ay-page h1{font-size:clamp(34px,4.2vw,52px);margin:14px 0 14px;letter-spacing:-.03em;line-height:1.08}
.ay-page p.lead{color:var(--ay-mute);font-size:17.5px;line-height:1.65;margin:0 0 34px;max-width:680px}
.ay-two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.ay-box{padding:26px;border-radius:var(--ay-r);background:var(--ay-card);border:1px solid var(--ay-line)}
.ay-box+.ay-box{margin-top:18px}
.ay-box h3{font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ay-box h3 .ay-i{color:var(--ay-cyan)}
.ay-kv{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:14px}
.ay-kv span{color:var(--ay-faint)}
.ay-key{font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace;font-size:18px;letter-spacing:.08em;padding:14px 16px;border-radius:14px;
  background:rgba(2,4,10,.75);border:1px dashed rgba(53,240,232,.45);color:var(--ay-cyan);display:flex;align-items:center;justify-content:space-between;gap:12px;word-break:break-all}
.ay-key button{flex:none}
.ay-note{font-size:13px;color:var(--ay-faint);line-height:1.6;margin-top:10px}
.ay-alert{padding:13px 16px;border-radius:14px;margin:0 0 18px;font-size:14px;border:1px solid rgba(255,123,139,.4);background:rgba(255,123,139,.08);color:#ffc2ca}
.ay-alert.ok{border-color:rgba(75,227,163,.4);background:rgba(75,227,163,.08);color:#b6f5da}
.ay-bars{display:flex;align-items:flex-end;gap:5px;height:120px;padding-top:6px}
.ay-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#35f0e8,#8b6cff);min-height:3px;position:relative;opacity:.85}
.ay-bars i:hover{opacity:1}
.ay-bars i::after{content:attr(data-n);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font-size:10px;color:var(--ay-faint);opacity:0}
.ay-bars i:hover::after{opacity:1}
.ay-meter{height:8px;border-radius:8px;background:rgba(160,175,255,.12);overflow:hidden;margin:8px 0 4px}
.ay-meter b{display:block;height:100%;background:linear-gradient(90deg,#35f0e8,#8b6cff)}
.ay-list{display:grid;gap:8px}
.ay-list .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--ay-line);background:rgba(2,4,10,.4);font-size:14px}
.ay-list .row small{color:var(--ay-faint);display:block;margin-top:2px}
.ay-mini{height:34px;padding:0 13px;font-size:12.5px;border-radius:10px}
.ay-dl{display:flex;align-items:center;gap:24px;padding:32px;border-radius:26px;border:1px solid rgba(53,240,232,.35);
  background:radial-gradient(500px 220px at 0% 0%,rgba(53,240,232,.16),transparent 70%),radial-gradient(400px 200px at 100% 100%,rgba(139,108,255,.14),transparent 70%),var(--ay-card);margin-bottom:18px}
.ay-dl img{width:96px;height:96px;border-radius:26px;box-shadow:0 20px 50px -16px rgba(110,120,255,.9)}
.ay-dl h2{font-size:24px;margin-bottom:6px}
.ay-dl p{margin:0 0 16px;color:var(--ay-mute);font-size:14.5px}
.ay-checks{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:14px;color:var(--ay-mute)}
.ay-checks li{display:flex;gap:11px;align-items:flex-start}
.ay-checks .ay-i{color:var(--ay-ok);width:18px;height:18px;margin-top:2px}
.ay-checks.big{margin-top:28px;gap:14px;font-size:15.5px}
.ay-checks.big b{color:var(--ay-ink);font-weight:600}
.ay-hwbtn{margin-top:14px}
.ay-hwout{margin-top:12px;font-size:13.5px;color:var(--ay-mute);line-height:1.6}

/* ---------------------------------------------------------------- the core: a big, living assistant */
.ay-core-sec{padding:90px 0 40px;position:relative;overflow:hidden}
.ay-core{position:relative;width:min(760px,100%);aspect-ratio:1;margin:-10px auto 0}
.ay-core canvas{position:absolute;inset:14%;width:72%;height:72%}
.ay-core .ring{position:absolute;border-radius:50%;pointer-events:none}
.ay-core .r1{inset:6%;border:1px solid rgba(160,175,255,.14);animation:aySpin 60s linear infinite}
.ay-core .r1::before,.ay-core .r1::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ay-cyan);box-shadow:0 0 16px 3px rgba(53,240,232,.8);top:-5px;left:50%}
.ay-core .r1::after{top:auto;bottom:-5px;background:var(--ay-violet);box-shadow:0 0 16px 3px rgba(139,108,255,.8)}
.ay-core .r2{inset:11%;border:1.5px dashed rgba(53,240,232,.22);animation:aySpin 40s linear infinite reverse}
.ay-core .r3{inset:2%;background:repeating-conic-gradient(from 0deg,rgba(160,175,255,.35) 0 .4deg,transparent .4deg 6deg);
  -webkit-mask:radial-gradient(circle,transparent 68.5%,#000 69%,#000 70.5%,transparent 71%);mask:radial-gradient(circle,transparent 68.5%,#000 69%,#000 70.5%,transparent 71%);animation:aySpin 90s linear infinite}
.ay-core .r4{inset:16%;border:1px solid transparent;border-top-color:rgba(53,240,232,.7);border-right-color:rgba(139,108,255,.5);animation:aySpin 7s linear infinite;
  filter:drop-shadow(0 0 6px rgba(53,240,232,.6))}
.ay-core .scan{position:absolute;inset:14%;border-radius:50%;background:conic-gradient(from 0deg,rgba(53,240,232,.16),transparent 18%);animation:aySpin 5s linear infinite;
  -webkit-mask:radial-gradient(circle,#000 60%,transparent 71%);mask:radial-gradient(circle,#000 60%,transparent 71%)}
@keyframes aySpin{to{transform:rotate(360deg)}}
.ay-core .orbit{position:absolute;inset:0;animation:aySpin 80s linear infinite}
.ay-core .orbit span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(min(760px,100vw) * -.44))}
.ay-core .orbit em{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;white-space:nowrap;font:600 13px Sora,sans-serif;font-style:normal;
  color:var(--ay-ink);background:rgba(10,14,32,.85);border:1px solid var(--ay-line2);backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px rgba(0,0,0,.8);
  transform:translate(-50%,-50%) rotate(calc(var(--a) * -1));animation:ayCounter 80s linear infinite}
@keyframes ayCounter{from{transform:translate(-50%,-50%) rotate(calc(var(--a) * -1))}to{transform:translate(-50%,-50%) rotate(calc(var(--a) * -1 - 360deg))}}
.ay-core .orbit b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ay-cyan);background:linear-gradient(135deg,rgba(53,240,232,.2),rgba(139,108,255,.2))}
.ay-core .orbit .ay-i{width:15px;height:15px}
.ay-core .hud{position:absolute;font:600 10.5px/1.5 'IBM Plex Mono',ui-monospace,Consolas,monospace;letter-spacing:.16em;color:var(--ay-faint);padding:10px 12px}
.ay-core .hud i{font-style:normal;color:var(--ay-cyan)}
.ay-core .hud::before{content:"";position:absolute;width:14px;height:14px;border:1.5px solid rgba(53,240,232,.6)}
.ay-core .tl{top:2%;left:0}.ay-core .tl::before{top:0;left:0;border-right:0;border-bottom:0}
.ay-core .tr{top:2%;right:0;text-align:right}.ay-core .tr::before{top:0;right:0;border-left:0;border-bottom:0}
.ay-core .bl{bottom:2%;left:0}.ay-core .bl::before{bottom:0;left:0;border-right:0;border-top:0}
.ay-core .br{bottom:2%;right:0;text-align:right}.ay-core .br::before{bottom:0;right:0;border-left:0;border-top:0}
.ay-core .tl i{animation:ayPulse 1.6s infinite}

/* HUD corner brackets on the app window */
.ay-app .hb{position:absolute;width:22px;height:22px;border:2px solid var(--ay-cyan);z-index:3;opacity:.85;filter:drop-shadow(0 0 6px rgba(53,240,232,.7))}
.ay-app .hb1{top:-9px;left:-9px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.ay-app .hb2{top:-9px;right:-9px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.ay-app .hb3{bottom:-9px;left:-9px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.ay-app .hb4{bottom:-9px;right:-9px;border-left:0;border-top:0;border-bottom-right-radius:8px}
.ay-app::after{content:"";position:absolute;left:1px;right:1px;top:45px;height:2px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(53,240,232,.7),transparent);animation:ayScan 4.5s ease-in-out infinite;opacity:.6}
@keyframes ayScan{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translateY(390px);opacity:0}}

/* chat appears line by line, then repeats */
.ay-app .seq{animation:aySeq 9s var(--ay-ease) infinite both;animation-delay:calc(var(--s) * .9s)}
@keyframes aySeq{0%{opacity:0;transform:translateY(10px) scale(.98)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}

/* light that follows the mouse on cards */
.ay-card::after,.ay-tile::after{background:radial-gradient(320px circle at var(--mx,0) var(--my,0),rgba(139,108,255,.16),transparent 60%)}
.ay-plan,.ay-fam{background-image:radial-gradient(320px circle at var(--mx,-400px) var(--my,-400px),rgba(53,240,232,.08),transparent 60%)}

/* buttons: a light sweep */
.ay-btn:not(.ghost){overflow:hidden}
.ay-btn:not(.ghost)::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:aySweep 5s ease-in-out infinite}
@keyframes aySweep{0%,70%{left:-60%}100%{left:130%}}

@media (max-width:760px){
  .ay-core{width:100%;margin-top:10px}
  .ay-core .orbit span{transform:rotate(var(--a)) translateY(calc(100vw * -.36))}
  .ay-top .ay-brand small{display:none}
  .ay-core .orbit em{padding:5px 10px 5px 5px;font-size:11px}
  .ay-core .orbit b{width:22px;height:22px}
  .ay-core .hud{display:none}
}
@media (prefers-reduced-motion:reduce){.ay-core *,.ay-app .seq,.ay-app::after,.ay-btn::after{animation:none!important}}

/* ---------------------------------------------------------------- multi-page site */
.ay-brand .vy-logo{width:40px;height:40px;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 14px rgba(41,245,238,.35))}
.ay-brand span{font-size:20px;letter-spacing:-.02em}
.ay-btn.light{background:#f4f6ff;color:#070a16;box-shadow:0 10px 30px -14px rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.08)}
.ay-btn.light .ay-i{width:16px;height:16px}
.ay-btn.light::after{display:none}
.ay-home-hero{position:relative;overflow:hidden;isolation:isolate;margin-top:-70px;padding:92px 0 90px;text-align:center}
.ay-home-hero .ay-core{width:min(470px,100%);margin:0 auto 6px}
.ay-home-hero .ay-core .hud{display:none}
.ay-home-hero .ay-core .orbit span{transform:rotate(var(--a)) translateY(calc(min(470px,100vw) * -.46))}
.ay-home-copy{position:relative;z-index:2;max-width:820px;margin:0 auto}
.ay-home-copy h1{font-size:clamp(38px,5.2vw,70px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 20px}
.ay-home-copy .lead{font-size:18.5px;line-height:1.65;color:var(--ay-mute);max-width:620px;margin:0 auto 32px}
.ay-pagehead{position:relative;overflow:hidden;isolation:isolate;margin-top:-70px;padding:150px 0 50px;text-align:center}
.ay-pagehead h1{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.035em;margin:18px auto 16px;max-width:900px}
.ay-pagehead .lead{font-size:18px;color:var(--ay-mute);max-width:640px;margin:0 auto;line-height:1.65}
.ay-card.link{display:block;text-decoration:none}
.ay-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:600;font-size:14px;color:var(--ay-cyan)}
.ay-card .more .ay-i{width:15px;height:15px;transition:transform .2s}
.ay-card.link:hover .more .ay-i{transform:translateX(3px)}
.ay-founder{display:flex;gap:34px;align-items:center;padding:40px;border-radius:28px;border:1px solid var(--ay-line2);
  background:radial-gradient(500px 260px at 0% 50%,rgba(139,108,255,.16),transparent 70%),var(--ay-card)}
.ay-founder.solo{padding:30px;gap:24px}
.ay-founder .mark{flex:none;width:120px;height:120px;border-radius:30px;display:grid;place-items:center;background:#070a18;border:1px solid var(--ay-line2);
  box-shadow:0 30px 60px -30px rgba(41,245,238,.5)}
.ay-founder.solo .mark{width:96px;height:96px;border-radius:24px}
.ay-guide{list-style:none;margin:0 auto;padding:0;max-width:860px;display:grid;gap:14px;counter-reset:none}
.ay-guide li{display:flex;gap:24px;padding:26px 28px;border-radius:var(--ay-r);background:var(--ay-card);border:1px solid var(--ay-line)}
.ay-guide li>b{flex:none;font:700 30px Sora,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(53,240,232,.6);line-height:1.1}
.ay-guide h3{font-size:18px;margin-bottom:6px}
.ay-guide p{margin:0;color:var(--ay-mute);font-size:15px;line-height:1.7}
.ay-guide a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;font-size:14px;color:var(--ay-cyan);text-decoration:none}
.ay-guide a .ay-i{width:15px;height:15px}
@media (max-width:760px){
  .ay-home-hero{padding-top:80px}
  .ay-home-hero .ay-core .orbit span{transform:rotate(var(--a)) translateY(calc(100vw * -.36))}
  .ay-founder{flex-direction:column;align-items:flex-start;padding:26px}
  .ay-guide li{flex-direction:column;gap:10px;padding:22px}
  .ay-pagehead{padding-top:120px}
  .ay-brand span{font-size:18px}
  .ay-brand .vy-logo{width:34px;height:34px}
}

/* more from Vynoriq */
.ay-family{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ay-fam{display:flex;gap:20px;align-items:flex-start;padding:28px;border-radius:var(--ay-r);background:var(--ay-card);border:1px solid var(--ay-line);text-decoration:none;
  transition:border-color .3s,transform .3s var(--ay-ease)}
.ay-fam:hover{border-color:var(--ay-line2);transform:translateY(-3px)}
.ay-fam img{width:64px;height:64px;border-radius:18px;flex:none;box-shadow:0 14px 34px -14px rgba(110,120,255,.8)}
.ay-fam .tag{display:inline-block;font:600 10.5px Sora,sans-serif;letter-spacing:.16em;padding:4px 9px;border-radius:7px;background:rgba(160,175,255,.1);color:var(--ay-mute)}
.ay-fam h3{font-size:19px;margin:10px 0 8px}
.ay-fam p{margin:0 0 14px;color:var(--ay-mute);font-size:14.5px;line-height:1.65}
.ay-fam .more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--ay-cyan)}
.ay-fam .more .ay-i{width:15px;height:15px;transition:transform .2s}
.ay-fam:hover .more .ay-i{transform:translateX(3px)}
@media (max-width:760px){.ay-family{grid-template-columns:1fr}.ay-fam{flex-direction:column}}

/* help centre */
.help-hero{text-align:center;padding:10px 0 40px}
.help-hero h1{margin:14px 0 10px}
.help-hero .lead{margin:0 auto 28px!important}
.help-search{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:0 18px;height:56px;border-radius:16px;border:1px solid var(--ay-line2);
  background:var(--ay-card2);box-shadow:0 30px 60px -40px rgba(0,0,0,.9);transition:border-color .2s}
.help-search:focus-within{border-color:rgba(53,240,232,.55)}
.help-search .ay-i{color:var(--ay-faint)}
.help-search input{flex:1;height:100%;border:0;outline:0;background:none;color:var(--ay-ink);font:15px Inter,sans-serif}
.help-sec{margin-bottom:34px}
.help-sec h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ay-faint);margin:0 0 12px}
.help-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px;padding:26px 28px;border-radius:var(--ay-r);
  border:1px solid rgba(53,240,232,.3);background:radial-gradient(400px 200px at 0% 0%,rgba(53,240,232,.12),transparent 70%),var(--ay-card)}
.help-contact h3{font-size:18px;margin-bottom:4px}
.help-contact p{margin:0;color:var(--ay-mute);font-size:14.5px}

/* ---------------------------------------------------------------- footer */
.ay-foot{border-top:1px solid var(--ay-line);padding:64px 0 30px;margin-top:40px;background:linear-gradient(180deg,rgba(13,18,38,.35),transparent)}
.ay-foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ay-foot-brand p{color:var(--ay-faint);font-size:14px;max-width:320px;margin:16px 0 20px}
.ay-foot-col{display:flex;flex-direction:column;gap:11px}
.ay-foot-col h4{font:600 12px Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ay-ink);margin-bottom:6px}
.ay-foot-col a{text-decoration:none;color:var(--ay-mute);font-size:14px;transition:color .2s}
.ay-foot-col a:hover{color:var(--ay-ink)}
.ay-foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:52px;padding-top:24px;border-top:1px solid var(--ay-line);font-size:13px;color:var(--ay-faint)}
.ay-foot-bot b{color:var(--ay-ink);font-weight:600}

/* reveal on scroll (only when JavaScript runs; everything shows anyway after 2.5 s) */
.js .ay-rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ay-ease),transform .8s var(--ay-ease)}
.js .ay-rv.in{opacity:1;transform:none}

@media (max-width:1060px){
  .ay-hero-grid,.ay-two,.ay-split,.ay-split.faq,.ay-price-main{grid-template-columns:1fr}
  .ay-app{transform:none;max-width:640px}
  .ay-grid,.ay-steps,.ay-bento{grid-template-columns:1fr 1fr}
  .ay-plans,.ay-plans.n3{grid-template-columns:1fr 1fr}
  .ay-stats{grid-template-columns:1fr 1fr}
  .ay-stats div:nth-child(3){border-left:0}
  .ay-stats div:nth-child(n+3){border-top:1px solid var(--ay-line)}
  .ay-foot-top{grid-template-columns:1fr 1fr 1fr}
  .ay-foot-brand{grid-column:1/-1}
  .ay-split{gap:40px}
}
@media (max-width:760px){
  .ay-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;flex-direction:column;padding:12px 16px;border-radius:0;border:0;border-bottom:1px solid var(--ay-line);background:rgba(3,5,12,.97)}
  .ay-nav.open{display:flex}
  .ay-burger{display:block}
  .ay-act{margin-left:auto}
  .ay-act .ay-link,.ay-act .ay-btn.ghost{display:none}
  .ay-in{padding:0 16px}
  .ay-grid,.ay-steps,.ay-bento,.ay-plans,.ay-plans.n2,.ay-plans.n3{grid-template-columns:1fr}
  .ay-tile.wide{grid-column:auto}
  .ay-hero{padding-top:110px}
  .ay-app-body{grid-template-columns:1fr;min-height:0}
  .ay-app-orb{height:240px}
  .ay-app-chat{padding:0 18px 22px}
  .ay-stats{margin-top:48px}
  .ay-stats div{padding:18px}
  .ay-stats b{font-size:24px}
  .ay-sec{padding:72px 0}
  .ay-price-main{padding:26px}
  .ay-price-main .price{font-size:48px}
  .ay-dl{flex-direction:column;align-items:flex-start}
  .ay-table th:nth-child(3),.ay-table td:nth-child(3){display:none}
  .ay-foot-top{grid-template-columns:1fr 1fr}
  .ay-btn.big{width:100%}
  .ay-cta{width:100%}
}
@media (prefers-reduced-motion:reduce){.js .ay-rv{opacity:1;transform:none;transition:none}.ay-aurora,.ay-wave i,.ay-live i{animation:none}.ay-app{transform:none}}

/* review form (account page) */
.ay-review-form{display:grid;gap:12px}
.ay-review-form .rf-row{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:12px}
.ay-review-form label{display:grid;gap:6px;font-size:13px;color:var(--ay-faint)}
.ay-review-form input,.ay-review-form select,.ay-review-form textarea{font:15px Inter,sans-serif;color:var(--ay-ink);background:rgba(2,4,10,.6);border:1px solid var(--ay-line2);border-radius:12px;padding:11px 13px;outline:0}
.ay-review-form input:focus,.ay-review-form textarea:focus,.ay-review-form select:focus{border-color:rgba(53,240,232,.6)}
.ay-review-form .ay-btn{justify-self:start}
@media (max-width:760px){.ay-review-form .rf-row{grid-template-columns:1fr}}

/* ================================================================ home v3: strong, readable, real */
.hx{position:relative;overflow:hidden;isolation:isolate;margin-top:-70px;padding:100px 0 70px;text-align:center}
.hx .ay-aurora{background:radial-gradient(640px 420px at 50% 30%,rgba(79,139,255,.30),transparent 70%),radial-gradient(520px 360px at 20% 10%,rgba(53,240,232,.14),transparent 70%),radial-gradient(520px 360px at 80% 15%,rgba(139,108,255,.22),transparent 70%)}
.hx-core{position:relative;width:min(400px,78vw);aspect-ratio:1;margin:0 auto 8px}
.hx-core canvas{position:absolute;inset:6%;width:88%;height:88%}
.hx-core .ring{position:absolute;border-radius:50%}
.hx-core .r1{inset:0;border:1px solid rgba(160,190,255,.18);animation:aySpin 60s linear infinite}
.hx-core .r1::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#7fd0ff;box-shadow:0 0 16px 4px rgba(127,208,255,.8);top:-4px;left:50%}
.hx-core .r2{inset:5%;border:1.5px dashed rgba(53,240,232,.2);animation:aySpin 40s linear infinite reverse}
.hx-core .r4{inset:9%;border:2px solid transparent;border-top-color:rgba(80,200,255,.75);border-right-color:rgba(139,108,255,.5);animation:aySpin 6s linear infinite;filter:drop-shadow(0 0 8px rgba(80,200,255,.7))}
.hx-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid rgba(53,240,232,.35);background:rgba(53,240,232,.08);
  font:600 11.5px 'IBM Plex Mono',ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#7ff7f1}
.hx-chip i{width:7px;height:7px;border-radius:50%;background:#35f0e8;box-shadow:0 0 10px #35f0e8;animation:ayPulse 1.6s infinite}
.hx h1{font-size:clamp(40px,6vw,80px);line-height:1.02;letter-spacing:-.04em;margin:22px auto 20px;max-width:980px;text-shadow:0 10px 50px rgba(0,0,0,.6)}
.hx .grad{background:linear-gradient(95deg,#9fd8ff 0%,#6aa8ff 35%,#9b85ff 65%,#3ff3ea 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx .lead{font-size:clamp(17px,1.6vw,20px);color:#d3daf2;max-width:640px;margin:0 auto 34px;line-height:1.6}
.hx-small{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0;font-size:13.5px;color:var(--ay-faint)}
.hx-small .ay-i{width:15px;height:15px}

.shots{padding-top:60px}
.shot-tabs{display:flex;justify-content:center;gap:6px;margin:-20px auto 26px;padding:5px;border-radius:14px;border:1px solid var(--ay-line2);background:rgba(13,18,38,.6);width:max-content;max-width:100%}
.shot-tabs button{border:0;background:none;color:var(--ay-mute);font:600 14px Inter,sans-serif;padding:9px 18px;border-radius:10px;cursor:pointer;transition:background .2s,color .2s}
.shot-tabs button.on{background:linear-gradient(135deg,#5af6ee,#7d8cff);color:#04101b}
.shot-frame{position:relative;border-radius:22px;padding:10px;background:linear-gradient(160deg,rgba(160,190,255,.35),rgba(160,175,255,.06) 45%,rgba(53,240,232,.3));
  box-shadow:0 60px 140px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(79,139,255,.6)}
.shot-frame img{display:block;width:100%;height:auto;border-radius:14px;background:#050814}
.shot-frame img:not(.on){position:absolute;left:10px;top:10px;width:calc(100% - 20px);opacity:0;transition:opacity .6s}
.shot-frame img.on{opacity:1;transition:opacity .6s}
.shot-frame .hb{position:absolute;width:26px;height:26px;border:2px solid #35f0e8;z-index:3;filter:drop-shadow(0 0 6px rgba(53,240,232,.7))}
.shot-frame .hb1{top:-10px;left:-10px;border-right:0;border-bottom:0;border-top-left-radius:9px}.shot-frame .hb2{top:-10px;right:-10px;border-left:0;border-bottom:0;border-top-right-radius:9px}
.shot-frame .hb3{bottom:-10px;left:-10px;border-right:0;border-top:0;border-bottom-left-radius:9px}.shot-frame .hb4{bottom:-10px;right:-10px;border-left:0;border-top:0;border-bottom-right-radius:9px}
.shot-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.shot-notes div{padding:18px 20px;border-left:2px solid rgba(53,240,232,.55)}
.shot-notes b{display:block;font:600 16px Sora,sans-serif;margin-bottom:4px}
.shot-notes span{color:var(--ay-mute);font-size:14.5px}

.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pillar{padding:28px 24px;border-radius:var(--ay-r);border:1px solid var(--ay-line2);background:linear-gradient(180deg,rgba(25,35,75,.75),rgba(12,17,38,.75))}
.pillar .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:20px;color:#04101b;background:linear-gradient(135deg,#5af6ee,#7d8cff)}
.pillar .ic .ay-i{width:24px;height:24px;stroke-width:2}
.pillar h3{font-size:19px;margin-bottom:8px}
.pillar p{margin:0;color:var(--ay-mute);font-size:15px;line-height:1.6}

.world .ay-split{align-items:center}
.globe-box{position:relative;aspect-ratio:1;border-radius:28px;border:1px solid var(--ay-line2);overflow:hidden;
  background:radial-gradient(circle at 50% 50%,rgba(30,60,140,.35),transparent 65%),linear-gradient(180deg,#060a1a,#03050c)}
.globe-box canvas{width:100%;height:100%;display:block}
.globe-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.06) 1px,transparent 1px);background-size:40px 40px}
.gl-tag{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(255,80,110,.12);border:1px solid rgba(255,107,139,.45);
  font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#ff8fa8}
.gl-tag i{width:7px;height:7px;border-radius:50%;background:#ff6b8b;animation:ayPulse 1.2s infinite}
.clocks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.clocks div{padding:12px 14px;border-radius:14px;border:1px solid var(--ay-line2);background:rgba(13,18,38,.7)}
.clocks small{display:block;font-size:12px;color:var(--ay-faint)}
.clocks b{font:600 20px 'IBM Plex Mono',ui-monospace,monospace;color:#fff}

.fd{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;padding:48px;border-radius:32px;position:relative;overflow:hidden;
  border:1px solid rgba(139,108,255,.45);background:radial-gradient(600px 300px at 0% 50%,rgba(139,108,255,.24),transparent 70%),radial-gradient(500px 300px at 100% 0%,rgba(53,240,232,.12),transparent 70%),linear-gradient(180deg,rgba(20,26,58,.9),rgba(10,14,32,.9))}
.fd-mark{position:relative;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(from 210deg,#35f0e8,#6aa8ff,#9b85ff,#35f0e8);padding:4px}
.fd-mark span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#0a0e22;font:700 54px Sora,sans-serif;letter-spacing:-.04em;color:#fff}
.fd-mark i{position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(160,190,255,.35);animation:aySpin 30s linear infinite}
.fd h2{font-size:clamp(32px,4vw,48px);margin:12px 0 6px;letter-spacing:-.03em}
.fd-role{margin:0 0 18px;font:600 14px Inter,sans-serif;color:#9fd8ff;letter-spacing:.02em}
.fd-links{margin-top:24px}

.rv-avg{font:700 22px Sora,sans-serif;color:#fff}
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rv{margin:0;padding:24px;border-radius:var(--ay-r);border:1px solid var(--ay-line2);background:var(--ay-card2);display:flex;flex-direction:column;gap:14px}
.rv-stars{color:#ffc85a;letter-spacing:2px;font-size:16px}.rv-stars span{color:rgba(255,255,255,.18)}
.rv blockquote{margin:0;font-size:15.5px;line-height:1.65;color:#e6ebff;flex:1}
.rv figcaption{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.rv-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 14px Sora,sans-serif;color:#04101b;background:linear-gradient(135deg,#5af6ee,#7d8cff)}
.rv figcaption small{color:var(--ay-faint)}
.rv figcaption em{font-style:normal;font-size:11.5px;padding:3px 8px;border-radius:999px;background:rgba(75,227,163,.12);color:var(--ay-ok)}
.rv-empty{display:flex;align-items:center;gap:18px;max-width:720px;margin:0 auto;padding:26px 28px;border-radius:var(--ay-r);border:1px dashed rgba(160,190,255,.35);background:rgba(13,18,38,.5)}
.rv-empty>.ay-i{width:30px;height:30px;color:#ff8fa8}
.rv-empty div{flex:1}.rv-empty b{display:block;font:600 17px Sora,sans-serif}.rv-empty span{color:var(--ay-mute);font-size:14.5px}
.ay-al{text-decoration:none;color:inherit}.ay-al b{background:linear-gradient(95deg,#5af6ee,#9b85ff);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (max-width:1060px){.pillars{grid-template-columns:1fr 1fr}.rv-grid{grid-template-columns:1fr 1fr}.fd{grid-template-columns:1fr;padding:34px}.fd-mark{width:130px;height:130px}.fd-mark span{font-size:40px}}
@media (max-width:760px){.hx{padding-top:84px}.pillars,.rv-grid,.shot-notes{grid-template-columns:1fr}.clocks{grid-template-columns:1fr 1fr}.rv-empty{flex-direction:column;align-items:flex-start}
  .shot-tabs button{padding:8px 11px;font-size:13px}}

/* ================================================================ home v4: open, calm, emotional */
.hm-hero{position:relative;overflow:hidden;isolation:isolate;margin-top:-70px;padding:110px 0 120px;text-align:center}
.hm-hero .ay-aurora{background:radial-gradient(700px 460px at 50% 32%,rgba(70,120,255,.28),transparent 70%),radial-gradient(500px 340px at 50% 30%,rgba(53,240,232,.12),transparent 70%)}
.ay-being{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto;cursor:pointer}
.ay-being .vy-being{position:absolute;left:-22%;top:-30%;width:144%;height:144%;pointer-events:none;z-index:2}
.ay-being .halo{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(160,190,255,.16);box-shadow:0 0 120px 10px rgba(70,120,255,.18) inset}
.ay-being .halo::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(53,240,232,.55);animation:aySpin 9s linear infinite}
.hm-state{display:inline-flex;align-items:center;gap:9px;margin-top:6px;padding:7px 15px;border-radius:999px;border:1px solid rgba(160,190,255,.25);background:rgba(10,14,32,.6);
  font:600 12px 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#cfe1ff}
.hm-state i{width:8px;height:8px;border-radius:50%;background:#35f0e8;box-shadow:0 0 12px #35f0e8;animation:ayPulse 1.4s infinite}
.hm-state[data-mode="listening"] i{background:#f0b44c;box-shadow:0 0 12px #f0b44c}
.hm-state[data-mode="thinking"] i{background:#8b8cff;box-shadow:0 0 12px #8b8cff}
.hm-hero h1{font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.04em;margin:34px auto 26px;max-width:1180px}
.hm-hero .grad,.hm .grad{background:linear-gradient(95deg,#a8dcff 0%,#6aa8ff 40%,#a28bff 75%,#5ff5ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-hero .lead{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#d6dcf3;max-width:660px;margin:0 auto 40px}
.hm-small{margin:26px 0 0;font-size:14px;color:var(--ay-faint)}
.hm-sec{padding:150px 0;position:relative}
.hm-head{text-align:center;max-width:820px;margin:0 auto 64px}
.hm-head h2{font-size:clamp(32px,4.4vw,58px);line-height:1.06;letter-spacing:-.035em;margin:18px 0 18px}
.hm-head p{font-size:18px;color:var(--ay-mute);margin:0;line-height:1.65}
.hm .shot-frame{padding:8px;border-radius:24px}
.hm .shot-frame img{border-radius:17px}
.hm .shot-frame img:not(.on){left:8px;top:8px;width:calc(100% - 16px)}
.hm-four{display:grid;grid-template-columns:repeat(4,1fr);gap:56px 40px}
.hm-four .ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:24px;color:#5ff5ee;
  background:radial-gradient(circle at 30% 30%,rgba(95,245,238,.22),rgba(106,168,255,.08));border:1px solid rgba(95,245,238,.3)}
.hm-four .ic .ay-i{width:26px;height:26px}
.hm-four h3{font-size:24px;letter-spacing:-.02em;margin-bottom:12px}
.hm-four p{margin:0;color:var(--ay-mute);font-size:16px;line-height:1.7}
.hm-world{gap:80px}
.hm .fd{padding:64px;gap:60px}
.rv-empty p{margin:0;flex:1;font-size:17px;color:var(--ay-mute)}
.hm .rv-empty{justify-content:space-between;border-style:solid;border-color:var(--ay-line);background:none;padding:30px 0;border-width:1px 0}
.hm-price{text-align:center;padding:90px 30px;border-radius:36px;position:relative;overflow:hidden;
  background:radial-gradient(700px 360px at 50% 0%,rgba(70,120,255,.25),transparent 70%),linear-gradient(180deg,rgba(18,24,54,.8),rgba(8,11,26,.8));border:1px solid rgba(120,160,255,.3)}
.hm-price .hm-amount{font:700 clamp(72px,10vw,128px)/1 Sora,sans-serif;letter-spacing:-.05em;margin:24px 0 18px;color:#fff}
.hm-price .hm-amount small{font:500 20px Inter,sans-serif;letter-spacing:0;color:var(--ay-faint);margin-left:10px}
.hm-price p{font-size:18px;color:var(--ay-mute);margin:0 auto 36px;max-width:560px}
.hm .ay-faq details{background:none;border-width:0 0 1px;border-radius:0;padding:22px 4px}
.hm .ay-faq summary{font-size:18px}
.hm .ay-faq p{font-size:16px}
.hm-more{text-align:center;margin-top:30px;color:var(--ay-faint)}
@media (max-width:1060px){.hm-four{grid-template-columns:1fr 1fr}.hm-sec{padding:110px 0}.hm .fd{padding:40px}}
@media (max-width:760px){.hm-four{grid-template-columns:1fr;gap:40px}.hm-sec{padding:84px 0}.hm-hero{padding:90px 0 80px}.hm .fd{padding:28px}.hm .rv-empty{flex-direction:column;align-items:flex-start}}

/* official marks */
.ay-brand-i{width:24px;height:24px;display:block}
.paymarks{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.paymarks span{font-size:13px;color:var(--ay-faint);margin-right:4px}
.paymarks .ay-brand-i{width:38px;height:24px;padding:6px 12px;border-radius:8px;background:#fff;box-sizing:content-box}
.pm-visa{color:#1A1F71}.pm-mc{color:#EB001B}.pm-pp{color:#003087}.pm-st{color:#635BFF}
.ay-price-main .paymarks{justify-content:flex-start}
.gp-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 16px;border-radius:12px;background:#000;border:1px solid #6b6b6b;color:#fff;text-decoration:none}
.gp-badge .ay-brand-i{width:28px;height:28px;color:#fff}
.gp-badge span{display:flex;flex-direction:column;font:600 20px/1.05 Inter,sans-serif;text-align:left}
.gp-badge small{font:500 10.5px Inter,sans-serif;letter-spacing:.06em}
.hm-phone{gap:80px}
.tg-card{position:relative;padding:44px 40px;border-radius:32px;text-align:center;border:1px solid rgba(38,165,228,.4);
  background:radial-gradient(500px 300px at 50% 0%,rgba(38,165,228,.25),transparent 70%),linear-gradient(180deg,rgba(14,22,48,.95),rgba(7,10,24,.95))}
.tg-logo{width:96px;height:96px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;color:#26A5E4;background:#fff;box-shadow:0 20px 60px -16px rgba(38,165,228,.8)}
.tg-logo .ay-brand-i{width:96px;height:96px}
.tg-card>b{display:block;font:700 26px Sora,sans-serif;letter-spacing:-.02em}
.tg-card>span{display:block;color:var(--ay-faint);margin:6px 0 26px;font-size:14px}
.tg-card ol{list-style:none;counter-reset:t;margin:0;padding:0;display:grid;gap:10px;text-align:left}
.tg-card li{counter-increment:t;display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ay-line);font-size:15px;color:#e3e8fb}
.tg-card li::before{content:counter(t);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px Sora,sans-serif;color:#fff;background:#26A5E4}
.tg-card li i{font-style:normal;color:#7fd3ff}
@media (max-width:760px){.tg-card{padding:30px 22px}.hm-phone{gap:40px}}

/* ================================================================ inner pages v2: readable, solid cards */
.pg .ay-pagehead{padding-bottom:40px}
.toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 10px}
.toc a{padding:9px 16px;border-radius:999px;border:1px solid var(--ay-line2);background:#0c1230;color:#dfe5fb;text-decoration:none;font-size:14px;font-weight:500}
.toc a:hover{border-color:rgba(53,240,232,.6);color:#fff}
.pg-sec{padding:100px 0;position:relative;scroll-margin-top:80px}
.pg-h{text-align:center;max-width:780px;margin:0 auto 48px}
.pg-h h2{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.03em;margin:16px 0 14px}
.pg-h p{font-size:17.5px;color:var(--ay-mute);margin:0;line-height:1.65}
.pg-note{text-align:center;color:var(--ay-mute);margin:28px auto 0;font-size:15px}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.st,.br,.cc,.md,.mc,.fg{background:linear-gradient(180deg,#121a3d,#0b1029);border:1px solid rgba(140,160,255,.24);border-radius:22px;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.st{padding:28px 26px;position:relative}
.st>b{display:block;font:700 34px Sora,sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,#5ff5ee,#9b85ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.st h3,.br h3,.cc h3,.md h3{font-size:20px;margin-bottom:8px;color:#fff}
.st p,.br p,.cc p{margin:0;color:#c9d1ee;font-size:15.5px;line-height:1.65}
.st a,.br a{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#5ff5ee;font-weight:600;font-size:14.5px;text-decoration:none}
.st a .ay-i,.br a .ay-i{width:15px;height:15px}
.st i,.br i,.cc i,.numlist i{font-style:normal;color:#9fe9ff}
.req{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.req div{padding:22px 24px;border-radius:18px;background:#0e1534;border:1px solid rgba(140,160,255,.22)}
.req small{display:block;font:600 11.5px Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5ff5ee;margin-bottom:8px}
.req b{font-size:16.5px;color:#fff;font-weight:600}
.numlist{list-style:none;counter-reset:n;margin:0;padding:0;display:grid;gap:12px}
.numlist li{counter-increment:n;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:#0e1534;border:1px solid rgba(140,160,255,.22);font-size:16px;line-height:1.6;color:#dfe5fb}
.numlist li::before{content:counter(n);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 14px Sora,sans-serif;color:#04101b;background:linear-gradient(135deg,#5ff5ee,#9b85ff)}
.numlist a{color:#5ff5ee}
.callout{display:flex;gap:14px;margin-top:26px;padding:18px 20px;border-radius:16px;background:rgba(255,200,90,.08);border:1px solid rgba(255,200,90,.35);color:#f3e6c4;font-size:15px;line-height:1.6}
.callout .ay-i{color:#ffc85a;flex:none;margin-top:2px}
.brains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.br{padding:28px}
.br .tag,.md .tag{display:inline-block;font:700 11px Sora,sans-serif;letter-spacing:.14em;padding:5px 10px;border-radius:8px;background:rgba(95,245,238,.14);color:#5ff5ee;margin-bottom:14px}
.says{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1000px;margin:0 auto}
.says span{padding:14px 20px;border-radius:16px;background:#0e1534;border:1px solid rgba(140,160,255,.26);color:#fff;font-size:16px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{display:block;padding:30px;text-decoration:none;transition:transform .3s var(--ay-ease),border-color .3s}
a.cc:hover{transform:translateY(-3px);border-color:rgba(95,245,238,.55)}
.cc .ic,.md .ic,.fg .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;color:#04101b;background:linear-gradient(135deg,#5ff5ee,#8d8cff)}
.cc .ic .ay-i,.md .ic .ay-i,.fg .ic .ay-i{width:24px;height:24px;stroke-width:2}
.cc b{display:block;margin-top:18px;color:#5ff5ee;font-size:16px}
.cc small{display:block;margin-top:4px;color:var(--ay-faint);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.addr{padding:34px;border-radius:24px;background:linear-gradient(180deg,#121a3d,#0b1029);border:1px solid rgba(140,160,255,.28)}
.addr h3{font-size:24px;margin:16px 0 6px}
.addr p{color:#c9d1ee;margin:0 0 18px}
.addr ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.addr li{display:flex;align-items:center;gap:12px;color:#fff;font-size:15.5px}
.addr li .ay-i{color:#5ff5ee}
.addr a{color:#fff}
.tl{display:grid;gap:14px;border-left:2px solid rgba(95,245,238,.4);padding-left:26px}
.tl div{position:relative;padding:18px 22px;border-radius:16px;background:#0e1534;border:1px solid rgba(140,160,255,.22)}
.tl div::before{content:"";position:absolute;left:-35px;top:24px;width:14px;height:14px;border-radius:50%;background:#5ff5ee;box-shadow:0 0 14px #5ff5ee}
.tl b{display:block;color:#fff;font:600 17px Sora,sans-serif;margin-bottom:4px}
.tl span{color:#c9d1ee;font-size:15px}
.fd-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fd-facts span,.fd-facts a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(160,190,255,.25);color:#fff;font-size:14px;text-decoration:none}
.fd-facts .ay-i{width:16px;height:16px;color:#5ff5ee}
.mode3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.md{padding:30px;display:flex;flex-direction:column}
.md.best{border-color:rgba(95,245,238,.55);box-shadow:0 0 0 1px rgba(95,245,238,.2),0 40px 80px -50px rgba(95,245,238,.6)}
.md ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px;color:#dfe5fb;font-size:15px}
.md li{display:flex;gap:10px}.md li .ay-i{color:#4be3a3;width:18px;height:18px;flex:none;margin-top:2px}
.md .ay-btn{margin-top:22px;align-self:flex-start}
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.mc{padding:26px}
.mc .fam{display:block;font:700 11px Sora,sans-serif;letter-spacing:.16em;color:#5ff5ee;margin-bottom:8px}
.mc.qwen .fam{color:#b6a3ff}
.mc-top b{display:block;font:700 24px Sora,sans-serif;color:#fff;letter-spacing:-.02em}
.mc-top p{margin:6px 0 16px;color:#c9d1ee;font-size:15px}
.mc dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.mc dl div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(140,160,255,.18)}
.mc dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ay-faint)}
.mc dd{margin:4px 0 0;color:#fff;font-weight:600;font-size:15px}
.mc .for{display:flex;gap:8px;margin:16px 0 0;color:#dfe5fb;font-size:14.5px}.mc .for .ay-i{color:#4be3a3;width:18px;height:18px;flex:none}
.spec{display:grid;gap:12px}
.spec div{padding:20px 22px;border-radius:16px;background:#0e1534;border:1px solid rgba(140,160,255,.22)}
.spec b{display:block;color:#fff;font:600 17px Sora,sans-serif;margin-bottom:4px}.spec span{color:#c9d1ee;font-size:15px}
/* home: feature grid */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fg{display:flex;gap:18px;padding:24px;align-items:flex-start}
.fg .ic{margin:0;flex:none;width:48px;height:48px;border-radius:14px}
.fg h3{font-size:18px;color:#fff;margin:2px 0 6px}
.fg p{margin:0;color:#c9d1ee;font-size:15px;line-height:1.6}
/* home: animated phone */
.phone-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.phone{position:relative;width:300px;height:600px;border-radius:46px;padding:12px;background:linear-gradient(160deg,#2a3156,#0b0f22);box-shadow:0 0 0 2px rgba(160,190,255,.25),0 60px 120px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(38,165,228,.6)}
.phone .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:14px;background:#05070f;z-index:3}
.ph-head{display:flex;align-items:center;gap:10px;padding:46px 14px 12px;border-radius:34px 34px 0 0;background:#17212b}
.ph-head .av{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#0b1029}.ph-head .av img{width:100%;height:100%}
.ph-head b{display:block;color:#fff;font-size:15px}.ph-head small{color:#5fbbf5;font-size:12px}
.ph-head .tg-mini{margin-left:auto;width:22px;height:22px;color:#26A5E4}
.ph-chat{height:470px;border-radius:0 0 34px 34px;padding:16px 12px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;
  background:linear-gradient(180deg,#0e1621,#0b131c)}
.pm{max-width:80%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.45;color:#fff;opacity:0;animation:phMsg 14s infinite}
.pm.me{align-self:flex-end;background:#2b5278;border-bottom-right-radius:5px}
.pm.ai{align-self:flex-start;background:#182533;border-bottom-left-radius:5px}
.p1{animation-delay:0s}.p2{animation-delay:1.6s}.p3{animation-delay:3.4s}.p4{animation-delay:4.8s}
.typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;border-radius:16px;background:#182533;opacity:0;animation:phMsg 14s 6.4s infinite}
.typing i{width:7px;height:7px;border-radius:50%;background:#8aa0b8;animation:ayPulse 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes phMsg{0%{opacity:0;transform:translateY(12px)}4%,80%{opacity:1;transform:none}88%,100%{opacity:0}}
.vn{display:flex;align-items:center;gap:8px}
.vn i{width:28px;height:28px;border-radius:50%;background:#5fbbf5;flex:none;position:relative}
.vn i::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vn em{display:flex;align-items:center;gap:2px;height:24px}
.vn s{display:block;width:3px;height:var(--h);border-radius:2px;background:#9fd3f5;text-decoration:none;animation:ayWaveS 1.2s ease-in-out infinite alternate}
.vn s:nth-child(odd){animation-delay:.3s}
@keyframes ayWaveS{to{transform:scaleY(.4)}}
.vn small{color:#9fb3c8;font-size:11px}
.ph-note{margin-top:12px;font-size:12px;color:var(--ay-faint);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:1060px){.steps4{grid-template-columns:1fr 1fr}.req,.brains,.cards3,.mode3,.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.steps4,.steps3,.req,.brains,.cards3,.mode3,.fgrid{grid-template-columns:1fr}.pg-sec{padding:70px 0}.phone{transform:scale(.9)}}