/* Focused connected-state visual; the full app screenshots remain in the gallery below. */
.hero-product{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate}
.connected-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}
.power-zone{position:relative;width:370px;height:370px;display:grid;place-items:center}
.power-zone:before{content:"";position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle,rgba(35,209,120,.22) 0%,rgba(35,209,120,.09) 34%,rgba(35,209,120,.025) 57%,transparent 73%);filter:blur(8px);animation:connectedGlow 3.5s ease-in-out infinite}
.connected-power-button{position:relative;z-index:3;width:166px;height:166px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:Arial,sans-serif;font-size:72px;font-weight:300;line-height:1;background:radial-gradient(circle at 42% 34%,#39df8b 0%,#20bf6b 42%,#0c7d43 100%);border:1px solid rgba(157,255,201,.42);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 28px rgba(35,209,120,.44),0 0 75px rgba(35,209,120,.24),inset 0 1px 2px rgba(255,255,255,.34)}
.power-ripple{--wave-peak:.46;--wave-mid:.22;position:absolute;z-index:1;width:166px;height:166px;border-radius:50%;border:2px solid #6ae69f;box-shadow:0 0 8px rgba(63,247,145,.34),0 0 19px rgba(35,209,120,.15);opacity:0;animation:connectedRipple 3.6s linear infinite;pointer-events:none;will-change:transform,opacity}
.power-ripple:nth-of-type(2){--wave-peak:.3;--wave-mid:.14;animation-delay:-1.2s}
.power-ripple:nth-of-type(3){--wave-peak:.22;--wave-mid:.1;animation-delay:-2.4s}
.connected-state{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:-33px}
.connected-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px}
.connected-dot{width:9px;height:9px;border-radius:50%;background:#28d879;box-shadow:0 0 13px rgba(40,216,121,.9)}
.connected-title strong{font-weight:700}
.connected-server{color:var(--muted);font-size:14px;direction:ltr}
.lang-en{display:none}html[lang="en"] .lang-fa{display:none}html[lang="en"] .lang-en{display:inline}
@keyframes connectedRipple{0%{transform:scale(.95);opacity:0}9%{transform:scale(1.06);opacity:var(--wave-peak)}50%{transform:scale(1.58);opacity:var(--wave-mid)}100%{transform:scale(2.2);opacity:0}}
@keyframes connectedGlow{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.power-zone:before{animation:none}}
@media (min-width:761px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.hero-product{min-height:430px}.power-zone{width:320px;height:320px}.connected-power-button{width:148px;height:148px;font-size:64px}.power-ripple{width:148px;height:148px}.connected-state{margin-top:-25px}}