/* APEX refinement layer
   Quiet scale, deep atmosphere, and compositor-friendly interaction. */

.home {
  --apex-void: #04060a;
  --apex-panel: #090c12;
  --apex-line: rgba(255, 240, 204, .11);
  --apex-copy: #a9aeb8;
  background:
    radial-gradient(90% 48% at 50% -8%, rgba(199, 135, 36, .08), transparent 72%),
    var(--apex-void);
}

.home .section {
  padding-block: clamp(76px, 8.5vw, 126px);
}

.home :where(.section__head h2, .prose h2) {
  max-width: 21ch;
  font-size: clamp(2rem, 3.55vw, 3.55rem);
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.home .section__sub,
.home .prose > p {
  font-size: clamp(.96rem, 1.15vw, 1.08rem);
  line-height: 1.75;
}

.home .overline {
  font-size: .64rem;
  letter-spacing: .18em;
}

/* Hero: an arrival, not a billboard. */
.home #hero {
  min-height: calc(100svh - 38px);
  padding-block: clamp(82px, 10vh, 112px) 30px;
  background:
    radial-gradient(54% 72% at 78% 46%, rgba(218, 153, 52, .105), transparent 66%),
    radial-gradient(38% 48% at 78% 46%, rgba(97, 80, 189, .06), transparent 72%),
    linear-gradient(138deg, #030509, #070a10 55%, #030408);
}

.home #hero::before {
  opacity: .62;
  background:
    linear-gradient(90deg, #030509 0%, rgba(3, 5, 9, .88) 38%, rgba(3, 5, 9, .16) 72%, transparent),
    linear-gradient(180deg, transparent 78%, #030509 100%);
}

.home #hero::after {
  opacity: .42;
  background-size: 150px 150px;
  -webkit-mask-image: radial-gradient(circle at 76% 48%, #000, transparent 60%);
  mask-image: radial-gradient(circle at 76% 48%, #000, transparent 60%);
}

.home #signal-field {
  opacity: .66;
}

.home #hero > .container {
  min-height: calc(100svh - 156px);
}

.hero-stage {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
  gap: clamp(42px, 6vw, 96px);
}

.home .hero__copy {
  max-width: 700px;
}

.home .hero__eyebrow {
  margin-bottom: 22px;
  font-size: .61rem;
  letter-spacing: .16em;
}

.home .hero__title {
  max-width: 16ch;
  font-size: clamp(3rem, 4.45vw, 4.25rem);
  line-height: 1;
  letter-spacing: -.061em;
  text-wrap: balance;
}

.home .hero__title .grad-text {
  filter: none;
  background-image: linear-gradient(110deg, #f7dc9a, #d9932f 66%, #f3bf63);
}

.home .hero__lead {
  max-width: 55ch;
  margin-top: 25px;
  color: #a7abb4;
  font-size: clamp(.98rem, 1.16vw, 1.08rem);
  line-height: 1.72;
}

.home .hero__pull {
  margin-top: 20px;
  padding-block: 2px;
  color: #d8d2c6;
  font-size: .96rem;
}

.home .hero__cta-group {
  margin-top: 27px;
  gap: 10px;
}

.home .hero__cta-group .btn--lg {
  min-height: 50px;
  padding: 14px 19px;
  font-size: .77rem;
}

.home .hero__proof {
  margin-top: 25px;
  font-size: .73rem;
  letter-spacing: .01em;
}

.hero-portal {
  --portal-size: min(36vw, 455px);
  filter: none;
  isolation: isolate;
}

.hero-portal::before {
  inset: 3%;
  border-color: rgba(242, 188, 92, .17);
  box-shadow: inset 0 0 54px rgba(242, 188, 92, .025);
}

.hero-portal::after {
  inset: 24%;
  border-style: solid;
  border-color: rgba(242, 188, 92, .14);
  animation: none;
}

.hero-portal__halo--one {
  inset: 0;
  border-color: rgba(242, 188, 92, .12);
  animation: portalSpin 110s linear infinite;
}

.hero-portal__halo--two {
  inset: 12%;
  border-style: solid;
  border-color: rgba(154, 134, 255, .12);
  opacity: 1;
  animation: portalSpin 84s linear infinite reverse;
}

.hero-portal__halo--one::before,
.hero-portal__halo--one::after {
  width: 5px;
  box-shadow: 0 0 15px rgba(242, 188, 92, .8);
}

.hero-portal__ticks {
  inset: 1%;
  opacity: .2;
  background: repeating-conic-gradient(from -1deg, rgba(242, 188, 92, .62) 0 .45deg, transparent .45deg 12deg);
}

.hero-portal__core {
  width: 48%;
  background:
    radial-gradient(circle at 35% 27%, rgba(255, 238, 186, .98) 0%, #dfa03d 28%, #754419 59%, #090805 78%);
  box-shadow:
    inset -24px -30px 46px rgba(0, 0, 0, .62),
    0 0 0 1px rgba(255, 226, 155, .22),
    0 0 0 11px rgba(242, 188, 92, .025),
    0 0 70px rgba(219, 148, 42, .2);
  animation: apexPulse 9s ease-in-out infinite;
}

.hero-portal__core::before {
  inset: 5%;
  border-color: rgba(255, 246, 219, .15);
}

.hero-portal__core img {
  width: 39%;
  opacity: .82;
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, .44));
}

.hero-portal__satellite {
  width: 8px;
  margin: -4px;
  box-shadow: 0 0 16px rgba(242, 188, 92, .85);
  animation-duration: 24s;
}

.hero-portal__label {
  color: rgba(218, 185, 122, .62);
  font-size: .52rem;
  letter-spacing: .19em;
}

.hero-ticker {
  max-width: 980px;
  width: 100%;
  margin: 28px auto 0;
  border-color: rgba(232, 180, 92, .1);
}

.hero-ticker span {
  padding: 11px 14px;
  color: #747a85;
  font-size: .52rem;
}

.hero-scroll {
  margin-top: 14px;
  opacity: .7;
}

@keyframes apexPulse {
  50% { transform: scale(1.018); box-shadow: inset -24px -30px 46px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 226, 155, .28), 0 0 0 13px rgba(242, 188, 92, .022), 0 0 82px rgba(219, 148, 42, .24); }
}

/* 30-day journey: compact cinematic instrument. */
.day-odyssey {
  border-color: rgba(232, 180, 92, .1);
  background: #03050a;
}

.odyssey-intro {
  min-height: 68svh;
  padding-block: clamp(100px, 13vw, 170px);
}

.odyssey-intro h2 {
  max-width: 15ch;
  margin-top: 12px;
  font-size: clamp(2.55rem, 4.15vw, 3.65rem);
  line-height: 1.02;
  letter-spacing: -.06em;
}

.odyssey-intro > p:last-child {
  max-width: 58ch;
  margin-top: 25px;
  font-size: clamp(.96rem, 1.2vw, 1.08rem);
  line-height: 1.72;
}

.odyssey-scroll {
  height: 520svh;
}

.odyssey-sticky {
  min-height: 610px;
  contain: layout paint;
  background:
    radial-gradient(48% 70% at 75% 50%, var(--day-glow), transparent 76%),
    linear-gradient(128deg, #03050a 0%, #080b12 58%, #03050a 100%);
  transition: none;
}

.odyssey-sticky::before {
  opacity: .44;
  background-size: 76px 76px;
}

.odyssey-sticky::after {
  background: linear-gradient(90deg, rgba(3, 5, 10, .96), rgba(3, 5, 10, .55) 50%, rgba(3, 5, 10, .08));
}

.odyssey-noise,
.odyssey-beam {
  display: none;
}

.odyssey-grid {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
  gap: clamp(38px, 7vw, 112px);
  max-width: 1120px;
}

.odyssey-copy {
  max-width: 590px;
  transition: none;
}

.odyssey-copy.is-switching {
  opacity: 1;
  transform: none;
}

.odyssey-status {
  margin-bottom: 18px;
  font-size: .56rem;
  letter-spacing: .17em;
  transition: none;
}

.odyssey-day {
  align-items: center;
  gap: 10px;
}

.odyssey-day span {
  padding-top: 0;
  font-size: .56rem;
}

.odyssey-day strong {
  font-size: clamp(4.6rem, 8vw, 7rem);
  line-height: .78;
  letter-spacing: -.08em;
  filter: none;
  -webkit-text-stroke-width: 1px;
  transition: none;
}

.odyssey-copy h3 {
  max-width: 15ch;
  margin-top: 24px;
  font-size: clamp(2rem, 3.4vw, 3.35rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.odyssey-description {
  max-width: 49ch;
  margin-top: 20px;
  color: #a5abb5;
  font-size: clamp(.92rem, 1.05vw, 1.01rem);
  line-height: 1.68;
}

.odyssey-output {
  max-width: 385px;
  margin-top: 22px;
  padding: 13px 15px;
  background: linear-gradient(90deg, var(--day-glow), rgba(255, 255, 255, .012));
}

.odyssey-output strong {
  font-size: .84rem;
}

.odyssey-progress-copy {
  max-width: 390px;
  margin-top: 22px;
}

.odyssey-progress-copy > i {
  height: 1px;
}

.odyssey-progress-copy b {
  box-shadow: none;
  transition: width .24s cubic-bezier(.22, 1, .36, 1), background .35s ease;
}

.odyssey-orbit {
  --orbit: min(34vw, 430px);
  transform: none;
  transition: none;
  contain: paint;
}

.odyssey-orbit::before {
  inset: -4%;
  opacity: .28;
  filter: none;
  background: radial-gradient(circle, transparent 52%, var(--day-glow) 70%, transparent 73%);
}

.odyssey-orbit__ring {
  border-color: rgba(255, 255, 255, .13);
  transition: none;
}

.odyssey-orbit__ring--outer {
  box-shadow: inset 0 0 46px rgba(0, 0, 0, .42);
}

.odyssey-orbit__ring--outer::before,
.odyssey-orbit__ring--inner {
  animation: none;
}

.odyssey-tick {
  height: 9px;
  margin-top: -4px;
  background: rgba(255, 255, 255, .12);
  transition: none;
}

.odyssey-tick.is-complete {
  background: var(--day-accent);
  box-shadow: none;
  opacity: .72;
}

.odyssey-tick.is-current {
  height: 20px;
  margin-top: -10px;
  box-shadow: 0 0 10px var(--day-accent);
}

.odyssey-moon {
  width: 45%;
  padding: 2px;
  background: rgba(255, 255, 255, .16);
  box-shadow: 0 0 0 9px rgba(255, 255, 255, .018), 0 0 45px var(--day-glow);
  transition: box-shadow .35s ease;
}

.odyssey-moon__surface {
  inset: 2px;
  background: radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--day-accent) 72%, #fff), color-mix(in srgb, var(--day-accent) 46%, #20150c) 37%, #07090d 74%);
  box-shadow: inset -20px -24px 34px rgba(0, 0, 0, .58);
  transition: none;
}

.odyssey-moon img {
  width: 32%;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .38));
}

.odyssey-moon > span {
  bottom: 13%;
  color: rgba(0, 0, 0, .64);
  font-size: clamp(1.2rem, 2vw, 2rem);
}

.odyssey-satellite {
  width: 7px;
  margin: -3.5px;
  box-shadow: 0 0 11px var(--day-accent);
  transform: rotate(calc(var(--odyssey-progress) * 720deg)) translateX(calc(var(--orbit) * .43));
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), background .35s ease;
}

.odyssey-controls {
  bottom: 21px;
}

.odyssey-phase-map {
  gap: 19px;
  font-size: .46rem;
}

.odyssey-phase-map span {
  opacity: .54;
  transition: color .2s ease, opacity .2s ease;
}

.odyssey-phase-map span.is-active {
  color: #e6dfd4;
  opacity: 1;
}

.odyssey-controls > p {
  font-size: .5rem;
}

.odyssey-controls > p i {
  animation: none;
}

/* Interactive areas: premium tools rather than oversized spectacle. */
.radar-section {
  background:
    radial-gradient(54% 62% at 16% 52%, rgba(218, 68, 78, .075), transparent 70%),
    linear-gradient(180deg, #080a0f, #04060a);
}

.radar-section::before {
  opacity: .5;
  background-size: 96px 96px;
}

.radar-lab {
  grid-template-columns: minmax(330px, .9fr) minmax(390px, 1.1fr);
  max-width: 1040px;
  overflow: hidden;
  border-color: rgba(255, 100, 110, .18);
  border-radius: 18px;
  box-shadow: 0 28px 90px -58px rgba(255, 48, 65, .34);
}

.radar-device {
  padding: clamp(20px, 3vw, 32px);
}

.radar-device__screen {
  min-height: 480px;
  padding: 21px;
}

.radar-scan {
  display: none;
}

.radar-console {
  padding: clamp(27px, 4vw, 44px);
}

.radar-score {
  margin-top: 25px;
}

.radar-score strong {
  font-size: clamp(4rem, 6vw, 5.5rem);
}

.radar-findings {
  margin-top: 18px;
}

.radar-findings li {
  padding: 12px;
  filter: none;
}

.home .plan-price__amount {
  font-size: clamp(2rem, 3.2vw, 3rem);
}

.experience-rail {
  left: 13px;
  gap: 7px;
  opacity: .5;
  mix-blend-mode: normal;
}

.experience-rail__track {
  height: 92px;
}

.experience-rail__track i {
  box-shadow: none;
  transition: height .08s linear;
}

@media (max-width: 1100px) {
  .hero-stage {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .68fr);
  }

  .hero-portal {
    --portal-size: min(38vw, 410px);
  }

  .odyssey-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr);
    gap: 32px;
  }

  .odyssey-orbit {
    --orbit: min(38vw, 390px);
  }

}

