/* Shahrina refinement: supplied brand, Persian typography and luminous glass. */
@font-face{font-family:'Yekan Bakh';src:url('assets/fonts/YekanBakh-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh';src:url('assets/fonts/YekanBakh-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Lahzeh;src:url('assets/fonts/Lahzeh-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Lahzeh;src:url('assets/fonts/Lahzeh-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--font:'Yekan Bakh',Tahoma,Arial,sans-serif;--display:Lahzeh,'Yekan Bakh',Tahoma,sans-serif;--ink:#153648;--muted:#617782;--faint:#7a8e97;--accent:#068e96;--brand-teal:#13b4b5;--brand-blue:#0d3556;--line:#dce7e9;--glass-line:#ffffffed;--glass-shadow:#19556813;--glass-glow:#4ac5c522;--lavender:#e1f2f2}
body{line-height:1.75}h1,h2,.story-step h3{font-family:var(--display);font-weight:800;letter-spacing:-.5px;line-height:1.35}h3{font-weight:700;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.official-logo{display:inline-flex;align-items:center;direction:ltr;gap:6px;height:45px}.logo-symbol,.logo-wordmark{display:inline-block;flex-shrink:0;background-image:url('assets/brand/shahrina-logo.png');background-repeat:no-repeat}.logo-symbol{width:35px;height:43px;background-size:76px 76px;background-position:-20px -4px}.logo-wordmark{width:104px;height:34px;background-size:169.3px 169.3px;background-position:-32px -104px}.brand{letter-spacing:0;min-width:145px}.header-inner{background:linear-gradient(115deg,#ffffffc7,#ffffff7a);border-color:var(--glass-line);box-shadow:0 8px 28px #17475e09,inset 0 0 0 1px #fff8;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%)}.header.scrolled .header-inner{background:#ffffffb8;border-color:#ffffffed;box-shadow:0 8px 28px #1b5c6612,inset 0 1px 0 #fff}.desktop-nav{font-size:15px;color:#536b77}.button{background:var(--brand-blue);box-shadow:0 5px 15px #0d355616;font-weight:700}.button:hover{background:#145272}.small-button{box-shadow:none}.mobile-nav{background:#fafffff0}.hero{position:relative;padding-top:137px;background:radial-gradient(ellipse at 20% 48%,#d8f6f422,transparent 48%),radial-gradient(ellipse at 80% 38%,#d8eefa35,transparent 47%),#fafcfd}.hero-copy{position:relative;z-index:4}.hero-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:5px 13px;border:1px solid #e2efef;border-radius:100px;background:#ffffff8f;color:#5b7b87;font-size:14px;margin-bottom:17px;box-shadow:0 3px 14px #24627204}.eyebrow-symbol{display:block;width:12px;height:12px;border:1px solid #36b7b2;border-radius:4px;transform:rotate(45deg);box-shadow:3px -3px 0 -1px #b7e6e5}.hero h1{font-size:clamp(56px,6.1vw,86px);line-height:1.3;letter-spacing:-1px}.hero h1>span{background-image:linear-gradient(110deg,#10b6b4 3%,#178d9f 65%,#315577 100%)}.hero-description{margin-top:14px;line-height:1.65;font-size:18px;letter-spacing:0}.hero-actions{margin-top:23px;gap:27px}.hero-stage{padding-top:46px;padding-bottom:32px;isolation:isolate}.ambient{inset:-50px -10% 0;background:radial-gradient(ellipse at 42% 58%,#aee8e42e,transparent 50%),radial-gradient(ellipse at 65% 41%,#b4ddef4f,transparent 47%);z-index:-2}.hero-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;stroke:url(#network-ink);stroke-width:1.25}.hero-network .orbit{stroke:url(#network-silver);stroke-dasharray:2 9;opacity:.75}.route-traveler{fill:#1db7b7;stroke:#ffffffb0;stroke-width:5;paint-order:stroke;filter:drop-shadow(0 0 4px #36b8b78a)}.network-end{fill:#e8f9f8;stroke:#4cbdc0;stroke-width:1.2}.glass-orbit{position:absolute;z-index:0;border:1px solid #ffffffee;background:linear-gradient(145deg,#ffffff85,#ffffff14);box-shadow:inset 2px 2px 6px #ffffffc4,inset -2px -2px 8px #86c1d417,0 16px 30px #2767740a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}.orbit-one{height:94px;width:94px;left:18%;top:130px;border-radius:31px;transform:rotate(-18deg)}.orbit-two{height:58px;width:58px;right:19%;bottom:65px;border-radius:19px;transform:rotate(15deg)}.hero-phone{z-index:2}.hero-glass-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:23px;background:linear-gradient(120deg,#ffffffa8,#ffffff5c);border:1px solid var(--glass-line);box-shadow:0 13px 35px var(--glass-shadow),inset 0 1px 1px #fffffffa,inset 0 -1px 1px #ffffff90;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);text-align:right;will-change:transform}.glass-wallet{top:140px;right:calc(50% + 120px);animation:glass-drift 8s ease-in-out infinite}.glass-city{bottom:130px;left:calc(50% + 111px);animation:glass-drift 9s ease-in-out -4s infinite}.hero-glass-card small{display:block;color:#62818c;font-size:12px;white-space:nowrap;margin-bottom:2px}.hero-glass-card strong{display:block;font-size:15px;font-weight:700;color:#23485b;white-space:nowrap}.glass-service-icon{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#e2f5f3b0,#ffffffb0);border:1px solid #fff;color:#19999f;box-shadow:inset 0 0 8px #b8ede31a}.glass-service-icon svg{width:22px;height:22px}.glass-card-detail{margin-right:12px;color:#71a3b0}.glass-note{z-index:3;left:calc(50% - 190px);bottom:67px;background:linear-gradient(120deg,#ffffffc2,#ffffff74);border-color:#fff;box-shadow:0 10px 22px #21586713,inset 0 1px 0 #fff;backdrop-filter:blur(20px) saturate(160%);font-size:12px}.glass-note strong{font-family:var(--display);font-size:20px}.check-circle{background:#e8f8f4;color:#149d94}.hero-foot{margin-top:27px;padding-block:17px;font-size:13px}.mockup-caption{color:#718792;font-size:11px}.section{padding-block:94px}.eyebrow{margin-bottom:12px}.section-heading h2,h2{font-size:50px;line-height:1.35}.section-heading>p:last-of-type{margin-top:16px;line-height:1.8}.muted-heading{color:#79949e}.services-grid{margin-top:43px;border:1px solid #e5eeee;border-radius:24px;overflow:hidden;background:linear-gradient(140deg,#fbfefe,#fff)}.service-item{min-height:169px;padding:23px 24px}.service-item:hover{background:#effaf8}.service-icon{color:#148f96;margin-bottom:12px}.service-item h3{font-size:17px}.service-item p{margin-top:3px;line-height:1.6}.service-arrow{top:22px;color:#158f96}.section-footnote{margin-top:21px}.story{background:linear-gradient(135deg,#f2f7f8,#f4f8f9);padding-bottom:62px}.story .section-heading{margin-bottom:27px}.story-layout{gap:72px}.story-visual{height:627px;top:110px}.story-glow{background:radial-gradient(ellipse,#caeceb80,transparent 67%);height:79%}.story-step{min-height:347px;padding-block:43px}.step-number{margin-bottom:13px;color:#76949c}.story-step h3{font-size:35px;line-height:1.35}.story-step>p{margin-top:13px;line-height:1.85}.step-detail{margin-top:15px;gap:8px;color:#6b8b95}.story-step.active .step-number{color:#008e92}.story-visual-caption{margin-top:24px}.convergence{margin-block:38px 26px;max-width:635px}.together h2{font-size:46px}.together-copy{line-height:1.8}.convergence .converge-brand{padding:16px 24px;background:linear-gradient(140deg,#ffffffbe,#e3f4f5b8);border:1px solid #fff;box-shadow:0 12px 28px #247a8612,inset 0 2px 2px #fff;outline-color:#e0eef0;color:#1e6076;backdrop-filter:blur(14px)}.convergence .converge-brand .logo-symbol{width:40px;height:49px;background-size:87px 87px;background-position:-23px -5px}.convergence>span>i{background:#eef8f7;color:#238e95}.converge-line{background:linear-gradient(90deg,#c8e8e7,#78bbb7)}.converge-line:after{background:#52afa9}.province-section{background:linear-gradient(140deg,#f0f8f8,#f7fafa)}.province-layout{gap:35px}.province-section h2{font-size:46px}.province-section .section-heading>p:last-of-type{max-width:420px}.province-network>svg{stroke:#bedcde}.province-node{background:linear-gradient(145deg,#ffffffc2,#ffffff5c);box-shadow:0 10px 24px #2d7d8b0c,inset 0 1px 2px #fff;border-color:#fff;backdrop-filter:blur(18px);width:106px;height:101px}.province-node strong{font-size:16px;color:#305d70}.province-node small{font-size:11px;color:#75939b}.province-node>span{color:#4ea4a8}.province-center{background:#ffffff8c;box-shadow:0 7px 25px #32778516,inset 0 1px 1px #fff;color:#325b71}.province-center .logo-symbol{width:27px;height:34px;background-size:60px 60px;background-position:-16px -3px}.development-label{background:#e4f2f0;color:#438a8e;margin-top:20px}.principles{padding:40px 0}.principles p{margin-bottom:22px}.principles-row>span{color:#527e89}.download-section{background:radial-gradient(ellipse at 45% 40%,#c9ebe957,transparent 55%),radial-gradient(ellipse at 70% 70%,#cddfee57,transparent 45%),#fafdfd;padding-block:90px}.app-icon{padding:0;width:99px;height:99px;background:transparent;box-shadow:0 13px 35px #276b8416;border-radius:25px;outline:none;margin-bottom:22px;overflow:hidden}.app-icon img{width:120px;height:auto;max-width:none;flex-shrink:0}.download-section .eyebrow{margin-bottom:10px}.download-section h2{font-size:49px;letter-spacing:-.5px}.download-section h2+p{margin-top:11px}.download-actions{margin-top:26px}.download-button{background:var(--brand-blue);border-color:var(--brand-blue)}.download-button.secondary{background:linear-gradient(140deg,#ffffffb0,#ffffff70);border:1px solid #fff;box-shadow:0 6px 20px #3064780a;backdrop-filter:blur(12px)}.download-notice{margin-top:18px}footer{background:#eff5f6;padding-top:43px}.footer-top{padding-bottom:33px}.footer-column h3{margin-bottom:11px}.footer-column a,.footer-column p{margin-bottom:5px}.footer-brand p{margin-top:5px;margin-bottom:12px}.footer-bottom{border-color:#d9e7e9}.english-brand{color:#648492}
/* Shorter phone bodies, keeping the interface unstretched and the width unchanged. */
.hero-phone .phone-screen{height:593px;min-height:0;display:flex;flex-direction:column;padding-inline:18px}
.phone-screen{font-family:var(--font);line-height:1.5}.phone-screen>*{flex-shrink:0}.phone-status{height:37px}.app-header{height:29px;margin:5px 0 8px}.app-wordmark{height:29px;line-height:1}.app-wordmark>.logo-wordmark{background-color:transparent;border-radius:0;width:82px;height:26px;margin:0;background-size:135px 135px;background-position:-26px -83px;align-self:auto}.round-icon{width:28px;height:28px}.app-greeting>span{font-size:10px;line-height:1.4}.app-greeting strong{font-size:13px;line-height:1.5;margin:3px 0 11px}.wallet{padding:12px 14px;border-radius:17px;background:linear-gradient(120deg,#e0f1f0,#e9f3f7);border-color:#d2e8e9;color:#275f72}.wallet-heading{font-size:11px}.balance-label{margin-top:8px;color:#668b99;line-height:1.4}.wallet-balance{margin:2px 0 9px}.wallet-balance strong{font-size:20px;line-height:1.3}.wallet-balance>span{color:#668b99}.wallet-bottom{line-height:1.4}.wallet-bottom>span:first-child{padding:4px 8px}.app-section-heading{margin:12px 0 8px;font-size:11px}.app-services{gap:10px;align-content:center;flex:1;min-height:109px}.app-services>div>span{width:35px;height:35px;border-radius:11px;margin-bottom:4px;background:#edf5f6;color:#368a99}.app-services>div:nth-child(2)>span,.app-services>div:nth-child(5)>span{background:#e9f4f0;color:#449886}.app-services svg{width:20px;height:20px}.app-banner{padding:9px;margin:10px 0 7px;background:#eef7f2;border-color:#e1eee6}.app-banner strong{font-size:10px;line-height:1.4}.app-banner small{font-size:9px;line-height:1.4}.app-navigation{padding:7px 3px 3px;line-height:1.4}.app-navigation .selected{color:#148e93}.app-navigation>span{gap:2px}.home-indicator{margin:7px auto 7px;height:4px}.story-phone .phone-screen{height:557px;min-height:0;display:flex;flex-direction:column}.story-app-top{margin:9px 0 21px;font-size:14px}.story-app-icon{width:60px;height:60px;margin-bottom:12px;background:linear-gradient(135deg,#def1ed,#e4f1f7);color:#2f9299}.app-kicker{line-height:1.5}.story-screen h3{font-family:var(--font);font-size:20px;letter-spacing:0;margin-top:6px}.story-screen>p{font-size:11px;line-height:1.7;margin-top:7px;min-height:37px}.screen-list{margin-top:20px;gap:8px}.screen-list>div{padding:10px 12px;font-size:12px}.screen-list svg{color:#49939e}.screen-tip{margin:16px -8px 13px;font-size:10px}.story-app-bottom{margin-top:auto;padding-top:10px}.story-app-bottom svg{color:#658f9d}.scene-paused .hero-glass-card{animation-play-state:paused}@keyframes glass-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1600px){.hero{padding-top:151px}.hero h1{font-size:91px}.hero-stage{padding-top:48px}}
@media(max-width:1100px){.header-inner{gap:22px}.desktop-nav{gap:16px;font-size:14px}.brand{min-width:145px}.hero-glass-card{padding:15px;gap:10px}.glass-wallet{right:calc(50% + 102px)}.glass-city{left:calc(50% + 99px)}.glass-card-detail{display:none}.story-layout{gap:50px}.story-step h3{font-size:32px}.story-step{min-height:332px}.section{padding-block:82px}}
@media(max-width:800px){.hero{padding-top:122px}.hero h1{font-size:65px}.hero-eyebrow{font-size:13px}.hero-description{font-size:17px}.hero-stage{padding-top:40px}.hero-glass-card{padding:13px;gap:9px;border-radius:20px}.hero-glass-card strong{font-size:13px}.hero-glass-card small{font-size:11px}.glass-wallet{right:calc(50% + 67px);top:155px}.glass-city{left:calc(50% + 75px);bottom:140px}.glass-service-icon{width:34px;height:34px;border-radius:11px}.glass-service-icon svg{width:19px;height:19px}.orbit-one{left:12%;top:85px;width:67px;height:67px;border-radius:22px}.orbit-two{right:12%;bottom:70px}.hero-network{width:130%;left:-15%;height:100%}.section-heading h2,h2{font-size:43px}.services-grid{margin-top:31px}.service-item{min-height:157px;padding:21px}.story-step h3{font-size:29px}.story-step{min-height:330px;padding-block:34px}.story-visual{top:90px;height:615px}.together h2,.province-section h2{font-size:42px}.province-layout{gap:10px}.province-section .section-heading>p:last-of-type{margin-inline:auto}.download-section h2{font-size:43px}.convergence{margin-block:31px 25px}.header-inner{gap:12px}.small-button{font-size:12px}.brand{min-width:0}.official-logo{gap:2px}}
@media(max-width:600px){.header-inner{padding-inline:13px}.official-logo{height:39px;gap:4px}.official-logo .logo-symbol{width:27px;height:34px;background-size:60px 60px;background-position:-16px -3px}.official-logo .logo-wordmark{width:84px;height:28px;background-size:138px 138px;background-position:-26px -85px}.small-button{padding-inline:12px;font-size:11px;min-height:39px}.hero{padding-top:114px}.hero h1{font-size:53px;line-height:1.32;max-width:370px;margin-inline:auto}.hero-eyebrow{font-size:12px;margin-bottom:16px;padding:4px 11px}.hero-description{font-size:16px;line-height:1.6;margin-top:13px}.hero-actions{margin-top:21px;gap:22px}.hero-stage{padding-top:42px;padding-bottom:28px}.hero-network{width:190%;left:-45%;opacity:.8}.hero-glass-card{gap:8px;padding:11px 12px;border-radius:17px}.hero-glass-card strong{font-size:12px}.hero-glass-card small{font-size:10px;line-height:1.35}.glass-wallet{top:180px;right:auto;left:10px;transform:none}.glass-city{bottom:132px;left:auto;right:9px}.glass-service-icon{width:30px;height:30px;border-radius:10px}.glass-service-icon svg{width:17px;height:17px}.glass-note{display:none}.orbit-one{width:49px;height:49px;left:17px;top:74px;border-radius:17px}.orbit-two{width:43px;height:43px;right:24px;bottom:60px;border-radius:16px}.hero-phone .phone-screen{height:576px;min-height:0;padding-inline:15px}.hero-phone .app-header{margin:5px 0 8px}.hero-phone .app-services{gap:9px 8px;min-height:108px}.hero-phone .wallet{padding:11px 12px}.hero-phone .app-banner{margin:8px 0 6px;padding:8px}.hero-phone .app-greeting strong{font-size:13px;margin-bottom:9px}.hero-foot{margin-top:22px;padding-block:14px;font-size:11px}.mockup-caption{font-size:10px}.section{padding-block:65px}.section-heading h2,h2{font-size:37px;line-height:1.4}.eyebrow{font-size:13px;margin-bottom:9px}.section-heading>p:last-of-type{margin-top:13px;line-height:1.7}.services-grid{margin-top:28px;border-radius:20px}.service-item{padding:20px 12px;min-height:155px}.service-item h3{font-size:15px}.service-item p{font-size:13px;line-height:1.5}.service-icon{margin-bottom:10px}.service-icon svg{width:25px;height:25px}.section-footnote{font-size:12px;line-height:1.6;margin-top:16px}.story .section-heading{margin-bottom:12px}.story-visual{height:610px;top:auto}.story-phone .phone-screen{height:557px;min-height:0;padding-inline:14px}.story-step{min-height:0;padding-block:25px}.story-step h3{font-size:28px;line-height:1.4}.story-step>p{line-height:1.75;margin-top:11px}.step-number{font-size:13px;margin-bottom:9px}.step-detail{font-size:12px;margin-top:13px}.story-visual-caption{margin-top:16px}.together h2{font-size:35px}.convergence{margin-block:29px 23px;gap:13px}.convergence .converge-brand{padding:14px 18px;font-size:13px}.convergence .converge-brand .logo-symbol{width:33px;height:40px;background-size:72px 72px;background-position:-19px -4px}.convergence>span{font-size:12px}.together-copy{font-size:16px;line-height:1.75}.province-section h2{font-size:38px}.province-node{width:88px;height:87px;border-radius:20px}.province-node strong{font-size:14px}.province-node small{font-size:10px}.province-network{margin-top:10px}.province-center{height:77px;width:77px}.province-center strong{font-size:12px}.principles{padding:32px 0}.principles p{margin-bottom:20px}.principles-row{gap:19px 20px}.download-section{padding-block:66px}.download-section h2{font-size:35px;line-height:1.4}.download-section .eyebrow{font-size:13px}.app-icon{width:84px;height:84px;border-radius:22px;margin-bottom:20px}.app-icon img{width:105px}.download-actions{margin-top:23px}.download-notice{margin-top:16px}.footer-top{gap:25px 20px}.footer-column a,.footer-column p{line-height:1.8}.footer-brand .official-logo{height:40px}}
@media(prefers-reduced-motion:reduce){.hero-glass-card{animation:none}.hero-network .route-traveler{display:none}.hero-network .orbit{stroke-dasharray:none;opacity:.4}.glass-orbit{backdrop-filter:none}.hero-phone{animation:none}.story-visual{position:relative;top:0}}
/* Preserve the supplied logo image inside the compact app header. */
.app-wordmark>.logo-wordmark{background-image:url('assets/brand/shahrina-logo.png');background-repeat:no-repeat}
.official-logo .logo-symbol{height:41px}.section-heading h2,h2,.story-step h3{font-weight:700}
@media(max-width:600px){.official-logo .logo-symbol{height:32px}}