/* V105: المان‌های هیرو با SVG و CSS؛ رنگ‌ها از متغیرها و هماهنگ با تم روشن/تیره */
.hero-visual60{--h4-f1:#5a6a7c;--h4-f2:#2d3946;--h4-f3:#1a232d;--h4-f4:#0d1319;--h4-edge:#b9c7d3;--h4-edge2:#e6eef3;--h4-line:#ffffff14;--h4-line2:#ffffff0a;--h4-floor:#000;--h4-ink:#eef3f7;--h4-s1:#20334a;--h4-s2:#0d1824}
html[data-theme=light] .hero-visual60{--h4-f1:#8a98a8;--h4-f2:#4b5a6a;--h4-f3:#2b3745;--h4-f4:#1a232d;--h4-edge:#ffffff;--h4-edge2:#ffffff;--h4-line:#17202a22;--h4-line2:#17202a10;--h4-floor:#2b3745;--h4-ink:#f3f6f8;--h4-s1:#3a4d63;--h4-s2:#1d2a39}
.hero-visual60 .hero-art-stack{aspect-ratio:1/1}
.hero-visual60 .artwork104{display:block;width:100%;height:100%}
.hero-visual60 .artwork104 text{font-family:Inter,Vazirmatn,sans-serif}
.hero-visual60 .hero-art.active .art60-touch{animation:art60-touch 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hero-visual60 .hero-art.active .art60-playhead{animation:h4-playhead 6s linear infinite}
@keyframes h4-playhead{0%{transform:translate(170px,0)}100%{transform:translate(480px,0)}}
/* تم روشن: قاب شیشه‌ای روشن، برچسب‌ها تیره */
html[data-theme=light] .hero-visual60{background:radial-gradient(ellipse at 60% 42%,#ffffffb0,transparent 65%),linear-gradient(160deg,#f7f9fb,#e3e9ee)!important;border:1px solid #ffffffcc!important;box-shadow:0 30px 70px #17202a22!important}
html[data-theme=light] .hero-visual60:before{background:linear-gradient(120deg,#ffffff80,transparent 30%,transparent 75%,#ff9a3914)}
html[data-theme=light] .hero-visual60 .visual-meta,html[data-theme=light] .hero-visual60 .visual-caption{color:#4b5a6a}
html[data-theme=light] .hero-visual60 .visual-label{color:#17202a!important;background:#ffffffd9!important;border-color:#17202a1f!important;box-shadow:0 10px 30px #17202a1a!important}
html[data-theme=light] .hero-visual60 .hero-label-mark{color:#e9661f}
@media(prefers-reduced-motion:reduce){.hero-visual60 .art60-playhead,.hero-visual60 .art60-touch{animation:none!important}}