/* Professional cinematic hero — Genyleap */
.hero-cinematic{position:relative;padding:112px 0 0;background:var(--paper);overflow:hidden}
.hero-cinematic:before{content:"";position:absolute;inset:0 0 auto;height:420px;pointer-events:none;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary) 7%,transparent),transparent 68%)}
.hero-cinematic-copy{position:relative;z-index:2;max-width:1080px;text-align:center}
.hero-cinematic-copy .eyebrow{display:inline-block;margin-bottom:18px}
.hero-cinematic-copy h1{max-width:1000px;margin:0 auto;font-size:clamp(66px,6.8vw,104px);line-height:.94;letter-spacing:-.058em;font-weight:700;text-wrap:balance}
html[lang="fa"] .hero-cinematic-copy h1{line-height:1.06;letter-spacing:-.045em}
.hero-cinematic-copy>p{max-width:720px;margin:26px auto 0;color:var(--muted);font-size:19px;line-height:1.6;text-wrap:balance}
.hero-cinematic .hero-actions{justify-content:center;margin-top:30px}
.hero-stage-wrap{margin-top:64px}
.hero-spectra{--hero-x:0;--hero-y:0;position:relative;isolation:isolate;height:clamp(470px,48vw,620px);overflow:hidden;border:1px solid rgba(174,255,235,.08);border-radius:42px;corner-shape:superellipse(2);background:linear-gradient(145deg,#020a08 0%,#041510 46%,#02100c 100%);box-shadow:0 42px 100px -56px rgba(0,47,36,.52),inset 0 1px rgba(255,255,255,.045)}
.hero-spectra-canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-spectra-depth{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 24%,rgba(0,12,9,.08) 58%,rgba(0,7,5,.54) 100%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%,transparent 76%,rgba(0,0,0,.18))}

.hero-spectra-emblem{position:absolute;left:50%;top:50%;z-index:3;width:190px;height:190px;display:grid;place-items:center;transform:translate(calc(-50% + var(--hero-x)*11px),calc(-50% + var(--hero-y)*8px));transition:transform .16s ease-out;filter:drop-shadow(0 24px 40px rgba(0,0,0,.28))}
.hero-spectra-emblem:before{content:"";position:absolute;inset:-54%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(221,255,245,.82) 0%,rgba(110,242,198,.20) 26%,rgba(0,166,147,.08) 44%,transparent 70%);filter:blur(10px)}
.hero-spectra-emblem img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.02)}
.hero-spectra-meta{position:absolute;z-index:3;color:rgba(222,247,239,.55);font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.hero-spectra .meta-a{left:28px;top:25px}
.hero-spectra .meta-b{right:28px;bottom:25px;text-align:right}
.hero-spectra:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);border-radius:inherit;corner-shape:inherit}
.hero-cinematic-copy>*{animation:hero-copy-in .75s cubic-bezier(.2,.8,.2,1) both}
.hero-cinematic-copy h1{animation-delay:.05s}.hero-cinematic-copy>p{animation-delay:.11s}.hero-cinematic-copy .hero-actions{animation-delay:.17s}
.hero-spectra{animation:hero-stage-in .9s .12s cubic-bezier(.2,.8,.2,1) both}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hero-stage-in{from{opacity:0;transform:translateY(22px) scale(.992)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .hero-cinematic{padding-top:82px}.hero-cinematic-copy{max-width:760px}.hero-cinematic-copy h1{font-size:clamp(58px,10vw,78px)}
  .hero-stage-wrap{margin-top:48px}.hero-spectra{height:500px;border-radius:32px}.hero-spectra-emblem{width:156px;height:156px}
}
@media(max-width:640px){
  .hero-cinematic{padding-top:58px}.hero-cinematic-copy h1{font-size:48px;line-height:1.02}.hero-cinematic-copy>p{margin-top:20px;font-size:16px;line-height:1.65}.hero-cinematic .hero-actions{margin-top:24px;gap:18px}
  .hero-stage-wrap{width:calc(100% - 20px);margin-top:36px}.hero-spectra{height:390px;border-radius:26px}.hero-spectra-emblem{width:118px;height:118px}.hero-spectra-meta{font-size:7px;letter-spacing:.1em}.hero-spectra .meta-a{left:16px;top:16px}.hero-spectra .meta-b{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.hero-cinematic-copy>*,.hero-spectra{animation:none!important}.hero-spectra-emblem{transition:none!important}}

/* GENY cinematic hero */
.token-spectra{--hero-x:0;--hero-y:0;position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;border:1px solid rgba(174,255,235,.08);border-radius:40px;corner-shape:superellipse(2);background:linear-gradient(145deg,#020a08 0%,#041510 46%,#02100c 100%);box-shadow:0 36px 90px -52px rgba(0,47,36,.55),inset 0 1px rgba(255,255,255,.045)}
.token-spectra .hero-spectra-canvas{position:absolute;inset:0;width:100%;height:100%}
.token-spectra-depth{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0 22%,rgba(0,10,8,.06) 54%,rgba(0,7,5,.50) 100%);pointer-events:none}
.token-spectra-emblem{position:absolute;left:50%;top:50%;z-index:3;width:43%;height:62%;display:grid;place-items:center;transform:translate(calc(-50% + var(--hero-x)*9px),calc(-50% + var(--hero-y)*7px));transition:transform .16s ease-out;filter:drop-shadow(0 24px 38px rgba(0,0,0,.25))}
.token-spectra-emblem:before{content:"";position:absolute;inset:-34%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(194,255,235,.32),rgba(0,166,147,.10) 38%,transparent 70%);filter:blur(12px)}
.token-spectra-emblem img{width:100%;height:100%;object-fit:contain}
.token-spectra-meta{position:absolute;z-index:3;color:rgba(222,247,239,.58);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.token-spectra .token-meta-a{left:24px;top:23px}.token-spectra .token-meta-b{right:24px;bottom:23px;text-align:right}

@media(max-width:980px){.token-spectra{max-width:520px;width:100%;margin-inline:auto}}
@media(max-width:640px){.token-spectra{max-width:320px;border-radius:28px}.token-spectra-emblem{width:46%;height:64%}.token-spectra-meta{font-size:7px}.token-spectra .token-meta-a{left:15px;top:15px}.token-spectra .token-meta-b{right:15px;bottom:15px}}

/* Home hero v3 — ambient waves integrated into the section */
.home-page .hero-cinematic,
body:not(.token-page) .hero-cinematic{
  min-height:760px;
  padding:120px 0 150px;
  background:var(--paper);
  overflow:hidden;
  isolation:isolate;
}
.hero-cinematic:before{
  height:100%;
  background:radial-gradient(ellipse at 50% 74%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 58%);
  opacity:.72;
}
.hero-wave-field{
  --hero-x:0;--hero-y:0;
  position:absolute;
  z-index:0;
  inset:34% -7% -8%;
  pointer-events:auto;
  overflow:hidden;
  opacity:.9;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 78%,transparent 100%);
}
.hero-wave-field .hero-spectra-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-cinematic-copy{
  position:relative;
  z-index:2;
  max-width:1040px;
}
.hero-cinematic-copy h1{
  max-width:980px;
}
.hero-cinematic-copy>p{
  max-width:680px;
}
.hero-cinematic .hero-actions{
  position:relative;
  z-index:3;
}
.logo-strip{
  position:relative;
  z-index:3;
  background:var(--paper);
}
@media(max-width:900px){
  body:not(.token-page) .hero-cinematic{min-height:700px;padding:88px 0 120px}
  .hero-wave-field{inset:39% -18% -6%;opacity:.82}
}
@media(max-width:640px){
  body:not(.token-page) .hero-cinematic{
    min-height:650px;
    padding:62px 0 94px;
  }
  .hero-cinematic-copy h1{
    font-size:46px;
    line-height:1.04;
  }
  .hero-wave-field{
    inset:43% -38% -3%;
    opacity:.76;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 19%,#000 78%,transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 19%,#000 78%,transparent);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-wave-field{opacity:.7}
}

/* v3.1 — keep motion below the message, not through the typography */
body:not(.token-page) .hero-cinematic{
  min-height:720px;
  padding:104px 0 128px;
}
.hero-wave-field{
  inset:47% -7% -9%;
  opacity:.67;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 80%,transparent 100%);
}
.hero-cinematic-copy{
  max-width:1020px;
}
@media(max-width:900px){
  body:not(.token-page) .hero-cinematic{min-height:680px;padding:82px 0 108px}
  .hero-wave-field{inset:50% -20% -7%;opacity:.63}
}
@media(max-width:640px){
  body:not(.token-page) .hero-cinematic{min-height:640px;padding:58px 0 88px}
  .hero-wave-field{inset:54% -42% -2%;opacity:.58}
}

/* v3.2 — waves act as the lower visual transition */
.hero-wave-field{
  inset:55% -7% -9%;
  opacity:.7;
}
@media(max-width:900px){
  .hero-wave-field{inset:57% -20% -6%;opacity:.66}
}
@media(max-width:640px){
  .hero-wave-field{inset:59% -42% -1%;opacity:.62}
}

/* v5 — responsive editorial hero system */
.hero-home-v5{position:relative;display:grid;min-height:720px;overflow:hidden;isolation:isolate;padding:0!important;background:var(--paper)!important}
.hero-home-v5:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 44%);pointer-events:none}
.hero-home-atmosphere{--hero-x:0;--hero-y:0;position:absolute;z-index:0;inset:43% -5% 54px;overflow:hidden;opacity:.78;pointer-events:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 87%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 87%,transparent 100%)}
.hero-home-atmosphere .hero-spectra-canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-home-glow{position:absolute;z-index:1;left:50%;top:51%;width:min(900px,70vw);height:360px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 9%,transparent),transparent 68%);filter:blur(20px);pointer-events:none}
.hero-home-inner{position:relative;z-index:2;display:grid;place-items:center;align-self:stretch;padding-block:92px 190px}
.hero-home-copy{width:min(100%,1040px);margin:auto;text-align:center}
.hero-home-copy .eyebrow{margin-bottom:18px}.hero-home-copy h1{max-width:1000px;margin:0 auto;color:var(--ink);font-size:clamp(62px,6.2vw,94px);font-weight:650;line-height:.96;letter-spacing:-.057em;text-wrap:balance}
.hero-home-copy>p{max-width:650px;margin:26px auto 0;color:var(--muted);font-size:clamp(17px,1.4vw,20px);line-height:1.52;text-wrap:balance}
.hero-home-actions{justify-content:center;margin-top:30px}.hero-home-rail{position:absolute;z-index:4;inset:auto 0 0;height:54px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px)}

