@font-face{font-family:Vazirmatn;src:url('./vazirmatn-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--gold:#dfbd88;--text:#f5eee4;--muted:#c3cbd4;--font-heading:Vazirmatn,sans-serif;--font-body:Vazirmatn,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text);background:#071525}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.scene,.veil{position:fixed;inset:0;pointer-events:none}.scene{width:100%;height:100%;object-fit:cover;object-position:58% 42%;filter:saturate(.88) brightness(1.08) contrast(1.02)}.veil{background:linear-gradient(180deg,rgba(4,17,32,.52),rgba(6,21,39,.38) 44%,rgba(3,15,29,.58)),linear-gradient(90deg,rgba(7,21,38,.12),transparent 50%,rgba(7,21,38,.14))}
.shell{isolation:isolate;height:100%;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:32px 4.2vw 24px;position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;direction:rtl}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand-mark{width:48px;height:54px;color:var(--gold)}.wordmark{display:flex;flex-direction:column;gap:0}.wordmark strong{font-size:22px;letter-spacing:.24em;font-weight:500;line-height:1.4}.wordmark span{font-size:15px;color:#e1d6c4;line-height:1.6;direction:rtl;text-align:start}.languages{display:flex;direction:ltr;gap:6px;padding:5px;border:1px solid #ffffff26;background:#0b1c2b52;backdrop-filter:blur(12px);border-radius:15px}.language{color:#d0d6de;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border-radius:10px;cursor:pointer;min-height:44px;transition:background .2s,border-color .2s}.language:hover{background:#ffffff10}.language[aria-pressed=true]{border-color:#dfbd8875;background:#dfbd8815;color:#f6e6cc}.flag{width:24px;height:17px;border-radius:3px;box-shadow:0 0 0 1px #ffffff20;flex-shrink:0}.language span{font-size:13px}
main{display:grid;place-items:center;text-align:center;min-height:0}.hero{width:min(1080px,100%);margin-top:-20px;animation:arrive .9s ease both}.heading{font-family:var(--font-heading);font-size:clamp(35px,5vw,70px);font-weight:750;line-height:1.5;margin:0;text-wrap:balance;text-shadow:0 4px 38px #020b16}.heading em{font-style:normal;color:var(--gold);background:linear-gradient(110deg,#f3e3c8,#d6aa71);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:clamp(14px,1.6vw,21px);font-weight:350;line-height:1.9;color:var(--muted);margin:10px auto 0;text-wrap:balance}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:790px;margin:44px auto 0;direction:ltr}.unit{position:relative;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #ebdfc361;border-bottom-color:#e5bd8a8a;border-radius:19px;background:linear-gradient(135deg,#f2f5ff1c,#e7f0ff06 55%,#e4ae6616);box-shadow:inset 0 1px 0 #ffffff26,0 18px 42px #020a1738;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.unit:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff0b,transparent 42%);pointer-events:none}.unit:after{content:"";position:absolute;bottom:0;right:12%;left:12%;height:1px;background:linear-gradient(90deg,transparent,#e9c48e,transparent)}.number{font-size:clamp(45px,5.5vw,79px);font-weight:350;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f2dfc0;min-width:2.3ch;text-shadow:0 3px 24px #d9ac6c18}.label{font-size:15px;color:#ced4db;margin-top:8px;font-weight:350}
.launch-line{margin:25px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:#d6c8b4;font-size:13px;line-height:1.8}.launch-line:before,.launch-line:after{content:"";width:34px;height:1px;background:#dfbd886b}.launch-line time{unicode-bidi:isolate}.complete{margin:20px 0 0;font-size:18px;color:var(--gold)}[hidden]{display:none!important}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4d3ba30;padding-top:19px;font-size:12px;line-height:1.8;color:#b7c2ce}.footer-brand{font-size:14px;letter-spacing:.35em;color:var(--gold);direction:ltr}.footer p{margin:0}.credit{color:#b7c2ce;text-decoration:none;opacity:.75;font-size:10px}.credit:hover{color:var(--text);opacity:1}
html[lang=en] .heading{font-size:clamp(35px,5vw,65px);line-height:1.3;letter-spacing:-.035em}html[lang=en] .subtitle{letter-spacing:0}html[lang=en] .hero{max-width:1000px}html[lang=ar] .heading{font-size:clamp(34px,4.7vw,65px)}
@keyframes arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}
@media(min-width:1500px){.shell{padding:38px 4vw 28px}.countdown{max-width:830px;gap:22px}.unit{min-height:200px}}
@media(max-width:650px){.shell{padding:20px 20px 17px}.header{gap:12px}.brand{gap:8px}.brand-mark{width:34px;height:40px}.wordmark strong{font-size:17px}.wordmark span{font-size:12px}.languages{gap:2px;padding:4px;border-radius:12px}.language{padding:6px 8px;min-width:40px}.language span{display:none}.flag{width:22px;height:16px}.hero{margin-top:-12px}.heading{font-size:clamp(30px,8vw,45px);line-height:1.65}.subtitle{font-size:14px;max-width:320px;margin-top:12px;line-height:2}.countdown{margin-top:31px;gap:9px;width:100%;max-width:440px}.unit{min-height:124px;border-radius:14px;backdrop-filter:blur(12px)}.number{font-size:clamp(33px,9.5vw,49px);font-weight:400}.label{font-size:12px;margin-top:6px}.launch-line{font-size:11px;gap:9px;margin-top:22px;flex-wrap:wrap}.launch-line:before,.launch-line:after{width:14px}.footer{padding-top:15px;gap:5px;justify-content:center;flex-wrap:wrap;text-align:center}.footer-brand{display:none}.footer p{width:100%;font-size:11px}.credit{font-size:9px}.scene{object-position:62% 44%}html[lang=en] .heading{font-size:clamp(32px,8vw,43px);line-height:1.35}html[lang=ar] .heading{font-size:clamp(30px,8vw,42px)}}
@media(max-height:620px){.shell{padding-top:14px;padding-bottom:12px}.hero{margin-top:0}.heading{font-size:clamp(26px,4.5vw,48px);line-height:1.4}.subtitle{margin-top:5px;font-size:14px}.countdown{margin-top:18px;max-width:640px;gap:12px}.unit{min-height:105px}.number{font-size:46px}.label{margin-top:0;font-size:12px}.launch-line{margin-top:14px}.footer{padding-top:10px}.brand-mark{height:36px;width:32px}.wordmark strong{font-size:17px}.wordmark span{font-size:11px}.language{min-height:36px}html[lang=en] .heading,html[lang=ar] .heading{font-size:clamp(26px,4.5vw,45px)}}
@media(max-height:420px){.shell{padding:10px 24px}.heading{font-size:29px!important}.subtitle{font-size:12px}.countdown{margin-top:12px;max-width:480px;gap:10px}.unit{min-height:78px;border-radius:11px}.number{font-size:34px}.label{font-size:10px}.launch-line{margin-top:9px;font-size:10px}.footer{padding-top:5px;font-size:10px}.footer p{font-size:10px}.credit{font-size:9px}.header .wordmark span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:650px){.launch-line{display:grid;gap:3px}.launch-line:before,.launch-line:after{display:none}}

@media(max-width:650px) and (max-height:620px){.subtitle{line-height:1.65}.countdown{margin-top:10px}.unit{min-height:88px}.number{font-size:38px}.launch-line{margin-top:10px}}

/* Arvand Free Zone Organization official branding; keep original countdown layout. */
.header .org-brand{display:flex;align-items:center;justify-content:center;min-width:64px;direction:ltr}
.org-logo{display:block;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.28))}
.footer{flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center}
.footer .footer-org,.footer .footer-company{margin:0;width:auto;line-height:1.65}
.footer .footer-org{font-size:13px;font-weight:550;color:#ead3ac}
.footer .footer-company{font-size:11px;font-weight:350;color:#c4cbd5}
.footer .footer-company a,.footer .footer-company a:link,.footer .footer-company a:visited,.footer .footer-company a:hover,.footer .footer-company a:active,.footer .footer-company a:focus{color:#c4cbd5!important;text-decoration:none!important;border:0!important;border-bottom:none!important;outline:none;box-shadow:none!important;background:transparent!important;cursor:inherit}
@media(max-width:650px){.header .org-brand{min-width:44px}.org-logo{width:45px;height:45px}.footer{flex-wrap:nowrap;gap:1px;padding-top:12px}.footer .footer-org{font-size:11px}.footer .footer-company{font-size:10px}}
@media(max-height:420px){.org-logo{width:34px;height:34px}.header .org-brand{min-width:34px}.footer{gap:0;padding-top:4px}.footer .footer-org{font-size:10px;line-height:1.35}.footer .footer-company{font-size:9px;line-height:1.35}}
