:root {
  --ink: #09214d;
  --ink-soft: #0e3071;
  --paper: #f4fbfb;
  --paper-2: #e2f4f1;
  --green: #00A86B;
  --purple: #00C2B8;
  --orange: #49d7ca;
  --blue: #002C8B;
  --muted: #5b6d8f;
  --line: rgba(0, 44, 139, 0.12);
  --white-line: rgba(255, 255, 255, 0.16);
  --shadow: 0 24px 70px rgba(0, 44, 139, 0.12);
  --radius: 28px;
  --header-h: 88px;
}


* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 18px); }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Vazirmatn", system-ui, sans-serif;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img, svg { display: block; max-width: 100%; }
section[id], footer[id] { scroll-margin-top: calc(var(--header-h) + 18px); }

::selection { background: var(--green); color: var(--ink); }
:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }

.skip-link {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 999;
  padding: 10px 16px;
  border-radius: 12px;
  background: var(--green);
  color: var(--ink);
  font-weight: 800;
  transform: translateY(-150%);
  transition: transform 0.2s ease;
}
.skip-link:focus { transform: translateY(0); }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}

.site-header {
  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 4.5vw;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.site-header.scrolled {
  position: fixed;
  background: rgba(16, 17, 15, 0.86);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: header-drop 0.4s ease;
}
@keyframes header-drop { from { transform: translateY(-100%); } to { transform: translateY(0); } }

.brand { display: flex; align-items: center; gap: 10px; font-weight: 900; font-size: 23px; white-space: nowrap; }
.brand-mark { display: flex; gap: 3px; align-items: end; height: 28px; }
.brand-mark i { display: block; width: 7px; background: var(--green); border-radius: 5px 5px 0 0; }
.brand-mark i:nth-child(1) { height: 12px; }
.brand-mark i:nth-child(2) { height: 20px; }
.brand-mark i:nth-child(3) { height: 28px; }

.desktop-nav { display: flex; gap: clamp(16px, 1.8vw, 32px); font-size: 14px; }
.desktop-nav a { position: relative; padding: 9px 0; opacity: 0.75; transition: opacity 0.2s ease; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: 2px; width: 0; height: 2px; background: var(--green); transition: width 0.25s ease; }
.desktop-nav a:hover, .desktop-nav a.active { opacity: 1; }
.desktop-nav a:hover::after, .desktop-nav a.active::after { width: 100%; }

.header-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: #fff;
  color: var(--ink);
  border-radius: 999px;
  font-weight: 800;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22); }
.menu-toggle, .mobile-menu { display: none; }

.hero {
  min-height: 100svh;
  background: var(--ink);
  color: #fff;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  width: 44vw;
  aspect-ratio: 1;
  right: -17vw;
  bottom: -25vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(118, 104, 255, 0.2), transparent 67%);
  z-index: -1;
}
.hero::after {
  content: "";
  position: absolute;
  width: min(700px, 60vw);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  left: -280px;
  top: -260px;
  z-index: -1;
}
.hero-slider, .hero-slide { min-height: 100svh; }
.hero-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2vw;
  padding: 128px 7vw 104px;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.02) translateY(8px);
  transition: opacity 0.65s ease, transform 0.65s ease, visibility 0.65s;
}
.hero-slide.active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; position: relative; }
.hero-copy { position: relative; z-index: 3; }
.eyebrow, .section-label { font-size: 13px; font-weight: 800; letter-spacing: 0.04em; display: flex; align-items: center; gap: 10px; }
.eyebrow::before, .section-label::before { content: ""; width: 28px; height: 2px; flex: 0 0 auto; background: var(--green); }
.hero h1 {
  font-size: clamp(60px, 7.4vw, 122px);
  line-height: 0.95;
  margin: 25px 0;
  font-weight: 900;
  letter-spacing: -0.07em;
  max-width: 720px;
}
.hero h1 em { color: var(--green); font-style: normal; text-shadow: 0 0 40px rgba(198, 255, 56, 0.15); }
.hero-copy p { font-size: clamp(16px, 1.2vw, 19px); line-height: 2; max-width: 610px; color: #c8c9c4; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 54px;
  padding: 15px 27px;
  border-radius: 999px;
  font-weight: 800;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.btn.primary { background: var(--green); color: var(--ink); box-shadow: 0 14px 40px rgba(198, 255, 56, 0.12); }
.btn.ghost { border: 1px solid rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.02); }
.btn:hover { transform: translateY(-3px); }
.btn.ghost:hover { background: rgba(255, 255, 255, 0.08); }