@media (max-width: 820px) {
  .home .section {
    padding-block: 76px;
  }

  .home :where(.section__head h2, .prose h2) {
    max-width: 18ch;
    font-size: clamp(1.9rem, 7vw, 2.8rem);
  }

  .home #hero {
    min-height: 760px;
    padding-top: 96px;
  }

  .home #hero > .container {
    min-height: 650px;
  }

  .hero-stage {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home .hero__title {
    max-width: 13.5ch;
    font-size: clamp(2.7rem, 10.5vw, 4rem);
    line-height: 1;
  }

  .home .hero__lead {
    max-width: 43ch;
  }

  .hero-portal {
    top: 15%;
    right: -16%;
    --portal-size: min(74vw, 450px);
    opacity: .38;
  }

  .hero-ticker {
    margin-top: 22px;
  }

  .odyssey-intro {
    min-height: 60svh;
    padding-block: 100px;
  }

  .odyssey-intro h2 {
    max-width: 14ch;
    font-size: clamp(2.5rem, 9.2vw, 4rem);
  }

  .odyssey-scroll {
    height: 510svh;
  }

  .odyssey-sticky {
    min-height: 600px;
    padding-top: max(84px, 10svh);
  }

  .odyssey-grid {
    grid-template-columns: 1fr;
  }

  .odyssey-copy {
    max-width: min(92%, 520px);
  }

  .odyssey-day strong {
    font-size: clamp(4.2rem, 17vw, 6rem);
  }

  .odyssey-copy h3 {
    max-width: 14ch;
    font-size: clamp(1.9rem, 7vw, 2.8rem);
  }

  .odyssey-orbit {
    right: -20%;
    bottom: -7%;
    --orbit: min(76vw, 410px);
    opacity: .34;
  }

  .odyssey-sticky::after {
    background: linear-gradient(90deg, rgba(3, 5, 10, .97), rgba(3, 5, 10, .72) 67%, rgba(3, 5, 10, .06));
  }

  .radar-lab {
    grid-template-columns: 1fr;
    border-radius: 14px;
  }

  .radar-console {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .home #hero {
    min-height: 720px;
    padding-top: 88px;
  }

  .home #hero > .container {
    min-height: 610px;
  }

  .home .hero__eyebrow {
    gap: 8px;
    font-size: .51rem;
  }

  .home .hero__title {
    max-width: 13ch;
    font-size: clamp(2.55rem, 11.8vw, 3.35rem);
  }

  .home .hero__lead {
    margin-top: 21px;
    font-size: .94rem;
    line-height: 1.62;
  }

  .home .hero__pull {
    font-size: .87rem;
  }

  .home .hero__cta-group {
    align-items: stretch;
  }

  .home .hero__cta-group .btn {
    width: 100%;
  }

  .home .hero__proof {
    max-width: 38ch;
    line-height: 1.55;
  }

  .hero-portal {
    top: 27%;
    right: -42%;
    --portal-size: min(96vw, 420px);
    opacity: .19;
  }

  .hero-ticker span {
    padding: 10px 7px;
    font-size: .45rem;
  }

  .odyssey-intro {
    min-height: auto;
    padding-block: 90px;
  }

  .odyssey-intro h2 {
    font-size: clamp(2.25rem, 10.7vw, 3.1rem);
  }

  .odyssey-intro > p:last-child {
    font-size: .92rem;
    line-height: 1.65;
  }

  .odyssey-sticky {
    padding-top: 82px;
  }

  .odyssey-status {
    margin-bottom: 14px;
  }

  .odyssey-day strong {
    font-size: clamp(3.8rem, 18vw, 5rem);
  }

  .odyssey-copy h3 {
    margin-top: 18px;
    font-size: clamp(1.75rem, 7.8vw, 2.35rem);
  }

  .odyssey-description {
    margin-top: 15px;
    font-size: .86rem;
    line-height: 1.55;
  }

  .odyssey-output {
    margin-top: 14px;
    padding: 10px 12px;
  }

  .odyssey-progress-copy {
    margin-top: 14px;
  }

  .odyssey-orbit {
    right: -29%;
    bottom: -2%;
    --orbit: min(78vw, 330px);
    opacity: .27;
  }

  .radar-device {
    padding: 12px;
  }

  .radar-device__screen {
    min-height: 450px;
    padding: 16px;
  }

  .radar-console {
    padding: 24px 18px;
  }

  .radar-score strong {
    font-size: 4.2rem;
  }

}

@media (prefers-reduced-motion: reduce) {
  .hero-portal__halo,
  .hero-portal__core,
  .hero-portal__satellite {
    animation: none !important;
  }
}

html[data-tier="balanced"] .hero-portal__halo,
html[data-tier="balanced"] .hero-portal__core,
html[data-tier="balanced"] .hero-portal__satellite {
  animation: none;
}

@media print {
  link[href*="refinement.css"] { display: none; }
}

/* Shared world system: every inner page becomes a navigable chapter. */
body:not(.home) {
  background:
    radial-gradient(70% 34% at 50% 0%, rgba(214, 151, 54, .08), transparent 76%),
    linear-gradient(180deg, #05070b, #080b11 42%, #05070b);
}

body:not(.home) main {
  position: relative;
  isolation: isolate;
  counter-reset: world-sector;
}

body:not(.home) main::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, .016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .013) 1px, transparent 1px);
  background-size: 92px 92px;
  -webkit-mask-image: linear-gradient(transparent 0%, #000 8%, #000 72%, transparent 100%);
  mask-image: linear-gradient(transparent 0%, #000 8%, #000 72%, transparent 100%);
}

body:not(.home) .section {
  padding-block: clamp(72px, 8vw, 112px);
}

body:not(.home) #hero {
  min-height: min(680px, 66svh);
  display: grid;
  align-items: center;
  overflow: clip;
  border-bottom: 1px solid rgba(232, 180, 92, .1);
  background:
    radial-gradient(circle at 76% 48%, rgba(218, 153, 52, .13) 0%, rgba(122, 73, 22, .06) 18%, transparent 42%),
    linear-gradient(138deg, #04060a, #080b12 58%, #030509);
}

body:not(.home) #hero::before {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(-180px, -5vw, -30px);
  width: min(43vw, 490px);
  aspect-ratio: 1;
  border: 1px solid rgba(242, 188, 92, .16);
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow:
    inset 0 0 0 34px rgba(242, 188, 92, .016),
    inset 0 0 0 35px rgba(242, 188, 92, .07),
    inset 0 0 90px rgba(210, 139, 36, .05);
  pointer-events: none;
}

body:not(.home) #hero::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(-118px, 1vw, 58px);
  width: min(28vw, 310px);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background: radial-gradient(circle at 35% 28%, #f5cf7e, #a96322 37%, #25150a 67%, #060608 76%);
  box-shadow: inset -24px -28px 42px rgba(0, 0, 0, .64), 0 0 70px rgba(215, 144, 38, .13);
  opacity: .72;
}

body:not(.home) #hero .container {
  position: relative;
  z-index: 2;
}

body:not(.home) #hero .section__head {
  max-width: 890px;
  margin: 0;
  text-align: left;
  align-items: flex-start;
}

body:not(.home) #hero .micro-note {
  margin: 0 0 20px;
  color: #a88851;
  text-align: left;
  font-size: .61rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body:not(.home) #hero .micro-note a {
  color: inherit;
}

body:not(.home) #hero h1 {
  max-width: 17ch;
  color: #f4f1eb;
  font-size: clamp(2.55rem, 4.55vw, 4.2rem);
  line-height: 1;
  letter-spacing: -.06em;
  text-wrap: balance;
}

body:not(.home) #hero .section__sub {
  max-width: 58ch;
  margin: 25px 0 0;
  color: #a6abb4;
  font-size: clamp(.97rem, 1.25vw, 1.1rem);
  line-height: 1.72;
}

body:not(.home) .section--elevated {
  background: rgba(255, 255, 255, .014);
  border-block: 1px solid rgba(255, 255, 255, .035);
}

body:not(.home) .container--narrow {
  max-width: 1040px;
}

body:not(.home) .prose {
  max-width: 780px;
  margin-inline: auto;
}

body:not(.home) .mission-layout {
  max-width: 1160px;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
  gap: clamp(42px, 7vw, 100px);
}

body:not(.home) .mission-layout .prose {
  width: 100%;
  max-width: 760px;
  margin: 0;
}

.mission-dock {
  --mission-progress: 0%;
  position: sticky;
  top: 108px;
  max-height: calc(100svh - 138px);
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(242, 188, 92, .28) transparent;
  padding: 19px;
  border: 1px solid rgba(232, 180, 92, .13);
  border-radius: 14px;
  background: rgba(7, 10, 15, .74);
  box-shadow: 0 22px 70px -52px rgba(0, 0, 0, .9);
  backdrop-filter: blur(15px);
}

.mission-dock::before {
  content: "";
  display: block;
  height: 2px;
  margin: -19px -19px 17px;
  background: linear-gradient(90deg, #f2bc5c var(--mission-progress), rgba(255, 255, 255, .08) 0);
}

.mission-dock__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 13px;
  color: #d4b571;
  font: 600 .54rem/1 var(--font-head);
  letter-spacing: .16em;
}

.mission-dock__label::after {
  content: "ONLINE";
  color: #7fcda3;
  font-size: .45rem;
  letter-spacing: .13em;
}

.mission-dock__list {
  display: grid;
  gap: 3px;
}

.mission-dock a {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 8px;
  align-items: start;
  padding: 8px 7px;
  border-radius: 7px;
  color: #737a86;
  font-size: .66rem;
  line-height: 1.35;
  transition: color .2s ease, background .2s ease;
}

.mission-dock a span {
  color: #555d69;
  font: 600 .52rem/1.55 var(--font-head);
  letter-spacing: .08em;
}

.mission-dock a:hover,
.mission-dock a.is-active {
  color: #ece7de;
  background: rgba(242, 188, 92, .075);
}

.mission-dock a.is-active span {
  color: #f2bc5c;
}

body:not(.home) .prose > h2 {
  counter-increment: world-sector;
  position: relative;
  max-width: 21ch;
  margin-top: clamp(74px, 10vw, 116px);
  padding-top: 31px;
  color: #efebe4;
  font-size: clamp(1.7rem, 2.7vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.04em;
  text-wrap: balance;
}

body:not(.home) .prose > h2:first-child {
  margin-top: 0;
}

body:not(.home) .prose > h2::before {
  content: "SEKTOR " counter(world-sector, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  color: #b9914d;
  font: 600 .54rem/1 var(--font-head);
  letter-spacing: .18em;
}

body:not(.home) .prose > h2::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 88px;
  width: min(150px, 26vw);
  height: 1px;
  background: linear-gradient(90deg, rgba(242, 188, 92, .36), transparent);
}

body:not(.home) .prose > p {
  max-width: 68ch;
  margin-top: 17px;
  color: #a7adb7;
  font-size: clamp(.96rem, 1.05vw, 1.04rem);
  line-height: 1.82;
}

body:not(.home) .prose > h2 + p {
  margin-top: 25px;
  color: #c1c5cc;
  font-size: clamp(1rem, 1.1vw, 1.08rem);
}

body:not(.home) .prose :where(strong, a) {
  color: #e1bd75;
}

body:not(.home) .blg-grid {
  gap: 13px;
}

body:not(.home) .blg-card {
  overflow: hidden;
  border-color: rgba(232, 180, 92, .1);
  background:
    linear-gradient(145deg, rgba(242, 188, 92, .035), transparent 45%),
    #090c12;
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

body:not(.home) .blg-card:hover {
  transform: translateY(-4px);
  border-color: rgba(232, 180, 92, .3);
  background: linear-gradient(145deg, rgba(242, 188, 92, .07), transparent 50%), #0a0d13;
}

body:not(.home) .faq-item {
  border-color: rgba(255, 255, 255, .07);
  background: rgba(7, 10, 15, .72);
}

body:not(.home) #kayit {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(42% 95% at 50% 100%, rgba(223, 157, 55, .13), transparent 72%),
    #070a10;
}

body:not(.home) #kayit h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  letter-spacing: -.045em;
}

/* The offer is a transmission, not an ad banner. */
.home .topbar {
  color: #d9d3c8;
  border: 0;
  border-bottom: 1px solid rgba(232, 180, 92, .18);
  background:
    radial-gradient(38% 180% at 50% 140%, rgba(213, 146, 43, .16), transparent 75%),
    rgba(5, 7, 11, .97);
  animation: none;
}

.home .topbar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  width: min(88vw, 980px);
  transform: translateX(-50%);
  pointer-events: none;
  border-inline: 1px solid rgba(232, 180, 92, .055);
}

.home .topbar__inner {
  min-height: 42px;
  max-width: 1110px;
  grid-template-columns: auto 1fr auto;
  gap: 22px;
  padding: 5px 18px;
}

