@media(max-width:580px){
 #hero .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:12px;align-items:stretch}
 #hero .stat-card{min-width:0;border-radius:20px}
 #hero .stat-card .card-bg,#hero .stat-card .card-inner{border-radius:18.5px}
 #hero .stat-card .card-inner{height:100%;min-height:148px;padding:24px 10px;box-sizing:border-box}
 #hero .stat-card .bg-icon{bottom:-20px}
 #hero .stat-card .hs-v{font-size:22px;max-width:100%}
 #hero .stat-card .hs-v small{font-size:11px;margin-right:2px}
 #hero .stat-card .hs-l{font-size:11px}
 #hero .stat-card .hs-l .en{font-size:8px;letter-spacing:.06em;overflow-wrap:normal}
}
@media(max-width:640px){
 #cta{padding-bottom:30px}
 #df-3d-sticky{height:420px!important}
}
@media(max-width:760px){
 #ourstory .os-track-wrap{padding:0}
 #ourstory .os-track{padding-top:48px}
}
#osTrack{cursor:grab;touch-action:pan-y}
#osTrack.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none}
@media(max-width:760px),(prefers-reduced-motion:reduce){
 #osTrack{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
}
@media(max-width:760px),(prefers-reduced-motion:reduce){
 #osTrack{align-items:stretch}
 #osTrack .os-panel{align-items:stretch}
}

#ourstory .os-progress{gap:0}
#ourstory .os-dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;box-shadow:none;transform:none;cursor:pointer}
#ourstory .os-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:rgba(21,21,40,.16);transition:background .35s,transform .35s,box-shadow .35s}
#ourstory .os-dot.on::before{background:#6532ff;transform:scale(1.4);box-shadow:0 0 14px rgba(101,50,255,.5)}
@media(prefers-reduced-motion:reduce){#ourstory .os-dot::before{transition:none}}

/* English stat cards: keep the Persian stacked bilingual labels unchanged. */
@media(max-width:900px){
 html[lang="en"] #hero .cards-grid{align-items:stretch;grid-auto-rows:minmax(190px,auto)}
 html[lang="en"] #hero .stat-card{height:100%;box-sizing:border-box}
 html[lang="en"] #hero .stat-card .card-inner{
   min-height:190px;height:100%;box-sizing:border-box;
   display:flex;flex-direction:column;justify-content:center;align-items:center;
   gap:8px;padding:20px 10px 68px
 }
 html[lang="en"] #hero .stat-card .hs-v{
   min-height:48px;display:flex;align-items:center;justify-content:center;
   flex-wrap:wrap;column-gap:5px;line-height:1.15;font-size:22px
 }
 html[lang="en"] #hero .stat-card .hs-v[style*="font-size: 24px"]{font-size:clamp(16px,4.2vw,20px)!important}
 html[lang="en"] #hero .stat-card .hs-v small{white-space:nowrap;font-size:11px;margin:0}
 html[lang="en"] #hero .stat-card .hs-l{min-height:36px;display:flex;align-items:flex-start;justify-content:center;font-size:12px;line-height:1.45}
 html[lang="en"] #hero .stat-card .bg-icon{width:60px;height:60px;bottom:4px;left:4px}
}