.nl a{transition:color .2s}.nl a:hover{color:var(--tx)}
[data-theme=dark] .nl a:hover{color:#fff}[data-theme=light] .nl a:hover{color:#000}
/* هیرو: جادهٔ تمام‌عرض در پس‌زمینه */
.hero{overflow:hidden}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-bg svg{width:100%;height:100%;display:block}
.hg{position:relative;z-index:2}
.rd{fill:url(#rdg)}.ed2{stroke-opacity:.35;stroke-width:1.6}.gl{opacity:.35}
.lab text{font:700 11px IRANSans}
.stage{aspect-ratio:auto;max-height:none;height:min(680px,80vh);-webkit-mask-image:none;mask-image:none;display:grid;place-items:center}
.demo-tag{position:absolute;top:1%;left:50%;transform:translateX(-50%);z-index:4;background:var(--pill);color:var(--pilltx);border:1px solid var(--line);border-radius:99px;padding:.15rem .9rem;font-size:.72rem;font-weight:700}
/* گوشی */
.ph3,.phone{--tx:#e9eefc;--mu:#9aa8c9;--line:rgba(255,255,255,.09);color:#e9eefc}
.ph3{position:relative;width:262px;height:min(540px,76vh);background:#05080f;border-radius:44px;padding:9px;border:1px solid rgba(255,255,255,.2);box-shadow:0 40px 80px -24px rgba(0,0,0,.85),0 0 0 6px rgba(255,255,255,.05),0 0 80px -10px rgba(79,124,255,.45);z-index:3}
.ph3n{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:14px;background:#000;z-index:2}
.ph3s{height:100%;background:linear-gradient(180deg,#111c3a,#0a1226);border-radius:36px;overflow:hidden;display:flex;flex-direction:column}
.ph3b{display:flex;justify-content:space-between;direction:ltr;padding:12px 20px 2px;font-size:.62rem;color:#9aa8c9}
.ph3h{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.9rem .8rem .5rem}.ph3h b{font-size:.7rem}
.liv{color:#2ed3a0;font-size:.62rem;background:rgba(46,211,160,.14);padding:.1rem .55rem;border-radius:99px;white-space:nowrap}
.ph3m{width:100%;height:auto;display:block}
.ph3c{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .6rem 0;flex:1;justify-content:flex-end}
.pb{font-size:.66rem;padding:.35rem .65rem;border-radius:12px;max-width:90%;line-height:1.7;opacity:0;transform:translateY(8px);animation:up .6s forwards}
.pb:nth-child(1){animation-delay:.5s}.pb:nth-child(2){animation-delay:1.7s}.pb:nth-child(3){animation-delay:2.9s}
.pb.l{background:#222c47;align-self:flex-start}.pb.r{background:#4f7cff;color:#fff;align-self:flex-end}
.ph3i{margin:.6rem;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.07);border-radius:14px;padding:.35rem .6rem;color:#9aa8c9;font-size:.68rem}
.ph3i i{width:26px;height:26px;border-radius:50%;background:#4f7cff;display:grid;place-items:center;font-style:normal;color:#fff;font-size:.65rem}
/* کارت‌های شناور */
.fc{z-index:4;min-width:178px}.fc small{display:block}
.fc.f1{top:11%;left:-3%;right:auto;bottom:auto}.fc.f2{top:33%;right:-7%;left:auto;bottom:auto;animation-delay:-2s}
.fc.f3{bottom:27%;left:-8%;top:auto;right:auto;animation-delay:-4s}.fc.f4{bottom:7%;right:-4%;top:auto;left:auto;animation-delay:-1s}
.fc .rd1{background:#ff5d6c;color:#fff}.fc .bl1{background:#4f7cff;color:#fff}.fc .gr1{background:#2ed3a0;color:#05241a}.fc .am1{background:var(--am);color:#1a1200}
/* کارت نقشهٔ زنده */
.lv{display:grid;gap:.8rem}.lmap{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.lmap svg{display:block;width:100%;height:auto}
#eta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;transition:opacity .35s,filter .35s}#eta .mem{margin:0;padding:.65rem .85rem}
.chip.tb{border:1px solid rgba(255,255,255,.2);color:#e8eeff;cursor:pointer;font:700 .82rem IRANSans;padding:.4rem 1.05rem;transition:.2s}
.chip.tb:hover{background:rgba(255,255,255,.2)}.chip.tb.on{background:#fff;color:#1b2f8f;border-color:#fff}
.g-od,.g-cp,.g-eta{transition:opacity .35s}
.live.off-od .g-od,.live.off-cp .g-cp,.live.off-eta .g-eta{opacity:0}.live.off-eta #eta{opacity:.2;filter:grayscale(1)}
.mt{font:700 11px IRANSans;fill:#fff;text-anchor:middle}.mn{font:900 11px IRANSans;fill:#1a1200;text-anchor:middle}.mn.et{fill:#fff;font-size:10.5px}
.flow{animation:fw 1.2s linear infinite}@keyframes fw{to{stroke-dashoffset:-22}}
@media(max-width:900px){.stage{height:620px}.fc.f1{left:0}.fc.f2{right:0}.fc.f3{left:0}.fc.f4{right:0}.fc{min-width:150px;font-size:.9em}#eta{grid-template-columns:1fr}}