.home .topbar__code {
  padding-right: 20px;
  border-right: 1px solid rgba(232, 180, 92, .14);
  color: #8e7953;
  font-size: .49rem;
  letter-spacing: .19em;
}

.home .topbar .topbar__txt,
.home .topbar .topbar__long {
  color: #aaa397;
  font-size: .68rem;
  letter-spacing: .055em;
}

.home .topbar strong {
  color: #e6c781;
  font-weight: 650;
}

.home .topbar s {
  color: #6f6b65;
}

.home .topbar .topbar__cta {
  padding: 6px 10px;
  color: #d8b76e;
  border: 1px solid rgba(232, 180, 92, .24);
  border-radius: 999px;
  background: rgba(232, 180, 92, .045);
  font-size: .52rem;
  letter-spacing: .13em;
  text-decoration: none;
  animation: none;
}

.home .topbar__inner:hover .topbar__cta {
  color: #090b10;
  background: #e6b554;
}

@media (max-width: 900px) {
  body:not(.home) #hero {
    min-height: 600px;
  }

  body:not(.home) #hero::before {
    right: -22vw;
    width: min(70vw, 470px);
    opacity: .55;
  }

  body:not(.home) #hero::after {
    right: -10vw;
    width: min(45vw, 290px);
    opacity: .35;
  }

  body:not(.home) #hero h1 {
    max-width: 14ch;
    font-size: clamp(2.6rem, 8vw, 4.25rem);
  }

  body:not(.home) .mission-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .mission-dock {
    z-index: 12;
    top: 72px;
    max-height: none;
    overflow: hidden;
    padding: 12px;
    border-radius: 12px;
  }

  .mission-dock::before {
    margin: -12px -12px 10px;
  }

  .mission-dock__label {
    margin-bottom: 8px;
  }

  .mission-dock__list {
    display: flex;
    overflow-x: auto;
    gap: 4px;
    scrollbar-width: none;
  }

  .mission-dock a {
    flex: 0 0 auto;
    display: block;
    max-width: 160px;
    padding: 7px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mission-dock a span {
    margin-right: 5px;
  }
}

@media (max-width: 560px) {
  body:not(.home) .section {
    padding-block: 70px;
  }

  body:not(.home) #hero {
    min-height: 560px;
  }

  body:not(.home) #hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.25rem);
  }

  body:not(.home) #hero .section__sub {
    font-size: .93rem;
  }

  body:not(.home) .prose > h2 {
    margin-top: 72px;
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  body:not(.home) .prose > p {
    font-size: .94rem;
    line-height: 1.72;
  }

  .home .topbar__inner {
    grid-template-columns: 1fr auto;
    gap: 9px;
    padding-inline: 11px;
  }

  .home .topbar__code {
    display: none;
  }

  .home .topbar .topbar__txt {
    min-width: 0;
  }

  .home .topbar .topbar__cta {
    font-size: .47rem;
  }
}

/* ============================================================
   APEX II — arrival, completion, and offer clarity
   Permanent brand palette; motion communicates progress.
   ============================================================ */

/* A clear offer cluster: discount, product, prices, action. */
.home .topbar {
  min-height: 50px;
  border-bottom-color: rgba(242, 188, 92, .28);
  background:
    radial-gradient(42% 190% at 50% 135%, rgba(221, 151, 43, .2), transparent 72%),
    #05070b;
}

.home .topbar::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: min(66vw, 920px);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(242, 188, 92, .72), transparent);
  pointer-events: none;
}

.home .topbar__inner {
  min-height: 50px;
  width: min(100%, 1040px);
  max-width: 1040px;
  grid-template-columns: auto auto auto;
  justify-content: center;
  gap: 15px;
  padding: 5px 16px;
}

.home .topbar__code {
  padding-right: 15px;
  color: #8e7953;
  font-size: .48rem;
}

.home .topbar .topbar__txt,
.home .topbar .topbar__long {
  overflow: visible;
  color: #b8b0a3;
  font-size: .65rem;
}

.home .topbar__long {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.home .topbar__discount {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #090b10;
  background: linear-gradient(135deg, #f5cb72, #d8942f);
  box-shadow: 0 0 24px rgba(232, 163, 61, .16);
  font: 800 .53rem/1 var(--font-head);
  letter-spacing: .1em;
}

.home .topbar__long > strong:not(.topbar__price) {
  color: #e8e0d4;
  letter-spacing: .11em;
}

.home .topbar__long > i {
  color: #756c5d;
  font-style: normal;
}

.home .topbar__price {
  color: #f3c76b;
  font-size: .78rem;
  letter-spacing: .02em;
}

.home .topbar .topbar__cta {
  margin-left: 2px;
  padding: 7px 12px;
  color: #e8c272;
  border-color: rgba(242, 188, 92, .38);
  background: rgba(242, 188, 92, .07);
  font-size: .5rem;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.home .topbar__inner:hover .topbar__cta {
  transform: translateX(2px);
}

.has-topbar .nav { top: 50px; }
html.has-topbar { scroll-padding-top: 134px; }

/* The flagship price can never collide with its cohort band. */
.home .plan-card--vip {
  padding-top: 66px;
  overflow: hidden;
}

.home .plan-card--vip::before {
  content: "VIP ELITE · LANSMAN PAKETİ";
  min-height: 38px;
  display: grid;
  place-items: center;
  padding: 8px 14px;
  color: #0b0d11;
  background: linear-gradient(105deg, #e5aa42, #f1c66d 52%, #d9952f);
  box-shadow: none;
  font-size: .61rem;
  letter-spacing: .14em;
}

.home .plan-card--vip .plan-card__name {
  min-height: 1.4em;
  line-height: 1.4;
}

.plan-price__discount {
  flex-basis: 100%;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border: 1px solid rgba(242, 188, 92, .34);
  border-radius: 999px;
  color: #f0c46c;
  background: rgba(242, 188, 92, .07);
  font: 700 .56rem/1 var(--font-head);
  letter-spacing: .12em;
}

/* Homepage arrival details: the portal behaves like a destination. */
.hero-portal {
  animation: apexPortalLand 1.3s cubic-bezier(.16, 1, .3, 1) both;
}

.hero-portal__horizon {
  position: absolute;
  z-index: 3;
  left: 15%;
  right: 15%;
  bottom: 15%;
  height: 18%;
  overflow: hidden;
  border-top: 1px solid rgba(255, 224, 153, .42);
  border-radius: 50% 50% 0 0;
  transform: perspective(240px) rotateX(64deg);
  box-shadow: 0 -10px 28px rgba(228, 158, 52, .08);
}

.hero-portal__horizon::after {
  content: "";
  position: absolute;
  inset: -2px 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #f4cb76, transparent);
  animation: apexHorizonScan 3.8s ease-in-out infinite;
}

.hero-portal__arrival {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  color: rgba(226, 199, 145, .62);
  font: 600 .46rem/1 var(--font-head);
  letter-spacing: .18em;
  white-space: nowrap;
  animation: apexArrivalSignal 3.2s ease-in-out infinite;
}

@keyframes apexPortalLand {
  from { opacity: 0; transform: translate3d(34px, 26px, 0) scale(.88); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes apexHorizonScan {
  0%, 100% { opacity: .22; transform: translateX(-46%); }
  50% { opacity: 1; transform: translateX(46%); }
}

@keyframes apexArrivalSignal {
  0%, 100% { opacity: .35; }
  50% { opacity: .9; }
}

/* 30-day system: progress is completion, never a palette swap. */
.day-odyssey,
.odyssey-sticky {
  --day-accent: #f2bc5c !important;
  --day-glow: rgba(242, 188, 92, .22) !important;
}

.odyssey-sticky {
  background:
    radial-gradient(48% 70% at 75% 50%, rgba(205, 139, 39, .13), transparent 76%),
    linear-gradient(128deg, #03050a 0%, #080b12 58%, #03050a 100%);
}

.odyssey-status,
.odyssey-day,
.odyssey-output,
.odyssey-progress-copy b,
.odyssey-satellite {
  color: #f2bc5c;
}

.odyssey-day strong {
  -webkit-text-stroke-color: #e4ae4b;
}

.odyssey-output {
  border-left-color: #e6af4d;
  background: linear-gradient(90deg, rgba(226, 164, 66, .14), rgba(255, 255, 255, .012));
}

.odyssey-progress-copy b {
  background: linear-gradient(90deg, #d6902e, #f3c86f);
}

.odyssey-orbit::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -1.25%;
  border-radius: 50%;
  pointer-events: none;
  background: conic-gradient(from -90deg, #f2bc5c calc(var(--odyssey-progress) * 1turn), rgba(255, 255, 255, .045) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px), #000 calc(100% - 1px), transparent 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px), #000 calc(100% - 1px), transparent 100%);
  filter: drop-shadow(0 0 6px rgba(242, 188, 92, .22));
}

.odyssey-tick.is-complete {
  background: #e8b454;
  opacity: .92;
}

.odyssey-tick.is-current {
  background: #fff4d5;
  box-shadow: 0 0 12px #f2bc5c, 0 0 24px rgba(242, 188, 92, .48);
}

.odyssey-moon {
  overflow: visible;
  background: rgba(242, 188, 92, .22);
  box-shadow: 0 0 0 9px rgba(255, 255, 255, .018), 0 0 52px rgba(218, 147, 40, .2);
}

.odyssey-moon__surface {
  background:
    radial-gradient(circle at 34% 28%, #f0cd7b, #a66524 35%, #24160b 64%, #07090d 76%);
}

.odyssey-seal {
  position: relative;
  z-index: 4;
  width: 43%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 1px solid rgba(255, 235, 188, .42);
  border-radius: 50%;
  background: rgba(6, 8, 12, .76);
  box-shadow: inset 0 0 24px rgba(242, 188, 92, .09), 0 8px 30px rgba(0, 0, 0, .34);
  transform: translateY(-8%);
}

.odyssey-seal::before {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(242, 188, 92, .19);
  border-radius: 50%;
}

.odyssey-seal img {
  position: relative;
  z-index: 2;
  width: 58%;
  max-width: none;
  opacity: 1;
  filter: drop-shadow(0 0 10px rgba(242, 188, 92, .24));
}

.odyssey-seal i {
  position: absolute;
  right: -4px;
  bottom: 5px;
  width: 13px;
  aspect-ratio: 1;
  border: 3px solid #080a0e;
  border-radius: 50%;
  background: #f2bc5c;
  box-shadow: 0 0 10px rgba(242, 188, 92, .55);
}

.odyssey-moon > span {
  z-index: 5;
  bottom: 8%;
  min-width: 42px;
  padding: 4px 7px;
  border: 1px solid rgba(242, 188, 92, .24);
  border-radius: 999px;
  color: #f1c56c;
  background: rgba(5, 7, 10, .78);
  text-align: center;
  font-size: clamp(.9rem, 1.4vw, 1.35rem);
}

.odyssey-complete-flash {
  position: absolute;
  z-index: 8;
  left: 68%;
  top: 50%;
  width: min(320px, 26vw);
  padding: 16px 18px;
  transform: translate(-50%, -50%) scale(.88);
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(242, 188, 92, .32);
  background: rgba(5, 7, 11, .82);
  box-shadow: 0 18px 70px rgba(0, 0, 0, .42);
  backdrop-filter: blur(14px);
  text-align: center;
}

.odyssey-complete-flash > span {
  display: block;
  color: #8e7953;
  font: 600 .48rem/1 var(--font-head);
  letter-spacing: .19em;
}

.odyssey-complete-flash > strong {
  display: block;
  margin-top: 8px;
  color: #f2d18a;
  font: 700 clamp(.9rem, 1.2vw, 1.08rem)/1.15 var(--font-head);
  letter-spacing: .08em;
}

.odyssey-complete-flash > i {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 110px;
  aspect-ratio: 1;
  border: 1px solid rgba(242, 188, 92, .45);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.3);
  opacity: 0;
}

.odyssey-sticky.is-completing .odyssey-complete-flash {
  animation: odysseyRecord 1.42s cubic-bezier(.16, 1, .3, 1) both;
}

.odyssey-sticky.is-completing .odyssey-complete-flash > i {
  animation: odysseyRecordRing 1.42s ease-out both;
}

.odyssey-sticky.is-completing .odyssey-orbit {
  animation: odysseyOrbitConfirm .56s cubic-bezier(.16, 1, .3, 1);
}

.odyssey-sticky.is-final-completion .odyssey-complete-flash {
  border-color: rgba(255, 220, 139, .72);
  background: linear-gradient(135deg, rgba(36, 24, 9, .94), rgba(7, 9, 13, .94));
}

@keyframes odysseyRecord {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.84); }
  24%, 72% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.04); }
}

@keyframes odysseyRecordRing {
  0% { opacity: .8; transform: translate(-50%, -50%) scale(.25); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.7); }
}

@keyframes odysseyOrbitConfirm {
  0% { transform: scale(.985); }
  45% { transform: scale(1.018); }
  100% { transform: scale(1); }
}

.odyssey-stepper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.odyssey-stepper button {
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid rgba(242, 188, 92, .18);
  border-radius: 999px;
  color: #8c8579;
  background: rgba(255, 255, 255, .02);
  font: 600 .47rem/1 var(--font-head);
  letter-spacing: .12em;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.odyssey-stepper button:hover:not(:disabled),
.odyssey-stepper button:focus-visible {
  color: #f0d597;
  border-color: rgba(242, 188, 92, .48);
  background: rgba(242, 188, 92, .07);
  transform: translateY(-1px);
}

.odyssey-stepper button:disabled {
  opacity: .28;
  cursor: default;
}

/* Inner pages: a complete orbital vista, fully inside the viewport. */
body:not(.home) #hero::before,
body:not(.home) #hero::after {
  content: none;
  display: none;
}

body:not(.home) #hero {
  --world-copy: min(760px, 58vw);
  min-height: 660px;
  background:
    radial-gradient(52% 90% at 78% 50%, rgba(203, 133, 35, .08), transparent 70%),
    linear-gradient(138deg, #04060a, #080b12 58%, #030509);
}

body:not(.home) #hero .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body:not(.home) #hero .section__head {
  max-width: var(--world-copy);
}

body:not(.home) #hero h1 {
  max-width: 15ch;
  font-size: clamp(2.65rem, 4.1vw, 4rem);
}

body:not(.home) #hero .section__sub {
  max-width: 56ch;
}

