/* ==== Cryptodesk shared chrome: tokens, base, tape, header, footer ==== */
@font-face{font-family:'Vazirmatn';src:url("fonts/Vazirmatn-Regular.woff2") format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url("fonts/Vazirmatn-Medium.woff2") format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url("fonts/Vazirmatn-Bold.woff2") format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url("fonts/Vazirmatn-ExtraBold.woff2") format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Sora';src:url("fonts/sora-latin-600-normal.woff2") format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Sora';src:url("fonts/sora-latin-700-normal.woff2") format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  --navy:#0E1A2B; --ink:#0A0F16; --paper:#F5F7FA; --slate:#8A97A6; --hairline:#1E2C3D;
  --navy-raised:#142338; --navy-sunken:#0B1522;
  --green:#16C784; --green-ink:#0A3D2A; --gold:#E8B923; --rumor:#E5484D;
  --green-text:#16C784;
  --ghost:rgba(245,247,250,.05); --ghost-line:rgba(245,247,250,.18); --ghost-hover:rgba(245,247,250,.11);
  --header-bg:rgba(14,26,43,.85);
  --hairline-soft:rgba(30,44,61,.6);
  --sk-a:rgba(245,247,250,.05); --sk-b:rgba(245,247,250,.11);
  --font-fa:'Vazirmatn',Tahoma,sans-serif; --font-latin:'Sora','Vazirmatn',sans-serif;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:22px; --r-chip:999px;
  --shadow-card:0 8px 30px rgba(0,0,0,.35);
  --shadow-lift:0 22px 60px rgba(0,0,0,.45);
  --ease:cubic-bezier(.16,1,.3,1); --motion-spring:cubic-bezier(.16,1,.3,1); --motion-soft:cubic-bezier(.22,1,.36,1);
  --dur:.45s; --maxw:1200px;
  --tape-h:38px;
}
:root.no-tape{--tape-h:0px}
:root[data-theme="light"]{
  color-scheme:light;
  --navy:#F2F6FA; --paper:#0E1A2B; --slate:#5A6878; --hairline:#DDE4EC;
  --navy-raised:#FFFFFF; --navy-sunken:#E9EFF6;
  --green-text:#0A7A4E; --gold:#7E6010; --rumor:#C1272D;
  --ghost:rgba(14,26,43,.04); --ghost-line:rgba(14,26,43,.14); --ghost-hover:rgba(14,26,43,.08);
  --header-bg:rgba(242,246,250,.88);
  --hairline-soft:rgba(14,26,43,.09);
  --sk-a:rgba(14,26,43,.05); --sk-b:rgba(14,26,43,.11);
  --shadow-card:0 8px 26px rgba(14,26,43,.10);
  --shadow-lift:0 20px 54px rgba(14,26,43,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--tape-h) + 96px)}
body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--font-fa);
  font-size:16.5px;line-height:1.85;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:var(--green-text);text-decoration:none}
a:hover{color:var(--green)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:800;letter-spacing:-.012em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.latin{font-family:var(--font-latin);direction:ltr;unicode-bidi:isolate;font-weight:700}
/* ارقام هم‌عرض: بدون این، هر بار که قیمت refresh می‌شود عرض عدد و کل ردیف تکان می‌خورد */
.tpx,.tchg,.px,.chg,.stat-v,.pct,.fng-num,td.px,td.toman,td.cap,.pxrow b{font-variant-numeric:tabular-nums}
.wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}
[hidden]{display:none !important}

/* ---- global reading progress ---- */
#progress{
  position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:200;pointer-events:none;
  transform:scaleX(0);transform-origin:100% 50%;
  background:linear-gradient(90deg,rgba(22,199,132,.35),var(--green,#16C784));
  box-shadow:0 0 14px rgba(22,199,132,.55);will-change:transform
}

/* ---- rolling price tape ---- */
.no-tape .tape{display:none}
.tape{position:fixed;inset-block-start:0;inset-inline:0;height:var(--tape-h);z-index:110;
  background:var(--navy);border-bottom:1px solid var(--hairline-soft);overflow:hidden;
  opacity:0;transition:opacity .6s var(--ease)}
.tape.on{opacity:1}
.tape::before,.tape::after{content:"";position:absolute;inset-block:0;width:64px;z-index:2;pointer-events:none}
.tape::before{left:0;background:linear-gradient(to right,var(--navy),transparent)}
.tape::after{right:0;background:linear-gradient(to left,var(--navy),transparent)}
.tape-track{display:flex;align-items:center;height:100%;width:max-content;direction:ltr;
  animation:tapeMove 55s linear infinite;will-change:transform}
.tape:hover .tape-track{animation-play-state:paused}
@keyframes tapeMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.titem{display:flex;align-items:center;gap:8px;padding:0 20px;height:100%;
  border-inline-end:1px solid var(--hairline-soft);
  font-family:var(--font-latin);font-size:13px;font-weight:600;white-space:nowrap}
.tico{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex:none;line-height:1}
.tsym{font-weight:800;font-size:12.5px;color:var(--paper)}
.tpx{color:var(--paper);opacity:.92}
.tchg{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:6px;line-height:1.4}
.tchg.up{color:var(--green-text);background:rgba(22,199,132,.12)}
.tchg.dn{color:var(--rumor);background:rgba(229,72,77,.12)}
@media(max-width:600px){.titem{padding:0 14px;font-size:12px}}

/* ---- header ---- */
body>header{position:fixed;inset-block-start:var(--tape-h);inset-inline:0;z-index:100;padding-block:16px;
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),padding var(--dur) var(--ease)}
header.scrolled{background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 1px 0 var(--hairline),0 12px 40px rgba(0,0,0,.3);padding-block:10px}
.nav{display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;flex:none;color:var(--paper)}
.brand:hover{color:var(--paper)}
.brand svg{width:46px;height:32px;flex:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.25}
.brand-txt b{font-size:16px;font-weight:800}
.brand-txt span{font-size:11.5px;color:var(--slate);font-weight:500}
.nav-links{display:flex;gap:6px;margin-inline-start:auto}
.nav-links a{padding:9px 14px;border-radius:var(--r-chip);font-size:15px;font-weight:500;color:var(--slate);white-space:nowrap;
  transition:color .25s,background .25s}