.hero-visual { height: min(650px, 72vh); position: relative; direction: ltr; }
.orb { position: absolute; border-radius: 50%; }
.orb-a {
  width: min(440px, 32vw); aspect-ratio: 1; left: 12%; top: 14%;
  background: radial-gradient(circle at 30% 25%, #e5ff91, #8fae16 43%, #15170f 76%);
  box-shadow: 0 0 120px rgba(198, 255, 56, 0.19), inset -30px -35px 55px rgba(0, 0, 0, 0.35);
  animation: float-orb 7s ease-in-out infinite;
}
.orb-b {
  width: min(170px, 12vw); aspect-ratio: 1; left: 0; top: 6%;
  background: linear-gradient(135deg, #9b91ff, #241f66);
  box-shadow: 0 25px 70px rgba(118, 104, 255, 0.22);
  animation: float-orb 6s ease-in-out -2s infinite;
}
@keyframes float-orb { 50% { transform: translateY(-16px) rotate(4deg); } }
.glass-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.19);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 22px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
}
.card-main { right: 0; top: 17%; width: 230px; }
.card-main strong { font-size: 30px; color: var(--green); margin: 7px 0; }
.card-main small { color: #bbb; }
.card-float { left: 8%; bottom: 11%; }
.card-float b { font-size: 38px; }
.hero-line { position: absolute; inset: 10% 3%; width: 90%; height: 80%; overflow: visible; }
.hero-line path { stroke: rgba(255, 255, 255, 0.35); stroke-width: 2; stroke-dasharray: 9 10; }
.hero-line circle { fill: var(--green); filter: drop-shadow(0 0 8px var(--green)); }

.visual-two { display: flex; align-items: center; justify-content: center; }
.network-ring { position: absolute; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; animation: spin 15s linear infinite; }
.network-ring::before, .network-ring::after { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px rgba(198, 255, 56, 0.8); }
.network-ring::before { top: 12%; left: 19%; }
.network-ring::after { right: 3%; bottom: 33%; background: var(--purple); box-shadow: 0 0 18px rgba(118, 104, 255, 0.8); }
.ring-one { width: min(360px, 28vw); aspect-ratio: 1; }
.ring-two { width: min(540px, 40vw); aspect-ratio: 1; animation-direction: reverse; }
.network-core {
  width: 155px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center;
  background: radial-gradient(circle at 30% 25%, #9e96ff, var(--purple) 45%, #322b87);
  font-size: 26px; line-height: 1.15; text-align: center; font-weight: 900;
  box-shadow: 0 0 100px rgba(118, 104, 255, 0.38);
}
.node { position: absolute; padding: 12px 22px; border-radius: 999px; background: #fff; color: var(--ink); font-weight: 800; box-shadow: 0 16px 45px rgba(0, 0, 0, 0.2); }
.n1 { top: 9%; }.n2 { right: 2%; }.n3 { bottom: 9%; }.n4 { left: 1%; }
@keyframes spin { to { transform: rotate(360deg); } }

.visual-three { display: grid; place-items: center; }
.rocket {
  width: 140px; height: 300px; border-radius: 80px 80px 45px 45px;
  background: linear-gradient(90deg, #ddd, #fff 50%, #aaa); transform: rotate(-27deg);
  position: relative; z-index: 2; filter: drop-shadow(0 35px 35px rgba(0, 0, 0, 0.35));
  animation: rocket-float 4s ease-in-out infinite;
}
@keyframes rocket-float { 50% { transform: rotate(-24deg) translateY(-16px); } }
.rocket::before, .rocket::after { content: ""; position: absolute; width: 80px; height: 100px; background: var(--purple); bottom: 0; z-index: -1; }
.rocket::before { right: -48px; border-radius: 0 70px 20px 0; }
.rocket::after { left: -48px; border-radius: 70px 0 0 20px; }
.rocket-window { width: 65px; height: 65px; background: #151515; border: 12px solid #888; border-radius: 50%; margin: 62px auto; }
.rocket-flame { position: absolute; width: 40px; height: 100px; background: linear-gradient(var(--orange), transparent); bottom: -105px; left: 50px; border-radius: 50%; }
.planet { position: absolute; border-radius: 50%; box-shadow: inset -15px -15px 30px rgba(0, 0, 0, 0.18); }
.p1 { width: 120px; aspect-ratio: 1; background: var(--green); left: 4%; top: 12%; }
.p2 { width: 55px; aspect-ratio: 1; background: var(--orange); right: 12%; bottom: 12%; }
.trajectory { position: absolute; width: min(550px, 42vw); aspect-ratio: 1; border: 1px dashed rgba(255, 255, 255, 0.25); border-radius: 50%; transform: rotate(-20deg); }

.slider-ui { position: absolute; bottom: 38px; right: 7vw; left: 7vw; z-index: 5; display: flex; align-items: center; gap: 18px; }
.slider-arrow, .quote-controls button {
  display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; background: transparent; cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.slider-arrow:hover, .quote-controls button:hover { background: var(--green); color: var(--ink); border-color: var(--green); transform: scale(1.05); }
.slider-dots { display: flex; gap: 8px; }
.slider-dots button { width: 32px; height: 4px; border: 0; border-radius: 99px; background: #555; padding: 0; cursor: pointer; transition: width 0.25s ease, background 0.25s ease; }
.slider-dots button.active { width: 46px; background: var(--green); }
.slide-counter { margin-left: auto; color: #777; direction: ltr; }
.slide-counter b { color: #fff; }
.scroll-hint { position: absolute; left: 4vw; bottom: 35px; z-index: 5; display: flex; align-items: center; gap: 10px; font-size: 12px; transform: rotate(-90deg); transform-origin: left; }
.scroll-hint i { width: 55px; height: 1px; background: #fff; position: relative; overflow: hidden; }
.scroll-hint i::after { content: ""; position: absolute; width: 45%; height: 100%; background: var(--green); animation: scroll-line 1.8s ease-in-out infinite; }
@keyframes scroll-line { from { transform: translateX(-130%); } to { transform: translateX(270%); } }

.trust-strip {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(14px, 2.5vw, 44px);
  padding: 20px 6vw;
  background: var(--green);
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
}
.trust-strip i { width: 6px; height: 6px; border-radius: 50%; background: var(--ink); opacity: 0.35; }

.section-pad { padding: 130px 7vw; }
.section-label { color: var(--muted); }
.intro { min-height: 700px; display: flex; flex-direction: column; justify-content: center; }
.intro-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 10vw; margin-top: 45px; }
.intro h2, .programs h2, .apply h2, .horizontal-heading h2, .story-header h2, .advantages h2, .faq h2 {
  font-size: clamp(44px, 5.2vw, 82px); line-height: 1.1; letter-spacing: -0.055em; margin: 0;
}
.lead { font-size: clamp(21px, 2.2vw, 32px); line-height: 1.7; margin: 0; }
.stats { display: flex; gap: 7vw; border-top: 1px solid var(--line); margin-top: 65px; padding-top: 30px; }
.stats div { display: flex; flex-direction: column; }
.stats strong { font-size: 48px; line-height: 1.2; }
.stats strong::after { content: "+"; color: var(--purple); }
.stats span { color: var(--muted); }

.advantages { background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.advantages::after { content: ""; position: absolute; width: 520px; height: 520px; left: -200px; top: -190px; border-radius: 50%; background: radial-gradient(circle, rgba(118, 104, 255, 0.25), transparent 67%); pointer-events: none; }
.advantages .section-label { color: #a5a79f; }
.advantages-head { display: grid; grid-template-columns: 1fr 0.55fr; align-items: end; gap: 7vw; }
.advantages-head > p { color: #a5a79f; line-height: 1.95; margin: 0; }
.advantage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 75px; }
.advantage-card { min-height: 340px; padding: 25px; border: 1px solid var(--white-line); border-radius: var(--radius); background: rgba(255, 255, 255, 0.035); position: relative; overflow: hidden; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; }
.advantage-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.07); border-color: rgba(198, 255, 56, 0.45); }
.advantage-card > span { color: #777a73; font-size: 13px; }
.feature-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 48px 0 32px; border-radius: 18px; background: var(--green); color: var(--ink); font-size: 25px; font-weight: 900; }
.advantage-card:nth-child(2) .feature-icon { background: var(--purple); color: #fff; }
.advantage-card:nth-child(3) .feature-icon { background: var(--orange); }
.advantage-card:nth-child(4) .feature-icon { background: var(--blue); }
.advantage-card h3 { margin: 0 0 12px; font-size: 25px; }
.advantage-card p { margin: 0; color: #a5a79f; line-height: 1.85; font-size: 14px; }

.scroll-story { height: 320vh; background: var(--ink-soft); color: #fff; position: relative; }
.story-sticky { height: 100svh; position: sticky; top: 0; display: grid; grid-template-columns: 0.36fr 0.64fr; align-items: center; gap: 5vw; padding: 80px 7vw; overflow: hidden; }
.story-header .section-label { color: #92958e; }
.story-header p { color: #8f918b; margin-top: 25px; }
.story-map { height: 70vh; position: relative; }
.story-map svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.map-base, .map-progress { fill: none; stroke-width: 5; stroke-linecap: round; }
.map-base { stroke: #363833; }
.map-progress { stroke: var(--green); stroke-dasharray: 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 6px rgba(198, 255, 56, 0.25)); }
.milestone { position: absolute; width: 180px; opacity: 0; transform: translateY(12px); transition: opacity 0.42s ease, transform 0.42s ease; }
.milestone.active { opacity: 1; transform: translateY(-8px); }
.milestone b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #30322e; border: 1px solid #565950; color: var(--green); margin-bottom: 12px; }
.milestone span { font-size: 22px; font-weight: 800; display: block; }
.milestone small { color: #a3a59f; line-height: 1.7; }
.m1 { left: 0; bottom: 0; }.m2 { left: 27%; top: 0; }.m3 { left: 56%; bottom: 18%; }.m4 { right: 0; top: 45px; z-index: 2; }
.story-pulse { position: absolute; width: 18px; height: 18px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 10px rgba(198, 255, 56, 0.15); left: 0; bottom: 12%; opacity: 0; }
.story-progress { position: absolute; bottom: 0; right: 0; left: 0; height: 3px; background: #343631; }
.story-progress span { display: block; height: 100%; width: 0; background: var(--green); }

.portfolio { height: 420vh; background: var(--paper-2); position: relative; }
.horizontal-sticky { height: 100svh; position: sticky; top: 0; overflow: hidden; display: flex; align-items: center; }
.horizontal-heading { min-width: 42vw; padding: 0 7vw; position: relative; z-index: 2; opacity: 1; will-change: opacity; }
.horizontal-heading p { color: var(--muted); }
.mobile-copy { display: none; }
.horizontal-track { display: flex; gap: 24px; direction: rtl; will-change: transform; padding-left: 7vw; }
.startup-card { width: 390px; height: 560px; flex: 0 0 auto; border-radius: var(--radius); padding: 30px; display: flex; flex-direction: column; box-shadow: 0 18px 45px rgba(16, 17, 15, 0.06); transition: transform 0.28s ease, box-shadow 0.28s ease; }
.startup-card:hover { transform: translateY(-10px) rotate(-1deg); box-shadow: var(--shadow); }
.card-top { display: flex; justify-content: space-between; }
.card-top b { font-weight: 400; }
.startup-symbol { height: 190px; display: grid; place-items: center; font-size: 48px; font-weight: 900; letter-spacing: -0.08em; }
.startup-card h3 { font-size: 27px; line-height: 1.45; margin: 0; }
.startup-card p { line-height: 1.8; opacity: 0.7; }
.startup-card a { margin-top: auto; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 18px; font-weight: 800; display: flex; justify-content: space-between; }
.violet a { border-color: rgba(255, 255, 255, 0.25); }
.lime { background: var(--green); }.violet { background: var(--purple); color: #fff; }.orange { background: var(--orange); }.blue { background: var(--blue); }.white { background: #fff; }

.programs { background: var(--paper); }
.program-head { display: grid; grid-template-columns: 1fr 0.45fr; gap: 6vw; align-items: end; }
.program-head > p { line-height: 1.9; color: var(--muted); }
.program-list { margin-top: 80px; border-top: 1px solid var(--line); }
.program-list article { display: grid; grid-template-columns: 80px 1fr 110px 60px; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); padding: 30px 0; transition: padding 0.3s ease, background 0.3s ease; }
.program-list article:hover { padding-right: 20px; padding-left: 20px; background: rgba(255, 255, 255, 0.65); }
.program-list h3 { font-size: 30px; margin: 0 0 5px; }
.program-list p { margin: 0; color: var(--muted); }
.program-list i { font-style: normal; color: var(--muted); }
.program-list a { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: transparent; border: 1px solid var(--line); transition: background 0.2s ease, color 0.2s ease; }
.program-list a:hover { background: var(--ink); color: #fff; }

.testimonial { background: var(--purple); color: #fff; padding: 100px 14vw; min-height: 620px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.testimonial::after { content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; left: -100px; bottom: -180px; }
.quote-mark { font-size: 100px; line-height: 0.5; color: var(--green); }
.quote-slider { position: relative; min-height: 275px; z-index: 1; }
.quote-slider blockquote { font-size: clamp(28px, 4vw, 55px); line-height: 1.55; font-weight: 700; margin: 25px 0; position: absolute; inset: 0 auto auto 0; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s; }
.quote-slider blockquote.active { opacity: 1; visibility: visible; transform: none; }
.quote-meta { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 25px; position: relative; z-index: 1; }
.quote-meta strong, .quote-meta span { display: block; }
.quote-meta span { opacity: 0.65; margin-top: 6px; }
.quote-controls { direction: ltr; display: flex; gap: 8px; }
.quote-controls button { margin: 0; }

.faq { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 8vw; background: #fff; }
.faq-head { position: sticky; top: 130px; align-self: start; }
.faq-list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; padding: 28px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 20px; font-weight: 800; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 24px; font-weight: 400; transition: transform 0.25s ease, background 0.25s ease; }
.faq details[open] summary span { transform: rotate(45deg); background: var(--green); }
.faq details p { color: var(--muted); line-height: 2; margin: -4px 0 28px; max-width: 720px; }

.apply { background: var(--green); display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 760px; overflow: hidden; }
.apply .section-label { color: rgba(16, 17, 15, 0.6); }
.apply-art { height: 550px; position: relative; display: grid; place-items: center; direction: ltr; }
.big-circle { width: 440px; height: 440px; border-radius: 50%; background: var(--ink); box-shadow: 0 30px 80px rgba(16, 17, 15, 0.2); }
.small-circle { position: absolute; width: 135px; height: 135px; border-radius: 50%; background: var(--purple); left: 8%; top: 8%; animation: small-circle 5s ease-in-out infinite; }
@keyframes small-circle { 50% { transform: translate(18px, 12px); } }
.apply-art span { position: absolute; color: #fff; font-size: 65px; font-weight: 900; line-height: 0.85; transform: rotate(-8deg); }
.apply-copy p { font-size: 18px; line-height: 2; max-width: 520px; }
.btn.dark { background: var(--ink); color: #fff; margin-top: 20px; box-shadow: 0 16px 40px rgba(16, 17, 15, 0.2); }

footer { background: #11120f; color: #fff; padding: 90px 7vw 35px; }
.footer-top { display: grid; grid-template-columns: 1fr 1.4fr; gap: 10vw; }
.footer-brand p { color: #8e9089; line-height: 1.9; }
.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-links div { display: flex; flex-direction: column; gap: 12px; }
.footer-links b { color: var(--green); margin-bottom: 8px; }
.footer-links a, .footer-links span { color: #aaa; transition: color 0.2s ease; }
.footer-links a:hover { color: #fff; }
.placeholder-link { cursor: default; }
.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid #30312e; margin-top: 70px; padding-top: 25px; color: #777; font-size: 13px; }
.footer-bottom a:hover { color: #fff; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .desktop-nav { gap: 14px; font-size: 13px; }
  .header-cta { padding: 11px 16px; }
  .advantage-grid { grid-template-columns: repeat(2, 1fr); }
  .advantage-card { min-height: 300px; }
}

@media (max-width: 900px) {
  :root { --header-h: 78px; }
  .desktop-nav, .header-cta { display: none; }
  .site-header { padding-inline: 6vw; }
  .menu-toggle { display: block; position: relative; background: transparent; border: 0; width: 46px; height: 46px; padding: 9px; cursor: pointer; z-index: 2; }
  .menu-toggle span { position: absolute; right: 9px; left: 9px; display: block; height: 2px; background: #fff; transition: transform 0.3s ease, top 0.3s ease; }
  .menu-toggle span:first-child { top: 16px; }
  .menu-toggle span:last-child { top: 28px; }
  .menu-toggle[aria-expanded="true"] span:first-child { top: 22px; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { top: 22px; transform: rotate(-45deg); }
  .mobile-menu {
    display: flex;
    position: fixed;
    inset: 0;
    min-height: 100svh;
    background: rgba(16, 17, 15, 0.98);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 7vw 40px;
    gap: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 0.3s ease, visibility 0.3s, transform 0.3s ease;
  }
  .mobile-menu.open { opacity: 1; visibility: visible; transform: none; }
  .mobile-menu a { width: min(440px, 90%); padding: 14px 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.11); font-size: 24px; font-weight: 800; }

  .hero-slide { grid-template-columns: 1fr; padding: 125px 6vw 104px; }
  .hero-copy { z-index: 2; max-width: 700px; }
  .hero-visual { position: absolute; inset: 23% -18% auto auto; width: 80%; height: 58%; opacity: 0.42; }
  .hero h1 { font-size: clamp(58px, 12vw, 88px); }
  .slider-ui { right: 6vw; left: 6vw; }
  .scroll-hint { display: none; }

  .intro-grid, .program-head, .apply, .footer-top, .advantages-head, .faq { grid-template-columns: 1fr; }
  .intro-grid, .advantages-head { gap: 45px; }
  .stats { justify-content: space-between; gap: 10px; }
  .stats strong { font-size: 36px; }
  .advantage-grid { margin-top: 50px; }

  .scroll-story { height: auto; padding: 100px 6vw; }
  .story-sticky { height: auto; position: relative; display: block; padding: 0; overflow: visible; }
  .story-header h2 { font-size: 44px; }
  .story-header p { display: none; }
  .story-map { height: auto; margin-top: 52px; display: grid; gap: 16px; }
  .story-map svg, .story-pulse, .story-progress { display: none; }
  .milestone { position: relative; inset: auto !important; width: 100%; opacity: 1; transform: none; display: grid; grid-template-columns: 58px 1fr; column-gap: 16px; align-items: center; padding: 20px; border: 1px solid var(--white-line); border-radius: 20px; background: rgba(255, 255, 255, 0.035); }
  .milestone b { grid-row: 1 / 3; margin: 0; }
  .milestone span { font-size: 19px; }
  .milestone small { display: block; }

  .portfolio { height: auto; padding: 95px 0; }
  .horizontal-sticky { height: auto; position: relative; display: block; overflow: visible; }
  .horizontal-heading { width: 100%; min-width: 0; padding: 0 6vw 40px; }
  .horizontal-heading h2 { font-size: 44px; }
  .desktop-copy { display: none; }
  .mobile-copy { display: inline; }
  .horizontal-track { overflow-x: auto; scroll-snap-type: x mandatory; transform: none !important; padding: 0 6vw 18px; scrollbar-width: thin; overscroll-behavior-inline: contain; }
  .horizontal-track::after { content: ""; flex: 0 0 1px; }
  .startup-card { width: min(330px, 82vw); height: 465px; scroll-snap-align: start; }
  .startup-symbol { height: 135px; }

  .program-list article { grid-template-columns: 45px 1fr 50px; }
  .program-list article > i { display: none; }
  .testimonial { padding: 80px 7vw; }
  .quote-slider { min-height: 330px; }

  .faq { gap: 50px; }
  .faq-head { position: static; }
  .apply { padding-top: 85px; }
  .apply-art { order: 2; height: 430px; }
  .big-circle { width: 320px; height: 320px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { gap: 25px; flex-direction: column; }
}

@media (max-width: 560px) {
  :root { --header-h: 72px; --radius: 22px; }
  .brand { font-size: 19px; }
  .brand-mark { transform: scale(0.86); transform-origin: right center; }
  .hero-slide { padding: 112px 6vw 92px; align-items: start; }
  .hero-copy { padding-top: 8vh; }
  .hero h1 { font-size: clamp(48px, 15vw, 64px); }
  .hero-copy p { font-size: 15px; line-height: 1.9; }
  .hero-actions { gap: 9px; margin-top: 28px; }
  .btn { min-height: 49px; padding: 12px 18px; font-size: 14px; }
  .hero-visual { inset: 39% -39% auto auto; width: 96%; height: 52%; }
  .glass-card { padding: 16px; }
  .card-main { width: 190px; }
  .card-main strong { font-size: 25px; }
  .slider-ui { bottom: 20px; gap: 10px; }
  .slider-arrow { width: 42px; height: 42px; }
  .slider-dots button { width: 22px; }
  .slider-dots button.active { width: 34px; }
  .slide-counter { font-size: 13px; }
  .trust-strip { justify-content: flex-start; overflow: hidden; flex-wrap: nowrap; white-space: nowrap; }

  .section-pad { padding: 90px 6vw; }
  .intro h2, .programs h2, .apply h2, .advantages h2, .faq h2 { font-size: 40px; }
  .lead { font-size: 19px; }
  .stats { margin-top: 42px; }
  .stats span { font-size: 12px; }
  .advantages-head > p { font-size: 14px; }
  .advantage-grid { grid-template-columns: 1fr; }
  .advantage-card { min-height: 275px; }
  .feature-icon { margin: 36px 0 25px; }

  .scroll-story { padding: 85px 6vw; }
  .story-header h2, .horizontal-heading h2 { font-size: 40px; }
  .milestone { padding: 17px; }
  .milestone small { font-size: 12px; }

  .startup-card { width: 80vw; height: 430px; }
  .startup-card h3 { font-size: 22px; }
  .program-list { margin-top: 50px; }
  .program-list article { padding: 22px 0; gap: 12px; }
  .program-list article:hover { padding-right: 8px; padding-left: 8px; }
  .program-list h3 { font-size: 22px; }
  .program-list p { font-size: 13px; }

  .testimonial { min-height: 620px; }
  .quote-slider { min-height: 365px; }
  .quote-slider blockquote { font-size: 26px; }
  .quote-meta { align-items: flex-end; gap: 18px; }
  .quote-controls button { width: 44px; height: 44px; }

  .faq summary { font-size: 17px; line-height: 1.6; padding: 23px 0; }
  .faq summary span { width: 34px; height: 34px; flex: 0 0 auto; }
  .faq details p { font-size: 14px; }

  .apply-art { height: 350px; }
  .big-circle { width: 260px; height: 260px; }
  .small-circle { width: 90px; height: 90px; }
  .apply-art span { font-size: 45px; }
  .footer-links { grid-template-columns: 1fr; }
  .footer-bottom { margin-top: 50px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ===== Visual upgrade — client-visible refinement ===== */
.page-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 140;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.08);
}
.page-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--green), #fff36c, var(--purple));
  box-shadow: 0 0 18px rgba(198, 255, 56, 0.6);
  transform-origin: right center;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 10px 2.2vw;
  z-index: -1;
  border-radius: 999px;
  opacity: 0;
  transform: scaleX(0.96);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.site-header.scrolled {
  height: 100px;
  padding:3.5rem;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-header.scrolled::before {
  opacity: 1;
  transform: scaleX(1);
  background: rgb(255 255 255 / 50%);
  border-color: rgba(255, 255, 255, 0.11);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.brand-mark i { box-shadow: 0 0 18px rgba(198, 255, 56, 0.22); }
.header-cta { border: 1px solid rgba(255, 255, 255, 0.35); }
.header-cta span, .btn span { transition: transform 0.25s ease; }
.header-cta:hover span, .btn:hover span { transform: translate(-3px, -3px); }

.hero {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
}
.hero::before {
  width: 58vw;
  right: -22vw;
  bottom: -31vw;
  background: radial-gradient(circle, rgba(118, 104, 255, 0.28), rgba(118, 104, 255, 0.05) 38%, transparent 68%);
}
.hero-slide.active .eyebrow,
.hero-slide.active h1,
.hero-slide.active .hero-copy > p,
.hero-slide.active .hero-actions,
.hero-slide.active .hero-proof {
  animation: hero-copy-in 0.72s both cubic-bezier(.2,.75,.2,1);
}
.hero-slide.active h1 { animation-delay: 0.05s; }
.hero-slide.active .hero-copy > p { animation-delay: 0.11s; }
.hero-slide.active .hero-actions { animation-delay: 0.17s; }
.hero-slide.active .hero-proof { animation-delay: 0.23s; }
@keyframes hero-copy-in {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: none; }
}
.hero h1 { position: relative; }
.hero h1::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 7%;
  width: 7px;
  height: 86%;
  border-radius: 999px;
  background: linear-gradient(var(--green), transparent);
  opacity: 0.7;
}
.hero-copy > p { border-right: 1px solid rgba(255, 255, 255, 0.17); padding-right: 20px; }
.hero-proof {
  display: flex;
  gap: 10px;
  margin-top: 34px;
  max-width: 610px;
}
.hero-proof div {
  min-width: 0;
  flex: 1;
  padding: 15px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hero-proof strong { display: block; color: var(--green); font-size: 22px; line-height: 1.2; }
.hero-proof span { display: block; margin-top: 4px; color: #a9aba4; font-size: 12px; }
.hero-visual {
  transform: translate3d(var(--hero-x, 0), var(--hero-y, 0), 0);
  transition: transform 0.45s cubic-bezier(.2,.75,.2,1);
}
.glass-card { box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.08); }
.card-main::before {
  content: "LIVE";
  align-self: flex-start;
  margin-bottom: 12px;
  padding: 4px 8px;
  border-radius: 99px;
  background: rgba(198, 255, 56, 0.15);
  color: var(--green);
  font: 700 9px/1 "Vazirmatn", sans-serif;
  letter-spacing: 0.15em;
}

.trust-strip {
  position: relative;
  min-height: 92px;
  overflow: hidden;
  border-block: 1px solid rgba(16, 17, 15, 0.16);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.45);
}
.trust-strip::before,
.trust-strip::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8vw;
  z-index: 1;
  pointer-events: none;
}
.trust-strip::before { right: 0; background: linear-gradient(90deg, transparent, var(--green)); }
.trust-strip::after { left: 0; background: linear-gradient(-90deg, transparent, var(--green)); }
.trust-strip span { position: relative; padding: 9px 0; }
.trust-strip span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 35%;
  height: 2px;
  background: var(--ink);
  opacity: 0.35;
}

.numbered-section { position: relative; isolation: isolate; }
.numbered-section::before {
  content: attr(data-section);
  position: absolute;
  top: 55px;
  left: 5.5vw;
  z-index: -1;
  font-size: clamp(110px, 14vw, 240px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.08em;
  color: rgba(16, 17, 15, 0.035);
  pointer-events: none;
}
.advantages.numbered-section::before,
.scroll-story.numbered-section::before { color: rgba(255, 255, 255, 0.035); z-index: 0; }
.portfolio.numbered-section::before { color: rgba(16, 17, 15, 0.045); }
.section-label {
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid currentColor;
  opacity: 0.82;
}
.section-label::before { width: 18px; }

.intro {
  background:
    radial-gradient(circle at 12% 20%, rgba(118, 104, 255, 0.08), transparent 25%),
    var(--paper);
}
.intro-grid h2 { position: relative; }
.intro-grid h2::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -26px;
  width: 84px;
  height: 8px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--purple), var(--green));
}
.stats { gap: 14px; border-top: 0; padding-top: 0; }
.stats div {
  flex: 1;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.46);
  box-shadow: 0 18px 50px rgba(16, 17, 15, 0.055);
}
.stats div:nth-child(2) { transform: translateY(16px); }
.stats strong { font-size: clamp(38px, 4vw, 58px); }

.advantages { background-image: radial-gradient(circle at 85% 20%, rgba(198, 255, 56, 0.08), transparent 25%); }
.advantage-card {
  --mx: 50%;
  --my: 50%;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.13), transparent 31%),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}
.advantage-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--green);
  opacity: 0.85;
}
.advantage-card:nth-child(2)::before { background: var(--purple); }
.advantage-card:nth-child(3)::before { background: var(--orange); }
.advantage-card:nth-child(4)::before { background: var(--blue); }
.advantage-card::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  left: -55px;
  bottom: -65px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.4s ease;
}
.advantage-card:hover::after { transform: scale(1.25); }
.feature-icon { box-shadow: 0 15px 35px rgba(0, 0, 0, 0.22); transform: rotate(-6deg); }
.advantage-card:hover .feature-icon { transform: rotate(0) scale(1.05); }

.story-sticky::before {
  content: "PROCESS / 04";
  position: absolute;
  left: 7vw;
  top: 34px;
  color: rgba(255, 255, 255, 0.16);
  font-size: 11px;
  letter-spacing: 0.24em;
  direction: ltr;
}
.milestone b { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.025); }
.milestone.active b { background: var(--green); color: var(--ink); border-color: var(--green); box-shadow: 0 0 0 8px rgba(198, 255, 56, 0.12); }

.portfolio {
  background-image:
    radial-gradient(circle at 15% 15%, rgba(118, 104, 255, 0.12), transparent 22%),
    linear-gradient(115deg, transparent 60%, rgba(255, 255, 255, 0.45));
}
.horizontal-heading::after {
  content: "SCROLL TO EXPLORE →";
  display: block;
  margin-top: 42px;
  color: rgba(16, 17, 15, 0.34);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  direction: ltr;
}
.startup-card {
  --mx: 50%;
  --my: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 17, 15, 0.13);
  box-shadow: 0 25px 70px rgba(16, 17, 15, 0.1);
}
.startup-card::before {
  content: attr(data-card);
  position: absolute;
  left: -8px;
  top: 34px;
  font-size: 140px;
  line-height: 1;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.12);
  letter-spacing: -0.1em;
  pointer-events: none;
}
.startup-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.28), transparent 30%);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.startup-card:hover::after { opacity: 1; }
.startup-card > * { position: relative; z-index: 1; }
.startup-card:hover { transform: translateY(-14px) rotate(-1deg) scale(1.015); }
.startup-symbol {
  margin: 25px 0 15px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.white .startup-symbol { background: rgba(16, 17, 15, 0.045); border-color: rgba(16, 17, 15, 0.08); }
.startup-card a span { transition: transform 0.25s ease; }
.startup-card a:hover span { transform: translate(-5px, -5px); }

.programs {
  background:
    linear-gradient(rgba(16, 17, 15, 0.026) 1px, transparent 1px),
    var(--paper);
  background-size: 100% 72px;
}
.program-list { border-top: 0; display: grid; gap: 14px; }
.program-list article {
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 0 14px 45px rgba(16, 17, 15, 0.045);
  overflow: hidden;
  position: relative;
}
.program-list article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: var(--green);
  transition: width 0.35s ease;
  z-index: 0;
}
.program-list article:nth-child(2)::before { background: var(--purple); }
.program-list article:nth-child(3)::before { background: var(--orange); }
.program-list article:hover { padding: 24px 34px; background: rgba(255, 255, 255, 0.88); transform: translateY(-3px); }
.program-list article:hover::before { width: 7px; }
.program-list article > * { position: relative; z-index: 1; }
.program-list article > span { font-size: 13px; color: var(--muted); }
.program-badge {
  display: inline-flex;
  margin-bottom: 7px;
  padding: 5px 9px;
  border-radius: 99px;
  background: rgba(16, 17, 15, 0.06);
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.impact-band {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 7vw;
  padding: 120px 7vw;
  background: var(--ink);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.impact-band::before {
  content: "IMPACT";
  position: absolute;
  left: -18px;
  bottom: -35px;
  font-size: clamp(120px, 19vw, 300px);
  line-height: 0.8;
  font-weight: 900;
  letter-spacing: -0.08em;
  color: rgba(255, 255, 255, 0.025);
  pointer-events: none;
}
.impact-band::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -170px;
  top: -180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(198, 255, 56, 0.17), transparent 68%);
}
.impact-intro, .impact-metrics { position: relative; z-index: 1; }
.impact-intro h2 {
  margin: 28px 0 24px;
  font-size: clamp(42px, 5.2vw, 78px);
  line-height: 1.13;
  letter-spacing: -0.055em;
}
.impact-intro h2 em { color: var(--green); font-style: normal; }
.impact-intro p { max-width: 580px; color: #a8aaa3; line-height: 2; }
.impact-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
.impact-metrics article {
  min-height: 330px;
  padding: 24px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.045);
  transition: transform 0.3s ease, background 0.3s ease;
}
.impact-metrics article:nth-child(2) { transform: translateY(28px); }
.impact-metrics article:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.08); }
.impact-metrics article:nth-child(2):hover { transform: translateY(20px); }
.impact-metrics article > span { color: #777a73; font-size: 12px; }
.impact-metrics strong { font-size: clamp(50px, 6vw, 86px); color: var(--green); line-height: 1; letter-spacing: -0.05em; }
.impact-metrics article:nth-child(2) strong { color: #9d93ff; }
.impact-metrics article:nth-child(3) strong { color: var(--orange); }
.impact-metrics p { margin: 0; color: #aaaca6; line-height: 1.7; }

.testimonial { background: linear-gradient(135deg, #6758ea, var(--purple) 60%, #897fff); }
.testimonial::before {
  content: "”";
  position: absolute;
  right: 5vw;
  top: -90px;
  font-family: serif;
  font-size: 470px;
  color: rgba(255, 255, 255, 0.055);
  line-height: 1;
}
.testimonial-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 2;
  font-size: 12px;
}
.testimonial-label span { color: var(--green); font-weight: 800; }
.testimonial-label b { direction: ltr; color: rgba(255, 255, 255, 0.65); letter-spacing: 0.12em; }
.quote-mark { transform: rotate(8deg); }

.apply { position: relative; }
.apply::before {
  content: "";
  position: absolute;
  inset: 32px;
  border: 1px solid rgba(16, 17, 15, 0.16);
  border-radius: 36px;
  pointer-events: none;
}
.big-circle {
  background:
    radial-gradient(circle at 38% 28%, rgba(255, 255, 255, 0.12), transparent 22%),
    var(--ink);
  position: relative;
}
.big-circle::before,
.big-circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(16, 17, 15, 0.24);
  animation: spin 18s linear infinite;
}
.big-circle::before { inset: -44px; }
.big-circle::after { inset: -86px; animation-direction: reverse; animation-duration: 25s; }
.apply-copy { position: relative; z-index: 1; }
.apply-copy::after {
  content: "READY?";
  position: absolute;
  left: 0;
  bottom: -90px;
  color: rgba(16, 17, 15, 0.07);
  font-size: clamp(70px, 9vw, 130px);
  font-weight: 900;
  letter-spacing: -0.08em;
  direction: ltr;
  pointer-events: none;
}

.reveal { transition-duration: 0.78s; transition-delay: var(--reveal-delay, 0ms); }

@media (max-width: 1100px) {
  .hero-proof { max-width: 540px; }
  .impact-band { grid-template-columns: 1fr; }
  .impact-metrics { max-width: 850px; }
}

@media (max-width: 900px) {
  .site-header.scrolled { height: var(--header-h); padding-inline: 4vw; }
  .site-header::before { inset: 7px 2vw; }
  .hero-copy > p { border-right: 0; padding-right: 0; }
  .hero-proof { max-width: 560px; }
  .numbered-section::before { top: 34px; left: 4vw; font-size: 120px; }
  .horizontal-heading::after { display: none; }
  .program-list { gap: 10px; }
  .impact-band { padding: 90px 6vw 110px; }
  .impact-metrics article { min-height: 270px; }
  .apply::before { inset: 20px; }
}

@media (max-width: 700px) {
  .hero-proof { gap: 6px; }
  .hero-proof div { padding: 12px 10px; border-radius: 15px; }
  .hero-proof strong { font-size: 18px; }
  .hero-proof span { font-size: 10px; }
  .stats { flex-direction: column; }
  .stats div:nth-child(2) { transform: none; }
  .impact-metrics { grid-template-columns: 1fr; }
  .impact-metrics article,
  .impact-metrics article:nth-child(2) { min-height: 190px; transform: none; }
  .impact-metrics article:nth-child(2):hover { transform: translateY(-8px); }
}

@media (max-width: 560px) {
  .page-progress { height: 2px; }
  .hero { background-size: 48px 48px; }
  .hero h1::after { right: -9px; width: 4px; }
  .hero-proof { margin-top: 22px; }
  .hero-proof div { padding: 10px 8px; }
  .hero-proof strong { font-size: 16px; }
  .hero-proof span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .trust-strip { min-height: 75px; font-size: 12px; }
  .section-label { padding: 6px 10px; }
  .numbered-section::before { font-size: 90px; opacity: 0.8; }
  .program-list article,
  .program-list article:hover { padding: 20px 16px; border-radius: 18px; }
  .program-badge { display: none; }
  .impact-band { padding-top: 80px; }
  .impact-intro h2 { font-size: 40px; }
  .testimonial-label { margin-bottom: 26px; }
  .apply::before { inset: 12px; border-radius: 25px; }
  .big-circle::after { inset: -55px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide.active .eyebrow,
  .hero-slide.active h1,
  .hero-slide.active .hero-copy > p,
  .hero-slide.active .hero-actions,
  .hero-slide.active .hero-proof { animation: none !important; }
  .hero-visual { transform: none !important; }
  .big-circle::before, .big-circle::after { animation: none !important; }
}


/* === Brand refresh: فن آوا سیستم === */
body {
  background: linear-gradient(180deg, #f7fcfc 0%, #f1faf7 100%);
  color: var(--ink);
}
::selection { background: var(--purple); color: #fff; }
.page-progress { position: fixed; inset: 0 0 auto; z-index: 120; height: 4px; background: rgba(255,255,255,0.05); }
.page-progress span { display:block; height:100%; width:0; background: linear-gradient(90deg, var(--green), var(--purple), var(--blue)); box-shadow: 0 0 18px rgba(0,194,184,.35); }
.site-header { border-bottom-color: rgba(255,255,255,.11); }
.site-header.scrolled {
 /* background: rgba(2, 27, 82, 0.78);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 12px 40px rgba(0,22,70,.34);
  
 */
}
.brand { gap: 12px; font-size: 22px; }
.brand-logo {
  width: 48px; height: 48px; border-radius: 16px; overflow: hidden; flex: 0 0 auto;
  background: rgba(255,255,255,.92); display:grid; place-items:center;
  box-shadow: 0 16px 35px rgba(0, 28, 89, 0.18);
}
.brand-logo img { width: 100%; height: 100%; object-fit: cover; }
.desktop-nav a::after { background: var(--purple); }
.header-cta {
  background: linear-gradient(135deg, #fff 0%, #e8fffb 100%);
  color: var(--blue);
}
.header-cta:hover { box-shadow: 0 18px 35px rgba(0,194,184,.22); }
.menu-toggle span { background: #fff; }
.hero {
  background:
    radial-gradient(circle at 18% 14%, rgba(0,194,184,.18), transparent 25%),
    radial-gradient(circle at 82% 30%, rgba(0,168,107,.18), transparent 22%),
    linear-gradient(140deg, #021846 0%, #002C8B 48%, #073987 100%);
}
.hero::after { border-color: rgba(255,255,255,.1); }
.hero h1 em, .card-main strong, .slide-counter b { color: #85f1df; }
.btn.primary {
  background: linear-gradient(135deg, #00A86B 0%, #00C2B8 100%);
  color: #06214f;
  box-shadow: 0 16px 40px rgba(0,194,184,0.18);
}
.btn.ghost { border-color: rgba(255,255,255,.22); }
.btn.ghost:hover { background: rgba(255,255,255,.10); }
.story-btn {
  margin-top: 26px;
  width: fit-content;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}
.story-btn:hover { background: rgba(255,255,255,.16); }
.hero-proof div {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
}
.orb-a { background: radial-gradient(circle at 30% 25%, #8bf6d8, #00a86b 43%, #033275 76%); }
.orb-b { background: linear-gradient(135deg, #62efe8, #0058c6); }
.network-core { background: linear-gradient(135deg, var(--purple), #30d8d0); box-shadow: 0 0 100px rgba(0,194,184,.32); }
.node { color: var(--blue); }
.p1 { background: var(--purple); }
.p2 { background: var(--green); }
.trajectory { border-color: rgba(255,255,255,.25); }
.slider-dots button.active, .story-progress span { background: linear-gradient(90deg, var(--green), var(--purple)); }
.trust-strip {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(12px);
  color: var(--blue);
  border-top: 1px solid rgba(0,44,139,.08);
  border-bottom: 1px solid rgba(0,44,139,.08);
}
.trust-strip i { background: linear-gradient(180deg, rgba(0,194,184,.2), rgba(0,44,139,.45)); }
.section-label, .intro .section-label, .advantages-head .section-label { color: var(--muted); }
.eyebrow::before, .section-label::before { background: linear-gradient(90deg, var(--green), var(--purple)); }
.stats div, .impact-metrics article, .advantage-card, .program-list article, .faq details {
  background: rgba(255,255,255,.66);
  border-color: rgba(0,44,139,.10);
  box-shadow: 0 20px 40px rgba(0,44,139,.06);
}
.stats div {
  padding: 24px 20px;
  border-radius: 22px;
  min-width: 160px;
}
.stats { gap: 18px; flex-wrap: wrap; border-top: 0; padding-top: 0; }
.stats strong:after { color: var(--purple); }
.advantages { background: linear-gradient(180deg, rgba(0,194,184,.06), transparent 46%); }
.advantage-card::before, .startup-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.28), transparent 62%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.advantage-card:hover::before, .startup-card:hover::before { opacity: 1; }
.advantage-card, .startup-card { position: relative; overflow: hidden; }
.feature-icon {
  background: linear-gradient(135deg, rgba(0,168,107,.12), rgba(0,194,184,.22));
  color: var(--blue);
}
.scroll-story {
  background: linear-gradient(180deg, #06204f 0%, #002C8B 55%, #032463 100%);
}
.map-progress { stroke: #78efdb; }
.story-map::after {
  content: "";
  position: absolute;
  inset: 10% 18% auto auto;
  width: 210px; height: 210px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,194,184,.14), transparent 70%);
  pointer-events:none;
}
.milestone b, .story-pulse { background: linear-gradient(135deg, var(--green), var(--purple)); color:#fff; }
.portfolio { background: linear-gradient(180deg, #e8f6f4 0%, #d9edf1 100%); }
.horizontal-heading { transition: opacity .35s ease, transform .35s ease; }
.horizontal-heading h2, .story-header h2, .apply h2, .programs h2, .intro h2, .advantages h2, .faq h2 { color: var(--blue); }
.startup-card { border: 1px solid rgba(0,44,139,.08); box-shadow: 0 22px 44px rgba(0,44,139,.10); }
.lime { background: linear-gradient(180deg, #d4f8e7 0%, #b7efda 100%); }
.violet { background: linear-gradient(180deg, #0e66c9 0%, #00C2B8 100%); color: #fff; }
.orange { background: linear-gradient(180deg, #b8fbf1 0%, #6de1d8 100%); }
.blue { background: linear-gradient(180deg, #0d4fb4 0%, #002C8B 100%); color: #fff; }
.white { background: linear-gradient(180deg, #ffffff 0%, #eaf7f7 100%); }
.programs { background: linear-gradient(180deg, rgba(0,168,107,.03), transparent 70%); }
.program-list { border-top: 0; display: grid; gap: 18px; }
.program-list article {
  border: 1px solid rgba(0,44,139,.08);
  border-radius: 24px;
  padding: 30px 28px;
  align-items: start;
}
.program-list article:hover { padding-right: 28px; transform: translateY(-4px); }
.testimonial {
  background: linear-gradient(135deg, #00A86B 0%, #00C2B8 50%, #002C8B 100%);
}
.apply {
  background: linear-gradient(135deg, #002C8B 0%, #073987 50%, #00A86B 130%);
  color:#fff;
}
.apply .section-label, .apply p { color: rgba(255,255,255,.84); }
.big-circle { background: radial-gradient(circle at 35% 35%, #00c2b8, #002C8B 72%); }
.small-circle { background: linear-gradient(135deg, #8af3d9, #00A86B); }
.btn.dark {
  background: linear-gradient(135deg, #fff 0%, #defffb 100%);
  color: var(--blue);
}
.faq-list details { border: 1px solid rgba(0,44,139,.08); border-radius: 22px; overflow: hidden; }
footer { background: linear-gradient(180deg, #04153d 0%, #06102c 100%); }
.footer-links b { color: #77f1dd; }
.placeholder-link { color: #8db8ff; }
.footer-bottom { color: #9db8da; }

/* Growth story */
.growth-story {
  height: 260vh;
  position: relative;
  background: linear-gradient(180deg, #021743 0%, #002C8B 58%, #031a45 100%);
  color: #fff;
  overflow: clip;
}
.journey-sticky {
  position: sticky;
  top: 0;
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(320px, 1.05fr);
  gap: 4vw;
  align-items: center;
  padding: calc(var(--header-h) + 40px) 7vw 84px;
}
.journey-copy { position: relative; z-index: 2; }
.growth-story h1 {
  margin: 24px 0 20px;
  font-size: clamp(52px, 6vw, 102px);
  line-height: .98;
  letter-spacing: -.06em;
}
.growth-story h1 em { color: #89f0df; font-style: normal; }
.journey-copy p { max-width: 610px; color: rgba(255,255,255,.78); line-height: 2; }
.journey-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 14px;
  margin-top: 34px;
}
.journey-step {
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  opacity: .55;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease, border-color .35s ease, background .35s ease;
}
.journey-step.active {
  opacity: 1;
  transform: translateY(0);
  background: rgba(255,255,255,.14);
  border-color: rgba(137,240,223,.5);
}
.journey-step b, .journey-step span, .journey-step small { display:block; }
.journey-step b { font-size: 13px; color: #89f0df; margin-bottom: 10px; }
.journey-step span { font-size: 20px; font-weight: 800; margin-bottom: 6px; }
.journey-step small { color: rgba(255,255,255,.66); line-height: 1.7; }
.journey-visual {
  --growth-progress: 0;
  position: relative;
  min-height: 580px;
  aspect-ratio: 1 / .95;
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: 0 26px 70px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  overflow: hidden;
}
.journey-grid {
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 92%);
}
.journey-glow {
  position:absolute; border-radius:50%; filter: blur(6px);
}
.journey-glow-a { width: 220px; height: 220px; right: 9%; top: 11%; background: rgba(0,194,184,.18); }
.journey-glow-b { width: 170px; height: 170px; left: 10%; bottom: 14%; background: rgba(0,168,107,.18); }
.journey-ground {
  position:absolute; left: 8%; right: 8%; bottom: 11%; height: 15px;
  border-radius: 999px;
  background: linear-gradient(90deg, #00A86B, #00C2B8 65%, rgba(255,255,255,.3));
  box-shadow: 0 0 35px rgba(0,168,107,.18);
}
.journey-seed {
  position:absolute; left:50%; bottom: calc(11% + 6px); width: 24px; height: 34px;
  border-radius: 50% 50% 46% 46%;
  transform: translateX(-50%) rotate(18deg);
  background: linear-gradient(135deg, #ffefc2, #be9954);
  box-shadow: 0 10px 18px rgba(0,0,0,.2);
  transition: transform .7s ease, opacity .7s ease, bottom .7s ease;
}
.journey-root, .journey-stem, .journey-leaf, .journey-branch, .journey-crown, .journey-node {
  position:absolute; opacity:0; transition: opacity .6s ease, transform .6s ease;
}
.journey-root {
  width: 88px; height: 34px; bottom: 11%; left:50%; border-bottom: 4px solid rgba(137,240,223,.72);
  border-radius: 0 0 90px 90px; transform-origin:center top; filter: drop-shadow(0 0 14px rgba(0,194,184,.22));
}
.root-1 { transform: translateX(-102%) scaleX(.35) scaleY(.2) rotate(-15deg); }
.root-2 { transform: translateX(-50%) scaleX(.4) scaleY(.2); width: 110px; }
.root-3 { transform: translateX(2%) scaleX(.35) scaleY(.2) rotate(15deg); }
.journey-stem {
  left: calc(50% - 5px); bottom: calc(11% + 15px); width: 10px; height: 240px; border-radius: 10px;
  background: linear-gradient(180deg, #86ffd2, #00A86B 34%, #08795c);
  transform-origin: bottom center; transform: scaleY(.12); box-shadow: 0 0 18px rgba(0,168,107,.15);
}
.journey-leaf {
  width: 108px; height: 62px; border-radius: 100% 0 100% 0; background: linear-gradient(135deg, #b4fff0, #00C2B8 48%, #00A86B 100%);
  box-shadow: 0 16px 26px rgba(0,0,0,.16);
}
.leaf-1 { left: calc(50% - 110px); bottom: 40%; transform: rotate(-26deg) scale(.2); transform-origin: 100% 100%; }
.leaf-2 { left: calc(50% + 6px); bottom: 46%; transform: rotate(26deg) scale(.2); transform-origin: 0 100%; }
.leaf-3 { left: calc(50% - 52px); bottom: 56%; width: 92px; height: 56px; transform: rotate(-2deg) scale(.2); border-radius: 50% 0 50% 0; }
.journey-branch {
  width: 126px; height: 6px; border-radius:999px; background: linear-gradient(90deg, #9bf5e4, #00A86B); transform-origin:left center;
}
.branch-1 { left: calc(50% - 2px); bottom: 58%; transform: rotate(-32deg) scaleX(.2); }
.branch-2 { left: calc(50% - 2px); bottom: 63%; transform: rotate(28deg) scaleX(.2); }
.journey-crown {
  left: calc(50% - 102px); bottom: 54%; width: 204px; height: 204px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(180,255,240,.92), rgba(0,194,184,.88) 52%, rgba(0,44,139,.22) 100%);
  box-shadow: 0 18px 50px rgba(0,194,184,.24);
  transform: scale(.2);
}
.journey-node {
  padding: 12px 18px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--blue); font-weight: 800; box-shadow: 0 14px 35px rgba(0,22,70,.18);
  transform: scale(.2) translateY(10px);
}
.node-a { right: 10%; top: 19%; }
.node-b { right: 6%; bottom: 35%; }
.node-c { left: 9%; top: 30%; }
.node-d { left: 14%; bottom: 28%; }
.node-a span, .node-b span, .node-c span, .node-d span { white-space: nowrap; }
.journey-progress {
  position:absolute; right:7vw; left:7vw; bottom:0; height:3px; background: rgba(255,255,255,.12);
}
.journey-progress span {
  display:block; height:100%; width:0; background: linear-gradient(90deg, #00A86B 0%, #00C2B8 52%, #8af0e0 100%);
}
.growth-story[data-phase="1"] .journey-seed,
.growth-story[data-phase="2"] .journey-seed,
.growth-story[data-phase="3"] .journey-seed { transform: translateX(-50%) translateY(-10px) rotate(12deg) scale(.88); opacity: .66; }
.growth-story[data-phase="1"] .journey-root,
.growth-story[data-phase="2"] .journey-root,
.growth-story[data-phase="3"] .journey-root { opacity: 1; }
.growth-story[data-phase="1"] .root-1,
.growth-story[data-phase="2"] .root-1,
.growth-story[data-phase="3"] .root-1 { transform: translateX(-102%) scaleX(.88) scaleY(.95) rotate(-15deg); }
.growth-story[data-phase="1"] .root-2,
.growth-story[data-phase="2"] .root-2,
.growth-story[data-phase="3"] .root-2 { transform: translateX(-50%) scaleX(.98) scaleY(1); }
.growth-story[data-phase="1"] .root-3,
.growth-story[data-phase="2"] .root-3,
.growth-story[data-phase="3"] .root-3 { transform: translateX(2%) scaleX(.88) scaleY(.95) rotate(15deg); }
.growth-story[data-phase="1"] .journey-stem,
.growth-story[data-phase="2"] .journey-stem,
.growth-story[data-phase="3"] .journey-stem { opacity: 1; transform: scaleY(.55); }
.growth-story[data-phase="2"] .journey-stem,
.growth-story[data-phase="3"] .journey-stem { transform: scaleY(.9); }
.growth-story[data-phase="2"] .journey-leaf,
.growth-story[data-phase="3"] .journey-leaf { opacity: 1; }
.growth-story[data-phase="2"] .leaf-1,
.growth-story[data-phase="3"] .leaf-1 { transform: rotate(-26deg) scale(1); }
.growth-story[data-phase="2"] .leaf-2,
.growth-story[data-phase="3"] .leaf-2 { transform: rotate(26deg) scale(1); }
.growth-story[data-phase="2"] .leaf-3,
.growth-story[data-phase="3"] .leaf-3 { transform: rotate(-2deg) scale(1); }
.growth-story[data-phase="3"] .journey-stem { transform: scaleY(1.05); }
.growth-story[data-phase="3"] .journey-branch,
.growth-story[data-phase="3"] .journey-crown,
.growth-story[data-phase="3"] .journey-node { opacity: 1; }
.growth-story[data-phase="3"] .branch-1 { transform: rotate(-32deg) scaleX(1); }
.growth-story[data-phase="3"] .branch-2 { transform: rotate(28deg) scaleX(1); }
.growth-story[data-phase="3"] .journey-crown { transform: scale(1); }
.growth-story[data-phase="3"] .journey-node { transform: scale(1) translateY(0); }
.growth-story[data-phase="3"] .node-a { transition-delay: .05s; }
.growth-story[data-phase="3"] .node-b { transition-delay: .12s; }
.growth-story[data-phase="3"] .node-c { transition-delay: .18s; }
.growth-story[data-phase="3"] .node-d { transition-delay: .24s; }

@media (max-width: 1100px) {
  .journey-sticky { grid-template-columns: 1fr; gap: 28px; padding-top: calc(var(--header-h) + 26px); }
  .journey-visual { min-height: 480px; max-width: 760px; width: 100%; }
}
@media (max-width: 900px) {
  .brand-logo { width: 42px; height: 42px; border-radius: 14px; }
  .growth-story { height: auto; }
  .journey-sticky { position: relative; min-height: auto; padding: calc(var(--header-h) + 28px) 6vw 70px; }
  .journey-steps { grid-template-columns: 1fr; }
  .journey-step { opacity: 1; transform: none; }
  .journey-visual { min-height: 420px; }
  .journey-node { font-size: 13px; padding: 10px 14px; }
  .journey-progress { display: none; }
}
@media (max-width: 560px) {
  .growth-story h1 { font-size: 44px; }
  .journey-copy p { font-size: 15px; }
  .journey-visual { min-height: 360px; border-radius: 28px; }
  .journey-node { transform: scale(.88); }
  .node-a { right: 5%; top: 18%; }
  .node-b { right: 3%; bottom: 30%; }
  .node-c { left: 5%; top: 26%; }
  .node-d { left: 10%; bottom: 24%; }
}


/* === Motion polish and contrast fixes === */
.growth-story { height: 305vh; }
.journey-sticky { padding-top: calc(var(--header-h) + 54px); }
.journey-copy {
  padding: 30px 32px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(1,20,62,.72), rgba(0,44,139,.24));
  box-shadow: 0 28px 80px rgba(0,10,38,.24);
  backdrop-filter: blur(14px);
}
.journey-copy p { color: rgba(255,255,255,.86); text-shadow: 0 1px 1px rgba(0,0,0,.18); }
.journey-step { opacity: .66; }
.journey-step small { color: rgba(255,255,255,.76); }
.journey-step.active {
  background: linear-gradient(135deg, rgba(0,168,107,.20), rgba(0,194,184,.15));
  border-color: rgba(143,243,223,.58);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 32px rgba(0,13,46,.16);
}
.journey-visual {
  --root-p: 0;
  --root-p2: 0;
  --root-p3: 0;
  --stem-p: 0;
  --branch-p: 0;
  --branch-p2: 0;
  --branch-p3: 0;
  --branch-p4: 0;
  --leaf-p: 0;
  --leaf-scale: .18;
  --leaf-rotate: 8deg;
  --leaf-rotate-neg: -8deg;
  --node-p: 0;
  --node-y: 16px;
  --node-scale: .84;
  --particle-scale: .3;
  --seed-opacity: 1;
  --seed-y: 0px;
  --seed-scale: 1;
  min-height: 610px;
  background:
    radial-gradient(circle at 50% 88%, rgba(0,194,184,.12), transparent 30%),
    linear-gradient(180deg, rgba(8,51,126,.70), rgba(0,24,73,.76));
  border-color: rgba(153,239,226,.18);
  box-shadow: 0 34px 90px rgba(0,10,42,.34), inset 0 1px 0 rgba(255,255,255,.07);
}
.growth-illustration { position:absolute; inset: 4% 4% 1%; width:92%; height:95%; overflow:visible; }
.growth-shadow { fill: rgba(0,5,25,.28); filter: blur(6px); }
.growth-ground {
  fill:none; stroke:url(#groundGradient); stroke-width:8; stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--root-p));
  filter: drop-shadow(0 0 14px rgba(0,194,184,.26));
}
.growth-seed {
  opacity: var(--seed-opacity);
  transform-box: fill-box; transform-origin:center;
  transform: translateY(var(--seed-y)) scale(var(--seed-scale));
}
.growth-roots path {
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--root-p));
  filter: drop-shadow(0 0 10px rgba(0,194,184,.24));
}
.growth-roots path:nth-child(2) { stroke-dashoffset:calc(1 - var(--root-p2)); }
.growth-roots path:nth-child(3) { stroke-dashoffset:calc(1 - var(--root-p3)); }
.growth-stem {
  fill:none; stroke:url(#stemGradient); stroke-width:12; stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--stem-p));
  filter: drop-shadow(0 0 10px rgba(0,194,184,.26));
}
.growth-branches path {
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--branch-p));
  opacity: var(--branch-p);
}
.growth-branches path:nth-child(2) { stroke-dashoffset:calc(1 - var(--branch-p2)); }
.growth-branches path:nth-child(3) { stroke-dashoffset:calc(1 - var(--branch-p3)); }
.growth-branches path:nth-child(4) { stroke-dashoffset:calc(1 - var(--branch-p4)); }
.growth-leaves .leaf {
  opacity: var(--leaf-p);
  transform-box: fill-box;
  transform-origin:center;
  transform: scale(var(--leaf-scale)) rotate(var(--leaf-rotate-neg));
}
.growth-leaves .leaf:nth-child(even) { transform: scale(var(--leaf-scale)) rotate(var(--leaf-rotate)); }
.growth-particles { opacity: var(--node-p); fill:#a9f8e9; filter: drop-shadow(0 0 8px rgba(169,248,233,.82)); }
.growth-particles circle { transform-box:fill-box; transform-origin:center; transform: scale(var(--particle-scale)); }
.journey-node {
  opacity: var(--node-p) !important;
  transform: translateY(var(--node-y)) scale(var(--node-scale)) !important;
  transition: none !important;
  background: rgba(255,255,255,.96);
  color: #002C8B;
  border: 1px solid rgba(0,194,184,.22);
}
.journey-node::before {
  content:""; display:inline-block; width:8px; height:8px; margin-left:8px; border-radius:50%;
  background:linear-gradient(135deg,#00A86B,#00C2B8); box-shadow:0 0 0 5px rgba(0,194,184,.10);
}
.node-a { right: 7%; top: 18%; }
.node-b { right: 4%; bottom: 32%; }
.node-c { left: 6%; top: 31%; }
.node-d { left: 10%; bottom: 24%; }

/* Readability pass */
.intro, .programs, .faq { color: #09214d; }
.lead, .program-head > p, .advantages-head > p, .faq details p, .program-list p, .impact-head p {
  color: #425a7f;
}
.advantage-card p { color:#496184; }
.stats span, .impact-metrics p { color:#536b8c; }
.startup-card p { opacity: .90; }
.startup-card h3, .startup-card p, .startup-card a { position:relative; z-index:2; }
.violet {
  background: linear-gradient(155deg, #007d91 0%, #0058aa 58%, #00347e 100%);
  color:#fff;
}
.violet p, .blue p { color:rgba(255,255,255,.88); }
.violet a, .blue a { border-top-color:rgba(255,255,255,.28); }
.orange {
  background: linear-gradient(155deg, #d7fff8 0%, #85e9df 100%);
  color:#062b62;
}
.lime {
  background: linear-gradient(155deg, #dcf9e9 0%, #a8ead0 100%);
  color:#073469;
}
.white { color:#092b61; }
.blue { background: linear-gradient(155deg, #0c57bc 0%, #002C8B 100%); color:#fff; }
.testimonial {
  background:
    linear-gradient(125deg, rgba(0,26,79,.28), rgba(0,44,139,.78)),
    linear-gradient(135deg, #008b63 0%, #007f9a 52%, #002C8B 100%);
}
.testimonial blockquote { text-shadow: 0 2px 14px rgba(0,17,54,.20); }
.testimonial-label, .quote-meta { border-color:rgba(255,255,255,.28); }
.apply::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,19,63,.10), rgba(0,19,63,.42));
}
.apply { position:relative; }
.apply-copy, .apply-art { position:relative; z-index:1; }
.apply-copy p { color:rgba(255,255,255,.90); }
.footer-links a, .footer-links span, .footer-brand p { color:#b9cce6; }

@media (max-width: 1100px) {
  .journey-copy { padding:24px; }
  .journey-visual { min-height:520px; }
}
@media (max-width: 900px) {
  .growth-story { height:auto; }
  .journey-copy { padding:22px; }
  .journey-visual { min-height:460px; }
  .journey-node { opacity:1 !important; transform:none !important; }
  .growth-ground, .growth-roots path, .growth-stem, .growth-branches path { stroke-dashoffset:0; }
  .growth-leaves .leaf { opacity:1; transform:scale(1); }
  .growth-particles { opacity:1; }
  .growth-seed { opacity:.3; }
}
@media (max-width: 560px) {
  .journey-copy { padding:20px; border-radius:24px; }
  .journey-visual { min-height:380px; }
  .journey-node { font-size:12px; padding:9px 11px; }
  .node-a { right:3%; top:14%; }
  .node-b { right:2%; bottom:28%; }
  .node-c { left:3%; top:28%; }
  .node-d { left:6%; bottom:20%; }
}

/* Final contrast corrections for dark brand sections */
.scroll-story .section-label,
.impact-band .section-label {
  color: #9af6e5;
}
.story-header h2,
.impact-intro h2,
.apply h2 {
  color: #fff;
}
.story-header p,
.impact-intro p {
  color: #c9d8ea;
}
.impact-band {
  background:
    radial-gradient(circle at 12% 10%, rgba(0,194,184,.16), transparent 30%),
    linear-gradient(145deg, #03163f 0%, #002C8B 68%, #043270 100%);
}
.impact-band::after {
  background: radial-gradient(circle, rgba(0,194,184,.20), transparent 68%);
}
.impact-intro h2 em { color: #8ff3df; }
.impact-metrics article {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 22px 50px rgba(0,11,43,.20);
}
.impact-metrics article:hover { background: rgba(255,255,255,.12); }
.impact-metrics article > span { color: #8ff3df; }
.impact-metrics p { color: #d3dfed; }
.impact-metrics strong,
.impact-metrics article:nth-child(2) strong,
.impact-metrics article:nth-child(3) strong { color: #fff; }
.impact-metrics article:nth-child(1) strong { color: #8ff3df; }
.impact-metrics article:nth-child(2) strong { color: #62dcd5; }
.testimonial-label span { color: #d9fff8; }
.quote-role, .quote-meta span { color: rgba(255,255,255,.78); }
.testimonial .quote-controls button { background: rgba(0,22,70,.18); }
.apply .section-label { color: #9af6e5; }
.apply-art span { text-shadow: 0 8px 30px rgba(0,16,55,.32); }

/* Sticky scene visibility fix: keep the animation fully inside the viewport
   before the scroll-driven growth is allowed to begin. */
@media (min-width: 901px) {
  .journey-sticky {
    top: var(--header-h);
    height: calc(100svh - var(--header-h));
    min-height: 0;
    padding-top: 22px;
    padding-bottom: 28px;
    overflow: hidden;
  }

  .journey-visual {
    min-height: 0;
    height: min(72svh, 620px);
    max-height: calc(100svh - var(--header-h) - 50px);
    aspect-ratio: auto;
    align-self: center;
  }
}

/* Laptop widths previously stacked the copy above the visual while the
   parent was sticky. That made the page lock before the animation was seen. */
@media (min-width: 901px) and (max-width: 1180px) {
  .journey-sticky {
    grid-template-columns: minmax(0, .88fr) minmax(410px, 1.12fr);
    gap: 20px;
    padding-right: 4vw;
    padding-left: 4vw;
  }

  .journey-copy {
    padding: 18px;
  }

  .growth-story h1 {
    margin: 16px 0 14px;
    font-size: clamp(39px, 5vw, 64px);
    line-height: 1.02;
  }

  .journey-copy p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
  }

  .journey-steps {
    gap: 8px;
    margin-top: 18px;
  }

  .journey-step {
    padding: 11px 12px;
    border-radius: 16px;
  }

  .journey-step b {
    margin-bottom: 5px;
  }

  .journey-step span {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .journey-step small {
    font-size: 11px;
    line-height: 1.5;
  }

  .story-btn {
    min-height: 44px;
    margin-top: 14px;
    padding: 10px 18px;
  }

  .journey-visual {
    width: 100%;
    max-width: none;
    height: min(68svh, 545px);
  }
}

/* Short desktop/laptop displays need an even more compact composition. */
@media (min-width: 901px) and (max-height: 760px) {
  .journey-sticky {
    top: 72px;
    height: calc(100svh - 72px);
    padding-top: 12px;
    padding-bottom: 18px;
  }

  .journey-copy {
    padding: 14px 16px;
  }

  .growth-story h1 {
    margin: 12px 0;
    font-size: clamp(36px, 4.8vw, 58px);
  }

  .journey-copy p {
    font-size: 13px;
    line-height: 1.65;
  }

  .journey-steps {
    margin-top: 12px;
  }

  .journey-step {
    padding: 9px 11px;
  }

  .journey-step small {
    display: none;
  }

  .story-btn {
    margin-top: 10px;
  }

  .journey-visual {
    height: min(66svh, 490px);
    max-height: calc(100svh - 104px);
  }
}


/* v6 visual polish for seed-to-sprout */
.journey-visual {
  background:
    radial-gradient(circle at 50% 18%, rgba(180,255,242,.10), transparent 26%),
    radial-gradient(circle at 50% 88%, rgba(0,194,184,.13), transparent 32%),
    linear-gradient(180deg, rgba(10,58,139,.72), rgba(0,24,73,.80));
}
.journey-spotlight {
  position:absolute; left:50%; top:7%; width:52%; height:64%; transform:translateX(-50%);
  border-radius:50%; background: radial-gradient(circle, rgba(176,255,241,.16), rgba(0,194,184,.05) 42%, transparent 72%);
  filter: blur(8px); pointer-events:none;
}
.journey-orbit {
  position:absolute; left:50%; top:50%; border-radius:50%; border:1px solid rgba(168,248,231,.12); pointer-events:none;
  transform: translate(-50%, -50%);
}
.orbit-a { width: 62%; height: 62%; animation: orbit-drift 10s linear infinite; }
.orbit-b { width: 76%; height: 76%; animation: orbit-drift 14s linear infinite reverse; }
@keyframes orbit-drift { to { transform: translate(-50%, -50%) rotate(360deg); } }
.growth-aura { fill: url(#haloGradient); opacity: calc(.15 + var(--leaf-p) * .45); }
.growth-soil { fill: url(#soilGradient); opacity: .92; }
.growth-plant { transform-origin: 310px 518px; animation: plant-sway 7s ease-in-out infinite; }
@keyframes plant-sway {
  0%,100% { transform: rotate(0deg); }
  25% { transform: rotate(-1.2deg); }
  75% { transform: rotate(1.1deg); }
}
.growth-seed { filter: drop-shadow(0 0 18px rgba(255,228,170,.22)); }
.seed-shell { opacity: calc(.45 + var(--seed-opacity) * .25); }
.growth-ground { stroke-width: 9; }
.growth-roots path { stroke-width: 5.4; }
.growth-stem { stroke-width: 13; }
.growth-branches path { stroke-width: 8.5; filter: drop-shadow(0 0 8px rgba(0,194,184,.2)); }
.growth-leaves .leaf { filter: drop-shadow(0 16px 18px rgba(0,0,0,.14)); }
.growth-leaves .leaf-a { animation: leaf-drift-a 4.8s ease-in-out infinite; }
.growth-leaves .leaf-b { animation: leaf-drift-b 5.3s ease-in-out -.4s infinite; }
.growth-leaves .leaf-c { animation: leaf-drift-a 5.6s ease-in-out -.8s infinite; }
.growth-leaves .leaf-d { animation: leaf-drift-b 4.9s ease-in-out -.2s infinite; }
.growth-leaves .leaf-e { animation: leaf-drift-c 6.3s ease-in-out -.7s infinite; }
.growth-leaves .leaf-f { animation: leaf-drift-b 5.1s ease-in-out -1.2s infinite; }
@keyframes leaf-drift-a { 50% { filter: drop-shadow(0 18px 20px rgba(0,0,0,.16)); } }
@keyframes leaf-drift-b { 50% { filter: drop-shadow(0 14px 18px rgba(0,0,0,.13)); } }
@keyframes leaf-drift-c { 50% { filter: drop-shadow(0 20px 22px rgba(0,0,0,.16)); } }
.growth-particles circle { animation: sparkle-float 4.4s ease-in-out infinite; }
.growth-particles circle:nth-child(2) { animation-delay: .5s; }
.growth-particles circle:nth-child(3) { animation-delay: 1.1s; }
.growth-particles circle:nth-child(4) { animation-delay: .8s; }
.growth-particles circle:nth-child(5) { animation-delay: 1.6s; }
@keyframes sparkle-float {
  0%,100% { transform: translateY(0) scale(var(--particle-scale)); opacity: .55; }
  50% { transform: translateY(-8px) scale(calc(var(--particle-scale) + .06)); opacity: 1; }
}
.journey-node {
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 38px rgba(0,27,75,.16);
}
.journey-step.active span { color: #dcfffa; }
.journey-step.active small { color: rgba(255,255,255,.88); }
@media (prefers-reduced-motion: reduce) {
  .growth-plant, .orbit-a, .orbit-b, .growth-particles circle, .growth-leaves .leaf-a, .growth-leaves .leaf-b, .growth-leaves .leaf-c, .growth-leaves .leaf-d, .growth-leaves .leaf-e, .growth-leaves .leaf-f { animation: none !important; }
}

/* === v7: final Persian typography and readability audit === */
/* Keep motion without making the text temporarily unreadable. */
.reveal {
  opacity: 1 !important;
  transform: translateY(14px);
  transition: transform .5s cubic-bezier(.2,.75,.2,1) !important;
}
.reveal.is-visible { opacity: 1 !important; transform: none; }

/* Global labels and navigation */
.desktop-nav a { opacity: .9; }
.section-label { opacity: 1 !important; }

/* Growth story */
.journey-copy p { color: #e5eff9; }
.journey-step {
  opacity: 1;
  background: rgba(2, 29, 82, .72);
  border-color: rgba(203, 245, 239, .2);
}
.journey-step b { color: #a9f8e9; }
.journey-step span { color: #f4fbff; }
.journey-step small { color: #cbdced; }
.journey-step.active {
  background: linear-gradient(135deg, rgba(0, 168, 107, .34), rgba(0, 194, 184, .24));
  border-color: rgba(190, 255, 242, .68);
}
.journey-step.active small { color: #f0fffc; }
.story-btn { color: #fff; background: rgba(0, 22, 70, .5); }

/* Hero and dark glass elements */
.hero-copy > p { color: #e1ebf7; border-right-color: rgba(255,255,255,.3); }
.hero-proof div { background: rgba(0, 22, 70, .38); border-color: rgba(255,255,255,.2); }
.hero-proof span { color: #d6e4f3; font-size: 13px; }
.card-main small { color: #e3ebf5; }
.card-main > span, .card-float span { color: #f3f8fc; }
.slide-counter { color: #c8d7e8; }
.scroll-hint { color: #eef5fb; }

/* Light-content sections */
.intro .section-label,
.advantages .section-label,
.horizontal-heading .section-label,
.programs .section-label,
.faq .section-label { color: #36577f; }
.intro .lead { color: #294b73; }
.stats span { color: #36577f; font-weight: 600; }

/* Advantages: remove inherited white text from the former dark theme. */
.advantages {
  color: #09214d;
  background:
    radial-gradient(circle at 8% 8%, rgba(0,194,184,.1), transparent 28%),
    linear-gradient(180deg, #eef9f7 0%, #f7fcfc 100%);
}
.advantages-head > p { color: #36577f; }
.advantage-card {
  color: #09214d;
  background: rgba(255,255,255,.94);
  border-color: rgba(0,44,139,.14);
}
.advantage-card > span { color: #43648a; font-weight: 700; }
.advantage-card h3 { color: #09214d; }
.advantage-card p { color: #36577f; font-size: 15px; }
.feature-icon { color: #06214f; }

/* Scroll process */
.scroll-story .section-label { color: #a9f8e9; }
.story-header h2 { color: #fff; }
.story-header p { color: #d9e6f4; }
.milestone span { color: #fff; }
.milestone small { color: #d3e0ef; }
@media (max-width: 900px) {
  .milestone { background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.2); }
}

/* Portfolio cards */
.horizontal-heading p { color: #36577f; font-weight: 500; }
.startup-card p { opacity: 1; }
.lime, .orange, .white { color: #09214d; }
.lime p, .orange p, .white p { color: #294b73; }
.lime .card-top, .orange .card-top, .white .card-top { color: #294b73; }
.violet p, .blue p { color: #eef6ff; }
.violet .card-top, .blue .card-top { color: #eaf4ff; }
.startup-card a { font-weight: 800; }

/* Programs and FAQ */
.program-head > p,
.program-list p,
.faq details p { color: #36577f; }
.program-list i { color: #294b73; font-weight: 700; }
.program-list article > span { color: #43648a; font-weight: 700; }
.program-badge {
  color: #073b68;
  background: #d9f4ee;
  border: 1px solid rgba(0,168,107,.22);
  font-weight: 700;
}
.faq summary { color: #09214d; font-weight: 800; }
.faq summary span { color: #002c8b; }

/* Impact and testimonials */
.impact-intro p { color: #deebf7; }
.impact-metrics p { color: #e1ebf6; }
.impact-metrics article > span { color: #b6fff1; }
.testimonial-label b { color: #e0ebf7; }
.quote-meta span,
.quote-role { color: #dce9f6; opacity: 1; }
.quote-author { color: #fff; }

/* Application and footer */
.apply .section-label { color: #b5ffef; opacity: 1; }
.apply-copy p { color: #edf5fb; }
.footer-brand p,
.footer-links a,
.footer-links span { color: #cfdef0; }
.footer-links b { color: #9af6e5; }
.footer-bottom { color: #b9cce6; }
.footer-bottom a { color: #dce8f6; }

/* Small-screen readability */
@media (max-width: 560px) {
  .journey-step small { font-size: 13px; }
  .hero-copy > p { color: #edf4fb; }
  .hero-proof span { font-size: 12px; color: #e0eaf5; }
  .advantages-head > p,
  .advantage-card p,
  .program-head > p,
  .program-list p,
  .faq details p { color: #294b73; }
  .impact-intro p,
  .impact-metrics p { color: #edf5fb; }
}


/* v9 — natural editorial seed-to-sprout scene */
.natural-growth {
  --root-p: 0;
  --root-p2: 0;
  --root-p3: 0;
  --stem-p: 0;
  --branch-p: 0;
  --leaf-p: 0;
  --leaf-scale: .18;
  --node-p: 0;
  --node-y: 16px;
  --node-scale: .84;
  --seed-opacity: 1;
  --seed-scale: 1;
  min-height: 610px;
  background:
    radial-gradient(circle at 50% 16%, rgba(197,255,244,.17), transparent 28%),
    linear-gradient(180deg, #0b4c86 0%, #063871 54%, #032453 100%);
  border: 1px solid rgba(185,255,240,.16);
  box-shadow: 0 34px 90px rgba(0,10,42,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.natural-growth .journey-grid,
.natural-growth .journey-glow,
.natural-growth .journey-spotlight,
.natural-growth .journey-orbit { display:none; }
.nature-sky { position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 55%); pointer-events:none; }
.nature-sun { position:absolute; width:128px; height:128px; border-radius:50%; left:50%; top:12%; transform:translateX(-50%); background:radial-gradient(circle,rgba(211,255,246,.22),rgba(0,194,184,.05) 45%,transparent 72%); filter:blur(3px); }
.nature-air { position:absolute; height:1px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(205,255,246,.28),transparent); opacity:.55; }
.air-a { width:42%; top:27%; right:8%; }
.air-b { width:34%; top:37%; left:7%; }
.natural-sprout { position:absolute; inset:2.5% 3% 1%; width:94%; height:96%; overflow:visible; }
.plant-halo { fill:rgba(0,194,184,.10); opacity:calc(.2 + var(--leaf-p) * .5); }
.soil-line { fill:none; stroke:rgba(238,201,143,.5); stroke-width:2; }
.soil-specks { fill:rgba(242,211,163,.3); }
.natural-seed { opacity:var(--seed-opacity); transform-box:fill-box; transform-origin:center; transform:scale(var(--seed-scale)); }
.seed-half { transform-box:fill-box; transform-origin:center bottom; filter:drop-shadow(0 8px 8px rgba(0,0,0,.18)); }
.seed-left { transform:rotate(calc(var(--root-p) * -9deg)) translateX(calc(var(--root-p) * -4px)); }
.seed-right { transform:rotate(calc(var(--root-p) * 9deg)) translateX(calc(var(--root-p) * 4px)); }
.seed-seam { fill:none; stroke:#704521; stroke-width:2; stroke-linecap:round; opacity:.65; }
.natural-roots path,
.shoot-stem,
.cotyledon-stem {
  fill:none;
  stroke-dasharray:1;
  stroke-linecap:round;
}
.natural-roots path { stroke-width:5; stroke-dashoffset:calc(1 - var(--root-p)); filter:drop-shadow(0 0 4px rgba(238,202,147,.2)); }
.natural-roots .root-side { stroke-width:3.6; stroke-dashoffset:calc(1 - var(--root-p2)); }
.natural-roots .root-hair { stroke-width:2.2; stroke-dashoffset:calc(1 - var(--root-p3)); opacity:var(--root-p3); }
.shoot-stem { stroke:url(#stemNatural); stroke-width:11; stroke-dashoffset:calc(1 - var(--stem-p)); filter:drop-shadow(0 0 8px rgba(0,168,107,.22)); }
.cotyledon-stem { stroke:url(#stemNatural); stroke-width:5.5; stroke-dashoffset:calc(1 - var(--branch-p)); opacity:var(--branch-p); }
.sprout-leaf {
  opacity:var(--leaf-p);
  transform-box:fill-box;
  transform-origin:bottom center;
  transform:scale(var(--leaf-scale));
  filter:drop-shadow(0 12px 14px rgba(0,20,45,.18));
}
.leaf-left { transform-origin:right bottom; }
.leaf-right { transform-origin:left bottom; }
.leaf-top { transform-origin:center bottom; }
.leaf-veins { opacity:calc(var(--leaf-p) * .55); stroke-width:1.6; }
.dew-dots { fill:#dcfff7; opacity:var(--leaf-p); filter:drop-shadow(0 0 6px rgba(220,255,247,.7)); }
.natural-growth .journey-node {
  opacity:var(--node-p) !important;
  transform:translateY(var(--node-y)) scale(var(--node-scale)) !important;
  transition:none !important;
  background:rgba(255,255,255,.94);
  color:#06306d;
  border:1px solid rgba(0,194,184,.18);
  box-shadow:0 14px 34px rgba(0,18,56,.15);
}
.natural-growth .node-a { right:5%; top:18%; }
.natural-growth .node-b { right:3%; bottom:30%; }
.natural-growth .node-c { left:4%; top:29%; }
.natural-growth .node-d { left:8%; bottom:22%; }
@media (max-width:900px) {
  .natural-growth { min-height:460px; }
  .natural-roots path,.shoot-stem,.cotyledon-stem { stroke-dashoffset:0; }
  .sprout-leaf { opacity:1; transform:scale(1); }
  .leaf-veins,.dew-dots { opacity:.7; }
  .natural-seed { opacity:.36; }
}
@media (max-width:560px) {
  .natural-growth { min-height:390px; }
  .natural-growth .journey-node { font-size:11px; padding:8px 10px; }
  .natural-growth .node-a { right:1%; top:14%; }
  .natural-growth .node-b { right:0; bottom:27%; }
  .natural-growth .node-c { left:1%; top:26%; }
  .natural-growth .node-d { left:3%; bottom:18%; }
}


/* v11 — revert to v9 base, add subtle natural detailing only */
.natural-growth {
  background:
    radial-gradient(circle at 50% 16%, rgba(197,255,244,.17), transparent 28%),
    linear-gradient(180deg, #0b4c86 0%, #063871 54%, #032453 100%);
}
.natural-growth .journey-grid,
.natural-growth .journey-glow,
.natural-growth .journey-spotlight,
.natural-growth .journey-orbit { display:none; }
.nature-sky { position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 55%); pointer-events:none; }
.nature-sun { position:absolute; width:128px; height:128px; border-radius:50%; left:50%; top:12%; transform:translateX(-50%); background:radial-gradient(circle,rgba(211,255,246,.22),rgba(0,194,184,.05) 45%,transparent 72%); filter:blur(3px); }
.nature-air { position:absolute; height:1px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(205,255,246,.28),transparent); opacity:.55; }
.air-a { width:42%; top:27%; right:8%; }
.air-b { width:34%; top:37%; left:7%; }
.natural-sprout { position:absolute; inset:2.5% 3% 1%; width:94%; height:96%; overflow:visible; }
.plant-halo { fill:rgba(0,194,184,.10); opacity:calc(.2 + var(--leaf-p) * .5); }
.soil-line { fill:none; stroke:rgba(238,201,143,.5); stroke-width:2; }
.soil-specks { fill:rgba(242,211,163,.3); }
.natural-seed { opacity:var(--seed-opacity); transform-box:fill-box; transform-origin:center; transform:translateY(var(--seed-y, 0px)) scale(var(--seed-scale, 1)); }
.seed-half { transform-box:fill-box; transform-origin:center bottom; filter:drop-shadow(0 8px 8px rgba(0,0,0,.18)); }
.seed-left { transform:rotate(calc(var(--root-p) * -9deg)) translateX(calc(var(--root-p) * -4px)); }
.seed-right { transform:rotate(calc(var(--root-p) * 9deg)) translateX(calc(var(--root-p) * 4px)); }
.seed-seam { fill:none; stroke:#704521; stroke-width:2; stroke-linecap:round; opacity:.65; }
.natural-roots path,
.natural-stem,
.natural-branch path {
  fill:none;
  stroke-dasharray:1;
  stroke-linecap:round;
}
.natural-roots path { stroke-width:5; stroke-dashoffset:calc(1 - var(--root-p)); filter:drop-shadow(0 0 4px rgba(238,202,147,.2)); }
.natural-roots path:nth-child(2),
.natural-roots path:nth-child(4) { stroke-dashoffset:calc(1 - var(--root-p2)); }
.natural-roots path:nth-child(3),
.natural-roots path:nth-child(5) { stroke-dashoffset:calc(1 - var(--root-p3)); }
.natural-stem { stroke:url(#stemNatural); stroke-width:11; stroke-dashoffset:calc(1 - var(--stem-p)); filter:drop-shadow(0 0 8px rgba(0,168,107,.22)); }
.natural-branch path { stroke:url(#stemNatural); stroke-width:5.5; stroke-dashoffset:calc(1 - var(--branch-p)); opacity:var(--branch-p); }
.sprout-leaf {
  opacity:var(--leaf-p);
  transform-box:fill-box;
  transform-origin:bottom center;
  transform:scale(var(--leaf-scale)) rotate(var(--leaf-rotate-neg, 0deg));
  filter:drop-shadow(0 12px 14px rgba(0,20,45,.18));
}
.sprout-leaf.leaf-right { transform:scale(var(--leaf-scale)) rotate(var(--leaf-rotate, 0deg)); }
.leaf-left { transform-origin:right bottom; }
.leaf-right { transform-origin:left bottom; }
.leaf-top { transform-origin:center bottom; }
.leaf-veins { opacity:calc(var(--leaf-p) * .55); stroke-width:1.6; }
.dew-dots { fill:#dcfff7; opacity:var(--leaf-p); filter:drop-shadow(0 0 6px rgba(220,255,247,.7)); }
.natural-growth .journey-node {
  opacity:var(--node-p) !important;
  transform:translateY(var(--node-y)) scale(var(--node-scale)) !important;
  transition:none !important;
  background:rgba(255,255,255,.94);
  color:#06306d;
  border:1px solid rgba(0,194,184,.18);
  box-shadow:0 14px 34px rgba(0,18,56,.15);
}
.natural-growth .node-a { right:5%; top:18%; }
.natural-growth .node-b { right:3%; bottom:30%; }
.natural-growth .node-c { left:4%; top:29%; }
.natural-growth .node-d { left:8%; bottom:22%; }
@media (max-width:900px) {
  .natural-growth { min-height:460px; }
  .natural-roots path,.natural-stem,.natural-branch path { stroke-dashoffset:0; }
  .sprout-leaf { opacity:1; transform:scale(1); }
  .leaf-veins,.dew-dots { opacity:.7; }
  .natural-seed { opacity:.36; }
}
@media (max-width:560px) {
  .natural-growth { min-height:390px; }
  .natural-growth .journey-node { font-size:11px; padding:8px 10px; }
  .natural-growth .node-a { right:1%; top:14%; }
  .natural-growth .node-b { right:0; bottom:27%; }
  .natural-growth .node-c { left:1%; top:26%; }
  .natural-growth .node-d { left:3%; bottom:18%; }
}


/* ================= CLIENT REVISION — content, typography, new sections ================= */
:root {
  --font-body: "Vazirmatn", Tahoma, sans-serif;
  --font-display: "Estedad", "Vazirmatn", Tahoma, sans-serif;
}
html { scroll-behavior:smooth; }
body { font-family:var(--font-body); }
h1,h2,h3,.brand,.startup-symbol,.section-label,.eyebrow { font-family:var(--font-display); }
.desktop-nav a { font-size:13px; }
.hero-copy h1 { font-size:clamp(50px,3vw,82px) !important; line-height:1.08 !important; letter-spacing:-2.2px; }
.hero-copy p { font-size:clamp(15px,1.25vw,18px) !important; }
.intro h2,.program-head h2,.advantages-head h2,.story-header h2,.horizontal-heading h2,.faq-head h2,.impact-intro h2,.portfolio-map h2,.podcast h2,.team h2,.mentors h2,.pitch h2 { font-size:clamp(36px,4.3vw,62px) !important; line-height:1.16 !important; letter-spacing:-1.3px; }
.growth-story h1 { font-size:clamp(38px,4.3vw,62px) !important; line-height:1.17 !important; }
.startup-card h3 { font-size:clamp(21px,1.8vw,28px) !important; }
.startup-symbol { font-size:clamp(28px,2.8vw,43px) !important; }

/* Photo-ready sections. Drop client images into media/ with these names. */
.hero { background-image:linear-gradient(90deg,rgba(242,247,247,.97),rgba(242,247,247,.82) 44%,rgba(242,247,247,.32)),url("../media/background-hero.jpg"); background-size:cover; background-position:center; }
.photo-break { min-height:70vh; margin:0; padding:clamp(52px,8vw,120px) 7vw; display:flex; align-items:flex-end; position:relative; isolation:isolate; background-size:cover; background-position:center; overflow:hidden; }
.photo-break::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(0,25,73,.05),rgba(0,25,73,.82)); }
.photo-break-innovation { background-image:linear-gradient(130deg,#007b72,#002C8B); background-image:linear-gradient(180deg,rgba(0,44,139,.08),rgba(0,23,68,.78)),url("../media/background-innovation.jpg"),linear-gradient(130deg,#007b72,#002C8B); }
.photo-break-team { background-image:linear-gradient(180deg,rgba(0,44,139,.06),rgba(0,23,68,.82)),url("../media/background-team.jpg"),linear-gradient(130deg,#00A86B,#002C8B); }
.photo-break-copy { max-width:760px; color:#fff; }
.photo-break-copy > span { display:inline-flex; padding:8px 12px; border:1px solid rgba(255,255,255,.35); border-radius:999px; margin-bottom:18px; font-size:13px; }
.photo-break-copy h2 { font-family:var(--font-display); font-size:clamp(38px,5vw,72px); line-height:1.18; margin:0 0 18px; }
.photo-break-copy p { max-width:650px; color:rgba(255,255,255,.86); line-height:1.9; }

/* Growth scene: clean scroll behavior on desktop, still animated on smaller screens. */
.natural-growth .natural-roots path,.natural-growth .shoot-stem,.natural-growth .cotyledon-stem { stroke-dasharray:1; }
@media (max-width:900px) {
  .natural-growth .natural-roots path { stroke-dashoffset:calc(1 - var(--root-p)) !important; }
  .natural-growth .natural-roots .root-side { stroke-dashoffset:calc(1 - var(--root-p2)) !important; }
  .natural-growth .natural-roots .root-hair { stroke-dashoffset:calc(1 - var(--root-p3)) !important; opacity:var(--root-p3) !important; }
  .natural-growth .shoot-stem { stroke-dashoffset:calc(1 - var(--stem-p)) !important; }
  .natural-growth .cotyledon-stem { stroke-dashoffset:calc(1 - var(--branch-p)) !important; opacity:var(--branch-p) !important; }
  .natural-growth .sprout-leaf { opacity:var(--leaf-p) !important; transform:scale(var(--leaf-scale)) !important; }
  .natural-growth .natural-seed { opacity:var(--seed-opacity) !important; transform:translateY(var(--seed-y)) scale(var(--seed-scale)) !important; }
  .natural-growth .leaf-veins,.natural-growth .dew-dots { opacity:calc(var(--leaf-p) * .68) !important; }
}

/* Portfolio cards expanded from the supplied startup list. */
.portfolio { height:720vh; }
.horizontal-track { gap:22px; }
.callout-card { background:linear-gradient(145deg,#002C8B,#00A86B); color:#fff; }
.callout-card p,.callout-card a { color:rgba(255,255,255,.88); }

/* Portfolio bubble overview */
.portfolio-map { background:#eef5f5; color:#082654; overflow:hidden; }
.portfolio-map-head,.podcast-head,.team-head,.mentor-intro,.pitch-head { display:grid; grid-template-columns:1.08fr .92fr; gap:7vw; align-items:end; margin-bottom:44px; }
.portfolio-map-head p,.podcast-head p,.team-head p,.mentor-intro p,.pitch-head p { color:#4b607c; line-height:1.95; max-width:590px; }
.portfolio-viz { position:relative; background:#fff; border:1px solid rgba(0,44,139,.09); border-radius:34px; padding:68px 56px 38px 74px; box-shadow:0 24px 70px rgba(0,35,91,.08); }
.viz-demo-note { display:flex; gap:12px; align-items:flex-start; background:#f2fbf8; border:1px solid rgba(0,168,107,.18); color:#315c58; border-radius:16px; padding:13px 16px; margin-bottom:26px; font-size:13px; }
.viz-demo-note b { white-space:nowrap; color:#007d56; }
.bubble-plot { height:480px; position:relative; border-right:1px solid #aec0ce; border-bottom:1px solid #aec0ce; background-image:linear-gradient(rgba(0,44,139,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,44,139,.055) 1px,transparent 1px); background-size:25% 25%; border-radius:18px 0 0 0; }
.quadrant-line { position:absolute; background:rgba(0,44,139,.13); pointer-events:none; }
.qh { left:0; right:0; top:50%; height:1px; }
.qv { top:0; bottom:0; left:50%; width:1px; }
.portfolio-bubble { position:absolute; left:var(--x); top:var(--y); width:var(--s); height:var(--s); transform:translate(-50%,-50%); border:0; border-radius:50%; display:grid; place-items:center; padding:8px; cursor:default; font-family:var(--font-display); font-weight:700; font-size:12px; text-align:center; box-shadow:0 13px 30px rgba(0,31,85,.18),inset 0 1px 0 rgba(255,255,255,.55); transition:transform .25s ease,box-shadow .25s ease; }
.portfolio-bubble:hover { transform:translate(-50%,-50%) scale(1.08); box-shadow:0 18px 38px rgba(0,31,85,.24); z-index:4; }
.portfolio-bubble.ready { background:linear-gradient(145deg,#99f3d2,#00A86B); color:#063f36; }
.portfolio-bubble.mvp { background:linear-gradient(145deg,#bdeeff,#3b79d8); color:#082654; }
.bubble-axis { position:absolute; color:#60758e; font-size:12px; display:flex; align-items:center; gap:9px; }
.bubble-y { right:16px; top:52%; transform:rotate(-90deg) translateX(50%); transform-origin:right center; }
.bubble-x { left:74px; right:56px; bottom:11px; justify-content:center; }
.bubble-axis i { width:34px; height:1px; background:#91a7bb; display:block; }
.bubble-legend { margin-top:22px; display:flex; flex-wrap:wrap; align-items:center; gap:18px; color:#415873; font-size:13px; }
.bubble-legend span { display:flex; align-items:center; gap:7px; }
.bubble-legend i { width:11px; height:11px; border-radius:50%; display:inline-block; }
.bubble-legend i.ready { background:#00A86B; }.bubble-legend i.mvp { background:#4b89df; }
.bubble-legend small { margin-right:auto; color:#72859b; }

/* Podcast */
.podcast { background:#081e49; color:#fff; position:relative; overflow:hidden; }
.podcast::before { content:""; position:absolute; width:540px; height:540px; border-radius:50%; left:-180px; top:-220px; background:rgba(0,194,184,.12); filter:blur(8px); }
.podcast-head { position:relative; z-index:1; }.podcast-head p { color:rgba(255,255,255,.72); }
.podcast-grid { display:grid; grid-template-columns:1.35fr .65fr .65fr; gap:22px; position:relative; z-index:1; }
.podcast-feature,.podcast-note { border:1px solid rgba(255,255,255,.12); border-radius:28px; background:rgba(255,255,255,.06); overflow:hidden; }
.podcast-feature { display:grid; grid-template-columns:.78fr 1.22fr; min-height:390px; }
.podcast-art { min-height:100%; padding:28px; background:radial-gradient(circle at 25% 22%,#8bf0de 0 8%,transparent 9%),linear-gradient(145deg,#00A86B,#002C8B); position:relative; display:flex; align-items:flex-end; font-family:var(--font-display); font-size:34px; font-weight:800; line-height:1.05; }
.podcast-art i { position:absolute; width:120px; height:120px; border:1px solid rgba(255,255,255,.42); border-radius:50%; top:38px; right:36px; box-shadow:0 0 0 22px rgba(255,255,255,.06); }
.podcast-content { padding:34px; display:flex; flex-direction:column; justify-content:center; }
.podcast-content small,.podcast-note > span { color:#86eddd; }.podcast-content h3,.podcast-note h3 { font-size:clamp(23px,2vw,31px); line-height:1.45; margin:12px 0; }
.podcast-content p,.podcast-note p { color:rgba(255,255,255,.72); line-height:1.9; }
.podcast-audio { width:100%; margin-top:18px; }
.audio-empty-note { display:none; margin-top:10px; color:#bcd1e4; font-size:12px; }.audio-empty .audio-empty-note { display:block; }.audio-empty .podcast-audio { display:none; }
.podcast-note { padding:28px; display:flex; flex-direction:column; }.podcast-note a { margin-top:auto; padding-top:20px; color:#a8f8e7; }

/* Team and mentors */
.team { background:#f7faf8; color:#092b61; }
.people-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.person-card { border:1px solid rgba(0,44,139,.10); border-radius:26px; overflow:hidden; background:#fff; box-shadow:0 16px 38px rgba(0,30,83,.06); }
.person-photo { aspect-ratio:4/4.3; position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#d9f8ef,#b9d7ed); color:#06306d; font-family:var(--font-display); font-size:42px; font-weight:800; }
.person-photo img,.mentor-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.person-info { padding:22px; }.person-info small { color:#00A86B; }.person-info h3 { font-size:22px; margin:7px 0 3px; }.person-info b { font-size:13px; color:#536c8b; }.person-info p { font-size:13px; color:#526984; line-height:1.85; margin-top:14px; }
.mentors { background:#eaf4f2; color:#082654; }
.mentor-layout { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.mentor-form { background:#fff; border-radius:30px; padding:30px; border:1px solid rgba(0,44,139,.09); box-shadow:0 20px 60px rgba(0,34,89,.07); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mentor-form label { display:grid; gap:8px; font-size:13px; font-weight:600; color:#2e4867; margin-bottom:14px; }
.mentor-form input,.mentor-form textarea { width:100%; border:1px solid #d7e1e6; background:#f9fbfb; color:#092b61; border-radius:13px; padding:13px 14px; font:inherit; outline:none; }
.mentor-form input:focus,.mentor-form textarea:focus { border-color:#00A86B; box-shadow:0 0 0 3px rgba(0,168,107,.10); }
.file-field input { position:absolute; opacity:0; pointer-events:none; }.file-ui { display:flex; justify-content:space-between; align-items:center; border:1px dashed #9cb8b4; padding:15px; border-radius:13px; background:#f2fbf8; cursor:pointer; }.file-ui b { font-weight:400; color:#678079; }
.form-helper { color:#6b8095; font-size:12px; line-height:1.8; margin-top:10px; }
.mentor-network { background:#002C8B; color:#fff; border-radius:30px; padding:28px; }
.mentor-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }
.mentor-cards article { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.11); border-radius:20px; padding:16px; }
.mentor-avatar { height:145px; border-radius:16px; position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#00A86B,#00C2B8); font-weight:800; }
.mentor-cards h3 { margin:12px 0 3px; font-size:18px; }.mentor-cards p { color:rgba(255,255,255,.72); font-size:12px; line-height:1.7; }

/* Pitch/Porsline */
.pitch { background:#fff; color:#082654; }
.pitch-shell { display:grid; grid-template-columns:.42fr .58fr; min-height:690px; border:1px solid rgba(0,44,139,.10); border-radius:34px; overflow:hidden; box-shadow:0 24px 70px rgba(0,35,91,.08); }
.pitch-side { background:linear-gradient(155deg,#002C8B,#006d89 58%,#00A86B); color:#fff; padding:42px; display:flex; flex-direction:column; justify-content:center; }
.pitch-side > span { font-family:var(--font-display); letter-spacing:2px; opacity:.65; }.pitch-side h3 { font-size:32px; margin:16px 0 22px; }.pitch-side ul { padding:0 18px 0 0; margin:0 0 30px; line-height:2.1; color:rgba(255,255,255,.78); }
.porsline-frame { background:#f7fafb; min-height:690px; position:relative; }.porsline-frame iframe { border:0; width:100%; height:690px; display:block; background:#fff; }.porsline-frame p { position:absolute; bottom:9px; left:0; right:0; text-align:center; font-size:11px; color:#718498; pointer-events:none; }

/* Small screen */
@media (max-width:1100px) {
  .podcast-grid { grid-template-columns:1fr 1fr; }.podcast-feature { grid-column:1/-1; }
  .people-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .portfolio-map-head,.podcast-head,.team-head,.mentor-intro,.pitch-head { grid-template-columns:1fr; gap:16px; }
  .portfolio-viz { padding:54px 24px 42px 44px; }.bubble-plot { height:390px; }.bubble-x { left:44px; right:24px; }
  .mentor-layout,.pitch-shell { grid-template-columns:1fr; }.porsline-frame,.porsline-frame iframe { min-height:760px; height:760px; }
  .photo-break { min-height:58vh; }
}
@media (max-width:640px) {
  .hero-copy h1 { font-size:44px !important; }
  .intro h2,.program-head h2,.advantages-head h2,.story-header h2,.horizontal-heading h2,.faq-head h2,.impact-intro h2,.portfolio-map h2,.podcast h2,.team h2,.mentors h2,.pitch h2,.growth-story h1 { font-size:34px !important; }
  .people-grid,.mentor-cards,.form-row,.podcast-grid,.podcast-feature { grid-template-columns:1fr; }
  .podcast-art { min-height:240px; }.portfolio-viz { padding:46px 14px 38px 30px; border-radius:24px; }.bubble-plot { height:340px; }.portfolio-bubble { transform:translate(-50%,-50%) scale(.82); }.portfolio-bubble:hover { transform:translate(-50%,-50%) scale(.88); }
  .viz-demo-note { display:block; }.viz-demo-note b { display:block; margin-bottom:5px; }.bubble-legend small { width:100%; margin:0; }
  .pitch-side { padding:28px; }.mentor-form,.mentor-network { padding:22px; }.photo-break { min-height:52vh; padding:44px 6vw; }.photo-break-copy h2 { font-size:38px; }
}

/* =========================================================
   CLIENT POLISH v2 — contrast, hierarchy, card quality audit
   ========================================================= */
:root {
  --ui-text: #0a254f;
  --ui-text-2: #294767;
  --ui-text-3: #45617d;
  --ui-dark: #071e46;
  --ui-dark-2: #0a2d62;
  --ui-mint: #00a86b;
  --ui-cyan: #00c2b8;
  --ui-blue: #002c8b;
  --ui-line: rgba(0,44,139,.14);
  --ui-soft: #f4f9f9;
}

/* Photo-ready hero: always keep white interface readable, even before a photo exists. */
.hero {
  background-color: #071e46;
  background-image:
    linear-gradient(90deg, rgba(5,25,62,.97) 0%, rgba(4,36,79,.91) 43%, rgba(2,44,93,.66) 72%, rgba(0,44,139,.42) 100%),
    url("../media/background-hero.jpg"),
    linear-gradient(135deg,#071e46,#002c8b 58%,#00766d);
  color:#fff;
}
.hero::before { opacity:.55; }
.hero-copy > p { color:#e6eef8 !important; }
.hero-copy .eyebrow { color:#dffff8; }
.site-header:not(.scrolled) .desktop-nav a { color:#fff; opacity:.88; text-shadow:0 1px 12px rgba(0,0,0,.16); }
.site-header:not(.scrolled) .brand { color:#fff; }

/* More controlled type scale in the newly-added content. */
.portfolio-map h2,.podcast h2,.team h2,.mentors h2,.pitch h2 {
  font-size:clamp(34px,3.65vw,54px) !important;
  line-height:1.22 !important;
  letter-spacing:-.8px !important;
}
.portfolio-map-head p,.podcast-head p,.team-head p,.mentor-intro p,.pitch-head p {
  font-size:15px;
  line-height:2;
}

/* Shared labels — explicit colors for light and dark surfaces. */
.portfolio-map .section-label,.team .section-label,.mentors > .mentor-intro .section-label,.pitch .section-label {
  width:max-content;
  color:#23536a !important;
  background:rgba(0,168,107,.09);
  border:1px solid rgba(0,168,107,.16);
  border-radius:999px;
  padding:7px 12px;
}
.podcast .section-label,.mentor-network .section-label {
  width:max-content;
  color:#d9fff7 !important;
  background:rgba(0,194,184,.13);
  border:1px solid rgba(156,255,236,.24);
  border-radius:999px;
  padding:7px 12px;
}
.podcast .section-label::before,.mentor-network .section-label::before { background:#7ef0dc; }

/* Portfolio bubble card */
.portfolio-map {
  background:
    radial-gradient(circle at 8% 4%, rgba(0,194,184,.10), transparent 26%),
    linear-gradient(180deg,#eef7f6 0%,#f8fbfb 100%);
}
.portfolio-map-head p { color:#344f70 !important; }
.portfolio-viz {
  background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%);
  border:1px solid rgba(0,44,139,.14);
  box-shadow:0 28px 80px rgba(0,35,91,.10);
  position:relative;
}
.portfolio-viz::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#00a86b,#00c2b8,#002c8b);
}
.viz-demo-note {
  background:#eaf8f4;
  border-color:rgba(0,128,91,.24);
  color:#234f4c;
  font-size:13.5px;
  line-height:1.8;
}
.viz-demo-note b { color:#005f43; }
.bubble-plot {
  border-right-color:#8299ae;
  border-bottom-color:#8299ae;
  background-color:#fbfdfd;
  background-image:
    linear-gradient(rgba(0,44,139,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,44,139,.075) 1px,transparent 1px);
}
.quadrant-line { background:rgba(0,44,139,.18); }
.portfolio-bubble {
  color:#fff !important;
  border:2px solid rgba(255,255,255,.72);
  font-size:12.5px;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  box-shadow:0 12px 30px rgba(0,31,85,.20), inset 0 1px 0 rgba(255,255,255,.25);
}
.portfolio-bubble.ready { background:linear-gradient(145deg,#0a8b62,#006b48); }
.portfolio-bubble.mvp { background:linear-gradient(145deg,#176bc6,#0b4f9e); }
.portfolio-bubble:focus-visible { outline:3px solid #09214d; outline-offset:4px; }
.bubble-axis { color:#385572; font-size:13px; font-weight:600; }
.bubble-axis i { background:#69839a; }
.bubble-legend { color:#314e6b; font-size:13.5px; }
.bubble-legend small { color:#506a83; font-size:12.5px; line-height:1.7; }
.bubble-legend i.ready { background:#087650; }
.bubble-legend i.mvp { background:#0a5bb8; }

/* Podcast: stronger card separation and no low-contrast label/text. */
.podcast {
  background:
    radial-gradient(circle at 8% 0%, rgba(0,194,184,.15), transparent 30%),
    radial-gradient(circle at 90% 100%, rgba(0,44,139,.28), transparent 34%),
    linear-gradient(145deg,#061a3d 0%,#082754 56%,#062e5f 100%);
}
.podcast-head p { color:#d5e3f1 !important; }
.podcast-feature,.podcast-note {
  border:1px solid rgba(197,236,255,.18);
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  box-shadow:0 18px 46px rgba(0,8,31,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.podcast-feature { position:relative; }
.podcast-feature::after,.podcast-note::after {
  content:"";
  position:absolute;
  inset:auto 24px 0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,rgba(0,168,107,.85),rgba(0,194,184,.15));
}
.podcast-note { position:relative; }
.podcast-art {
  color:#fff;
  text-shadow:0 2px 18px rgba(0,16,50,.30);
  background:
    radial-gradient(circle at 25% 22%,rgba(190,255,242,.92) 0 7%,transparent 8%),
    linear-gradient(145deg,#07835f 0%,#057a86 48%,#053c83 100%);
}
.podcast-content small,.podcast-note > span { color:#a9fff0; font-weight:700; }
.podcast-content h3,.podcast-note h3 { color:#fff; }
.podcast-content p,.podcast-note p { color:#e3edf7 !important; font-size:14.5px; }
.podcast-note a { color:#b8fff2; font-weight:750; border-top:1px solid rgba(255,255,255,.10); }
.audio-empty-note { color:#d4e2f0; font-size:13px; }
.podcast-audio { border-radius:12px; overflow:hidden; }
@media (hover:hover) {
  .podcast-feature,.podcast-note,.person-card,.mentor-cards article {
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  }
  .podcast-note:hover,.person-card:hover,.mentor-cards article:hover { transform:translateY(-4px); }
  .podcast-note:hover { border-color:rgba(138,246,225,.34); box-shadow:0 24px 54px rgba(0,8,31,.26); }
}

/* Team cards */
.team {
  background:
    radial-gradient(circle at 95% 5%,rgba(0,194,184,.08),transparent 24%),
    #f7faf9;
}
.team-head p { color:#344f70 !important; }
.person-card {
  border-color:rgba(0,44,139,.14);
  box-shadow:0 18px 46px rgba(0,30,83,.075);
  position:relative;
}
.person-card::before {
  content:"";
  position:absolute;
  top:0; right:0; bottom:0;
  width:3px;
  background:linear-gradient(180deg,#00a86b,#00c2b8);
  z-index:3;
}
.person-photo { background:linear-gradient(145deg,#d8f4ed,#c8dff0); }
.person-photo::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(4,29,65,.24));
  pointer-events:none;
  z-index:1;
}
.person-photo > span {
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
  display:grid;
  place-items:center;
  min-width:38px;
  height:38px;
  padding:0 9px;
  border-radius:12px;
  background:rgba(255,255,255,.90);
  color:#082654;
  border:1px solid rgba(255,255,255,.62);
  font-size:14px;
  box-shadow:0 8px 20px rgba(0,20,53,.12);
}
.person-photo img { z-index:0; }
.person-info { padding:24px; }
.person-info small { color:#007b55; font-weight:750; }
.person-info h3 { color:#082654; font-size:21px; }
.person-info b { color:#345270; font-size:13.5px; }
.person-info p { color:#3d5874; font-size:14px; line-height:1.9; }

/* Mentor section/form */
.mentors {
  background:
    radial-gradient(circle at 12% 0%,rgba(0,168,107,.09),transparent 28%),
    linear-gradient(180deg,#eaf4f2,#f4f9f8);
}
.mentor-intro p { color:#344f70 !important; }
.mentor-form {
  border-color:rgba(0,44,139,.14);
  box-shadow:0 24px 68px rgba(0,34,89,.09);
}
.mentor-form label { color:#203f61; font-size:13.5px; }
.mentor-form input,.mentor-form textarea {
  border-color:#b9cbd3;
  background:#fbfdfd;
  color:#082654;
  min-height:48px;
}
.mentor-form textarea { min-height:116px; resize:vertical; }
.mentor-form input::placeholder,.mentor-form textarea::placeholder { color:#63798c; opacity:1; }
.mentor-form input:focus,.mentor-form textarea:focus {
  background:#fff;
  border-color:#00895e;
  box-shadow:0 0 0 4px rgba(0,168,107,.10);
}
.file-ui {
  color:#153d55;
  background:#edf8f4;
  border-color:#6e9d91;
  font-weight:650;
}
.file-ui b { color:#385f59; font-size:12px; }
.form-helper {
  color:#4b637b;
  background:#f1f6f7;
  border-right:3px solid #00a86b;
  border-radius:10px;
  padding:10px 12px;
  font-size:12.5px;
}
.mentor-network {
  background:
    radial-gradient(circle at 18% 0%,rgba(0,194,184,.22),transparent 35%),
    linear-gradient(155deg,#062659,#002c8b 70%,#073f79);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 68px rgba(0,26,79,.18);
}
.mentor-cards article {
  background:rgba(255,255,255,.105);
  border-color:rgba(216,244,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.mentor-avatar { background:linear-gradient(145deg,#087b5a,#067e91); }
.mentor-avatar::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(3,22,55,.58));
  z-index:1;
  pointer-events:none;
}
.mentor-avatar img { z-index:0; }
.mentor-avatar > span {
  position:absolute;
  right:12px;
  bottom:11px;
  z-index:2;
  color:#fff;
  background:rgba(3,27,64,.78);
  border:1px solid rgba(255,255,255,.22);
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:750;
  backdrop-filter:blur(8px);
}
.mentor-cards h3 { color:#fff; font-size:18px; }
.mentor-cards p { color:#e4edf7 !important; font-size:13.5px; line-height:1.8; }

/* Pitch form / embedded form */
.pitch { background:linear-gradient(180deg,#fff,#f8fbfc); }
.pitch-head p { color:#344f70 !important; }
.pitch-shell {
  border-color:rgba(0,44,139,.15);
  box-shadow:0 28px 82px rgba(0,35,91,.11);
}
.pitch-side {
  background:
    radial-gradient(circle at 80% 12%,rgba(0,194,184,.22),transparent 28%),
    linear-gradient(155deg,#061f50 0%,#003d84 56%,#087354 120%);
}
.pitch-side > span {
  width:max-content;
  opacity:1 !important;
  color:#cafff5;
  background:rgba(0,194,184,.12);
  border:1px solid rgba(183,255,241,.22);
  padding:7px 11px;
  border-radius:999px;
  letter-spacing:1.4px;
  font-size:12px;
}
.pitch-side h3 { color:#fff; }
.pitch-side ul { color:#e7f0f8 !important; font-size:14.5px; }
.pitch-side li::marker { color:#7df1dd; }
.pitch-side .btn.primary {
  background:#fff;
  color:#06305f;
  box-shadow:0 14px 34px rgba(0,15,49,.20);
}
.porsline-frame { background:#f4f8fa; display:flex; flex-direction:column; }
.porsline-frame iframe { flex:1 1 auto; }
.porsline-frame p {
  position:static !important;
  margin:0;
  padding:11px 16px;
  background:#edf3f6;
  border-top:1px solid #d4e0e6;
  color:#415d76;
  font-size:12px;
  line-height:1.75;
  text-align:center;
  pointer-events:auto;
}

/* Photo breaks: guarantee readability against both real images and fallback gradients. */
.photo-break::before {
  z-index:0;
  background:linear-gradient(180deg,rgba(1,18,52,.16) 0%,rgba(1,22,58,.68) 62%,rgba(1,20,54,.92) 100%);
}
.photo-break-copy { position:relative; z-index:1; text-shadow:0 2px 18px rgba(0,12,38,.28); }
.photo-break-copy > span {
  background:rgba(4,31,67,.52);
  border-color:rgba(255,255,255,.42);
  color:#fff;
  backdrop-filter:blur(8px);
}
.photo-break-copy p { color:#eef5fb !important; }

/* Stronger interaction states across new cards. */
@media (hover:hover) {
  .person-card:hover { border-color:rgba(0,168,107,.26); box-shadow:0 24px 56px rgba(0,30,83,.11); }
  .mentor-cards article:hover { border-color:rgba(170,255,239,.32); box-shadow:0 18px 38px rgba(0,11,42,.15); }
}

/* New sections on tablets and phones */
@media (max-width:900px) {
  .portfolio-map-head p,.podcast-head p,.team-head p,.mentor-intro p,.pitch-head p { max-width:720px; }
  .portfolio-viz { padding-top:58px; }
  .mentor-network { margin-top:2px; }
  .pitch-side { min-height:390px; }
}
@media (max-width:640px) {
  .portfolio-map h2,.podcast h2,.team h2,.mentors h2,.pitch h2 { font-size:32px !important; line-height:1.25 !important; }
  .portfolio-map-head p,.podcast-head p,.team-head p,.mentor-intro p,.pitch-head p { font-size:14px; line-height:1.9; }
  .podcast-content,.podcast-note { padding:24px; }
  .podcast-content p,.podcast-note p,.person-info p,.mentor-cards p { font-size:13.5px; }
  .person-info { padding:20px; }
  .portfolio-bubble { font-size:11.5px; }
  .bubble-axis { font-size:11.5px; }
  .mentor-form,.mentor-network { border-radius:24px; }
  .pitch-shell { border-radius:26px; }
  .pitch-side h3 { font-size:27px; }
}


/* =========================================================
   Final polish v2 — editorial podcast + subtle micro motion
   ========================================================= */
.podcast {
  background:
    radial-gradient(circle at 13% 10%, rgba(0,194,184,.15), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(0,168,107,.10), transparent 26%),
    linear-gradient(145deg,#061b42 0%,#082752 58%,#061b42 100%);
}
.podcast-head { margin-bottom:38px; }
.podcast-head p { color:#d9e6f2 !important; font-size:15px; }
.podcast-studio { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr); gap:22px; }
.podcast-spotlight { min-height:520px; display:grid; grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr); background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.14); border-radius:34px; overflow:hidden; box-shadow:0 30px 80px rgba(0,8,30,.28); backdrop-filter:blur(14px); }
.podcast-cover { min-height:520px; padding:25px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:radial-gradient(circle at 74% 23%,rgba(192,255,243,.36),transparent 18%),linear-gradient(155deg,#00a86b 0%,#008e91 44%,#002c8b 100%); isolation:isolate; }
.podcast-cover::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.38; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 86%); }
.podcast-cover::after { content:""; position:absolute; width:240px; height:240px; border:1px solid rgba(255,255,255,.18); border-radius:50%; left:-94px; bottom:72px; box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.02); }
.podcast-cover-top,.podcast-cover-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; position:relative; z-index:2; }
.podcast-cover-top span { font:700 11px/1.3 var(--font-display); letter-spacing:1.6px; opacity:.88; }
.podcast-cover-top b { width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.28); display:grid; place-items:center; font-size:12px; }
.podcast-cover-bottom { align-items:flex-end; }
.podcast-cover-bottom span { font-size:12px; color:rgba(255,255,255,.82); }
.podcast-cover-bottom strong { font:800 30px/1 var(--font-display); letter-spacing:-1px; }
.podcast-disc { width:190px; aspect-ratio:1; position:absolute; left:50%; top:47%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,#dffef8 0 5%,#061c3f 6% 15%,#0a3158 16% 18%,#041831 19% 31%,#0b355a 32% 34%,#03162d 35% 100%); box-shadow:0 28px 50px rgba(0,9,31,.35),inset 0 0 0 1px rgba(255,255,255,.12); }
.podcast-disc::after { content:""; position:absolute; inset:18%; border-radius:50%; background:linear-gradient(145deg,#b6ffef,#00a86b 52%,#002c8b); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); }
.podcast-disc span { position:absolute; inset:0; display:grid; place-items:center; z-index:2; font:900 36px/1 var(--font-display); }
.podcast-disc i { position:absolute; inset:8%; border-radius:50%; border:1px solid rgba(255,255,255,.06); }
.podcast-disc i:nth-child(2){inset:30%}.podcast-disc i:nth-child(3){inset:42%}
.podcast-cover-wave { display:flex; align-items:center; gap:4px; position:absolute; right:24px; top:102px; height:58px; opacity:.72; }
.podcast-cover-wave i { width:3px; height:var(--h,18px); border-radius:99px; background:rgba(255,255,255,.85); transform-origin:center; }
.podcast-cover-wave i:nth-child(1){--h:15px}.podcast-cover-wave i:nth-child(2){--h:30px}.podcast-cover-wave i:nth-child(3){--h:21px}.podcast-cover-wave i:nth-child(4){--h:44px}.podcast-cover-wave i:nth-child(5){--h:27px}.podcast-cover-wave i:nth-child(6){--h:52px}.podcast-cover-wave i:nth-child(7){--h:34px}.podcast-cover-wave i:nth-child(8){--h:47px}.podcast-cover-wave i:nth-child(9){--h:24px}.podcast-cover-wave i:nth-child(10){--h:39px}.podcast-cover-wave i:nth-child(11){--h:20px}.podcast-cover-wave i:nth-child(12){--h:31px}
.podcast-episode-copy { padding:clamp(30px,3.4vw,48px); display:flex; flex-direction:column; justify-content:center; min-width:0; }
.episode-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:16px; }
.episode-kicker span { padding:7px 11px; border-radius:999px; background:#d8fff7; color:#005e59; font-size:11px; font-weight:800; }
.episode-kicker b { color:#9ef5e5; font-size:12px; font-weight:650; }
.podcast-episode-copy h3 { margin:0; color:#fff; font-size:clamp(27px,2.5vw,40px); line-height:1.35; letter-spacing:-.7px; }
.podcast-episode-copy > p { color:#dce8f3 !important; font-size:14.5px; line-height:2; margin:17px 0 18px; max-width:680px; }
.episode-topics { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.episode-topics span { border:1px solid rgba(171,247,233,.20); color:#c9f7ee; background:rgba(0,194,184,.075); padding:7px 10px; border-radius:999px; font-size:11px; }
.fanava-player { display:grid; grid-template-columns:58px 1fr; gap:15px; align-items:center; padding:14px 15px; border-radius:20px; background:#f7fbfc; color:#092957; box-shadow:0 14px 34px rgba(0,9,31,.16); border:1px solid rgba(255,255,255,.5); }
.podcast-play { width:54px; height:54px; border:0; border-radius:50%; display:grid; place-items:center; background:linear-gradient(145deg,#00a86b,#00aeb0); color:#fff; cursor:pointer; box-shadow:0 10px 26px rgba(0,168,107,.24); transition:transform .25s ease,box-shadow .25s ease; }
.podcast-play:hover { transform:translateY(-2px) scale(1.03); box-shadow:0 14px 30px rgba(0,168,107,.30); }
.podcast-play:focus-visible { outline:3px solid rgba(0,194,184,.28); outline-offset:3px; }
.play-symbol { font-size:16px; transform:translateX(-1px); }
.fanava-player.is-playing .play-symbol { font-size:0; }
.fanava-player.is-playing .play-symbol::before { content:"Ⅱ"; font-size:17px; font-weight:900; }
.player-main { min-width:0; }
.player-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
.player-title strong { color:#0b2b59; font-size:12.5px; }
.player-status { color:#60758d; font-size:10.5px; white-space:nowrap; }
.podcast-range { width:100%; height:5px; appearance:none; border:0; outline:0; border-radius:99px; cursor:pointer; background:linear-gradient(90deg,#00a86b var(--audio-progress,0%),#d8e4e9 var(--audio-progress,0%)); }
.podcast-range::-webkit-slider-thumb { appearance:none; width:14px; height:14px; border-radius:50%; background:#00a86b; border:3px solid #fff; box-shadow:0 0 0 1px rgba(0,44,139,.14); }
.podcast-range::-moz-range-thumb { width:10px; height:10px; border-radius:50%; background:#00a86b; border:3px solid #fff; }
.player-time { display:flex; justify-content:space-between; margin-top:6px; color:#667b91; font-size:10px; direction:ltr; }
.podcast-audio { display:none; }
.fanava-player.is-unavailable .podcast-play { opacity:.45; cursor:default; box-shadow:none; }
.fanava-player.is-unavailable .podcast-range { opacity:.45; cursor:default; }
.fanava-player.is-unavailable .player-status { color:#6e8092; }
.episode-notes { margin-top:16px; border-top:1px solid rgba(255,255,255,.11); padding-top:14px; }
.episode-notes summary { list-style:none; display:flex; align-items:center; justify-content:space-between; cursor:pointer; color:#eff8ff; font-size:12.5px; font-weight:700; }
.episode-notes summary::-webkit-details-marker { display:none; }
.episode-notes summary span { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.08); transition:transform .25s ease; }
.episode-notes[open] summary span { transform:rotate(45deg); }
.episode-notes p { color:#cddce9 !important; font-size:13px; line-height:1.95; margin:12px 0 0; }
.podcast-library { display:grid; grid-template-rows:auto 1fr 1fr; gap:13px; }
.podcast-library-head { min-height:70px; padding:5px 6px 12px; display:flex; align-items:end; justify-content:space-between; gap:12px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); }
.podcast-library-head span { font:800 18px/1.4 var(--font-display); }
.podcast-library-head b { color:#9df4e4; font-size:10.5px; font-weight:650; }
.podcast-story-card { position:relative; overflow:hidden; padding:25px; border-radius:26px; background:#f7fafb; color:#0a2b55; border:1px solid rgba(214,231,235,.9); display:flex; flex-direction:column; box-shadow:0 18px 44px rgba(0,8,31,.13); }
.podcast-story-card::before { content:""; position:absolute; width:130px; height:130px; border-radius:50%; left:-65px; top:-72px; background:rgba(0,194,184,.095); }
.story-type { display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; z-index:1; }
.story-type span { color:#007c73; font-size:11px; font-weight:800; }
.story-type i { font-style:normal; color:#8192a3; font-size:10px; }
.podcast-story-card h3 { color:#0a2b55 !important; font-size:20px !important; line-height:1.55; margin:15px 0 10px; position:relative; z-index:1; }
.podcast-story-card p { color:#51677d !important; font-size:13px !important; line-height:1.9; margin:0 0 20px; position:relative; z-index:1; }
.podcast-story-card a { margin-top:auto; color:#006d67; font-weight:800; font-size:12px; position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #dce7ea; padding-top:15px; }
[data-micro-motion] { --micro-ease:cubic-bezier(.2,.75,.25,1); }
[data-micro-motion="portfolio"] .bubble-axis,[data-micro-motion="portfolio"] .portfolio-bubble { transition:opacity .65s var(--micro-ease),transform .65s var(--micro-ease); }
[data-micro-motion="portfolio"]:not(.micro-in) .bubble-axis { opacity:0; transform:translateY(8px); }
[data-micro-motion="portfolio"]:not(.micro-in) .portfolio-bubble { opacity:0; transform:translate(-50%,-44%) scale(.86); }
[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(3){transition-delay:.04s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(4){transition-delay:.08s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(5){transition-delay:.12s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(6){transition-delay:.16s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(7){transition-delay:.20s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(8){transition-delay:.24s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(9){transition-delay:.28s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(10){transition-delay:.32s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(11){transition-delay:.36s}[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(12){transition-delay:.40s}
[data-micro-motion="portfolio"].micro-in .portfolio-bubble { opacity:1; transform:translate(-50%,-50%) scale(1); }
[data-micro-motion="portfolio"].micro-in .bubble-axis { opacity:1; transform:none; }
[data-micro-motion="podcast"].micro-in .podcast-cover-wave i { animation:podcast-wave 2.8s ease-in-out infinite; animation-delay:calc(var(--wave-i,0) * .08s); }
.podcast-cover-wave i:nth-child(1){--wave-i:1}.podcast-cover-wave i:nth-child(2){--wave-i:2}.podcast-cover-wave i:nth-child(3){--wave-i:3}.podcast-cover-wave i:nth-child(4){--wave-i:4}.podcast-cover-wave i:nth-child(5){--wave-i:5}.podcast-cover-wave i:nth-child(6){--wave-i:6}.podcast-cover-wave i:nth-child(7){--wave-i:7}.podcast-cover-wave i:nth-child(8){--wave-i:8}.podcast-cover-wave i:nth-child(9){--wave-i:9}.podcast-cover-wave i:nth-child(10){--wave-i:10}.podcast-cover-wave i:nth-child(11){--wave-i:11}.podcast-cover-wave i:nth-child(12){--wave-i:12}
@keyframes podcast-wave { 0%,100%{transform:scaleY(.72);opacity:.58}50%{transform:scaleY(1.08);opacity:.95} }
.podcast-spotlight.audio-playing .podcast-disc { animation:podcast-disc-spin 10s linear infinite; }
@keyframes podcast-disc-spin { to{transform:translate(-50%,-50%) rotate(360deg)} }
[data-micro-motion="team"] .person-card,[data-micro-motion="mentors"] .mentor-cards article,[data-micro-motion="pitch"] .pitch-side li { transition:opacity .6s var(--micro-ease),transform .6s var(--micro-ease); }
[data-micro-motion="team"]:not(.micro-in) .person-card { opacity:.15; transform:translateY(12px); }
[data-micro-motion="team"].micro-in .person-card:nth-child(2){transition-delay:.07s}[data-micro-motion="team"].micro-in .person-card:nth-child(3){transition-delay:.14s}[data-micro-motion="team"].micro-in .person-card:nth-child(4){transition-delay:.21s}
[data-micro-motion="team"].micro-in .person-card { opacity:1; transform:none; }
.person-card .person-photo img { transition:transform .55s var(--micro-ease),filter .55s var(--micro-ease); }
.person-card:hover .person-photo img { transform:scale(1.025); filter:saturate(1.04) contrast(1.02); }
[data-micro-motion="mentors"]:not(.micro-in) .mentor-cards article { opacity:.1; transform:translateY(10px); }
[data-micro-motion="mentors"].micro-in .mentor-cards article:nth-child(2){transition-delay:.06s}[data-micro-motion="mentors"].micro-in .mentor-cards article:nth-child(3){transition-delay:.12s}[data-micro-motion="mentors"].micro-in .mentor-cards article:nth-child(4){transition-delay:.18s}
[data-micro-motion="mentors"].micro-in .mentor-cards article { opacity:1; transform:none; }
.mentor-cards article .mentor-avatar { transition:transform .35s var(--micro-ease); }
.mentor-cards article:hover .mentor-avatar { transform:translateY(-3px); }
[data-micro-motion="pitch"]:not(.micro-in) .pitch-side li { opacity:0; transform:translateX(8px); }
[data-micro-motion="pitch"].micro-in .pitch-side li { opacity:1; transform:none; }
[data-micro-motion="pitch"].micro-in .pitch-side li:nth-child(2){transition-delay:.06s}[data-micro-motion="pitch"].micro-in .pitch-side li:nth-child(3){transition-delay:.12s}[data-micro-motion="pitch"].micro-in .pitch-side li:nth-child(4){transition-delay:.18s}
@media (hover:hover) { .podcast-story-card { transition:transform .3s var(--micro-ease),box-shadow .3s var(--micro-ease),border-color .3s ease; }.podcast-story-card:hover { transform:translateY(-4px); box-shadow:0 24px 54px rgba(0,8,31,.18); border-color:#b9ded9; }.podcast-story-card:hover a span { transform:translate(-2px,-2px); }.podcast-story-card a span { transition:transform .25s ease; } }
@media (max-width:1100px) { .podcast-studio { grid-template-columns:1fr; }.podcast-library { grid-template-columns:1fr 1fr; grid-template-rows:auto auto; }.podcast-library-head { grid-column:1/-1; } }
@media (max-width:760px) { .podcast-spotlight { grid-template-columns:1fr; }.podcast-cover { min-height:330px; }.podcast-disc { width:160px; }.podcast-library { grid-template-columns:1fr; }.podcast-library-head { grid-column:auto; }.podcast-episode-copy { padding:26px 22px 28px; }.podcast-episode-copy h3 { font-size:27px !important; } }
@media (max-width:520px) { .podcast-cover { min-height:285px; padding:20px; }.podcast-disc { width:140px; }.podcast-cover-wave { top:84px; right:18px; transform:scale(.85); transform-origin:right top; }.fanava-player { grid-template-columns:48px 1fr; padding:12px; gap:11px; }.podcast-play { width:46px; height:46px; }.player-title strong { font-size:11.5px; }.player-status { font-size:9.5px; }.podcast-story-card { padding:22px; } }
@media (prefers-reduced-motion:reduce) { [data-micro-motion] *, .podcast-disc { animation:none !important; transition:none !important; }[data-micro-motion]:not(.micro-in) .portfolio-bubble,[data-micro-motion]:not(.micro-in) .bubble-axis,[data-micro-motion="team"]:not(.micro-in) .person-card,[data-micro-motion="mentors"]:not(.micro-in) .mentor-cards article,[data-micro-motion="pitch"]:not(.micro-in) .pitch-side li { opacity:1 !important; transform:none !important; } }

/* stagger correction for portfolio bubbles */
[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(1){transition-delay:.04s}
[data-micro-motion="portfolio"].micro-in .portfolio-bubble:nth-of-type(2){transition-delay:.08s}


/* fanavaAdmin WordPress / Elementor compatibility */
.custom-logo-link{display:flex;align-items:center}.custom-logo-link img,.brand-logo img{width:42px;height:42px;object-fit:contain}.brand-logo .custom-logo-link img{width:42px;height:42px}.site-header .menu{display:contents}.site-header .menu-item{list-style:none}.fanava-page-content{min-height:55vh}.fanava-elementor-full-width{width:100%;overflow:hidden}.elementor-page .fanava-page-content{padding:0}.elementor-page .site-header{z-index:999}.fanava-shortcode-track{padding:20px}.fanava-empty{padding:20px;border:1px dashed var(--line);border-radius:16px}.mentor-form button:disabled{opacity:.55;cursor:wait}

/* WordPress dropdown menus */
.desktop-nav > ul { display:flex; align-items:center; gap:clamp(16px,1.8vw,32px); list-style:none; margin:0; padding:0; }
.desktop-nav li { position:relative; list-style:none; }
.desktop-nav .sub-menu { position:absolute; top:100%; right:0; min-width:210px; margin:0; padding:10px; background:#fff; color:#082654; border-radius:14px; box-shadow:0 18px 50px rgba(0,35,91,.16); opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; }
.desktop-nav li:hover > .sub-menu,.desktop-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.desktop-nav .sub-menu a { display:block; padding:10px 12px; white-space:nowrap; color:#082654 !important; text-shadow:none !important; }
.mobile-menu > ul { width:min(440px,90%); margin:0; padding:0; list-style:none; max-height:82vh; overflow-y:auto; }
.mobile-menu li { list-style:none; }
.mobile-menu .sub-menu { margin:0; padding:0 18px 0 0; }
.mobile-menu .sub-menu a { font-size:17px; opacity:.78; }
@media (max-width:900px) { .horizontal-track { touch-action:pan-x pan-y; } }
/* Fanava minimal polish and inner-page header */
body:not(.home) .site-header { background:rgba(255,255,255,.96); color:#082654; border-bottom:1px solid rgba(0,44,139,.08); box-shadow:0 6px 24px rgba(0,35,91,.05); }
body:not(.home) .site-header .brand,body:not(.home) .site-header .desktop-nav a { color:#082654; text-shadow:none; }
body:not(.home) .menu-toggle span { background:#082654; }
body:not(.home) .fanava-page-content { padding-top:calc(var(--header-h) + 72px); max-width:1180px; margin-inline:auto; }
.startup-card,.advantage-card,.program-list article,.person-card,.podcast-spotlight,.podcast-story-card { box-shadow:0 10px 30px rgba(0,44,139,.07); border-radius:20px; }
.section-pad { padding-top:clamp(72px,8vw,120px); padding-bottom:clamp(72px,8vw,120px); }
.photo-break-copy,.program-head,.team-head,.mentor-intro,.pitch-head,.podcast-head { max-width:1240px; }
@media (max-width:900px) {
  .fanava-shortcode-track { overflow-x:auto; transform:none!important; padding:0 6vw 18px; }
  body:not(.home) .fanava-page-content { padding-top:calc(var(--header-h) + 42px); }
}

/* =========================================================
   FINAL DELIVERY v1.5 — brand polish + mobile stability
   Palette: #00A86B / #00C2B8 / #001B81
   ========================================================= */
:root{--brand-spring:#00A86B;--brand-turquoise:#00C2B8;--brand-navy:#001B81;--blue:var(--brand-navy)}
body{font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brand-tagline{width:max-content;max-width:100%;margin:14px 0 0;padding:7px 12px;border:1px solid rgba(143,243,223,.34);border-radius:999px;background:rgba(0,27,129,.26);color:#e9fffb;font-size:clamp(12px,1vw,14px);font-weight:700;line-height:1.7}
.footer-tagline{display:block;width:max-content;max-width:100%;margin-top:14px;color:#8ff3df;font-size:14px;font-weight:800}
.hero-copy>p{color:#edf5ff!important}.hero-proof span{color:#dbe7f6!important}.glass-card small{color:#d8e4f2}
.advantages-head>p,.advantage-card p,.program-head>p,.program-list p,.faq details p,.portfolio-map-head p,.team-head p,.mentor-intro p,.pitch-head p{color:#294b73}
.mobile-page-gateway{display:none}.mobile-gateway-head{max-width:680px}.mobile-gateway-head h2{margin:14px 0 12px;color:#09214d;font-size:clamp(32px,8vw,44px);line-height:1.2}.mobile-gateway-head p{margin:0;color:#3f5c7e;line-height:1.9}.mobile-gateway-grid{display:grid;gap:12px;margin-top:28px}.mobile-gateway-grid a{display:grid;grid-template-columns:42px 1fr 36px;gap:8px 14px;align-items:center;padding:20px;border:1px solid rgba(0,27,129,.11);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(0,35,91,.07)}.mobile-gateway-grid b{grid-row:1/3;color:#00A86B;font-size:13px}.mobile-gateway-grid span{color:#09214d;font-size:18px;font-weight:800}.mobile-gateway-grid small{color:#526984;line-height:1.65}.mobile-gateway-grid i{grid-column:3;grid-row:1/3;color:#001B81;font-style:normal;font-size:22px}
@media(max-width:900px){body:not(.fanava-view-page) .mobile-secondary-section{display:none!important}body:not(.fanava-view-page) .mobile-page-gateway{display:block;background:#f2f8f8}.portfolio{height:auto!important;min-height:0!important}.horizontal-sticky,.story-sticky,.journey-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}.growth-story,.scroll-story{height:auto!important}.reveal,[data-micro-motion]:not(.micro-in),[data-micro-motion]:not(.micro-in) *{opacity:1!important;transform:none!important}.noise{display:none!important}.glass-card,.journey-copy,.journey-visual,.journey-step,.site-header.scrolled::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.orb,.network-ring,.rocket,.rocket-flame,.small-circle,.podcast-disc,.nature-air{animation:none!important}.site-header.scrolled{height:var(--header-h)!important;padding:0 6vw!important;background:rgba(4,21,61,.96)!important;box-shadow:0 8px 24px rgba(0,20,62,.13)!important}.site-header.scrolled::before{display:none!important}.hero-slide{min-height:100svh}.hero-visual{opacity:.25;pointer-events:none}.hero-copy{max-width:640px}.brand-tagline{background:rgba(0,27,129,.34)}.porsline-frame,.porsline-frame iframe{min-height:620px;height:620px}}
@media(max-width:640px){.hero-slide{padding-top:calc(var(--header-h) + 34px)}.hero-copy{padding-top:0!important}.hero h1,.hero-copy h1{font-size:clamp(40px,12vw,52px)!important;line-height:1.08!important}.hero-copy>p{font-size:15px!important;line-height:1.85}.hero-proof{gap:7px}.hero-proof div{padding:10px 11px}.hero-proof strong{font-size:18px}.brand-tagline{margin-top:10px;font-size:12px}.section-pad{padding-right:6vw;padding-left:6vw}}
.fanava-view-page .site-header{position:fixed;background:rgba(255,255,255,.96);color:#082654;border-bottom:1px solid rgba(0,27,129,.08);box-shadow:0 6px 24px rgba(0,35,91,.06);backdrop-filter:none;-webkit-backdrop-filter:none}.fanava-view-page .site-header .brand,.fanava-view-page .site-header .desktop-nav a{color:#082654;text-shadow:none}.fanava-view-page .site-header .menu-toggle span{background:#082654}.fanava-view-page .site-header.scrolled{background:rgba(255,255,255,.98)!important}.fanava-view-shell{min-height:70vh;background:#f5fafa;color:#09214d}.fanava-view-hero{min-height:520px;display:grid;grid-template-columns:1fr .46fr;gap:6vw;align-items:center;padding:calc(var(--header-h) + 80px) 7vw 80px;background:radial-gradient(circle at 78% 18%,rgba(0,194,184,.18),transparent 28%),linear-gradient(135deg,#061b4d 0%,#001B81 64%,#006b70 135%);color:#fff}.fanava-view-hero-copy{max-width:760px}.view-back{display:inline-flex;margin-bottom:24px;color:#cde8f3;font-size:13px;font-weight:700}.view-eyebrow{display:block;color:#9af6e5;font-size:13px;font-weight:800}.view-tagline{margin:12px 0 18px;color:#fff;font-weight:700}.fanava-view-hero h1{margin:0;max-width:760px;font-size:clamp(42px,5.4vw,78px);line-height:1.08}.fanava-view-hero p{max-width:680px;margin:22px 0 0;color:#dce9f6;font-size:17px;line-height:2}.fanava-view-mark{position:relative;min-height:260px;display:grid;place-items:center}.fanava-view-mark span{width:150px;height:150px;display:grid;place-items:center;border-radius:42px;background:linear-gradient(145deg,#00C2B8,#001B81);color:#fff;font-size:64px;font-weight:900;box-shadow:0 30px 70px rgba(0,0,0,.22)}.fanava-view-mark i{position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.fanava-view-mark i:last-child{width:280px;height:280px}.fanava-view-section{padding:88px 7vw}.view-section-head{max-width:860px;margin-bottom:38px}.view-section-head>span{color:#007c62;font-size:13px;font-weight:800}.view-section-head h2{margin:10px 0 14px;color:#082654;font-size:clamp(34px,4vw,56px);line-height:1.18}.view-section-head p{margin:0;color:#48647f;line-height:1.95}.view-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.view-portfolio-card{min-height:300px;padding:24px;border:1px solid rgba(0,27,129,.10);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(0,35,91,.07);display:flex;flex-direction:column}.view-card-meta{display:flex;justify-content:space-between;gap:12px;color:#5f7891;font-size:12px}.view-card-meta b{color:#00A86B}.view-portfolio-card>strong{margin:28px 0 10px;color:#001B81;font-size:25px}.view-portfolio-card h3{margin:0 0 12px;color:#09214d;font-size:20px;line-height:1.55}.view-portfolio-card p{margin:0;color:#526984;line-height:1.85}.view-portfolio-cta{background:linear-gradient(145deg,#001B81,#00A86B);color:#fff}.view-portfolio-cta .view-card-meta,.view-portfolio-cta .view-card-meta b,.view-portfolio-cta>strong,.view-portfolio-cta h3,.view-portfolio-cta p{color:#fff}.view-portfolio-cta .btn{margin-top:auto;align-self:flex-start}.view-feature-card{max-width:980px;padding:clamp(26px,4vw,48px);border-radius:30px;background:linear-gradient(145deg,#06204f,#001B81 62%,#007e75);color:#fff;box-shadow:0 28px 70px rgba(0,30,83,.14)}.view-feature-badge{color:#9af6e5;font-size:12px;font-weight:800;letter-spacing:1.4px}.view-feature-card h3{margin:16px 0;font-size:clamp(28px,3.2vw,44px);line-height:1.3}.view-feature-card p{color:#dce9f6;line-height:1.95}.view-topic-row{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.view-topic-row span{padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px}.view-native-audio{width:100%;margin-top:10px}.view-audio-placeholder{padding:14px;border:1px dashed rgba(255,255,255,.28);border-radius:14px;color:#dbe8f5}.view-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin-top:16px}.view-note-grid article{padding:26px;border:1px solid rgba(0,27,129,.10);border-radius:22px;background:#fff}.view-note-grid span{color:#00856a;font-size:12px;font-weight:800}.view-note-grid h3{margin:12px 0;font-size:21px;line-height:1.5}.view-note-grid p{color:#526984;line-height:1.85}.view-note-grid a{color:#001B81;font-weight:800}.view-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.view-person-card{display:grid;grid-template-columns:180px 1fr;overflow:hidden;border:1px solid rgba(0,27,129,.10);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(0,35,91,.06)}.view-person-photo{min-height:230px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#d9f8ef,#bfdcf0);color:#001B81;font-weight:800}.view-person-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.view-person-card>div:last-child{padding:24px}.view-person-card small{color:#00A86B;font-weight:800}.view-person-card h3{margin:7px 0;font-size:21px}.view-person-card b{color:#3e5874;font-size:13px}.view-person-card p{color:#526984;line-height:1.85;font-size:13px}.view-mentor-section{background:#eaf4f2}.view-mentor-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}.view-mentor-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.view-mentor-cards article{min-height:170px;padding:22px;border-radius:20px;background:#001B81;color:#fff}.view-mentor-cards b{color:#9af6e5}.view-mentor-cards h3{margin:10px 0}.view-mentor-cards p{margin:0;color:#dce9f6;line-height:1.8;font-size:13px}.view-bottom-cta{padding:78px 7vw;background:#06183f;color:#fff;text-align:center}.view-bottom-cta>span{color:#8ff3df;font-weight:800}.view-bottom-cta h2{margin:12px 0 24px;font-size:clamp(32px,4vw,52px)}.view-bottom-cta>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.view-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}
@media(max-width:980px){.fanava-view-hero{grid-template-columns:1fr;min-height:0;padding-top:calc(var(--header-h) + 56px)}.fanava-view-mark{display:none}.view-portfolio-grid{grid-template-columns:1fr 1fr}.view-people-grid{grid-template-columns:1fr}.view-mentor-layout{grid-template-columns:1fr}}
@media(max-width:640px){.fanava-view-hero{padding:calc(var(--header-h) + 42px) 6vw 54px}.fanava-view-hero h1{font-size:40px}.fanava-view-hero p{font-size:15px}.fanava-view-section{padding:68px 6vw}.view-portfolio-grid,.view-note-grid,.view-mentor-cards{grid-template-columns:1fr}.view-portfolio-card{min-height:0}.view-person-card{grid-template-columns:1fr}.view-person-photo{min-height:260px}.view-bottom-cta{padding:64px 6vw}}

/* =========================================================
   v1.5.1 — targeted contrast fixes + redesigned mobile menu
   Scope intentionally limited to the user-specified sections.
   ========================================================= */

/* 1) Growth path: label + main heading */
.scroll-story .story-header .section-label {
  color:#d9fff8 !important;
  background:rgba(0,194,184,.14);
  border:1px solid rgba(184,255,242,.28);
  border-radius:999px;
  padding:7px 12px;
  text-shadow:0 1px 12px rgba(0,17,54,.22);
}
.scroll-story .story-header h2 {
  color:#ffffff !important;
  text-shadow:0 2px 24px rgba(0,13,48,.34);
}

/* 2) Portfolio overview: heading, intro copy and both chart axes */
.portfolio-map .portfolio-map-head h2 {
  color:#061f50 !important;
}
.portfolio-map .portfolio-map-head p {
  color:#203f61 !important;
}
.portfolio-map .bubble-axis {
  color:#123c63 !important;
  font-weight:800;
  opacity:1 !important;
  background:#f7fbfc;
  border:1px solid #bfd0da;
  border-radius:999px;
  padding:7px 11px;
  box-shadow:0 7px 18px rgba(0,35,91,.08);
  white-space:nowrap;
  z-index:5;
}
.portfolio-map .bubble-axis i {
  background:#496a86 !important;
  opacity:.9;
}
.portfolio-map .bubble-y {
  right:-56px;
  top:50%;
  min-width:150px;
  justify-content:center;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
}
.portfolio-map .bubble-x {
  left:50%;
  right:auto;
  bottom:-20px;
  min-width:205px;
  justify-content:center;
  transform:translateX(-50%);
}

/* 3) Podcast heading */
.podcast .podcast-head h2 {
  color:#ffffff !important;
  text-shadow:0 2px 22px rgba(0,8,31,.32);
}

/* 4) Measurable impact label */
.impact-band .impact-intro .section-label {
  width:max-content;
  color:#d9fff8 !important;
  background:rgba(0,194,184,.15);
  border:1px solid rgba(184,255,242,.28);
  border-radius:999px;
  padding:7px 12px;
  text-shadow:0 1px 12px rgba(0,17,54,.20);
}

/* 5) Mentor expertise descriptions */
.mentor-network .mentor-cards p {
  color:#f1f7fc !important;
  opacity:1 !important;
  font-weight:500;
}

/* 6) Pitch heading */
.pitch .pitch-head h2 {
  color:#061f50 !important;
}

/* 7) Final CTA label */
.apply .apply-copy .section-label {
  width:max-content;
  color:#eafffb !important;
  background:rgba(0,25,81,.30);
  border:1px solid rgba(190,255,242,.32);
  border-radius:999px;
  padding:7px 12px;
  text-shadow:0 1px 14px rgba(0,13,48,.22);
}

/* Mobile chart-axis tuning so the labels stay clear without covering bubbles. */
@media (max-width:640px) {
  .portfolio-viz { padding-right:48px; padding-left:48px; }
  .portfolio-map .bubble-y {
    right:-49px;
    min-width:138px;
    font-size:11px !important;
    padding:6px 9px;
  }
  .portfolio-map .bubble-x {
    bottom:-18px;
    min-width:190px;
    font-size:11px !important;
    padding:6px 9px;
  }
}

/* Redesigned mobile navigation — same menu data/functionality, clearer hierarchy. */
@media (max-width:900px) {
  .site-header { z-index:1000; }
  .site-header .brand {
    position:relative;
    z-index:1003;
    transition:color .25s ease;
  }
  .menu-toggle {
    display:block;
    position:relative;
    z-index:1004;
    width:46px;
    height:46px;
    padding:9px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:14px;
    background:rgba(4,25,64,.26);
    box-shadow:0 8px 22px rgba(0,15,49,.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:background .25s ease,border-color .25s ease,transform .25s ease;
  }
  .menu-toggle:active { transform:scale(.96); }
  .menu-toggle span {
    right:11px;
    left:11px;
    height:2px;
    border-radius:99px;
    background:#fff !important;
  }
  .menu-toggle span:first-child { top:17px; }
  .menu-toggle span:last-child { top:27px; }
  .menu-toggle[aria-expanded="true"] {
    background:rgba(255,255,255,.10);
    border-color:rgba(190,255,242,.34);
  }
  .menu-toggle[aria-expanded="true"] span:first-child,
  .menu-toggle[aria-expanded="true"] span:last-child { top:22px; }

  .mobile-menu {
    display:block;
    position:fixed;
    inset:0;
    z-index:1001;
    min-height:100dvh;
    padding:calc(var(--header-h) + 30px) 5vw 26px;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:
      radial-gradient(circle at 12% 12%,rgba(0,194,184,.18),transparent 28%),
      radial-gradient(circle at 92% 92%,rgba(0,168,107,.13),transparent 32%),
      linear-gradient(155deg,#041332 0%,#061e50 48%,#001B81 100%);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px) scale(.985);
    transform-origin:top center;
    transition:opacity .28s ease,visibility .28s,transform .28s ease;
  }
  .mobile-menu.open {
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .mobile-menu::before {
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.22;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,#000,transparent 82%);
  }
  .mobile-menu-shell {
    position:relative;
    z-index:1;
    width:min(100%,540px);
    min-height:calc(100dvh - var(--header-h) - 56px);
    margin:0 auto;
    display:flex;
    flex-direction:column;
  }
  .mobile-menu-headline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
    padding:0 4px;
  }
  .mobile-menu-headline span {
    color:#9af6e5;
    font-size:12px;
    font-weight:800;
  }
  .mobile-menu-headline small {
    color:#aac0dc;
    font-family:var(--font-display);
    font-size:10px;
    letter-spacing:1.4px;
    direction:ltr;
  }
  .mobile-menu > ul,
  .mobile-menu-shell > ul {
    width:100%;
    max-height:none;
    overflow:visible;
    margin:0;
    padding:10px;
    list-style:none;
    counter-reset:fanava-mobile-item;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(214,244,255,.14);
    border-radius:24px;
    box-shadow:0 24px 64px rgba(0,8,31,.22),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .mobile-menu li { list-style:none; }
  .mobile-menu > ul > li,
  .mobile-menu-shell > ul > li {
    position:relative;
    counter-increment:fanava-mobile-item;
  }
  .mobile-menu a {
    color:#f6fbff;
    text-decoration:none;
  }
  .mobile-menu > ul > li > a,
  .mobile-menu-shell > ul > li > a {
    position:relative;
    width:100%;
    min-height:55px;
    display:flex;
    align-items:center;
    padding:13px 16px 13px 58px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.085);
    border-radius:13px;
    font-size:18px;
    font-weight:800;
    line-height:1.6;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .mobile-menu > ul > li > a::before,
  .mobile-menu-shell > ul > li > a::before {
    content:"0" counter(fanava-mobile-item);
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#81ead8;
    font-family:var(--font-display);
    font-size:10px;
    font-weight:800;
    letter-spacing:.6px;
    direction:ltr;
  }
  .mobile-menu > ul > li:last-child > a,
  .mobile-menu-shell > ul > li:last-child > a { border-bottom-color:transparent; }
  .mobile-menu > ul > li > a:hover,
  .mobile-menu > ul > li > a:focus-visible,
  .mobile-menu-shell > ul > li > a:hover,
  .mobile-menu-shell > ul > li > a:focus-visible {
    background:rgba(255,255,255,.08);
    color:#ffffff;
    transform:translateX(-2px);
    outline:none;
  }
  .mobile-menu .sub-menu {
    margin:3px 18px 8px 0;
    padding:4px 13px 4px 0;
    border-right:1px solid rgba(126,240,220,.28);
  }
  .mobile-menu .sub-menu a {
    width:100%;
    display:block;
    padding:8px 10px;
    border:0;
    color:#cfdeee;
    font-size:14px;
    font-weight:600;
    opacity:1;
  }
  .mobile-menu-cta {
    width:100%;
    min-height:56px;
    margin-top:14px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-radius:17px;
    background:linear-gradient(135deg,#00A86B,#00AFA8);
    color:#fff !important;
    font-size:16px;
    font-weight:850;
    box-shadow:0 16px 34px rgba(0,168,107,.20);
  }
  .mobile-menu-cta span { font-size:20px; }
  .mobile-menu-foot {
    margin-top:auto;
    padding:18px 4px 2px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:#a9bdd7;
    font-size:11px;
  }
  .mobile-menu-foot b { color:#9af6e5; font-weight:800; }

  body.menu-open .site-header .brand { color:#fff !important; }
  body.menu-open .site-header .brand-logo { filter:none; }
  body.menu-open .menu-toggle span { background:#fff !important; }
  body.menu-open .site-header.scrolled { background:transparent !important; box-shadow:none !important; }

  /* Static-preview fallback: direct anchors inside the mobile nav. */
  .mobile-menu > a:not(.mobile-menu-cta),
  .mobile-menu-shell > a:not(.mobile-menu-cta) {
    position:relative;
    z-index:1;
    width:min(100%,540px);
    margin:0 auto 7px;
    padding:13px 16px;
    border:1px solid rgba(214,244,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.06);
    color:#f6fbff;
    font-size:17px;
    font-weight:750;
  }
}

@media (max-width:480px) {
  .mobile-menu { padding-right:4vw; padding-left:4vw; }
  .mobile-menu > ul > li > a,
  .mobile-menu-shell > ul > li > a {
    min-height:52px;
    padding-top:11px;
    padding-bottom:11px;
    font-size:16px;
  }
  .mobile-menu-cta { min-height:53px; font-size:15px; }
}


/* =========================================================
   v1.5.2 — two requested visual corrections only
   ========================================================= */

/* Pitch heading: use the primary Fanava navy at full opacity on the light section. */
.pitch .pitch-head h2 {
  color:#001881 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Portfolio Y axis: keep the title genuinely vertical beside the chart.
   The micro-motion selector has higher specificity, so this explicit rule
   prevents it from resetting the rotation to horizontal after reveal. */
.portfolio-map [data-micro-motion="portfolio"] .bubble-axis.bubble-y,
.portfolio-map .bubble-axis.bubble-y {
  right:-62px;
  top:50%;
  min-width:150px;
  justify-content:center;
  transform:translateY(-50%) rotate(-90deg) !important;
  transform-origin:center center !important;
  white-space:nowrap;
}
.portfolio-map [data-micro-motion="portfolio"]:not(.micro-in) .bubble-axis.bubble-y {
  transform:translateY(calc(-50% + 8px)) rotate(-90deg) !important;
}
@media (max-width:640px) {
  .portfolio-map [data-micro-motion="portfolio"] .bubble-axis.bubble-y,
  .portfolio-map .bubble-axis.bubble-y {
    right:-54px;
    min-width:138px;
  }
}