.world-vista {
  --world-size: min(35vw, 540px);
  --world-px: 0px;
  --world-py: 0px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: clamp(44px, 7vw, 150px);
  width: var(--world-size);
  aspect-ratio: 1;
  opacity: 0;
  transform: translate3d(var(--world-px), calc(-50% + var(--world-py) + 34px), 0) scale(.88);
  transition: opacity .8s ease, transform 1.25s cubic-bezier(.16, 1, .3, 1);
  pointer-events: none;
  contain: layout paint;
}

.world-ready .world-vista {
  opacity: 1;
  transform: translate3d(var(--world-px), calc(-50% + var(--world-py)), 0) scale(1);
}

.world-vista__stars {
  position: absolute;
  inset: -14%;
  border-radius: 50%;
  opacity: .5;
  background:
    radial-gradient(circle at 15% 32%, #f4cd78 0 1px, transparent 2px),
    radial-gradient(circle at 79% 18%, #fff0c5 0 1px, transparent 2px),
    radial-gradient(circle at 88% 68%, #df9f3f 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 26% 82%, #fff 0 1px, transparent 2px),
    radial-gradient(circle at 52% 6%, #f0b957 0 1px, transparent 2px);
}

.world-vista__ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(242, 188, 92, .14);
  border-radius: 50%;
}

.world-vista__ring--outer {
  inset: 0;
  background: repeating-conic-gradient(from -1deg, rgba(242, 188, 92, .42) 0 .45deg, transparent .45deg 12deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
  animation: worldOrbitSpin 90s linear infinite;
}

.world-vista__ring--mid {
  width: 76%;
  height: 76%;
  margin: -38%;
  border-style: dashed;
  opacity: .68;
  animation: worldOrbitSpin 64s linear infinite reverse;
}

.world-vista__ring--inner {
  width: 58%;
  height: 58%;
  margin: -29%;
  border-color: rgba(255, 255, 255, .12);
}

.world-vista__planet {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 47%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 228, 164, .22);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 238, 191, .9) 0 2%, transparent 15%),
    radial-gradient(circle at 62% 34%, rgba(65, 35, 12, .34) 0 8%, transparent 9%),
    radial-gradient(circle at 38% 68%, rgba(245, 191, 91, .16) 0 12%, transparent 13%),
    radial-gradient(circle at 35% 28%, #e5b35b, #9a5d21 37%, #2c190b 65%, #070809 78%);
  box-shadow: inset -34px -38px 54px rgba(0, 0, 0, .62), 0 0 0 13px rgba(242, 188, 92, .025), 0 0 0 14px rgba(242, 188, 92, .11), 0 0 76px rgba(207, 134, 32, .2);
}

.world-vista__planet::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(100deg, rgba(255, 255, 255, .12), transparent 28%, rgba(0, 0, 0, .2) 66%);
}

.world-vista__atmosphere {
  position: absolute;
  inset: 5%;
  border: 1px solid rgba(255, 242, 210, .14);
  border-radius: 50%;
  box-shadow: inset 12px 0 22px rgba(255, 222, 153, .06);
}

.world-vista__emblem {
  position: relative;
  z-index: 4;
  width: 42px;
  height: 50px;
  clip-path: polygon(50% 0, 93% 17%, 90% 62%, 73% 84%, 50% 100%, 27% 84%, 10% 62%, 7% 17%);
  background: linear-gradient(145deg, #ffe1a0, #d8952e);
  filter: drop-shadow(0 5px 13px rgba(0, 0, 0, .42));
}

.world-vista__emblem::before {
  content: "";
  position: absolute;
  inset: 3px;
  clip-path: inherit;
  background: rgba(19, 14, 8, .64);
}

.world-vista__emblem i {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 47%;
  width: 15px;
  height: 8px;
  border-left: 3px solid #f4c76d;
  border-bottom: 3px solid #f4c76d;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.world-vista__satellite {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: 8px;
  aspect-ratio: 1;
  margin: -4px;
  border-radius: 50%;
  background: #f3c66b;
  box-shadow: 0 0 14px #e8a947;
  animation: worldSatellite 18s linear infinite;
}

.world-vista__vector,
.world-vista__coordinate {
  position: absolute;
  z-index: 5;
  color: rgba(224, 195, 138, .54);
  font: 600 .47rem/1 var(--font-head);
  letter-spacing: .17em;
}

.world-vista__vector { left: 5%; bottom: 8%; }
.world-vista__coordinate { right: 3%; top: 19%; writing-mode: vertical-rl; }

@keyframes worldOrbitSpin { to { transform: rotate(360deg); } }
@keyframes worldSatellite {
  from { transform: rotate(0) translateX(calc(var(--world-size) * .43)) rotate(0); }
  to { transform: rotate(360deg) translateX(calc(var(--world-size) * .43)) rotate(-360deg); }
}

@media (max-width: 900px) {
  .home .topbar__inner {
    grid-template-columns: auto auto;
    gap: 10px;
  }

  .home .topbar__code { display: none; }
  .home .topbar__long { display: none; }
  .home .topbar__short { display: inline; color: #efc66f; font-size: .59rem; letter-spacing: .08em; }

  .odyssey-complete-flash {
    left: auto;
    right: 20px;
    top: 110px;
    width: min(260px, 55vw);
    transform: scale(.88);
  }

  .odyssey-sticky.is-completing .odyssey-complete-flash { animation-name: odysseyRecordMobile; }

  @keyframes odysseyRecordMobile {
    0% { opacity: 0; transform: scale(.84); }
    24%, 72% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.04); }
  }

  body:not(.home) #hero {
    --world-copy: min(68vw, 670px);
  }

  .world-vista {
    --world-size: min(53vw, 430px);
    right: 18px;
    opacity: 0;
  }

  .world-ready .world-vista { opacity: .46; }
}

@media (max-width: 620px) {
  .home .topbar { min-height: 44px; }
  .home .topbar__inner { min-height: 44px; width: 100%; padding-inline: 10px; }
  .home .topbar__short { font-size: .52rem; }
  .home .topbar .topbar__cta { padding: 6px 9px; font-size: .44rem; }
  .has-topbar .nav { top: 44px; }
  html.has-topbar { scroll-padding-top: 120px; }

  .hero-portal__arrival { display: none; }

  .odyssey-stepper button { min-height: 32px; padding: 7px 9px; }
  .odyssey-stepper button span { display: none; }
  .odyssey-complete-flash { right: 12px; top: 92px; width: 190px; padding: 12px; }

  body:not(.home) #hero {
    --world-copy: 100%;
    min-height: 590px;
  }

  body:not(.home) #hero .section__head { max-width: 100%; }

  .world-vista {
    --world-size: min(84vw, 330px);
    top: 48%;
    right: -4px;
  }

  .world-ready .world-vista { opacity: .22; }
  .world-vista__vector, .world-vista__coordinate { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-portal,
  .hero-portal__horizon::after,
  .hero-portal__arrival,
  .world-vista__ring,
  .world-vista__satellite,
  .odyssey-complete-flash,
  .odyssey-complete-flash > i,
  .odyssey-orbit {
    animation: none !important;
  }

  .world-vista { opacity: 1; transform: translateY(-50%); transition: none; }
}

/* ========================================================================== 
   APEX QUANT — scientific trading world
   ========================================================================== */
:root {
  --quant-gold: #f4bf55;
  --quant-gold-hot: #ffd87a;
  --quant-cyan: #61e9d6;
  --quant-red: #ef6a73;
  --quant-ink: #05070c;
  --quant-panel: #0b0f17;
  --quant-line: rgba(244, 191, 85, .18);
}
html { scroll-behavior: auto !important; }

