/* ============================================================
   سکوی داده بورس تهران — نسخه خلاقانه
   پایه: زبان طراحی تاییدشده (مشکی واقعی + فیروزه‌ای + کروم هولوگرافیک)
   همه گرافیک‌ها اورجینال و دست‌ساز.
   ============================================================ */

/* ── فونت: وزیرمتن (OFL) ── */
@font-face{ font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight:500; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-SemiBold.woff2") format("woff2"); font-weight:600; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight:700; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("fonts/Vazirmatn-Black.woff2") format("woff2"); font-weight:900; font-display:swap; }

:root{
  --bg:#0a0a0c; --surface:#141416; --surface-2:#1a1a1d;
  --line:#ffffff12; --line-2:#ffffff1f;
  --txt:#f5f5f5; --dim:#a3a3a3; --mute:#737373;
  --mint:#23f7dd; --mint-2:#81fbe9; --mint-dark:#00d3ba; --mint-black:#0a201d;
  --up:#34d399; --dn:#fb7185;
  --glow:#00ffe099;
  --r-12:.75rem; --r-16:1rem; --r-24:1.5rem; --r-32:2rem; --r-40:2.5rem;
  --container:80rem;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ font-size:calc(0.625rem + 0.41666vw); scroll-behavior:smooth; }
body{
  background:var(--bg); color:var(--txt);
  font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif; line-height:1.3;
  overflow-x:hidden; position:relative;
}
/* دانه‌بندی فیلمی روی کل صفحه */
body::after{
  content:""; position:fixed; inset:0; z-index:2000; pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.6'/></svg>");
  opacity:.05; mix-blend-mode:overlay;
}
::selection{ background:#23f7dd33; color:#fff; }
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:#2a2a2e; border-radius:99px; }
a{ text-decoration:none; color:inherit; }
img,svg{ max-width:100%; display:block; }
svg text{ font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif; }

.container{ max-width:var(--container); margin:0 auto; padding:0 2rem; }
.section{ padding:5.5rem 0; position:relative; }
.sp-16{height:1rem}.sp-24{height:1.5rem}.sp-32{height:2rem}.sp-40{height:2.5rem}
.sp-60{height:3.75rem}.sp-100{height:6.25rem}

/* ── تایپوگرافی ── */
.h-96{ font-size:6rem;    line-height:1.12; font-weight:900; }
.h-84{ font-size:5.25rem; line-height:1.15; font-weight:900; }
.h-64{ font-size:4rem;    line-height:1.18; font-weight:800; }
.h-40{ font-size:2.5rem;  line-height:1.25; font-weight:700; }
.h-26{ font-size:1.63rem; line-height:1.3;  font-weight:700; }
.h-20{ font-size:1.25rem; line-height:1.45; font-weight:600; }
.p-21{ font-size:1.31rem; line-height:1.7; font-weight:400; }
.p-16{ font-size:1rem;    line-height:1.65; }
.p-14{ font-size:.88rem;  line-height:1.6; }
.dim{ color:var(--dim); } .mute{ color:var(--mute); }
.p-21.mute{ color:var(--dim); }   /* پاراگراف‌های سرنویس یک پله روشن‌تر از پانوشت‌ها */
.center{ text-align:center; } .balance{ text-wrap:balance; }
.grad-word{
  background:linear-gradient(100deg,#23f7dd,#8b7cf8 55%,#f472b6);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.mint-word{ color:var(--mint); }

/* ── دکمه‌ها ── */
.btn{
  display:inline-flex; justify-content:center; align-items:center; gap:.4rem;
  border-radius:var(--r-12); font-weight:700; font-size:.9rem; line-height:1.5;
  padding:.7rem 1.15rem; cursor:pointer; border:none; font-family:inherit;
  transition:all .4s cubic-bezier(.165,.84,.44,1);
}
.btn:hover{ transform:translateY(-4px); }
.btn:active{ border-radius:.5rem; }
.btn-mint{ background:var(--mint); color:#06110e; padding:.7rem 1.4rem; }
.btn-mint:hover{ background:var(--mint-2); box-shadow:0 0 14px 2px var(--glow); }
.btn-dark{ background:#232326; color:#fff; }
.btn-dark:hover{ background:#323236; }
.btn-ghost{ background:transparent; border:1px solid var(--line-2); color:#fff; }
.btn-ghost:hover{ border-color:#ffffff45; }

/* پیل نشان گرادیانی */
.pill-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  background:linear-gradient(var(--mint-black),var(--mint-black)) padding-box,
             linear-gradient(90deg,#00e67699,#23f7dd99) border-box;
  border:1px solid transparent; border-radius:var(--r-32);
  padding:.38rem 1rem; font-size:.88rem; font-weight:600;
}
.pill-badge .grad-text{
  background:linear-gradient(90deg,#00e676,#23f7dd);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.live-dot{ width:.5rem; height:.5rem; border-radius:50%; background:var(--mint);
  box-shadow:0 0 8px var(--mint); animation:pulse 2.2s ease-in-out infinite; }
@keyframes pulse{ 50%{ opacity:.45; } }

/* ── ناوبری ── */
.nav{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; gap:2rem;
  background:rgba(10,10,12,.72); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  padding:.95rem 2.2rem;
}
.wordmark{ font-size:1.3rem; font-weight:900; display:flex; align-items:center; gap:.55rem; }
.wordmark i{ font-style:normal; color:var(--mint); }
.logo-eye{ width:1.9rem; height:1.9rem; border-radius:50%; position:relative; flex:none;
  background:conic-gradient(from 210deg,#23f7dd,#8b7cf8,#f472b6,#42ffb0,#23f7dd); }
.logo-eye::after{ content:""; position:absolute; inset:.22rem; border-radius:50%; background:#0a0a0c; }
.logo-eye::before{ content:""; position:absolute; width:.5rem; height:.5rem; border-radius:50%;
  background:var(--mint); top:.42rem; right:.42rem; z-index:2; box-shadow:0 0 8px var(--mint); }
.nav-links{ display:flex; gap:1.9rem; margin:0 auto; }
.nav-links a{ color:var(--dim); font-size:.94rem; transition:color .2s; }
.nav-links a:hover{ color:#fff; }

/* ── تیکر زنده ── */
.ticker{ overflow:hidden; border-bottom:1px solid var(--line); background:#0c0c0e;
  padding:.55rem 0; position:relative; }
.ticker::before,.ticker::after{
  content:""; position:absolute; top:0; bottom:0; width:8rem; z-index:2; pointer-events:none;
}
.ticker::before{ right:0; background:linear-gradient(270deg,#0c0c0e,transparent); }
.ticker::after{ left:0; background:linear-gradient(90deg,#0c0c0e,transparent); }
.ticker-track{ display:flex; gap:2.6rem; width:max-content; animation:tick 46s linear infinite; }
@keyframes tick{ from{ transform:translateX(0);} to{ transform:translateX(50%);} }
.tk{ display:flex; align-items:center; gap:.5rem; font-size:.85rem; white-space:nowrap; }
.tk b{ font-weight:600; color:#e5e5e5; }
.tk .up{ color:var(--up); } .tk .dn{ color:var(--dn); }
.tk .sep{ width:.28rem; height:.28rem; border-radius:50%; background:#333; }

/* ── هیرو ── */
.hero{ text-align:center; padding:6rem 0 0; position:relative; overflow:hidden; }
.hero-glow{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(60% 42% at 50% -12%, rgba(35,247,221,.16), transparent 70%),
    radial-gradient(26% 20% at 6% 12%,  rgba(139,124,248,.09), transparent 70%),
    radial-gradient(26% 20% at 94% 14%, rgba(244,114,182,.06), transparent 70%);
}
/* حلقه افق — طلوع کرومی که از پشت داشبورد سر می‌زند */
.horizon{
  position:absolute; left:50%; transform:translateX(-50%);
  width:110rem; height:110rem; top:18rem; border-radius:50%; z-index:0;
  background:conic-gradient(from 300deg,
    transparent, #23f7dd 8%, #8b7cf8 16%, #f472b6 22%, #42ffb0 30%, transparent 38%);
  -webkit-mask:radial-gradient(closest-side, transparent 64.4%, #000 64.9% 67.6%, transparent 68.2%);
          mask:radial-gradient(closest-side, transparent 64.4%, #000 64.9% 67.6%, transparent 68.2%);
  filter:blur(.5px) saturate(1.25);
}
.horizon-glow{
  position:absolute; left:50%; transform:translateX(-50%); top:22rem; z-index:0;
  width:70rem; height:32rem; pointer-events:none;
  background:radial-gradient(50% 55% at 50% 0%, rgba(35,247,221,.22), transparent 70%);
}
.hero > .container{ position:relative; z-index:2; }
.hero h1{ max-width:62rem; margin:1.6rem auto 0; }
.hero .sub{ max-width:46rem; margin:1.6rem auto 0; }
.btn-row{ display:flex; gap:.8rem; justify-content:center; margin-top:2.2rem; flex-wrap:wrap; }

/* ── داشبورد شیشه‌ای شناور ── */
.shot-wrap{ perspective:1600px; margin-top:4.5rem; position:relative; z-index:2; }
.shot{
  max-width:66rem; margin:0 auto; text-align:right;
  border:1px solid transparent;
  background:
    linear-gradient(rgba(17,18,20,.86), rgba(17,18,20,.86)) padding-box,
    linear-gradient(172deg, rgba(255,255,255,.26), rgba(255,255,255,.06) 26%, rgba(35,247,221,.13) 70%, rgba(255,255,255,.05)) border-box;
  backdrop-filter:blur(14px); border-radius:var(--r-24);
  transform:rotateX(9deg); transform-origin:50% 100%;
  box-shadow:0 60px 120px -30px #000000e6, 0 0 70px rgba(35,247,221,.07);
  overflow:hidden;
}
.shot-bar{ display:flex; align-items:center; gap:.55rem; padding:.85rem 1.2rem;
  border-bottom:1px solid var(--line); }
.shot-bar .dot{ width:.62rem; height:.62rem; border-radius:50%; background:#2e2e33; }
.shot-bar .dot:first-child{ background:#3a3a40; }
.shot-bar .tab{ margin-inline-start:1rem; font-size:.78rem; color:var(--dim);
  background:#1d1d21; border-radius:.5rem; padding:.25rem .8rem; }
.shot-bar .tab.on{ color:#06110e; background:var(--mint); font-weight:700; }
.shot-body{ display:grid; grid-template-columns:1fr 17rem; }
.shot-main{ padding:1.1rem 1.3rem 0; }
.shot-side{ border-inline-start:1px solid var(--line); padding:1.1rem 1.2rem;
  display:flex; flex-direction:column; gap:1rem; }
.shot-side h6{ font-size:.78rem; color:var(--mute); font-weight:600; }
.mini-head{ display:flex; align-items:baseline; gap:.9rem; padding-bottom:.7rem; }
.mini-head b{ font-size:1.15rem; font-weight:800; }
.mini-head .px{ color:var(--mint); font-weight:700; direction:ltr; }
.mini-head .chg{ color:var(--up); font-size:.82rem; }

/* ── بنتو ── */
.bento{ display:grid; grid-template-columns:repeat(12,1fr); gap:1rem; }

/* ══ سیستم کارت شیشه‌ای مشترک (card / explore / news) ══
   شیشه = پس‌زمینه نیمه‌شفاف + بلور + حاشیه گرادیانی با لبه بالایی روشن
   پویایی = هاور بالا-پر، نورافکن دنبال موس (--mx/--my از JS)، برق جاروکننده
   بهینه = فقط transform/opacity انیمیت می‌شود؛ یک تعریف برای هر سه نوع کارت */
.card,.explore-card,.news-card{
  position:relative; overflow:hidden; border:1px solid transparent;
  background:
    linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 40%, rgba(18,19,22,.72)) padding-box,
    linear-gradient(168deg, rgba(255,255,255,.22), rgba(255,255,255,.05) 28%, rgba(35,247,221,.10) 68%, rgba(255,255,255,.04)) border-box;
  backdrop-filter:blur(10px);
  transition:transform .45s cubic-bezier(.165,.84,.44,1), box-shadow .45s;
}
.card:hover,.explore-card:hover,.news-card:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 52px -20px rgba(0,0,0,.85), 0 0 34px -8px rgba(35,247,221,.16);
}
/* نورافکن دنبال‌کننده موس */
.card::before,.explore-card::before,.news-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  background:radial-gradient(22rem circle at var(--mx,50%) var(--my,-40%),
    rgba(35,247,221,.10), rgba(139,124,248,.06) 38%, transparent 62%);
  opacity:0; transition:opacity .45s;
}
.card:hover::before,.explore-card:hover::before,.news-card:hover::before{ opacity:1; }
/* برق شیشه‌ای جاروکننده */
.card::after,.explore-card::after,.news-card::after{
  content:""; position:absolute; top:-12%; bottom:-12%; left:-45%; width:45%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.06) 45%, rgba(129,251,233,.09) 55%, transparent);
  transform:skewX(-18deg); pointer-events:none; z-index:1;
  transition:transform .9s cubic-bezier(.19,1,.22,1);
}
.card:hover::after,.explore-card:hover::after,.news-card:hover::after{
  transform:translateX(340%) skewX(-18deg);
}

.card{ border-radius:var(--r-24); padding:2rem;
  display:flex; flex-direction:column; min-height:0; }
.span-4{grid-column:span 4}.span-6{grid-column:span 6}
.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.card h3{ font-size:1.5rem; font-weight:700; }
.card .desc{ margin-top:.6rem; }
.card-top-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.art{ flex:1; min-height:10rem; margin-bottom:1.4rem; position:relative;
  display:flex; align-items:center; justify-content:center;
  transition:transform .6s cubic-bezier(.165,.84,.44,1); }
.card:hover .art{ transform:translateY(-4px) scale(1.03); }
.art svg{ overflow:visible; }
.span-6 .art svg{ height:11.5rem; width:auto; }   /* در کارت‌های پهن، هنر بادکنکی نشود */
/* شناوری آرام عناصر کروی و حلقه‌ای */
@keyframes float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-9px);} }
.orb,.ai-art .ring{ animation:float 8s ease-in-out infinite; }
.ai-art .ring.ai-ring-b{ animation-duration:11s; animation-delay:1.2s; }

/* آمار */
.stat-card{ min-height:10.5rem; }
.stat-card .label{ font-size:1rem; color:var(--mute); font-weight:500; }
.stat-num{ color:var(--mint); font-size:3rem; line-height:1.15; font-weight:800;
  margin-top:auto; text-align:right; direction:rtl; }
.stat-num small{ font-size:1.35rem; color:var(--mute); font-weight:500; }

/* حلقه کرومی عمومی */
.ring{
  position:absolute; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 210deg,
    transparent, #23f7dd 18%, #8b7cf8 34%, transparent 48%,
    #f472b6 60%, #42ffb0 74%, transparent 88%, transparent);
  -webkit-mask:radial-gradient(closest-side, transparent 58%, #000 60% 84%, transparent 86%);
          mask:radial-gradient(closest-side, transparent 58%, #000 60% 84%, transparent 86%);
  filter:saturate(1.3) blur(.5px);
}

/* کره براق */
.orb{
  width:7rem; height:7rem; border-radius:50%;
  background:radial-gradient(circle at 32% 28%, #c8fff6, #23f7dd 26%, #0c6154 62%, #052420 100%);
  box-shadow:inset -16px -20px 44px #000000aa, 0 0 70px #23f7dd2e;
}
.orb.small{ width:5.2rem; height:5.2rem; }
.orb.violet{
  background:radial-gradient(circle at 32% 28%, #efe6ff, #a78bfa 28%, #3b2a80 64%, #120b2e 100%);
  box-shadow:inset -16px -20px 44px #000000aa, 0 0 70px #a78bfa2e;
}
.orb-ring{ position:absolute; width:10.5rem; height:3.4rem; border:2px solid #23f7dd44;
  border-radius:50%; }

/* شبکه نقطه‌ای */
.art-dots{ position:absolute; inset:1rem; border-radius:var(--r-16);
  background:radial-gradient(circle, #23f7dd3d .17rem, transparent .2rem) 0 0/1.15rem 1.15rem; }
.art-dots.gray{ background:radial-gradient(circle, #73737348 .15rem, transparent .18rem) 0 0/1.3rem 1.3rem; }
.streak{ position:absolute; left:8%; bottom:18%; width:70%; height:.22rem; border-radius:1rem;
  background:linear-gradient(90deg, transparent, #23f7dd);
  box-shadow:0 0 16px #23f7dd; transform:rotate(-14deg); }
.hot-dot{ position:absolute; width:.55rem; height:.55rem; border-radius:50%;
  background:var(--mint); box-shadow:0 0 12px var(--mint); }

/* ── سکشن هوش مصنوعی ── */
.ai-card{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center;
  border-radius:var(--r-40); padding:3rem; min-height:24rem; }
.ai-art{ position:relative; min-height:19rem; display:flex; align-items:center; justify-content:center; }
.ai-ring-a{ width:17rem; height:17rem; right:14%; top:8%; opacity:1; }
.ai-ring-b{ width:10rem; height:10rem; left:2%; bottom:-3rem; opacity:.35; }
.ai-art .orb{ position:absolute; right:34%; top:44%; }
/* صحنه مرکزی کارت هشدار */
.center-stage{ position:relative; display:flex; align-items:center; justify-content:center; }
.center-stage .orb-ring{ left:50%; top:50%; transform:translate(-50%,-50%) rotate(-16deg); }
.ai-line{ display:flex; gap:.8rem; align-items:flex-start; padding:.8rem 0;
  border-bottom:1px dashed #ffffff0f; }
.ai-line:last-child{ border-bottom:none; }
.ai-line time{ color:var(--mute); font-size:.8rem; min-width:2.6rem; padding-top:.2rem; }
.ai-line p{ font-size:.95rem; line-height:1.75; }
.ai-line p b{ color:var(--mint); font-weight:700; }
.tag{ font-size:.72rem; border-radius:99px; padding:.1rem .6rem; margin-inline-start:.4rem;
  vertical-align:.1rem; white-space:nowrap; }
.tag-ai{ color:#e9d5ff; border:1px solid transparent;
  background:linear-gradient(#101013,#101013) padding-box,
             linear-gradient(100deg,#22d3ee,#a78bfa,#f472b6) border-box; }
.tag-sig{ background:#23f7dd14; color:var(--mint); border:1px solid #23f7dd3d; }

/* ── ترمینال موتور ── */
.engine-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; }
.term{
  background:#0b0c0d; border:1px solid var(--line-2); border-radius:var(--r-16);
  padding:1.4rem 1.5rem; font-size:.92rem; line-height:2.1; text-align:right;
  box-shadow:0 30px 60px -20px #000c;
}
.term > div{ display:flex; align-items:baseline; gap:.6rem; }
.term .thead{ display:flex; gap:.5rem; margin-bottom:.8rem; }
.term .thead span{ width:.6rem; height:.6rem; border-radius:50%; background:#26262b; }
.term .ok{ color:var(--mint); }
.term .t{ color:var(--dim); font-size:.82rem; margin-inline-start:auto; }
.term .warn{ color:#fdf5a3; }

/* ── سکشن بلورها ── */
.crystal-sec{ text-align:center; position:relative; overflow:hidden; padding:9rem 0; }
.crystal-sec .glow{ position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(46% 40% at 50% 55%, rgba(0,230,118,.07), transparent 70%); }
.crystal{ position:absolute; pointer-events:none; filter:drop-shadow(0 0 22px #00e67638); }
.c1{ top:4%; right:1.5%; width:6rem; }
.c2{ top:74%; right:42%; width:2.8rem; transform:rotate(-22deg);
     filter:blur(1.5px) drop-shadow(0 0 22px #00e67638); opacity:.75; }
.c3{ top:18%; left:6%; width:8.5rem; transform:rotate(-10deg); }
.c4{ bottom:10%; left:17%; width:3.6rem; transform:rotate(28deg); }
.crystal-sec .container{ position:relative; z-index:2; }
.crystal-sec .sub{ max-width:42rem; margin:1.5rem auto 0; }

/* ── کارت‌های کاوش ── */
.explore-head{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:end; margin-bottom:2rem; }
.explore-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; }
.explore-card{
  border-radius:var(--r-24); padding:2rem;
  min-height:17rem; display:flex; flex-direction:column;
}
.ghost-num{ position:absolute; top:.5rem; left:1rem; font-size:5.5rem; font-weight:900;
  color:#ffffff0a; line-height:1; direction:ltr; }
.explore-card .icx{ width:3.1rem; height:3.1rem; margin-bottom:1.1rem; }
.explore-card h3{ font-size:1.5rem; font-weight:700; }
.explore-card p{ margin-top:.5rem; }
.explore-card .go{ margin-top:auto; align-self:flex-start; color:var(--mint); font-size:1.3rem; }

/* ── سیاره ── */
.planet-sec{ text-align:center; position:relative; overflow:hidden; padding:11rem 0 7rem; }
.stars{ position:absolute; inset:0; opacity:.5;
  background:
    radial-gradient(circle, #ffffff26 .1rem, transparent .14rem) 0 0/3.3rem 2.6rem,
    radial-gradient(circle, #ffffff1c .08rem, transparent .12rem) 1.4rem 1.1rem/2.6rem 3.4rem; }
.planet{
  position:absolute; left:50%; top:54%; transform:translate(-50%,-50%);
  width:27rem; height:27rem; border-radius:50%; z-index:0;
  background:radial-gradient(circle at 36% 30%, #35e0ad, #147a5d 34%, #0a352b 66%, #05130f 96%);
  box-shadow:0 0 140px #00e67630, inset -26px -34px 90px #000000c9, inset 6px 8px 30px #b9ffe522;
}
.orbit{ position:absolute; left:50%; top:50%; width:39rem; height:12.5rem;
  border:1px solid #23f7dd3d; border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg); z-index:0; }
.orbit.o2{ width:46rem; height:15.5rem; transform:translate(-50%,-50%) rotate(-8deg); opacity:.5; }
.orbit .sat{ position:absolute; top:12%; right:18%; width:.6rem; height:.6rem; border-radius:50%;
  background:#fff; box-shadow:0 0 10px #fff; }
.planet-sec .content{ position:relative; z-index:2; }
.planet-sec .sub{ max-width:40rem; margin:1.5rem auto 0;
  color:#d9fff4; text-shadow:0 2px 22px rgba(4,17,13,.9); }

/* ── ماركی + نقل‌قول ── */
.marquee-wrap{ overflow:hidden; display:flex; flex-direction:column; gap:1rem; }
.marquee{ display:flex; gap:1rem; width:max-content; animation:m-left 60s linear infinite; }
.marquee.rev{ animation:m-right 60s linear infinite; }
@keyframes m-left { from{ transform:translateX(0);} to{ transform:translateX(50%);} }
@keyframes m-right{ from{ transform:translateX(50%);} to{ transform:translateX(0);} }
.ph-photo{ width:16rem; height:10rem; border-radius:var(--r-16); flex:none;
  border:1px solid var(--line); position:relative; overflow:hidden;
  background:radial-gradient(120% 140% at 78% -10%, #23f7dd26, transparent 55%),
             linear-gradient(150deg,#232326,#141416 60%); }
.ph-photo::after{ content:""; position:absolute; inset:0;
  background:conic-gradient(from 210deg at 20% 120%, transparent, #8b7cf824 30%, #f472b61c 45%, transparent 62%); }
.ph-photo.v2{ background:radial-gradient(120% 140% at 20% -10%, #23f7dd1c, transparent 55%),
              linear-gradient(150deg,#1e3a33,#121214 65%); }
.ph-photo.v2::before{ content:""; position:absolute; inset:.8rem; border-radius:.6rem;
  background:radial-gradient(circle, #23f7dd2e .14rem, transparent .17rem) 0 0/1.1rem 1.1rem; }
.ph-photo.v3{ background:radial-gradient(120% 140% at 80% 110%, #a78bfa21, transparent 55%),
              linear-gradient(150deg,#2b2340,#131315 65%); }
.ph-photo.v3::before{ content:""; position:absolute; left:10%; bottom:22%; width:65%; height:.2rem;
  border-radius:1rem; background:linear-gradient(90deg,transparent,#a78bfa);
  box-shadow:0 0 14px #a78bfa66; transform:rotate(-14deg); }
.stat-tile{ width:16rem; height:10rem; border-radius:var(--r-40); flex:none; padding:1.5rem;
  display:flex; flex-direction:column; justify-content:flex-end; color:#141416; }
.stat-tile b{ font-size:2.8rem; line-height:1; font-weight:900; }
.stat-tile span{ font-size:1rem; margin-top:.4rem; }
.t-violet{ background:#be99f8; } .t-teal{ background:#a5fcf0; } .t-yellow{ background:#fdf5a3; }
.quote{ max-width:60rem; margin-top:4rem; }

/* ── کارت‌های تحلیل ── */
.news-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.news-card{ border-radius:var(--r-16); }
.news-card .thumb{ height:9rem; position:relative; overflow:hidden; }
.news-card .thumb::after{ content:""; position:absolute; inset:0;
  background:radial-gradient(80% 90% at 25% 12%, #ffffff14, transparent 60%); }
.th-1{ background:radial-gradient(120% 130% at 80% 100%, #23f7dd55, #0d2a26 45%, #101012 90%); }
.th-2{ background:radial-gradient(120% 130% at 20% 100%, #a78bfa55, #221a3c 45%, #101012 90%); }
.th-3{ background:radial-gradient(120% 130% at 80% 0%,  #fdf5a344, #2c2a14 45%, #101012 90%); }
.th-4{ background:radial-gradient(120% 130% at 50% 120%, #f472b64d, #2c1420 45%, #101012 90%); }
.news-card .body{ padding:1.25rem; }
.meta-row{ display:flex; align-items:center; gap:.5rem; font-size:.82rem; margin-bottom:.7rem; }
.meta-row .dot{ width:.3rem; height:.3rem; border-radius:50%; background:#3a3a40; }
.tag-tech{ color:#e4fea3; } .tag-eco{ color:#97e0ff; } .tag-use{ color:#8bfab4; }

/* ── اسلایدر ── */
.slider-head{ display:flex; align-items:center; gap:1rem; margin-bottom:2rem; }
.slider-head h2{ margin-inline-end:auto; }
.arrow-btn{ width:2.75rem; height:2.75rem; border-radius:50%;
  background:#232326; color:#fff; border:none; font-size:1.1rem;
  display:flex; align-items:center; justify-content:center; cursor:pointer; }
.arrow-btn:hover{ background:#323236; }

/* ── خبرنامه ── */
.newsletter{ padding:6.5rem 0; position:relative; overflow:hidden; }
.newsletter .coil{ position:absolute; top:50%; transform:translateY(-50%); z-index:0; opacity:.8; }
.newsletter .coil.left{ left:3rem; }
.newsletter .box{ max-width:34rem; position:relative; z-index:2; }
.nl-row{ display:flex; gap:.5rem; margin-top:1.75rem; }
.nl-row input[type=email]{
  flex:1; background:var(--surface); border:1px solid var(--line-2);
  border-radius:var(--r-12); padding:.85rem 1.1rem; color:#fff; font-family:inherit; font-size:.94rem;
}
.nl-row input[type=email]::placeholder{ color:var(--mute); }

/* ── فوتر ── */
footer{ border-top:1px solid var(--line); padding:4.5rem 0 2rem; position:relative; overflow:hidden; }
.footer-grid{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:2rem; position:relative; z-index:2; }
.f-col h5{ font-size:.88rem; color:#d4d4d4; margin-bottom:1rem; font-weight:700; }
.f-col a{ display:block; color:var(--mute); font-size:.88rem; padding:.32rem 0; transition:color .2s; }
.f-col a:hover{ color:var(--dim); }
.socials{ display:flex; gap:.6rem; margin-top:1.25rem; }
.socials span{ width:2.2rem; height:2.2rem; border-radius:50%; background:#232326;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; color:var(--dim); }
.copyright{ text-align:center; color:var(--dim); margin-top:4rem; position:relative; z-index:2; }
.footer-ring{ width:34rem; height:34rem; left:50%; transform:translateX(-50%); bottom:-26rem; opacity:.8;
  -webkit-mask:radial-gradient(closest-side, transparent 76%, #000 78% 87%, transparent 89%);
          mask:radial-gradient(closest-side, transparent 76%, #000 78% 87%, transparent 89%); }

/* حرکت کمتر برای کاربرانی که ترجیح داده‌اند */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
}

/* ── واکنش‌گرایی پایه ── */
@media (max-width:900px){
  .span-4,.span-6,.span-8{ grid-column:span 12; }
  .explore-grid,.news-grid,.footer-grid{ grid-template-columns:1fr 1fr; }
  .explore-head,.ai-card,.engine-grid{ grid-template-columns:1fr; }
  .nav-links{ display:none; }
  .h-96{ font-size:3.2rem; } .h-84{ font-size:3rem; } .h-64{ font-size:2.5rem; }
  .shot-body{ grid-template-columns:1fr; }
  .shot-side{ display:none; }
  .horizon,.horizon-glow{ display:none; }
}