@media(min-width:1000px) and (min-height:920px){
  .hero-home-v5{min-height:min(92svh,1020px)}
  .hero-home-inner{padding-block:clamp(118px,13svh,154px) clamp(220px,24svh,286px)}
  .hero-home-atmosphere{inset:47% -4% 54px;opacity:.82}
  .hero-home-glow{top:50%;width:min(1040px,72vw);height:420px}
}
@media(min-width:1600px) and (max-height:919px){
  .hero-home-v5{min-height:760px}
  .hero-home-inner{padding-block:100px 198px}
  .hero-home-atmosphere{inset:46% -4% 54px}
}
@media(max-width:999px){
  .hero-home-v5{min-height:700px}
  .hero-home-inner{padding:82px 0 178px}
  .hero-home-copy{width:min(100%,820px)}
  .hero-home-copy h1{font-size:clamp(54px,8vw,76px)}
  .hero-home-atmosphere{inset:48% -18% 52px;opacity:.7}
}
@media(max-width:640px){
  .hero-home-v5{min-height:min(760px,calc(100svh - 56px))}
  .hero-home-inner{padding:66px 0 154px}
  .hero-home-copy h1{font-size:clamp(42px,12vw,52px);line-height:1.01;letter-spacing:-.047em}
  .hero-home-copy>p{max-width:360px;margin-top:20px;font-size:16px;line-height:1.55}
  .hero-home-actions{gap:12px;margin-top:24px}
  .hero-home-atmosphere{inset:51% -42% 50px;opacity:.64}
  .hero-home-glow{top:54%;width:110vw;height:300px}
  .hero-home-rail{height:50px}
}