.home #signal-field { display: none !important; }
.home .nav__identity { margin-left: auto; }
.home .topbar__code { display: inline-flex; }
.home .topbar__long { display: inline; }
.home .topbar__short { display: none; }
.home .topbar__badge {
  color: #07090d;
  background: linear-gradient(135deg, var(--quant-gold-hot), #d8931f);
  border-color: transparent;
  box-shadow: 0 0 28px rgba(244,191,85,.22);
}
.home .topbar__cta { border-color: rgba(244,191,85,.48); }

.home .hero {
  overflow: clip;
  min-height: min(900px, 94vh);
  background:
    radial-gradient(circle at 72% 39%, rgba(244,191,85,.10), transparent 29%),
    linear-gradient(112deg, #05070c 5%, #080a10 49%, #080b10 100%);
}
.home .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: radial-gradient(circle at 68% 42%, #000 0, transparent 72%);
  mask-image: radial-gradient(circle at 68% 42%, #000 0, transparent 72%);
}
.home .hero__inner {
  min-height: min(770px, calc(94vh - 100px));
  padding-top: 86px;
  padding-bottom: 45px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr);
  gap: clamp(42px, 6vw, 105px);
  align-items: center;
}
.home .hero__copy { max-width: 690px; }
.home .hero__eyebrow { margin-bottom: 23px; }
.home .hero__eyebrow .overline { color: var(--quant-gold-hot); }
.home .hero__title {
  max-width: 680px;
  margin-bottom: 24px;
  font-size: clamp(3rem, 4.45vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.home .hero__title .grad-text {
  color: var(--quant-gold-hot);
  background: linear-gradient(100deg, #fff1c4 4%, #f2b747 46%, #b77518 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home .hero__lead { max-width: 640px; font-size: clamp(1rem, 1.2vw, 1.16rem); line-height: 1.72; }
.home .hero__lead strong { color: #f6d895; font-weight: 560; }
.home .hero__pull {
  width: fit-content;
  margin-top: 22px;
  padding: 10px 15px;
  border-left: 1px solid var(--quant-gold);
  color: rgba(240,242,250,.76);
  background: linear-gradient(90deg, rgba(244,191,85,.08), transparent);
  font-family: var(--font-mono, monospace);
  font-size: .76rem;
  letter-spacing: .03em;
}
.home .hero__cta-group { justify-content: flex-start; margin-top: 27px; }
.home .hero__proof { max-width: 620px; margin-top: 24px; }
.home .hero__coordinate { color: rgba(244,191,85,.45); }
.home .hero-ticker { border-color: rgba(244,191,85,.16); color: rgba(239,213,157,.62); }

/* Hero terminal */
.quant-portal {
  --portal-x: 0;
  --portal-y: 0;
  position: relative;
  top: auto;
  right: auto;
  opacity: 1;
  z-index: 1;
  isolation: isolate;
  width: min(100%, 610px);
  aspect-ratio: 1.08;
  min-height: 500px;
  padding: 76px 44px 40px;
  border: 1px solid rgba(244,191,85,.22);
  border-radius: 50% 50% 13% 13% / 43% 43% 12% 12%;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(244,191,85,.075), transparent 24%),
    linear-gradient(140deg, rgba(13,17,25,.95), rgba(4,6,10,.98));
  box-shadow: inset 0 0 80px rgba(244,191,85,.045), 0 50px 100px rgba(0,0,0,.45);
  transform: perspective(900px) rotateX(calc(var(--portal-y) * -1.5deg)) rotateY(calc(var(--portal-x) * 1.8deg));
  transition: transform .18s ease-out, border-color .25s ease;
}
.quant-portal::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 34px;
  border: 1px solid rgba(244,191,85,.15);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(244,191,85,.018), 0 0 0 75px rgba(244,191,85,.018);
}
.quant-portal::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(rgba(244,191,85,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,191,85,.035) 1px, transparent 1px);
  background-size: 33px 33px;
  -webkit-mask-image: radial-gradient(circle, #000, transparent 73%);
  mask-image: radial-gradient(circle, #000, transparent 73%);
}
.quant-portal .hero-portal__halo { border-color: rgba(244,191,85,.13); opacity: .72; }
.quant-portal .hero-portal__halo--one { inset: 15px; }
.quant-portal .hero-portal__halo--two { inset: 52px; border-style: dashed; }
.quant-portal__head {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(244,191,85,.13);
  font: 600 .62rem/1 var(--font-mono, monospace);
  letter-spacing: .16em;
  color: rgba(235,237,245,.54);
}
.quant-portal__head b { color: var(--quant-cyan); font-weight: 650; }
.quant-portal__head b::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 13px currentColor; }
.quant-portal__chart {
  position: relative;
  z-index: 2;
  height: 245px;
  margin-top: 18px;
  border-bottom: 1px solid rgba(244,191,85,.18);
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/100% 25%,
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) 0 0/10% 100%;
}
.quant-portal__chart::after {
  content: "MODELLED PRICE ACTION";
  position: absolute;
  top: 8px;
  right: 8px;
  color: rgba(244,191,85,.34);
  font: 500 .48rem/1 var(--font-mono, monospace);
  letter-spacing: .14em;
}
.quant-portal__chart > svg,
.odyssey-market__chart > svg { display: block; width: 100%; height: 100%; overflow: visible; }
.quant-portal__chart svg g,
.odyssey-market__chart svg g { color: var(--quant-cyan); filter: drop-shadow(0 0 3px rgba(97,233,214,.32)); }
.quant-portal__chart svg g.is-down,
.odyssey-market__chart svg g.is-down { color: var(--quant-red); filter: drop-shadow(0 0 3px rgba(239,106,115,.25)); }
.quant-portal__chart svg line,
.odyssey-market__chart svg line { stroke: currentColor; stroke-width: .75; vector-effect: non-scaling-stroke; }
.quant-portal__chart svg rect,
.odyssey-market__chart svg rect { fill: currentColor; }
.quant-portal__chart .quant-model-line,
.odyssey-market__chart .quant-model-line { fill: none; stroke: rgba(244,191,85,.25); stroke-width: .7; vector-effect: non-scaling-stroke; }
.quant-portal__chart > i,
.odyssey-market__chart > i {
  position: absolute;
  width: 1.8%;
  left: var(--left);
  bottom: var(--bottom);
  height: var(--height);
  min-height: 3px;
  background: currentColor;
  color: var(--quant-cyan);
  box-shadow: 0 0 9px color-mix(in srgb, currentColor 38%, transparent);
  animation: quantCandleIn .45s calc(var(--x) * 14ms) both ease-out;
}
.quant-portal__chart > i.is-down,
.odyssey-market__chart > i.is-down { color: var(--quant-red); }
.quant-portal__chart > i::before,
.odyssey-market__chart > i::before {
  content: "";
  position: absolute;
  left: calc(50% - .5px);
  width: 1px;
  bottom: var(--wick-bottom);
  height: var(--wick-height);
  background: currentColor;
}
@keyframes quantCandleIn { from { opacity: 0; transform: scaleY(.05); transform-origin: 50% 100%; } to { opacity: 1; transform: scaleY(1); } }
.quant-portal__crosshair { position: absolute; z-index: 1; inset: 100px 43px 145px; pointer-events: none; opacity: .22; transform: translate(calc(var(--portal-x) * 18px), calc(var(--portal-y) * 15px)); }
.quant-portal__crosshair i { position: absolute; left: 64%; top: 0; bottom: 0; border-left: 1px dashed var(--quant-gold); }
.quant-portal__crosshair b { position: absolute; top: 42%; left: 0; right: 0; border-top: 1px dashed var(--quant-gold); }
.quant-portal__metrics { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 15px 0; background: rgba(244,191,85,.12); border: 1px solid rgba(244,191,85,.12); }
.quant-portal__metrics > span { padding: 12px 10px; background: rgba(7,10,15,.94); }
.quant-portal__metrics small { display: block; margin-bottom: 6px; color: rgba(230,234,244,.42); font: 500 .48rem/1 var(--font-mono, monospace); letter-spacing: .1em; }
.quant-portal__metrics strong { color: #f7f2e9; font: 660 .92rem/1 var(--font-mono, monospace); }
.quant-portal__metrics span:first-child strong { color: var(--quant-cyan); }
.quant-portal__modes { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.quant-portal__modes button { min-height: 34px; border: 1px solid rgba(244,191,85,.16); color: rgba(235,236,242,.5); background: rgba(0,0,0,.18); font: 600 .55rem/1 var(--font-mono, monospace); letter-spacing: .14em; cursor: pointer; transition: .22s ease; }
.quant-portal__modes button:hover, .quant-portal__modes button.is-active { color: #080a0d; border-color: var(--quant-gold); background: var(--quant-gold); box-shadow: 0 0 24px rgba(244,191,85,.16); }
.quant-portal .hero-portal__arrival { bottom: 15px; color: rgba(244,191,85,.32); }
.quant-portal[data-mode="risk"] { border-color: rgba(97,233,214,.35); }
.quant-portal[data-mode="tempo"] { border-color: rgba(255,216,122,.46); }

.quant-pillars { grid-template-columns: repeat(4,1fr); }
.quant-pillars li { min-height: 155px; background: linear-gradient(145deg, rgba(244,191,85,.04), transparent 55%); }
.quant-pillars .trust-strip__ic { width: auto; color: var(--quant-gold); font: 600 .56rem/1 var(--font-mono, monospace); letter-spacing: .12em; }
.quant-pillars strong { font-family: var(--font-mono, monospace); letter-spacing: .08em; }

/* Theorem cards */
.quant-thesis { overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(244,191,85,.065), transparent 38%); }
.theorem-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--quant-line); background: var(--quant-line); gap: 1px; }
.theorem-grid article { min-height: 265px; padding: clamp(26px,3vw,44px); background: linear-gradient(145deg,#0c1018,#070a10); }
.theorem-grid article > span { color: var(--quant-gold); font: 600 .55rem/1 var(--font-mono, monospace); letter-spacing: .16em; }
.theorem-grid strong { display: block; margin: 48px 0 14px; color: #f4f3f0; font-size: clamp(1.18rem,1.5vw,1.5rem); }
.theorem-grid p { color: rgba(226,230,240,.62); line-height: 1.66; }
.theorem-grid code { display: block; margin-top: 28px; padding-top: 14px; border-top: 1px solid rgba(244,191,85,.13); color: var(--quant-cyan); font-size: .75rem; }

/* Edge Lab */
.edge-lab { background: linear-gradient(180deg,#06080d,#090c13 56%,#06080d); }
.edge-console { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); border: 1px solid rgba(244,191,85,.22); background: #070a10; box-shadow: 0 34px 100px rgba(0,0,0,.36); }
.edge-console__inputs, .edge-console__results { padding: clamp(25px,3vw,45px); }
.edge-console__inputs { border-right: 1px solid rgba(244,191,85,.14); background: linear-gradient(145deg,rgba(244,191,85,.045),transparent 45%); }
.edge-console__head { display: flex; justify-content: space-between; margin-bottom: 31px; padding-bottom: 14px; border-bottom: 1px solid rgba(244,191,85,.13); color: rgba(234,237,245,.5); font: 600 .56rem/1 var(--font-mono, monospace); letter-spacing: .14em; }
.edge-console__head b { color: var(--quant-gold); }
.edge-console__inputs label { display: block; margin-top: 23px; }
.edge-console__inputs label > span { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: rgba(235,237,244,.72); font-size: .79rem; }
.edge-console__inputs output { color: #fff1c4; font: 600 .72rem/1 var(--font-mono, monospace); }
.edge-console input[type="range"] { width: 100%; height: 2px; margin-top: 14px; appearance: none; background: linear-gradient(90deg,var(--quant-gold),rgba(244,191,85,.18)); outline: 0; cursor: ew-resize; }
.edge-console input[type="range"]::-webkit-slider-thumb { width: 13px; height: 13px; appearance: none; border: 2px solid #080a0f; border-radius: 50%; background: var(--quant-gold-hot); box-shadow: 0 0 0 1px var(--quant-gold),0 0 18px rgba(244,191,85,.38); }
.edge-console input[type="range"]::-moz-range-thumb { width: 11px; height: 11px; border: 2px solid #080a0f; border-radius: 50%; background: var(--quant-gold-hot); }
.edge-kpis { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: rgba(244,191,85,.13); border: 1px solid rgba(244,191,85,.13); }
.edge-kpis div { min-height: 115px; padding: 21px; background: #0b0f17; }
.edge-kpis span { display: block; margin-bottom: 18px; color: rgba(231,234,243,.42); font: 500 .52rem/1 var(--font-mono, monospace); letter-spacing: .12em; }
.edge-kpis strong { color: #f4f3ef; font: 650 clamp(1.32rem,2vw,2rem)/1 var(--font-mono, monospace); letter-spacing: -.035em; }
.edge-kpis div:first-child strong, .edge-console.is-positive [data-edge-status] { color: var(--quant-cyan); }
.edge-console.is-negative .edge-kpis div:first-child strong, .edge-console.is-negative [data-edge-status] { color: var(--quant-red); }
.edge-distribution { margin-top: 25px; }
.edge-distribution > span, .edge-equation > span { display: block; margin-bottom: 10px; color: rgba(234,236,243,.39); font: 500 .49rem/1 var(--font-mono, monospace); letter-spacing: .15em; }
.edge-distribution > div { display: flex; align-items: center; gap: 2px; height: 76px; padding: 10px 0; border-block: 1px solid rgba(244,191,85,.08); }
.edge-distribution i { flex: 1; height: calc(var(--bar) * 100%); background: var(--quant-cyan); opacity: .55; transform-origin: 50% 50%; }
.edge-distribution i.is-loss { background: var(--quant-red); opacity: .45; transform: scaleY(-1); }
.edge-equation { margin-top: 19px; }
.edge-equation code { display: block; padding: 14px 16px; border-left: 2px solid var(--quant-gold); color: #f6dfa9; background: rgba(244,191,85,.045); font-size: .76rem; white-space: normal; }
.edge-note { max-width: 660px; margin: 17px 0 22px; color: rgba(228,232,241,.44); font-size: .72rem; line-height: 1.55; }

/* Odyssey becomes a live market system */
.odyssey-moon.odyssey-market { background: radial-gradient(circle at 35% 25%, rgba(244,191,85,.14), #080b10 57%, #020305 100%); box-shadow: inset 0 0 40px rgba(244,191,85,.09), 0 0 0 12px rgba(244,191,85,.035), 0 0 50px rgba(244,191,85,.08); }
.odyssey-market .odyssey-moon__surface { opacity: .12; background: linear-gradient(rgba(244,191,85,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(244,191,85,.1) 1px,transparent 1px); background-size: 25% 25%; }
.odyssey-market__chart { position: absolute; z-index: 2; inset: 25% 14% 27%; overflow: hidden; border-bottom: 1px solid rgba(244,191,85,.18); }
.odyssey-market__chart > i { width: 3.3%; }
.odyssey-market__metric { position: absolute; z-index: 4; left: 50%; bottom: 16%; transform: translateX(-50%); color: var(--quant-cyan); font: 600 .55rem/1 var(--font-mono,monospace); letter-spacing: .15em; white-space: nowrap; }
.odyssey-market > span[data-orbit-day] { top: 13%; color: rgba(244,191,85,.85); background: rgba(3,4,7,.78); border: 1px solid rgba(244,191,85,.22); }

/* Curriculum control room */
.curriculum-lab { display: grid; grid-template-columns: minmax(215px,.34fr) minmax(0,1fr); min-height: 430px; border: 1px solid rgba(244,191,85,.19); background: #070a10; }
.curriculum-lab__tabs { display: flex; flex-direction: column; border-right: 1px solid rgba(244,191,85,.13); }
.curriculum-lab__tabs button { flex: 1; display: flex; align-items: center; gap: 18px; min-height: 92px; padding: 20px 24px; border: 0; border-bottom: 1px solid rgba(244,191,85,.1); color: rgba(232,235,243,.47); background: transparent; text-align: left; font: 600 .65rem/1.25 var(--font-mono,monospace); letter-spacing: .08em; cursor: pointer; transition: .2s ease; }
.curriculum-lab__tabs button span { color: rgba(244,191,85,.42); font-size: .55rem; }
.curriculum-lab__tabs button:hover, .curriculum-lab__tabs button[aria-selected="true"] { color: #fff2ce; background: linear-gradient(90deg,rgba(244,191,85,.11),rgba(244,191,85,.018)); }
.curriculum-lab__tabs button[aria-selected="true"] { box-shadow: inset 2px 0 var(--quant-gold); }
.curriculum-lab__panels { display: grid; }
.curriculum-lab__panels article { grid-area: 1/1; display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,.45fr); gap: 42px; align-content: center; padding: clamp(32px,5vw,70px); background: radial-gradient(circle at 90% 10%,rgba(244,191,85,.07),transparent 34%); animation: curriculumIn .35s both ease; }
.curriculum-lab__panels article[hidden] { display: none; }
.curriculum-lab__panels article > div > span { color: var(--quant-gold); font: 600 .56rem/1 var(--font-mono,monospace); letter-spacing: .16em; }
.curriculum-lab__panels h3 { max-width: 630px; margin: 18px 0; color: #f4f2ed; font-size: clamp(1.7rem,3vw,3rem); line-height: 1.05; letter-spacing: -.045em; }
.curriculum-lab__panels p { max-width: 650px; color: rgba(230,233,241,.62); line-height: 1.7; }
.curriculum-lab__panels ul { align-self: center; margin: 0; padding: 0; list-style: none; }
.curriculum-lab__panels li { padding: 13px 0; border-bottom: 1px solid rgba(244,191,85,.11); color: rgba(238,239,243,.72); font-size: .8rem; }
.curriculum-lab__panels li::before { content: "↗"; margin-right: 10px; color: var(--quant-gold); }
.curriculum-lab__panels code { grid-column: 1/-1; display: block; padding: 15px 17px; border: 1px solid rgba(97,233,214,.12); color: var(--quant-cyan); background: rgba(97,233,214,.025); font-size: .75rem; }
@keyframes curriculumIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.trading-desk-grid .blg-card { position: relative; min-height: 185px; overflow: hidden; }
.trading-desk-grid .blg-card::before { content: attr(data-output); position: absolute; right: 18px; top: 18px; color: rgba(244,191,85,.35); font: 600 .52rem/1 var(--font-mono,monospace); letter-spacing: .12em; }
.trading-desk-grid .blg-card:hover { border-color: rgba(244,191,85,.42); background: linear-gradient(145deg,rgba(244,191,85,.075),rgba(8,11,17,.96)); transform: translateY(-4px); }
.trading-desk-grid .output-status { color: var(--quant-cyan); font: 600 .55rem/1 var(--font-mono,monospace); letter-spacing: .13em; }
.trading-desk-grid .blg-card--master small { display: block; margin-top: 22px; color: rgba(244,191,85,.66); font: 600 .52rem/1 var(--font-mono,monospace); letter-spacing: .14em; }

/* Scientific loop and capital ladder */
.method-loop { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; border: 1px solid var(--quant-line); background: var(--quant-line); gap: 1px; list-style: none; }
.method-loop li { min-height: 250px; padding: 30px; background: #090c12; }
.method-loop li > span { color: rgba(244,191,85,.5); font: 600 .55rem/1 var(--font-mono,monospace); }
.method-loop strong { display: block; margin: 55px 0 12px; color: #f4f1e9; font: 650 .85rem/1 var(--font-mono,monospace); letter-spacing: .1em; }
.method-loop p { color: rgba(229,232,240,.58); line-height: 1.6; }
.method-loop code { display: block; margin-top: 28px; color: var(--quant-cyan); font-size: .67rem; }
.capital-ladder { background: radial-gradient(circle at 50% 110%,rgba(244,191,85,.08),transparent 46%); }
.capital-ladder__steps { display: grid; grid-template-columns: repeat(4,1fr); position: relative; }
.capital-ladder__steps::before { content: ""; position: absolute; left: 12%; right: 12%; top: 38px; border-top: 1px solid rgba(244,191,85,.28); }
.capital-ladder__steps article { position: relative; z-index: 1; min-height: 215px; padding: 0 20px; text-align: center; }
.capital-ladder__steps article > span { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 31px; border: 1px solid rgba(244,191,85,.34); border-radius: 50%; color: var(--quant-gold); background: #080b10; font: 650 .65rem/1 var(--font-mono,monospace); box-shadow: 0 0 0 9px #080b10; }
.capital-ladder__steps strong { display: block; color: #f3f1eb; font: 650 .72rem/1 var(--font-mono,monospace); letter-spacing: .12em; }
.capital-ladder__steps p { margin: 13px 0; color: rgba(229,232,240,.52); font-size: .78rem; }
.capital-ladder__steps b { color: var(--quant-cyan); font: 550 .63rem/1 var(--font-mono,monospace); }

/* Founder authority */
.arthur-quant > .container { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr); gap: clamp(50px,7vw,110px); align-items: center; }
.arthur-quant__portrait { position: relative; min-height: 630px; overflow: hidden; border: 1px solid rgba(244,191,85,.22); background: #090b10; }
.arthur-quant__portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 50%,rgba(3,5,8,.92) 93%),linear-gradient(90deg,rgba(244,191,85,.05),transparent); }
.arthur-quant__portrait img { width: 100%; height: 100%; min-height: 630px; object-fit: cover; object-position: 50% 30%; filter: saturate(.72) contrast(1.08); transform: scale(1.01); }
.arthur-quant__portrait > span, .arthur-quant__portrait > i { position: absolute; z-index: 2; left: 27px; }
.arthur-quant__portrait > span { bottom: 49px; color: #fff0c7; font: 650 .78rem/1 var(--font-mono,monospace); letter-spacing: .16em; }
.arthur-quant__portrait > i { bottom: 26px; color: rgba(236,238,244,.52); font: 500 .5rem/1 var(--font-mono,monospace); letter-spacing: .14em; }
.arthur-quant__copy h2 { max-width: 760px; font-size: clamp(2rem,3.2vw,3.65rem); line-height: 1.03; letter-spacing: -.05em; }
.arthur-quant__copy > p { max-width: 760px; color: rgba(229,232,241,.65); line-height: 1.75; }
.arthur-quant__stack { display: flex; flex-wrap: wrap; gap: 7px; margin: 28px 0; }
.arthur-quant__stack span { padding: 8px 10px; border: 1px solid rgba(244,191,85,.16); color: rgba(247,226,181,.68); background: rgba(244,191,85,.035); font: 550 .5rem/1 var(--font-mono,monospace); letter-spacing: .09em; }
.arthur-quant blockquote { max-width: 750px; margin: 30px 0; padding: 19px 23px; border-left: 2px solid var(--quant-gold); color: #f4e6c5; background: linear-gradient(90deg,rgba(244,191,85,.08),transparent); font-size: clamp(1.05rem,1.45vw,1.32rem); line-height: 1.55; }
.arthur-quant__note { color: rgba(223,226,235,.4) !important; font-size: .73rem; }

/* Pricing, guarantee, FAQ */
.plan-card--vip::before { content: "VIP ELITE · LANSMAN PAKETİ" !important; }
.plan-card--vip { box-shadow: 0 32px 90px rgba(244,191,85,.11); }
.scope-boundary { margin: 18px 0 0; padding: 17px 20px; border: 1px solid rgba(97,233,214,.2); background: linear-gradient(90deg,rgba(97,233,214,.06),rgba(244,191,85,.035)); color: rgba(230,233,241,.68); font-size: .78rem; line-height: 1.65; }
.scope-boundary strong { display: block; margin-bottom: 5px; color: var(--quant-cyan); font: 650 .52rem/1 var(--font-mono,monospace); letter-spacing: .14em; }
.scope-boundary a { color: #f7d992; text-decoration: underline; text-underline-offset: 3px; }

/* Quant Assistant */
.quant-chat-fab {
  position: fixed;
  z-index: 91;
  right: 23px;
  bottom: 23px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 49px;
  padding: 8px 16px 8px 8px;
  border: 1px solid rgba(244,191,85,.52);
  border-radius: 999px;
  color: #f9e9bd;
  background: rgba(8,10,15,.92);
  box-shadow: 0 18px 55px rgba(0,0,0,.45),0 0 28px rgba(244,191,85,.09);
  backdrop-filter: blur(16px);
  cursor: pointer;
}
.quant-chat-fab > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: #090a0d; background: var(--quant-gold); font: 800 .78rem/1 var(--font-mono,monospace); }
.quant-chat-fab strong { font: 650 .55rem/1 var(--font-mono,monospace); letter-spacing: .12em; }
.quant-chat-fab > i { width: 5px; height: 5px; border-radius: 50%; background: var(--quant-cyan); box-shadow: 0 0 10px var(--quant-cyan); }
.quant-chat {
  position: fixed;
  z-index: 92;
  right: 23px;
  bottom: 84px;
  display: grid;
  grid-template-rows: auto minmax(170px,1fr) auto auto auto;
  width: min(410px,calc(100vw - 30px));
  max-height: min(650px,calc(100vh - 115px));
  border: 1px solid rgba(244,191,85,.27);
  background: rgba(7,9,14,.97);
  box-shadow: 0 32px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(22px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(.98);
  transform-origin: 100% 100%;
  transition: .22s ease;
}
.quant-chat.is-open { opacity: 1; visibility: visible; transform: none; }
.quant-chat header { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 13px 15px 13px 18px; border-bottom: 1px solid rgba(244,191,85,.13); background: linear-gradient(90deg,rgba(244,191,85,.075),transparent); }
.quant-chat header > div { display: flex; align-items: center; gap: 11px; }
.quant-chat header i { width: 7px; height: 7px; border-radius: 50%; background: var(--quant-cyan); box-shadow: 0 0 13px var(--quant-cyan); }
.quant-chat header span { color: #f6ebd1; font: 650 .62rem/1.2 var(--font-mono,monospace); letter-spacing: .13em; }
.quant-chat header small { display: block; margin-top: 5px; color: rgba(230,233,240,.37); font-size: .46rem; letter-spacing: .1em; }
.quant-chat header button { width: 35px; height: 35px; border: 1px solid rgba(244,191,85,.12); color: rgba(239,241,246,.58); background: transparent; font-size: 1.22rem; cursor: pointer; }
.quant-chat__stream { min-height: 190px; padding: 17px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(244,191,85,.28) transparent; }
.quant-chat__message { max-width: 90%; margin-bottom: 14px; }
.quant-chat__message > span { display: block; margin-bottom: 6px; color: rgba(244,191,85,.49); font: 600 .46rem/1 var(--font-mono,monospace); letter-spacing: .12em; }
.quant-chat__message p { margin: 0; padding: 11px 13px; border: 1px solid rgba(244,191,85,.1); color: rgba(237,239,244,.78); background: rgba(244,191,85,.035); font-size: .75rem; line-height: 1.55; }
.quant-chat__message--user { margin-left: auto; }
.quant-chat__message--user > span { text-align: right; color: rgba(97,233,214,.53); }
.quant-chat__message--user p { border-color: rgba(97,233,214,.12); background: rgba(97,233,214,.035); }
.quant-chat__chips { display: flex; gap: 6px; padding: 0 17px 13px; overflow-x: auto; scrollbar-width: none; }
.quant-chat__chips button { flex: 0 0 auto; padding: 8px 9px; border: 1px solid rgba(244,191,85,.13); border-radius: 999px; color: rgba(245,227,187,.62); background: transparent; font: 500 .5rem/1 var(--font-mono,monospace); cursor: pointer; }
.quant-chat__chips button:hover { border-color: rgba(244,191,85,.45); color: #fff0c7; }
.quant-chat__form { display: grid; grid-template-columns: 1fr 40px; gap: 7px; padding: 12px 16px; border-top: 1px solid rgba(244,191,85,.12); }
.quant-chat__form input { min-width: 0; height: 42px; padding: 0 13px; border: 1px solid rgba(244,191,85,.14); border-radius: 0; outline: 0; color: #f3f1eb; background: #0b0e15; font-size: .75rem; }
.quant-chat__form input:focus { border-color: rgba(244,191,85,.45); box-shadow: 0 0 0 2px rgba(244,191,85,.06); }
.quant-chat__form button { border: 0; color: #090b0f; background: var(--quant-gold); font-size: 1rem; cursor: pointer; }
.quant-chat__legal { margin: 0; padding: 0 17px 13px; color: rgba(224,227,235,.3); font-size: .55rem; }

@media (max-width: 1100px) {
  .home .hero__inner { grid-template-columns: minmax(0,1fr) minmax(400px,.85fr); gap: 35px; }
  .quant-portal { min-height: 445px; padding: 65px 31px 33px; }
  .quant-portal__chart { height: 205px; }
  .quant-pillars { grid-template-columns: repeat(2,1fr); }
  .method-loop { grid-template-columns: repeat(2,1fr); }
  .arthur-quant > .container { grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr); gap: 45px; }
}

@media (max-width: 820px) {
  .home .topbar__long { display: none; }
  .home .topbar__short { display: inline; }
  .home .hero { min-height: auto; }
  .home .hero__inner { grid-template-columns: 1fr; min-height: auto; padding-top: 92px; padding-bottom: 80px; }
  .home .hero__copy { max-width: 720px; }
  .home .hero__title { font-size: clamp(2.7rem,10vw,4rem); }
  .quant-portal { width: min(100%,620px); margin-inline: auto; }
  .theorem-grid { grid-template-columns: 1fr; }
  .theorem-grid article { min-height: 220px; }
  .theorem-grid strong { margin-top: 30px; }
  .edge-console { grid-template-columns: 1fr; }
  .edge-console__inputs { border-right: 0; border-bottom: 1px solid rgba(244,191,85,.14); }
  .curriculum-lab { grid-template-columns: 1fr; }
  .curriculum-lab__tabs { display: grid; grid-template-columns: repeat(4,1fr); border-right: 0; border-bottom: 1px solid rgba(244,191,85,.13); overflow-x: auto; }
  .curriculum-lab__tabs button { display: block; min-width: 145px; min-height: 76px; padding: 17px; }
  .curriculum-lab__tabs button span { display: block; margin-bottom: 9px; }
  .curriculum-lab__tabs button[aria-selected="true"] { box-shadow: inset 0 -2px var(--quant-gold); }
  .curriculum-lab__panels article { grid-template-columns: 1fr; }
  .curriculum-lab__panels code { grid-column: auto; }
  .capital-ladder__steps { grid-template-columns: repeat(2,1fr); gap: 38px 0; }
  .capital-ladder__steps::before { display: none; }
  .arthur-quant > .container { grid-template-columns: 1fr; }
  .arthur-quant__portrait { min-height: 560px; max-width: 520px; }
  .arthur-quant__portrait img { min-height: 560px; }
}

@media (max-width: 560px) {
  .home .topbar__code { display: none; }
  .home .hero__inner { padding-top: 72px; gap: 45px; }
  .home .hero__title { font-size: clamp(2.12rem,10.7vw,2.75rem); line-height: 1.01; }
  .home .hero__title .grad-text { display: block; }
  .home .hero__lead { font-size: .95rem; line-height: 1.62; }
  .home .hero__cta-group { display: grid; width: 100%; }
  .home .hero__cta-group .btn { width: 100%; }
  .home .hero__proof { font-size: .66rem; }
  .quant-portal { min-height: 398px; aspect-ratio: .92; padding: 58px 19px 25px; border-radius: 48% 48% 8% 8% / 36% 36% 7% 7%; top: auto; right: auto; opacity: 1; transform: none; }
  .quant-portal__chart { height: 170px; }
  .quant-portal__head { font-size: .5rem; }
  .quant-portal__metrics small { font-size: .4rem; }
  .quant-portal__metrics strong { font-size: .76rem; }
  .quant-portal__crosshair { inset-inline: 20px; }
  .quant-pillars, .method-loop, .capital-ladder__steps { grid-template-columns: 1fr; }
  .quant-pillars li { min-height: 125px; }
  .method-loop li { min-height: 210px; }
  .method-loop strong { margin-top: 35px; }
  .edge-console__inputs, .edge-console__results { padding: 24px 18px; }
  .edge-kpis { grid-template-columns: 1fr; }
  .edge-kpis div { min-height: 93px; }
  .edge-distribution > div { gap: 1px; }
  .curriculum-lab__panels article { padding: 30px 21px; }
  .curriculum-lab__panels h3 { font-size: 2rem; }
  .capital-ladder__steps article { min-height: 185px; }
  .arthur-quant__portrait, .arthur-quant__portrait img { min-height: 500px; }
  .quant-chat-fab { right: 13px; bottom: 13px; padding-right: 11px; }
  .quant-chat-fab strong { display: none; }
  .quant-chat { right: 10px; bottom: 67px; width: calc(100vw - 20px); max-height: calc(100dvh - 82px); }
}

@media (prefers-reduced-motion: reduce) {
  .quant-portal, .quant-portal__chart > i, .odyssey-market__chart > i, .curriculum-lab__panels article, .quant-chat { animation: none !important; transition: none !important; transform: none !important; }
}

/* Inner-page editorial system: turn text walls into a navigable research dossier. */
body:not(.home) #hero {
  min-height: 520px;
  display: grid;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(244,191,85,.12);
  background:
    radial-gradient(circle at 78% 40%,rgba(244,191,85,.11),transparent 27%),
    linear-gradient(120deg,#05070c,#0a0d14);
}
body:not(.home) #hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .35;
  background-image: linear-gradient(rgba(244,191,85,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,191,85,.04) 1px,transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 46%,#000);
  mask-image: linear-gradient(90deg,transparent,#000 46%,#000);
}
body:not(.home) #hero .section__head { position: relative; z-index: 1; max-width: 920px; margin-inline: auto; text-align: left; }
body:not(.home) #hero .micro-note { text-align: left; color: rgba(244,191,85,.52); font: 550 .55rem/1 var(--font-mono,monospace); letter-spacing: .12em; text-transform: uppercase; }
body:not(.home) #hero h1 { max-width: 980px; font-size: clamp(2.65rem,4.2vw,4.45rem); line-height: .99; letter-spacing: -.05em; text-wrap: balance; }
body:not(.home) #hero .section__sub { max-width: 780px; margin-inline: 0; color: rgba(231,234,242,.64); font-size: clamp(.98rem,1.25vw,1.16rem); line-height: 1.72; }

body:not(.home) .prose { counter-reset: dossier; max-width: 1040px; }
body:not(.home) .prose h2 {
  counter-increment: dossier;
  position: relative;
  margin: 90px 0 25px;
  padding: 25px 0 0 72px;
  border-top: 1px solid rgba(244,191,85,.16);
  color: #f4f1e9;
  font-size: clamp(1.65rem,3vw,3rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}
body:not(.home) .prose h2:first-child { margin-top: 0; }
body:not(.home) .prose h2::before {
  content: counter(dossier,decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 29px;
  color: var(--quant-gold);
  font: 650 .64rem/1 var(--font-mono,monospace);
  letter-spacing: .12em;
}
body:not(.home) .prose h2::after { content: ""; position: absolute; left: 38px; top: 22px; bottom: -5px; border-left: 1px solid rgba(244,191,85,.17); }
body:not(.home) .prose p { max-width: 850px; margin-left: 72px; color: rgba(227,230,239,.65); font-size: .96rem; line-height: 1.82; }
body:not(.home) .prose p strong { color: #f3d99d; }
body:not(.home) .prose p + p { margin-top: 15px; }
body:not(.home) .faq-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 38px; }
body:not(.home) .faq-item { min-height: 180px; margin: 0; padding: 25px; border: 1px solid rgba(244,191,85,.13); background: linear-gradient(145deg,rgba(244,191,85,.04),rgba(8,11,17,.92)); }
body:not(.home) .faq-item h3 { color: #f3f0e8; font-size: 1rem; }
body:not(.home) .faq-item p { color: rgba(226,229,238,.58); font-size: .78rem; line-height: 1.65; }

.founder-page-hero > .container { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(330px,.7fr) minmax(0,1.3fr); gap: clamp(45px,7vw,105px); align-items: center; }
.founder-page-hero .section__head { max-width: none !important; margin: 0 !important; }
.founder-page-hero .world-vista { display: none !important; }
.founder-page-hero__portrait { position: relative; height: 590px; overflow: hidden; border: 1px solid rgba(244,191,85,.22); }
.founder-page-hero__portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 58%,rgba(3,5,8,.92)); }
.founder-page-hero__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; filter: saturate(.72) contrast(1.08); }
.founder-page-hero__portrait span { position: absolute; z-index: 2; left: 24px; bottom: 23px; color: #f8e6b9; font: 600 .52rem/1 var(--font-mono,monospace); letter-spacing: .14em; }
.founder-page-hero h1 { max-width: 16ch !important; font-size: clamp(2.65rem,3.55vw,3.9rem) !important; }

/* Quant data node: the inner-page planet no longer carries a shield badge. */
.world-vista__emblem {
  width: 58px;
  height: 58px;
  clip-path: none;
  border: 1px solid rgba(255,222,145,.5);
  border-radius: 50%;
  background: rgba(7,9,13,.76);
  box-shadow: inset 0 0 22px rgba(244,191,85,.09),0 0 25px rgba(0,0,0,.32);
}
.world-vista__emblem::before {
  inset: 10px;
  clip-path: none;
  border-radius: 50%;
  opacity: .42;
  background: linear-gradient(rgba(244,191,85,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(244,191,85,.22) 1px,transparent 1px);
  background-size: 8px 8px;
}
.world-vista__emblem i {
  left: 50%;
  top: 50%;
  width: 26px;
  height: 13px;
  border-left: 0;
  border-bottom: 2px solid var(--quant-cyan);
  transform: translate(-50%,-50%) skewY(-24deg);
  filter: drop-shadow(0 0 5px rgba(97,233,214,.45));
}

@media (max-width: 820px) {
  body:not(.home) #hero { min-height: 470px; }
  body:not(.home) #hero h1 { font-size: clamp(2.6rem,10vw,4.2rem); }
  body:not(.home) .prose h2 { margin-top: 65px; padding-left: 46px; }
  body:not(.home) .prose h2::after { left: 27px; }
  body:not(.home) .prose p { margin-left: 46px; }
  body:not(.home) .faq-list { grid-template-columns: 1fr; }
  .founder-page-hero { padding-top: 110px; }
  .founder-page-hero > .container { grid-template-columns: 1fr; }
  .founder-page-hero__portrait { width: min(100%,520px); height: 550px; order: 2; }
}

@media (max-width: 560px) {
  body:not(.home) #hero { min-height: 450px; }
  body:not(.home) #hero h1 { font-size: clamp(2.45rem,12vw,3.4rem); }
  body:not(.home) .prose h2 { padding-left: 0; padding-top: 46px; }
  body:not(.home) .prose h2::before { top: 20px; }
  body:not(.home) .prose h2::after { display: none; }
  body:not(.home) .prose p { margin-left: 0; font-size: .9rem; }
  .founder-page-hero__portrait { height: 500px; }
}
/* The product brand is a clean wordmark. Legacy shield/badge artwork is intentionally removed. */
.brand__mark { display: none !important; }

/* Viewport-centered navigation: the wordmark and CTA no longer bias the menu. */
@media (min-width: 1081px) {
  .home .nav__inner { position: relative; justify-content: space-between; }
  .home .nav__identity { flex: 0 0 auto; margin: 0 auto 0 0; }
  .home .nav__links {
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }
  .home .nav__actions { flex: 0 0 auto; margin-left: auto; }
}

/* Keep the offer legible as one deliberate cluster. */
.home .topbar__long { gap: 12px; }
.home .topbar__discount { margin-right: 2px; }
.home .topbar__long > strong:not(.topbar__price) { margin-inline: 2px; }

.hero__micro-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 18px 0 0;
  color: rgba(231, 234, 242, .56);
  font: 600 .56rem/1.3 var(--font-mono, monospace);
  letter-spacing: .11em;
}
.hero__micro-proof span { display: inline-flex; align-items: center; gap: 8px; }
.hero__micro-proof span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--quant-cyan); box-shadow: 0 0 10px rgba(97,233,214,.6); }
@media (max-width: 760px) {
  .hero__micro-proof { justify-content: center; gap: 8px 12px; font-size: .49rem; }
}

/* Pricing should reveal the decision surface quickly, not bury it below an oversized headline. */
.home #fiyatlar { padding-block: clamp(64px, 6vw, 92px); }
.home #fiyatlar .section__head { margin-bottom: clamp(34px, 4vw, 54px); }
.home #fiyatlar .section__head h2 {
  max-width: 24ch;
  font-size: clamp(2.15rem, 3vw, 3.15rem);
  line-height: 1.02;
}
@media (max-width: 760px) {
  .home #fiyatlar { padding-block: 60px 74px; }
  .home #fiyatlar .section__head h2 { font-size: clamp(1.9rem, 9vw, 2.55rem); }
}

/* ============================================================
   APEX III — audit repairs and stronger conversion surfaces
   ============================================================ */

/* The offer bar must read as the strongest commercial signal on the page. */
.home .topbar {
  min-height: 58px;
  border-bottom: 1px solid rgba(255, 203, 104, .62);
  background:
    radial-gradient(55% 230% at 50% 160%, rgba(232, 163, 61, .28), transparent 70%),
    linear-gradient(90deg, #030405, #0d0a06 48%, #030405);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .44), 0 1px 0 rgba(255, 210, 120, .12) inset;
}
.home .topbar::after {
  width: min(86vw, 1280px);
  background: linear-gradient(90deg, transparent, #ffc95f 20%, #fff1bc 50%, #ffc95f 80%, transparent);
}
.home .topbar__inner {
  width: min(calc(100% - 36px), 1360px);
  max-width: 1360px;
  min-height: 58px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  justify-content: stretch;
  gap: clamp(18px, 2.4vw, 36px);
  padding: 7px 0;
}
.home .topbar__code {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 22px 0 0;
  color: #fff0c7;
  border-right-color: rgba(255, 211, 122, .28);
  font: 720 .61rem/1 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-shadow: 0 0 24px rgba(255, 197, 83, .2);
}
.home .topbar__code b {
  padding: 6px 8px;
  color: #080705;
  background: #f7c55c;
  font: 820 .52rem/1 var(--font-head);
  letter-spacing: .12em;
}
.home .topbar .topbar__txt { min-width: 0; justify-self: center; }
.home .topbar .topbar__long {
  gap: 13px;
  color: #e5ded1;
  font-size: .72rem;
  letter-spacing: .06em;
}
.home .topbar__discount {
  min-height: 30px;
  padding: 6px 12px;
  color: #080706;
  background: linear-gradient(135deg, #ffe08d, #e99f2e);
  box-shadow: 0 0 32px rgba(244, 191, 85, .28), inset 0 1px rgba(255,255,255,.48);
  font-size: .59rem;
}
.home .topbar__long > strong:not(.topbar__price) { color: #fff8e7; font-weight: 760; }
.home .topbar s { color: rgba(225, 218, 203, .42); }
.home .topbar__price {
  color: #ffd36f;
  font-size: .96rem;
  text-shadow: 0 0 25px rgba(255, 199, 88, .28);
}
.home .topbar .topbar__cta {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 9px 17px;
  color: #070603;
  border: 0;
  border-radius: 5px;
  background: linear-gradient(135deg, #ffe391, #e8a333);
  box-shadow: 0 8px 24px rgba(232, 163, 61, .22), inset 0 1px rgba(255,255,255,.5);
  font: 820 .6rem/1 var(--font-head);
  letter-spacing: .13em;
}
.home .topbar__inner:hover .topbar__cta { color: #030303; background: #ffdc7b; transform: translateY(-1px); }
.has-topbar .nav { top: 58px; }
html.has-topbar { scroll-padding-top: 142px; }

/* Verified system outputs: an asymmetric five-node operating-system map. */
.home #ciktilar .section__head { max-width: 1040px; }
.home #ciktilar .section__head h2 {
  max-width: 20ch;
  font-size: clamp(2.35rem, 4.35vw, 4.65rem);
  text-wrap: balance;
}
.home #ciktilar .trading-desk-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
}
.home #ciktilar .trading-desk-grid .blg-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 245px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(244,191,85,.075), transparent 42%),
    linear-gradient(145deg, #101620, #080c13);
}
.home #ciktilar .trading-desk-grid .blg-card::before {
  position: static;
  display: block;
  flex: 0 0 auto;
  padding: 23px 28px 0;
  border: 0;
  color: rgba(244,191,85,.63);
  text-align: left;
  font: 700 .55rem/1 var(--font-mono, monospace);
  letter-spacing: .16em;
}
.home #ciktilar .trading-desk-grid .blg-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #f4bf55, #fff0bd);
  box-shadow: 0 0 22px rgba(244,191,85,.45);
  transition: width .35s ease;
}
.home #ciktilar .trading-desk-grid .blg-card:hover::after { width: 100%; }
.home #ciktilar .trading-desk-grid .blg-card__body {
  width: 100%;
  min-width: 0;
  flex: 1;
  justify-content: center;
  padding: 22px 28px 32px;
}
.home #ciktilar .trading-desk-grid .blg-card__title {
  max-width: 24ch;
  color: #f7f3e9;
  font-size: clamp(1.05rem, 1.45vw, 1.28rem);
}
.home #ciktilar .trading-desk-grid .blg-card__excerpt {
  max-width: 42ch;
  color: rgba(231,234,242,.65);
  font-size: .88rem;
  line-height: 1.7;
}
.home #ciktilar .trading-desk-grid .blg-card--master {
  grid-column: 2 / span 2;
  background: radial-gradient(circle at 86% 18%,rgba(97,233,214,.1),transparent 34%),linear-gradient(135deg,#111925,#080c13 66%);
}
.home #ciktilar .trading-desk-grid .blg-card--master::after { width: 100%; background: linear-gradient(90deg,#f4bf55,#61e9d6); }

/* The terminal now has enough vertical room for its controls at every breakpoint. */
.quant-portal { min-height: 543px; }
.quant-portal__modes button { min-height: 40px; }
.odyssey-stepper button { min-height: 40px; }

/* Package cards should never compress their purchase action into a clipped label. */
.home .plan-card .btn { min-height: 52px; white-space: normal; text-align: center; line-height: 1.25; }
@media (max-width: 1120px) and (min-width: 901px) {
  .home .plan-grid { grid-template-columns: 1fr; max-width: 650px; margin-inline: auto; gap: 24px; background: transparent; }
  .home .plan-card { border: 1px solid rgba(244,191,85,.16); }
}

/* The assistant is a deliberate conversion console, not a translucent floating pill. */
.quant-chat-backdrop {
  position: fixed;
  z-index: 150;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(2, 3, 6, .7);
  backdrop-filter: blur(7px);
  opacity: 0;
  visibility: hidden;
  cursor: default;
  transition: opacity .2s ease, visibility .2s ease;
}
.quant-chat-backdrop.is-open { opacity: 1; visibility: visible; }
.quant-chat-fab {
  z-index: 151;
  min-height: 56px;
  padding: 8px 18px 8px 9px;
  border: 1px solid #ffd777;
  color: #0a0804;
  background: linear-gradient(135deg, #ffe292, #e7a135 72%);
  box-shadow: 0 18px 48px rgba(0,0,0,.48), 0 0 34px rgba(244,191,85,.2), inset 0 1px rgba(255,255,255,.5);
  backdrop-filter: none;
  transition: transform .2s ease, filter .2s ease, opacity .18s ease;
}
.quant-chat-fab:hover { transform: translateY(-3px); filter: brightness(1.06); }
.quant-chat-fab > span {
  width: 36px;
  height: 36px;
  color: #ffd87b;
  background: #080704;
  font-size: .92rem;
  box-shadow: inset 0 0 0 1px rgba(255,220,140,.24);
}
.quant-chat-fab strong { color: #080704; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.quant-chat-fab > i { background: #0a8d78; box-shadow: 0 0 10px rgba(10,141,120,.55); }
body.quant-chat-open { overflow: hidden; }
body.quant-chat-open .quant-chat-fab { opacity: 0; pointer-events: none; transform: translateY(8px); }
.quant-chat {
  z-index: 152;
  width: min(470px, calc(100vw - 36px));
  max-height: min(720px, calc(100dvh - 116px));
  border-color: rgba(255,207,109,.48);
  background: rgba(5,7,11,.985);
  box-shadow: 0 40px 130px rgba(0,0,0,.72), 0 0 0 1px rgba(255,218,139,.05) inset;
}
.quant-chat header { min-height: 74px; padding: 15px 18px 15px 21px; }
.quant-chat header span { color: #fff0c8; font-size: .68rem; font-weight: 760; }
.quant-chat header small { color: rgba(244,220,170,.5); font-size: .49rem; }
.quant-chat__stream { min-height: 210px; padding: 20px; }
.quant-chat__message p { color: rgba(245,243,238,.88); font-size: .82rem; line-height: 1.65; }
.quant-chat__action {
  display: flex;
  min-height: 44px;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
  color: #080704;
  background: linear-gradient(135deg, #ffe393, #e7a136);
  font: 800 .58rem/1 var(--font-head);
  letter-spacing: .11em;
  box-shadow: 0 10px 28px rgba(232,163,61,.18);
}
.quant-chat__chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  overflow: visible;
  padding: 0 20px 16px;
}
.quant-chat__chips button {
  min-height: 39px;
  white-space: normal;
  line-height: 1.25;
  color: rgba(255,231,181,.73);
  text-align: left;
}
.quant-chat__form { padding: 14px 20px; }
.quant-chat__form input { height: 46px; font-size: 16px; }
.quant-chat__form button { min-width: 44px; }
.quant-chat__legal { padding-inline: 20px; color: rgba(231,233,239,.45); }

/* Inner-page chapter rails remain scrollable, but every label is readable. */
@media (max-width: 900px) {
  .mission-dock__list { scroll-snap-type: x proximity; overscroll-behavior-inline: contain; }
  .mission-dock a {
    min-width: min(250px, 72vw);
    max-width: 250px;
    min-height: 46px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    scroll-snap-align: start;
  }
}

@media (max-width: 1100px) {
  .home .topbar__inner { grid-template-columns: minmax(0, 1fr) auto; }
  .home .topbar__code { display: none; }
  .home #ciktilar .trading-desk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home #ciktilar .trading-desk-grid .blg-card--master { grid-column: 1 / -1; }
  .quant-portal { min-height: 480px; }
}

@media (max-width: 820px) {
  .home .topbar { min-height: 50px; }
  .home .topbar__inner { width: calc(100% - 22px); min-height: 50px; gap: 10px; padding-block: 5px; }
  .home .topbar__long { display: none; }
  .home .topbar__short { display: inline; color: #ffe09a; font: 760 .61rem/1 var(--font-head); letter-spacing: .06em; }
  .home .topbar .topbar__cta { min-height: 34px; padding: 8px 12px; font-size: .53rem; }
  .has-topbar .nav { top: 50px; }
  html.has-topbar { scroll-padding-top: 126px; }
}

@media (max-width: 680px) {
  .home #ciktilar .section__head h2 { font-size: clamp(2.15rem, 10.5vw, 3rem); }
  .home #ciktilar .trading-desk-grid { grid-template-columns: 1fr; }
  .home #ciktilar .trading-desk-grid .blg-card,
  .home #ciktilar .trading-desk-grid .blg-card--master { grid-column: auto; min-height: 210px; }
  .quant-chat-fab { right: 13px; bottom: 13px; padding-right: 14px; }
  .quant-chat-fab strong { display: block; font-size: .52rem; }
  .quant-chat {
    inset: 10px;
    width: auto;
    max-height: none;
    transform-origin: 100% 100%;
  }
  .quant-chat__chips { gap: 6px; padding-inline: 14px; }
  .quant-chat__chips button { padding: 8px; font-size: .48rem; }
  .quant-chat__stream { padding: 15px; }
  .quant-chat__form { padding-inline: 14px; }
}

@media (max-width: 430px) {
  .home .topbar__inner { width: 100%; padding-inline: 8px; }
  .home .topbar__short { font-size: .55rem; }
  .home .topbar .topbar__cta { padding-inline: 9px; font-size: .48rem; }
  .quant-portal { min-height: 425px; }
  .quant-chat-fab strong { max-width: 112px; line-height: 1.2; text-align: left; }
  .quant-chat__chips { grid-template-columns: 1fr 1fr; }
}

/* D26 — source-compiled Verified Contract Spine */
.program-contract {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid rgba(244,191,85,.2);
  background: linear-gradient(145deg,rgba(244,191,85,.065),rgba(3,8,15,.94) 38%,rgba(97,233,214,.035));
  box-shadow: 0 18px 48px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035);
}
.program-contract::before { content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,#f4bf55,transparent 48%,#61e9d6); }
.program-contract__head { display:grid; gap:6px; padding:16px 17px 14px; border-bottom:1px solid rgba(244,191,85,.14); }
.program-contract__head span { color:#61e9d6; font:700 .5rem/1.2 var(--font-head); letter-spacing:.16em; }
.program-contract__head strong { color:#f5f1e8; font:650 .86rem/1.3 var(--font-head); letter-spacing:-.01em; }
.program-contract__chain { margin:0; }
.program-contract__fact { position:relative; display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:center; min-height:48px; padding:10px 17px 10px 20px; margin:0; border-bottom:1px solid rgba(255,255,255,.055); }
.program-contract__fact::before { content:""; position:absolute; left:10px; width:3px; height:3px; border-radius:50%; background:#f4bf55; box-shadow:0 0 9px rgba(244,191,85,.7); }
.program-contract__fact:nth-child(even)::before { background:#61e9d6; box-shadow:0 0 9px rgba(97,233,214,.65); }
.program-contract__fact dt { color:rgba(244,191,85,.76); font:700 .47rem/1.2 var(--font-head); letter-spacing:.13em; }
.program-contract__fact dd { margin:0; color:rgba(239,242,246,.78); font-size:.7rem; line-height:1.45; overflow-wrap:anywhere; }
.program-contract__action { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:10px 17px; color:#f4bf55; font:650 .56rem/1.3 var(--font-head); letter-spacing:.08em; text-transform:uppercase; }
.program-contract__action:hover { color:#61e9d6; background:rgba(97,233,214,.035); }
.program-contract__action:focus-visible { outline:2px solid #61e9d6; outline-offset:-3px; }

.legal-hero .section__head { max-width:800px; }
.legal-truth { overflow:hidden; border:1px solid rgba(244,191,85,.16); background:linear-gradient(155deg,rgba(244,191,85,.045),rgba(4,8,14,.96) 24%,rgba(97,233,214,.025)); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.legal-truth > section { padding:clamp(28px,5vw,54px); border-bottom:1px solid rgba(255,255,255,.07); }
.legal-truth > section:last-child { border-bottom:0; }
.legal-truth__index { display:block; margin-bottom:12px; color:#61e9d6; font:700 .58rem/1.2 var(--font-head); letter-spacing:.15em; }
.legal-truth h2 { max-width:22ch; margin:0 0 18px; color:#f6f2e9; font-size:clamp(1.35rem,3vw,2rem); }
.legal-truth p { max-width:74ch; color:rgba(229,233,240,.72); line-height:1.75; }
.legal-truth a { color:#f4bf55; text-underline-offset:4px; }
.legal-truth code { padding:.16em .4em; border:1px solid rgba(97,233,214,.18); color:#61e9d6; background:rgba(97,233,214,.045); }
.legal-fact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:25px 0; border:1px solid rgba(244,191,85,.15); background:rgba(244,191,85,.13); }
.legal-fact-grid article { display:grid; gap:7px; min-width:0; padding:20px; background:#080d15; }
.legal-fact-grid span,.legal-fact-grid small { color:rgba(228,232,239,.55); font-size:.68rem; line-height:1.45; }
.legal-fact-grid strong { color:#f4bf55; font:700 1.25rem/1 var(--font-head); }
.legal-output-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; margin:24px 0; list-style:none; counter-reset:legal-output; }
.legal-output-list li { counter-increment:legal-output; position:relative; min-height:58px; padding:15px 16px 15px 48px; border:1px solid rgba(97,233,214,.11); color:rgba(236,239,244,.78); background:rgba(97,233,214,.025); }
.legal-output-list li::before { content:counter(legal-output,decimal-leading-zero); position:absolute; left:14px; color:#61e9d6; font:700 .62rem/1 var(--font-head); }
.legal-record-list { margin:22px 0; border-top:1px solid rgba(255,255,255,.08); }
.legal-record-list > div { display:grid; grid-template-columns:minmax(120px,.35fr) minmax(0,1fr); gap:20px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.legal-record-list dt { color:rgba(244,191,85,.72); font:700 .58rem/1.4 var(--font-head); letter-spacing:.1em; text-transform:uppercase; }
.legal-record-list dd { margin:0; color:rgba(239,242,246,.8); overflow-wrap:anywhere; }

@media (max-width:680px) {
  .program-contract__fact { grid-template-columns:64px minmax(0,1fr); padding-inline:18px 14px; }
  .legal-fact-grid,.legal-output-list { grid-template-columns:1fr; }
  .legal-record-list > div { grid-template-columns:1fr; gap:6px; }
  .legal-truth > section { padding:27px 20px; }
}