/* Paramis site chrome on every page: loader, header and full-screen menu (after droow), cursor, footer, reveal animations and shared blocks. */
@font-face{font-family:IRANYekan;src:url('/src/fonts/woff/iranyekanwebregularfanum.woff') format('woff');font-display:swap}
@font-face{font-family:IRANYekan;font-weight:700;src:url('/src/fonts/woff/iranyekanwebboldfanum.woff') format('woff');font-display:swap}
@font-face{font-family:IRANYekan;font-weight:900;src:url('/src/fonts/woff/iranyekanwebblackfanum.woff') format('woff');font-display:swap}
:root{color-scheme:dark;--bg:#141413;--panel:#1E1E1B;--raised:#292923;--line:#36362F;--text:#F5F1E8;--muted:#B5B1A7;--gold:#C8AD76;--up:#39B88A;--down:#E16D73;--ease:cubic-bezier(.76,0,.24,1);--out:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/2 IRANYekan,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}p{color:var(--muted)}.g{color:var(--gold)}
body.locked{overflow:hidden}
.splash-canvas{position:fixed;inset:0;width:100%;height:100vh;z-index:-1;pointer-events:none}
.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.sec{padding-block:100px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid var(--line);border-radius:30px;background:none;font-size:14px;transition:background .3s,color .3s,border-color .3s}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--bg)}.btn.gold:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.eyebrow{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.eyebrow::before{content:'';width:40px;height:1px;background:var(--gold)}
.title{font-size:clamp(34px,5.6vw,72px);font-weight:700;line-height:1.4;margin:14px 0 18px}

/* Loader: a large count behind the wordmark, and a line filling across the screen. */
.ld{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b0b0a;transition:transform 1s var(--ease)}.ld.done{transform:translateY(-100%)}.ld.leave{transform:none;transition:none;animation:ld-in .6s var(--ease)}@keyframes ld-in{from{transform:translateY(100%)}}
.ld-n{position:absolute;font:900 clamp(160px,30vw,420px)/1 IRANYekan,sans-serif;color:#ffffff08}.ld-in{position:relative;display:grid;justify-items:center;gap:22px}.ld-in img{height:26px}.ld-in span{color:var(--muted);font-size:13px}
.ld-line{position:absolute;inset:50% 0 auto;height:1px;background:#ffffff14}.ld-line::after{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(var(--p,0));transform-origin:100% 0;transition:transform .2s}

/* Header: wordmark and the menu toggle (two lines and a word). */
.hd{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px max(16px,4vw);transition:background .4s,padding .4s}.hd.solid{padding-block:14px;background:#141413e6;border-bottom:1px solid #36362f80}.menu-open .hd{background:none;border-color:transparent}
.hd .mark{display:block;height:24px}
.hd-end{display:flex;align-items:center;gap:24px}.hd-login{position:relative;overflow:hidden;white-space:nowrap;min-height:44px;padding:0 22px;font-weight:700;animation:ring 2.6s infinite}.hd-login::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffffa6 50%,transparent 65%);transform:translateX(-110%);animation:shine 3.8s 1s infinite;pointer-events:none}
@keyframes ring{0%{box-shadow:0 0 0 0 #c8ad7680}70%,to{box-shadow:0 0 0 12px #c8ad7600}}@keyframes shine{40%,to{transform:translateX(110%)}}
.tg:focus:not(:focus-visible){outline:0}.btn,.tg{transition:translate .4s var(--out),background .3s,color .3s,border-color .3s}.tg{display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:none;cursor:pointer;font-size:14px}.tg i{display:grid;gap:5px;width:24px}.tg i::before,.tg i::after{content:'';height:1.5px;background:currentColor;transition:transform .5s var(--ease),width .5s var(--ease)}.tg i::after{width:60%}.tg:hover i::after{width:100%}
.menu-open .tg i::before{transform:translateY(3.25px) rotate(45deg)}.menu-open .tg i::after{width:100%;transform:translateY(-3.25px) rotate(-45deg)}
.tg b{position:relative;display:block;overflow:hidden;font-weight:400;height:2em}.tg b span{display:block;transition:transform .5s var(--ease)}.menu-open .tg b span{transform:translateY(-100%)}

/* Menu: full screen, numbered links rising one by one, a faint word behind and studio details beside them. */
.mn{position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:6vw;padding:110px max(16px,6vw) 50px;background:#0b0b0a;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease);overflow:auto}.menu-open .mn{clip-path:inset(0)}
.mn-bg{position:absolute;inset:auto 0 50%;transform:translateY(50%);text-align:center;font:900 clamp(140px,28vw,400px)/1 IRANYekan,sans-serif;color:#ffffff06;pointer-events:none}
.mn nav{position:relative;display:grid;gap:4px}.mn nav a{display:flex;align-items:baseline;gap:16px;overflow:hidden;font-size:clamp(26px,min(4.6vw,6.2vh),58px);font-weight:700;line-height:1.5;color:#f5f1e8b3;transition:color .3s}.mn nav a>*{transform:translateY(110%);transition:transform .8s var(--out) calc(.35s + var(--i) * .07s)}.menu-open .mn nav a>*{transform:none}
.mn nav small{font-size:13px;font-weight:400;color:var(--muted)}.mn nav span{transition:transform .8s var(--out) calc(.35s + var(--i) * .07s),translate .4s var(--out)}.mn nav a:hover{color:var(--text)}.mn nav a:hover span{translate:-14px 0}.mn nav [aria-current]{color:var(--gold)}
.mn aside{position:relative;display:grid;gap:26px;padding-right:6vw;border-right:1px solid var(--line);opacity:0;transition:opacity .6s .6s}.menu-open .mn aside{opacity:1}.mn aside h3{margin-bottom:4px;color:var(--gold);font-size:14px;font-weight:400}.mn aside p,.mn aside a{display:block;color:var(--text);font-size:14px;line-height:1.9}.mn aside a:hover{color:var(--gold)}.mn aside [dir],.ft-cols [dir]{text-align:right}

/* Cursor: a dot that trails the pointer and grows over links. */
.cur{position:fixed;top:0;left:0;z-index:200;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--text);pointer-events:none;mix-blend-mode:difference;transition:width .3s,height .3s,margin .3s}.cur.big{width:48px;height:48px;margin:-24px 0 0 -24px}.has-cur,.has-cur *{cursor:none!important}

/* Words rising from masks, blocks fading up. */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-inline:.18em;margin-inline:-.18em}.w>span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--out) calc(var(--i) * .06s)}.in .w>span{transform:none}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s var(--out),transform .9s var(--out)}[data-reveal].in{opacity:1;transform:none}

/* Page head on inner pages. */
.ph{padding:170px 0 60px}.ph .title{font-size:clamp(40px,7vw,96px);margin-bottom:10px}.ph p{max-width:620px;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards>*{padding:26px;border:1px solid var(--line);border-radius:18px;background:#1e1e1bd9;transition:border-color .3s,transform .4s var(--out)}.cards>*:hover{border-color:var(--gold);transform:translateY(-4px)}.cards i{font-size:24px;color:var(--gold)}.cards h3{margin:14px 0 6px;font-size:17px}.cards p{font-size:14px}.cards p a{display:block;padding-block:3px}.cards p a:hover{color:var(--gold)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;counter-reset:s}.steps li{padding:26px;border-top:1px solid var(--gold)}.steps li::before{counter-increment:s;content:'۰' counter(s,persian);display:block;font-size:44px;font-weight:900;line-height:1.3;color:#ffffff14}.steps h3{margin-bottom:6px;font-size:17px}.steps p{font-size:14px}

/* Footer: a big closing line, page links and contacts. */
.ft{margin-top:60px;padding:90px 0 30px;border-top:1px solid var(--line);background:var(--bg)}.ft-cta{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;padding-bottom:60px}.ft-cta h2{font-size:clamp(34px,5.4vw,70px);font-weight:700;line-height:1.4}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:40px;border-block:1px solid var(--line)}.ft-cols h3{margin-bottom:8px;color:var(--gold);font-size:14px;font-weight:400}.ft-cols a,.ft-cols p{display:block;color:var(--muted);font-size:14px;line-height:2.1}.ft-cols a:hover{color:var(--text)}
.ft-end{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:var(--muted);font-size:12.5px}.ft-end img{width:auto;height:20px}

@media(max-width:1000px){.cards,.steps{grid-template-columns:1fr 1fr}.mn{grid-template-columns:1fr;align-content:start}.mn aside{padding:26px 0 0;border:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.sec{padding-block:70px}.cards,.steps,.ft-cols{grid-template-columns:1fr}.ph{padding-top:130px}.ft-end{flex-direction:column}}
@media(pointer:coarse){.cur{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.w>span,[data-reveal]{transition:none;transform:none;opacity:1}.ld{display:none}.hd-login,.hd-login::after{animation:none}}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:clamp(17px,2vw,22px);font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--gold);font-weight:400;transition:transform .4s var(--out)}.faq [open] summary::after{transform:rotate(45deg)}.faq summary:hover{color:var(--gold)}.faq details p{max-width:760px;padding-bottom:26px;font-size:15px;line-height:2.2}.faq a{color:var(--gold)}
.quote{font-size:clamp(26px,4vw,52px);font-weight:700;line-height:1.7}.quote+p{max-width:720px;margin-top:24px;font-size:16px;line-height:2.3}
.chans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.chans article{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#1e1e1bd9}.chans header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:14px}.app{padding:2px 12px;border:1px solid var(--gold);border-radius:30px;color:var(--gold);font-size:13px;font-weight:400}.chans h3{font-size:19px}.chans p{font-size:14px}.chans .btn{align-self:flex-start;margin-top:4px}
.msg{display:grid;gap:2px;margin-top:auto;padding:14px 16px;border-radius:16px 16px 4px 16px;background:var(--raised);font-size:14px;line-height:1.9}.msg .r{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;text-align:center}.msg i{font-style:normal;color:var(--muted)}.msg small{color:var(--muted);direction:ltr;text-align:left}
.chans+.note{margin-top:22px;color:var(--muted);font-size:14px}.chans+.note a{color:var(--gold)}
@media(max-width:1000px){.chans{grid-template-columns:1fr}}
@media(max-width:480px){.hd-end{gap:14px}.hd-login{min-height:38px;padding:0 14px;font-size:13px}.tg b{display:none}}
main{overflow-x:clip} /* full-bleed bands are 100vw wide, which on desktop includes the scrollbar */