.nav-links a:hover{color:var(--paper);background:var(--ghost-hover)}
.nav-links a.here{color:var(--paper);font-weight:700}
.nav-links a.here::after{content:"";display:block;height:2px;border-radius:2px;background:var(--green);margin-inline:14px;margin-top:-4px}
.nav-actions{display:flex;align-items:center;gap:10px;flex:none}
.icon-link{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--hairline);color:var(--slate);transition:.25s}
.icon-link:hover{color:var(--green-text);border-color:rgba(22,199,132,.4);background:rgba(22,199,132,.08)}
.icon-link svg{width:19px;height:19px;fill:currentColor}
.theme-t{border:1px solid var(--hairline);background:none;cursor:pointer;padding:0}
.theme-t svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme-t .i-sun{display:none}
:root[data-theme="light"] .theme-t .i-sun{display:block}
:root[data-theme="light"] .theme-t .i-moon{display:none}
/* ---- mobile menu (the burger itself is injected by chrome.js) ---- */
.nav-burger{display:none;border:1px solid var(--hairline);background:none;cursor:pointer;padding:0}
.nav-burger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-burger .i-close{display:none}
header.menu-open .nav-burger .i-open{display:none}
header.menu-open .nav-burger .i-close{display:block}
/* specificity ۲ کلاسه لازم است: قانون .btn پایین‌تر می‌آید و با ۱ کلاس برنده می‌شد */
.nav-links .only-mobile{display:none}

@media(max-width:1080px){
  .nav-links{display:none}
  .nav-actions .btn{display:none}
  .nav-actions{margin-inline-start:auto}
  .nav-burger{display:grid}
  header.menu-open{background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  header.menu-open .nav-links{
    display:flex;flex-direction:column;gap:2px;margin:0;
    position:absolute;inset-block-start:100%;inset-inline:0;
    padding:10px 20px calc(18px + env(safe-area-inset-bottom,0px));
    background:var(--navy-raised);border-block-start:1px solid var(--hairline);
    box-shadow:0 22px 50px rgba(0,0,0,.35);max-height:72vh;overflow-y:auto
  }
  header.menu-open .nav-links a{padding:13px 14px;border-radius:var(--r-md);font-size:16px}
  header.menu-open .nav-links a.here::after{margin-top:2px}
  .nav-links .only-mobile{display:inline-flex;margin-top:10px}
}
main{padding-top:calc(var(--tape-h) + 96px)}

/* ---- buttons / chips ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:var(--r-chip);border:1px solid transparent;
  font-weight:700;font-size:16px;line-height:1;cursor:pointer;min-height:52px;text-align:center;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}
.btn-primary{background:var(--green);color:var(--green-ink);box-shadow:0 10px 30px rgba(22,199,132,.28)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(22,199,132,.38);color:var(--green-ink)}
.btn-ghost{background:var(--ghost);border-color:var(--ghost-line);color:var(--paper)}
.btn-ghost:hover{background:var(--ghost-hover);transform:translateY(-3px);color:var(--paper)}
.btn-sm{padding:11px 20px;min-height:44px;font-size:14.5px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--green-text);
  background:rgba(22,199,132,.1);border:1px solid rgba(22,199,132,.25);
  padding:7px 15px;border-radius:var(--r-chip);margin-bottom:18px;line-height:1}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}
.kicker.gold{color:var(--gold);background:rgba(232,185,35,.1);border-color:rgba(232,185,35,.28)}
.kicker.gold::before{background:var(--gold)}
.h2{font-size:clamp(26px,3.9vw,44px);font-weight:800}
.lead{color:var(--slate);font-size:clamp(15.5px,1.65vw,18.5px);line-height:1.9;max-width:62ch;margin-top:16px}
.chg{display:inline-flex;align-items:center;font-family:var(--font-latin);direction:ltr;unicode-bidi:isolate;
  font-size:12px;font-weight:700;padding:3px 9px;border-radius:7px;line-height:1.5}
.chg.up{color:var(--green-text);background:rgba(22,199,132,.12)}
.chg.dn{color:var(--rumor);background:rgba(229,72,77,.12)}
.sk{display:inline-block;height:14px;width:100%;border-radius:6px;
  background:linear-gradient(90deg,var(--sk-a),var(--sk-b),var(--sk-a));
  background-size:200% 100%;animation:shimmer 1.5s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}

/* ---- reveal ---- */
.rv{opacity:0;translate:0 26px;transition:opacity .75s var(--ease),translate .75s var(--ease)}
.rv.in{opacity:1;translate:none}

/* ---- floating coin backdrop (same treatment as the home page) ---- */
#coins{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
header,main,footer,#toTop{position:relative;z-index:1}
.coin{position:absolute;display:block;opacity:.3;will-change:transform;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.35)) saturate(.92);
  animation:drift var(--d,26s) ease-in-out infinite,coinfade 9s var(--ease) infinite,coinspin var(--ds,18s) ease-in-out infinite;
  animation-delay:var(--dl,0s),var(--dl,0s),var(--dl,0s)}