/* GENY v5 — immersive DNA field with clean official mark */
.token-hero-v5{position:relative;display:grid;min-height:900px;overflow:hidden;isolation:isolate;padding:0!important;background:var(--paper)!important}
.token-hero-v5:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 48%);pointer-events:none}
.token-dna-motion{--dna-x:0;--dna-y:0;position:absolute;z-index:0;inset:40% -4% 0;overflow:hidden;opacity:.92;pointer-events:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 90%,transparent)}
.token-dna-canvas{position:absolute;inset:0;width:100%;height:100%}
.token-dna-halo{position:absolute;z-index:1;left:50%;top:70%;width:330px;height:330px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--paper) 100%,transparent) 0 24%,color-mix(in srgb,var(--paper) 92%,transparent) 42%,transparent 72%);pointer-events:none}
.token-hero-v5-inner{position:relative;z-index:2;display:grid;place-items:center;align-content:start;min-height:inherit;padding-block:98px 150px;text-align:center}
.token-hero-v5-copy{width:min(100%,980px)}.token-hero-v5-copy h1{max-width:940px;margin:14px auto 22px;font-size:clamp(60px,6vw,90px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.token-hero-v5-copy p{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.55;text-wrap:balance}.token-hero-v5-copy .token-actions{justify-content:center;margin-top:28px}
.token-hero-mark{position:absolute;z-index:4;left:50%;top:70%;width:116px;height:224px;transform:translate(-50%,-50%);transition:transform .28s ease}.token-hero-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none!important;transform:none!important}.token-hero-mark .brand-logo-dark{display:none}html[data-theme="dark"] .token-hero-mark .brand-logo-light{display:none}html[data-theme="dark"] .token-hero-mark .brand-logo-dark{display:block}
.token-hero-meta{position:absolute;z-index:3;display:grid;gap:4px;color:var(--muted);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.token-hero-meta strong{color:var(--primary);font-size:10px}.token-hero-meta-a{left:8%;top:68%;text-align:start}.token-hero-meta-b{right:8%;top:74%;text-align:end}

@media(min-width:1000px) and (min-height:920px){
  .token-hero-v5{min-height:min(94svh,1040px)}
  .token-hero-v5-inner{padding-top:120px}
  .token-dna-motion{inset:42% -3% 0}
  .token-dna-halo,.token-hero-mark{top:72%}
}
@media(max-width:999px){
  .token-hero-v5{min-height:820px}
  .token-hero-v5-inner{padding:82px 0 130px}
  .token-hero-v5-copy h1{font-size:clamp(52px,8vw,72px)}
  .token-dna-motion{inset:44% -18% 0}
  .token-dna-halo,.token-hero-mark{top:72%}
  .token-hero-meta-a{left:5%;top:70%}.token-hero-meta-b{right:5%;top:76%}
}
@media(max-width:640px){
  .token-hero-v5{min-height:min(820px,calc(100svh - 44px))}
  .token-hero-v5-inner{padding:66px 0 126px}
  .token-hero-v5-copy h1{font-size:44px;line-height:1.03;letter-spacing:-.046em}
  .token-hero-v5-copy p{max-width:360px;font-size:15px;line-height:1.55}
  .token-hero-v5-copy .token-actions{gap:12px;margin-top:22px}
  .token-dna-motion{inset:48% -45% 0;opacity:.82}
  .token-dna-halo{top:73%;width:220px;height:220px}
  .token-hero-mark{top:73%;width:78px;height:154px}
  .token-hero-meta{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-home-atmosphere,.token-dna-motion{pointer-events:none}.token-hero-mark{transition:none}}