/* Persian-only styles for Worya | Fintech Mind */
html[lang="fa"], body { direction:rtl; }
body, button, input, textarea, select {font-family:'Vazirmatn', Tahoma, sans-serif;}

/* Worya v9 — viewport-aware compact hero. Never crop actual copy. */
body:has(#heroUniverse) .hero{height:auto;min-height:clamp(610px,83svh,770px);max-height:none;overflow:hidden}
body:has(#heroUniverse) .hero-layout{height:auto;min-height:inherit;gap:clamp(16px,2vw,40px);padding-top:clamp(88px,12svh,112px);padding-bottom:62px;align-content:center}
body:has(#heroUniverse) .hero-overline{margin-bottom:18px}
body:has(#heroUniverse) .hero h1{font-size:clamp(47px,4.6vw,69px);line-height:1.34;margin-bottom:14px;letter-spacing:-2.1px}
body:has(#heroUniverse) .hero-description{line-height:2.05;font-size:clamp(12px,1.04vw,14px);margin-bottom:20px}
body:has(#heroUniverse) .hero-buttons{gap:9px;flex-wrap:wrap}
body:has(#heroUniverse) .hero-buttons .btn{min-height:44px;padding:9px 14px;gap:9px}
body:has(#heroUniverse) .hero-footnote{margin-top:27px}
body:has(#heroUniverse) .hero-universe{height:min(490px,55svh);min-height:0;transform:translateX(-4px)}
body:has(#heroUniverse) .universe-frame{width:min(87%,490px);left:50%;top:50%;transform:translate(-50%,-50%)}
body:has(#heroUniverse) .orbit-center{width:clamp(112px,12vw,168px);height:clamp(112px,12vw,168px)}
body:has(#heroUniverse) .hero-bottom{bottom:14px}
@media(max-width:1024px){
 body:has(#heroUniverse) .hero{min-height:clamp(590px,86svh,760px)}
 body:has(#heroUniverse) .hero-layout{grid-template-columns:1fr 1fr;padding-top:86px;padding-bottom:45px;gap:12px}
 body:has(#heroUniverse) .hero-overline{margin-bottom:15px}
 body:has(#heroUniverse) .hero h1{font-size:clamp(37px,4.6vw,49px);line-height:1.35}
 body:has(#heroUniverse) .hero-description{font-size:12px;line-height:1.88;margin-bottom:14px}
 body:has(#heroUniverse) .hero-buttons .btn{min-height:39px;padding:8px 10px;font-size:10px}
 body:has(#heroUniverse) .hero-footnote{margin-top:19px}
 body:has(#heroUniverse) .hero-universe{height:min(410px,50svh);min-height:0}
}
@media(max-width:800px){
 body:has(#heroUniverse) .hero{min-height:100svh;height:auto}
 body:has(#heroUniverse) .hero-layout{grid-template-columns:1fr;min-height:100svh;padding-top:clamp(79px,10svh,100px);padding-bottom:35px;gap:1px;align-content:center}
 body:has(#heroUniverse) .hero-copy{max-width:610px;margin-inline:auto;width:100%}
 body:has(#heroUniverse) .hero-overline{margin:0 0 12px;font-size:8px}
 body:has(#heroUniverse) .hero-eyebrow{font-size:11px;margin-bottom:4px}
 body:has(#heroUniverse) .hero h1{font-size:clamp(36px,7.2vw,54px);line-height:1.35;letter-spacing:-1.3px;margin:0 0 9px;white-space:normal}
 body:has(#heroUniverse) .hero-description{font-size:clamp(11px,1.65vw,13px);line-height:1.86;max-width:600px;margin:0 0 13px}
 body:has(#heroUniverse) .hero-buttons{gap:7px;flex-wrap:wrap}
 body:has(#heroUniverse) .hero-buttons .btn{min-height:36px;font-size:10px;padding:7px 10px;gap:7px}
 body:has(#heroUniverse) .hero-buttons .btn .ico{width:13px;height:13px}
 body:has(#heroUniverse) .hero-footnote{margin:10px 0 0;gap:9px;font-size:9px}
 body:has(#heroUniverse) .footnote-symbol{width:27px;height:27px}
 body:has(#heroUniverse) .hero-universe{height:clamp(160px,26svh,260px);width:min(100%,380px);margin:0 auto;min-height:0;transform:none}
 body:has(#heroUniverse) .universe-frame{width:min(73%,255px);max-height:255px}
 body:has(#heroUniverse) .orbit-center{width:90px;height:90px;font-size:7px;letter-spacing:1px}
 body:has(#heroUniverse) .orbit-center small{font-size:5px;letter-spacing:.5px}
 body:has(#heroUniverse) .center-icon{height:22px;font-size:20px}
 body:has(#heroUniverse) .float-logo{padding:5px 7px;gap:4px}
 body:has(#heroUniverse) .float-logo .logo-name{font-size:9px}
 body:has(#heroUniverse) .float-logo img{width:13px;height:13px}
 body:has(#heroUniverse) .float-logo.size-lg{padding:6px 8px}
 body:has(#heroUniverse) .float-logo.size-lg .logo-name{font-size:10px}
 body:has(#heroUniverse) .float-logo.size-lg img{width:14px;height:14px}
 body:has(#heroUniverse) .shuffle-btn{bottom:0;font-size:8px;padding:7px 9px}
 body:has(#heroUniverse) .hero-bottom{bottom:10px;font-size:8px}
 body:has(#heroUniverse) .hero-bottom .hero-scroll{font-size:8px}
}
@media(max-width:480px){
 body:has(#heroUniverse) .hero-layout{padding-top:clamp(74px,10svh,88px);padding-bottom:31px}
 body:has(#heroUniverse) .hero h1{font-size:clamp(30px,8.2vw,38px);line-height:1.32;letter-spacing:-.9px}
 body:has(#heroUniverse) .hero-description{font-size:11.2px;line-height:1.77}
 body:has(#heroUniverse) .hero-universe{height:clamp(147px,24svh,205px);width:min(100%,326px)}
 body:has(#heroUniverse) .universe-frame{width:68%;max-height:210px}
 body:has(#heroUniverse) .orbit-center{width:82px;height:82px;font-size:7px}
 body:has(#heroUniverse) .hero-buttons .btn{padding:7px 9px;min-height:34px}
 body:has(#heroUniverse) .hero-footnote{margin-top:8px}
 body:has(#heroUniverse) .hero-overline{margin-bottom:9px}
}
/* Tight/short viewports: prioritize full visible copy over ornament size. */
@media(max-width:800px) and (max-height:740px){
 body:has(#heroUniverse) .hero-layout{padding-top:70px;padding-bottom:29px}
 body:has(#heroUniverse) .hero-overline{display:none}
 body:has(#heroUniverse) .hero-description{font-size:11px;line-height:1.72;margin-bottom:9px}
 body:has(#heroUniverse) .hero-buttons .btn{min-height:31px;padding:5px 8px}
 body:has(#heroUniverse) .hero-footnote{margin-top:6px}
 body:has(#heroUniverse) .hero-universe{height:clamp(115px,20svh,155px)}
 body:has(#heroUniverse) .hero-bottom{bottom:6px}
}
@media(max-width:800px) and (max-height:610px){
 body:has(#heroUniverse) .hero-layout{padding-top:66px;padding-bottom:23px}
 body:has(#heroUniverse) .hero-universe{height:105px}
 body:has(#heroUniverse) .hero-footnote{display:none}
 body:has(#heroUniverse) .hero-bottom{display:none}
}
/* Phones held landscape: a short, two-column hero rather than an oversized panel. */
@media (min-width:801px) and (max-width:1100px) and (max-height:520px) and (orientation:landscape){
 body:has(#heroUniverse) .hero{height:auto;min-height:100svh}
 body:has(#heroUniverse) .hero-layout{min-height:100svh;grid-template-columns:1.15fr .85fr;gap:10px;padding-top:48px;padding-bottom:12px;align-content:center}
 body:has(#heroUniverse) .hero-overline{display:none}
 body:has(#heroUniverse) .hero-eyebrow{font-size:10px;margin:0 0 3px}
 body:has(#heroUniverse) .hero h1{font-size:31px;line-height:1.19;letter-spacing:-1px;margin-bottom:5px}
 body:has(#heroUniverse) .hero-description{font-size:10px;line-height:1.5;margin-bottom:8px}
 body:has(#heroUniverse) .hero-buttons .btn{font-size:9px;min-height:29px;padding:5px 8px}
 body:has(#heroUniverse) .hero-footnote{display:none}
 body:has(#heroUniverse) .hero-universe{height:min(260px,70svh);min-height:0}
 body:has(#heroUniverse) .hero-bottom{display:none}
}