.coin img{width:100%;height:100%;display:block}
.coin.soft{opacity:.16;filter:blur(2.5px) saturate(.8);animation-name:drift,coinspin}
@keyframes coinspin{0%,100%{rotate:0deg}50%{rotate:var(--rot,7deg)}}
@keyframes drift{
  0%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(-22px,-30px,0)}
  50%{transform:translate3d(12px,-52px,0)}
  75%{transform:translate3d(26px,-22px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes coinfade{0%,100%{opacity:.18}50%{opacity:.38}}
:root[data-theme="light"] .coin{opacity:.22}
@media(max-width:760px){.coin{transform:scale(.72)}.coin:nth-child(n+8){display:none}}

/* ---- page-top glow + grid, matching the home hero ---- */
.hero-lite,.art-head{position:relative;isolation:isolate}
.hero-lite::before,.art-head::before{content:"";position:absolute;z-index:-2;pointer-events:none;
  inset-block:-330px -10px;inset-inline:calc(50% - 50vw);
  background:radial-gradient(circle at 78% 26%,rgba(22,199,132,.17),rgba(22,199,132,.05) 32%,transparent 60%),
    radial-gradient(circle at 14% 76%,rgba(59,130,246,.10),transparent 56%);
  -webkit-mask-image:radial-gradient(105% 88% at 50% 22%,#000 0%,#000 34%,transparent 100%);
  mask-image:radial-gradient(105% 88% at 50% 22%,#000 0%,#000 34%,transparent 100%)}
:root[data-theme="light"] .hero-lite::before,:root[data-theme="light"] .art-head::before{opacity:.55}
.hero-lite::after,.art-head::after{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:.5;
  inset-block:-330px 0;inset-inline:calc(50% - 50vw);
  background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(270deg,var(--hairline) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000 0%,transparent 100%);
  mask-image:radial-gradient(70% 60% at 50% 0%,#000 0%,transparent 100%)}

/* ---- hero entrance, matching the home page ---- */
@keyframes riseIn{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
.hero-lite .wrap > *,.art-head > *{animation:riseIn .85s var(--ease) both}
.hero-lite .wrap > *:nth-child(1),.art-head > *:nth-child(1){animation-delay:.05s}
.hero-lite .wrap > *:nth-child(2),.art-head > *:nth-child(2){animation-delay:.14s}
.hero-lite .wrap > *:nth-child(3),.art-head > *:nth-child(3){animation-delay:.23s}
.hero-lite .wrap > *:nth-child(4),.art-head > *:nth-child(4){animation-delay:.32s}
.hero-lite .wrap > *:nth-child(5),.art-head > *:nth-child(5){animation-delay:.41s}

/* ---- footer (matches home page) ---- */
footer{
  --paper:#F5F7FA; --slate:#8A97A6; --hairline:#1E2C3D;
  --ghost:rgba(245,247,250,.05); --ghost-line:rgba(245,247,250,.18);
  --ghost-hover:rgba(245,247,250,.11); --green:#16C784; --green-text:#16C784;
  background:var(--ink);border-top:1px solid var(--hairline);padding-block:60px 34px;color:var(--paper);
  position:relative;z-index:1;
}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:36px}
.f-brand p{color:var(--slate);font-size:14.5px;margin-top:16px;max-width:38ch;line-height:1.9}
.f-col h4{font-size:15px;margin-bottom:16px}
.f-col a{display:block;color:var(--slate);font-size:14.5px;padding:6px 0;transition:color .22s}
.f-col a:hover{color:var(--green-text)}
.socials{display:flex;gap:10px;margin-top:20px}
.disclaimer{border-top:1px solid var(--hairline);padding-top:24px;color:var(--slate);font-size:13px;line-height:1.95}
.copy{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;
  color:var(--slate);font-size:13px}
@media(max-width:800px){.f-grid{grid-template-columns:1fr;gap:32px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sk{animation:none}
  .rv{opacity:1;translate:none;transition:none}
  #progress{transition:none}
}