/* پس‌زمینه تمام‌عرض (قبلاً داخل کانتینر محدود می‌شد و روی مانیتور بزرگ لبه‌دار دیده می‌شد) */
.hero:before{display:none}
#bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#bgfx:before,#bgfx:after,#bgfx i{content:"";position:absolute;border-radius:50%;filter:blur(110px);animation:drift 26s ease-in-out infinite alternate}
#bgfx:before{width:min(62vw,900px);aspect-ratio:1;top:-34vh;inset-inline-start:-14vw;opacity:.34;background:radial-gradient(circle,var(--pr),transparent 68%)}
#bgfx:after{width:min(54vw,780px);aspect-ratio:1;top:-26vh;inset-inline-end:-12vw;opacity:.26;background:radial-gradient(circle,var(--ac),transparent 68%);animation-delay:-9s}
#bgfx i{width:min(46vw,640px);aspect-ratio:1;bottom:-34vh;left:30vw;opacity:.2;background:radial-gradient(circle,#0fb8a0,transparent 68%);animation-delay:-16s}
@keyframes drift{to{transform:translate3d(4vw,5vh,0) scale(1.08)}}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(to right,color-mix(in srgb,var(--tx) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--tx) 6%,transparent) 1px,transparent 1px);
 background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 55% at 50% 0,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 75% 55% at 50% 0,#000 20%,transparent 72%)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #bgfx:before{opacity:.3}:root:not([data-theme=light]) #bgfx:after{opacity:.22}}
:root[data-theme=dark] #bgfx:before{opacity:.3}:root[data-theme=dark] #bgfx:after{opacity:.22}
@media(min-width:1100px){.wrap{max-width:1200px}h1{font-size:clamp(40px,4.4vw,64px)}.lead{font-size:20px}.hero{padding:104px 0 70px}}
.vis{background:linear-gradient(160deg,var(--sf),color-mix(in srgb,var(--pr) 9%,var(--sf)));border-color:color-mix(in srgb,var(--pr) 28%,var(--bd));box-shadow:0 40px 90px -30px color-mix(in srgb,var(--pr) 55%,transparent),0 2px 0 color-mix(in srgb,#fff 40%,transparent) inset}
.card{background:color-mix(in srgb,var(--sf) 90%,transparent);backdrop-filter:blur(8px)}
a.btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px;color:inherit}
/* اعلان‌ها و toast */
#bell{position:relative;font-size:18px;padding:8px 12px}
#bell .dot{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--s);color:#fff;border-radius:99px;font-size:11px;padding:0 6px;line-height:18px;min-width:18px}
#toast{position:fixed;inset-inline:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));max-width:420px;margin-inline:auto;z-index:60;background:var(--tx);color:var(--bg);padding:12px 16px;border-radius:16px;box-shadow:var(--sh);font-weight:600;cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s}
#toast.show{opacity:1;transform:none;pointer-events:auto}
@media(min-width:800px){#toast{bottom:28px}}
.bub{max-width:88%;padding:10px 14px;border-radius:18px;border:1px solid var(--bd);white-space:pre-wrap;word-break:break-word}
.bub.me{margin-inline-start:auto;background:color-mix(in srgb,var(--pr) 14%,var(--sf))}.bub.st{background:var(--sf)}
.bub img{max-width:220px;border-radius:12px;display:block;margin-top:8px}
.st-open{color:var(--o)}.st-answered{color:var(--n)}.st-closed{color:var(--tx2)}
textarea{width:100%;min-height:110px;padding:12px 14px;border-radius:14px;border:1px solid var(--bd);background:var(--sf);color:var(--tx);font:inherit;resize:vertical}