/*
 * Manabi Video Navi — cinematic future landing V243
 *
 * A presentation-only homepage layer. It deliberately leaves every form,
 * link, id, name, data attribute and application event contract untouched.
 * Removing this stylesheet restores the V242 composition.
 */

body.mnv-future-ui.public-app.shell-public.page-index {
  --mnv-v243-ink: #020719;
  --mnv-v243-night: #041435;
  --mnv-v243-navy: #07265a;
  --mnv-v243-blue: #087bff;
  --mnv-v243-cyan: #49e8ff;
  --mnv-v243-orange: #ff761a;
  --mnv-v243-gold: #ffc35b;
  --mnv-v243-violet: #8a5cff;
  --mnv-v243-white: #f8fbff;
  --mnv-v243-paper: #edf4fb;
  --mnv-v243-text: #10264a;
  --mnv-v243-muted: #a7bbda;
  --mnv-v243-line: rgba(126, 196, 255, .28);
  --mnv-v243-progress: 0;
  --mnv-v243-pointer-x: 72%;
  --mnv-v243-pointer-y: 28%;
  --mnv-v243-max: 1500px;
  --mnv-v243-pad: max(6.25vw, calc((100vw - var(--mnv-v243-max)) / 2 + 44px));
  background: var(--mnv-v243-night) !important;
  color: var(--mnv-v243-white) !important;
  overflow-x: clip !important;
}

body.mnv-future-ui.public-app.shell-public.page-index main.container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: clip !important;
  background: var(--mnv-v243-night) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.mnv-v243-global-chrome, .mnv-v243-hero-chrome, .mnv-v243-section-meta, .mnv-v243-scan, .mnv-v243-kinetic-rail) {
  pointer-events: none !important;
  user-select: none !important;
}

/* Header remains application-owned. This layer changes only its material. */
body.mnv-future-ui.public-app.shell-public.page-index .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  min-height: 76px !important;
  border-bottom: 1px solid rgba(92, 224, 255, .24) !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 28, .97), rgba(4, 26, 67, .94) 54%, rgba(7, 20, 57, .96)) !important;
  box-shadow: 0 18px 52px rgba(0, 3, 20, .32) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header::after {
  position: absolute !important;
  right: 0 !important;
  bottom: -1px !important;
  left: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 3%, var(--mnv-v243-cyan) 24%, transparent 55%, var(--mnv-v243-orange) 82%, transparent 98%) !important;
  content: "" !important;
  opacity: .62 !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header-inner {
  width: min(var(--mnv-v243-max), calc(100% - 40px)) !important;
  min-height: 76px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header :where(.brand-text strong, .site-nav a, .nav-link) {
  color: #f8fbff !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header .brand-text small {
  color: #9fbadb !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header .brand-mark {
  border: 1px solid rgba(75, 224, 255, .46) !important;
  background: rgba(9, 34, 77, .78) !important;
  box-shadow: 0 0 0 4px rgba(48, 205, 255, .07), 0 0 26px rgba(30, 183, 255, .24) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .site-header .nav-cta {
  border-color: rgba(255, 228, 179, .88) !important;
  background: linear-gradient(110deg, #ffce67, #ff7b1c) !important;
  color: #142346 !important;
  box-shadow: 0 10px 28px rgba(255, 107, 18, .28) !important;
}

/* -----------------------------------------------------------------------
   First view — oversized editorial typography and a responsive light field
   ----------------------------------------------------------------------- */

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero {
  position: relative !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: clip !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mnv-v243-ink) !important;
  color: var(--mnv-v243-white) !important;
  isolation: isolate !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero::before {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: -2 !important;
  width: 100% !important;
  height: min(1000px, calc(100svh - 40px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(1, 6, 23, .98) 0%, rgba(3, 14, 43, .94) 40%, rgba(4, 18, 50, .58) 66%, rgba(2, 8, 27, .34) 100%),
    linear-gradient(180deg, transparent 56%, #020719 100%),
    url('../mnv-command-skyline-v242.webp') center right / cover no-repeat !important;
  content: "" !important;
  filter: saturate(1.08) contrast(1.08) !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero::after {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: -1 !important;
  width: 100% !important;
  height: min(1000px, calc(100svh - 40px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(65, 229, 255, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(65, 229, 255, .07) 1px, transparent 1px),
    radial-gradient(circle at var(--mnv-v243-pointer-x) var(--mnv-v243-pointer-y), rgba(58, 209, 255, .16), transparent 19rem) !important;
  background-size: 92px 92px, 92px 92px, auto !important;
  content: "" !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.84), transparent 94%) !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.84), transparent 94%) !important;
  opacity: .54 !important;
  transform: none !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "copy" "stage" !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy {
  position: relative !important;
  display: flex !important;
  grid-area: copy !important;
  min-height: max(760px, calc(100svh - 76px)) !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(86px, 9vh, 132px) var(--mnv-v243-pad) clamp(104px, 12vh, 164px) !important;
  overflow: hidden !important;
  background: transparent !important;
  color: var(--mnv-v243-white) !important;
  text-align: left !important;
  isolation: isolate !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy::before {
  position: absolute !important;
  top: 10% !important;
  right: 6.5% !important;
  z-index: -1 !important;
  width: clamp(260px, 36vw, 660px) !important;
  aspect-ratio: 1 !important;
  border: 1px solid rgba(77, 225, 255, .18) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(59, 223, 255, .12) 0 2px, transparent 3px),
    repeating-radial-gradient(circle, transparent 0 48px, rgba(65, 217, 255, .12) 49px 50px) !important;
  box-shadow: inset 0 0 100px rgba(37, 152, 255, .05), 0 0 100px rgba(25, 176, 255, .06) !important;
  content: "" !important;
  opacity: .78 !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy::after {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: calc(var(--mnv-v243-pad) - 28px) !important;
  z-index: -1 !important;
  width: 1px !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, transparent, rgba(62, 225, 255, .6) 24%, rgba(255, 118, 26, .78) 72%, transparent) !important;
  content: "" !important;
  opacity: .7 !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-kicker {
  order: 0 !important;
  max-width: min(820px, 100%) !important;
  margin: 0 0 clamp(24px, 4vh, 44px) !important;
  padding: 0 0 0 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #d4e8ff !important;
  font-size: clamp(11px, .84vw, 14px) !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-kicker::before {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 24px !important;
  height: 2px !important;
  background: var(--mnv-v243-orange) !important;
  content: "" !important;
  box-shadow: 0 0 16px rgba(255, 112, 20, .72) !important;
  transform: translateY(-50%) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-kicker b {
  color: var(--mnv-v243-orange) !important;
  text-shadow: 0 0 22px rgba(255, 112, 20, .3) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero h1 {
  order: 1 !important;
  width: min(1100px, 83vw) !important;
  max-width: 1100px !important;
  margin: 0 !important;
  color: #f9fbff !important;
  font-size: clamp(58px, 7.2vw, 132px) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  letter-spacing: -.075em !important;
  text-wrap: balance !important;
  text-shadow: 0 10px 45px rgba(0, 0, 0, .34) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero :where(.koto-hero-problem, .koto-solution-band, .koto-hero-solution, .koto-hero-solution em) {
  color: #f7faff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-problem {
  display: block !important;
  max-width: 10.8em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-solution-band {
  display: block !important;
  width: min(1100px, 83vw) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-solution strong {
  display: inline !important;
  background: linear-gradient(100deg, #ffb335 0%, #ff7417 44%, #ff9361 72%, #ffcc6b 100%) !important;
  background-size: 220% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: min(550px, 100%) !important;
  margin: .24em 0 .2em !important;
  color: #a8c1df !important;
  font-size: clamp(11px, .9vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  opacity: 1 !important;
  transform: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge::before,
body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge::after {
  flex: 0 0 52px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--mnv-v243-cyan)) !important;
  content: "" !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge::after {
  background: linear-gradient(90deg, var(--mnv-v243-orange), transparent) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge > span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #adc5e4 !important;
  -webkit-text-fill-color: #adc5e4 !important;
  box-shadow: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-route-convergence {
  opacity: .72 !important;
  filter: drop-shadow(0 0 15px rgba(48, 208, 255, .35)) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-promise {
  order: 2 !important;
  width: min(760px, 67vw) !important;
  max-width: 760px !important;
  margin: clamp(26px, 4vh, 42px) 0 0 !important;
  padding: 0 0 0 20px !important;
  border: 0 !important;
  border-left: 3px solid var(--mnv-v243-cyan) !important;
  background: transparent !important;
  color: #d2dfef !important;
  font-size: clamp(16px, 1.22vw, 20px) !important;
  font-weight: 620 !important;
  line-height: 1.85 !important;
  box-shadow: none !important;
  text-shadow: 0 2px 18px rgba(0, 3, 20, .8) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-actions {
  display: flex !important;
  order: 3 !important;
  flex-wrap: wrap !important;
  gap: 13px !important;
  justify-content: flex-start !important;
  margin: clamp(26px, 4vh, 40px) 0 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-actions .button {
  position: relative !important;
  min-height: 60px !important;
  padding: 16px 28px !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-actions .button.primary {
  border: 1px solid rgba(255, 230, 183, .86) !important;
  background: linear-gradient(115deg, #ffb540, #ff7417 57%, #ff5f2e) !important;
  color: #101e3d !important;
  box-shadow: 0 18px 46px rgba(255, 99, 17, .3), 0 0 0 5px rgba(255, 133, 39, .08) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-secondary-button {
  border: 1px solid rgba(110, 216, 255, .48) !important;
  background: rgba(5, 25, 63, .72) !important;
  color: #e9f7ff !important;
  box-shadow: inset 0 0 25px rgba(49, 191, 255, .06), 0 14px 34px rgba(0, 4, 24, .22) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope {
  display: grid !important;
  order: 4 !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  width: min(850px, 76vw) !important;
  margin: clamp(30px, 5vh, 52px) 0 0 !important;
  padding: 12px 0 !important;
  border: solid rgba(105, 199, 255, .25) !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #bcd0e8 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope strong {
  color: #deedff !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope li {
  min-height: 30px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(109, 202, 255, .26) !important;
  border-radius: 2px !important;
  background: rgba(5, 30, 72, .6) !important;
  color: #bed7f2 !important;
  font-size: 11px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-trust-row {
  display: flex !important;
  order: 5 !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  width: min(850px, 76vw) !important;
  margin: 12px 0 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-trust-row span {
  min-height: 32px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: rgba(5, 24, 60, .45) !important;
  color: #9fb9d6 !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

/* JS-added decorative chrome. It cannot receive pointer events. */
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-chrome {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  overflow: hidden !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-code {
  position: absolute !important;
  top: clamp(26px, 5vh, 58px) !important;
  right: var(--mnv-v243-pad) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #94b6d8 !important;
  font: 750 10px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .2em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-code::before {
  width: 54px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--mnv-v243-cyan)) !important;
  content: "" !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-sequence {
  position: absolute !important;
  right: max(22px, 2.1vw) !important;
  bottom: clamp(44px, 8vh, 94px) !important;
  display: grid !important;
  gap: 7px !important;
  color: #9eb8d7 !important;
  font: 800 9px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .16em !important;
  text-align: right !important;
  writing-mode: vertical-rl !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-sequence b {
  color: var(--mnv-v243-orange) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair {
  position: absolute !important;
  top: 36% !important;
  right: clamp(7%, 10vw, 15%) !important;
  width: clamp(130px, 12vw, 210px) !important;
  aspect-ratio: 1 !important;
  border: 1px solid rgba(71, 222, 255, .2) !important;
  border-radius: 50% !important;
  opacity: .7 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair::before,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair::after {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: rgba(68, 223, 255, .32) !important;
  content: "" !important;
  transform: translate(-50%, -50%) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair::before {
  width: 130% !important;
  height: 1px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair::after {
  width: 1px !important;
  height: 130% !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-scan {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 4 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 8%, rgba(71, 232, 255, .1) 24%, rgba(71, 232, 255, .88) 50%, rgba(255, 116, 23, .3) 74%, transparent 94%) !important;
  box-shadow: 0 0 22px rgba(53, 213, 255, .46) !important;
  opacity: .58 !important;
}

/* -----------------------------------------------------------------------
   Functional search cockpit — preserved as the second act of the landing
   ----------------------------------------------------------------------- */

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-stage {
  position: relative !important;
  display: grid !important;
  grid-area: stage !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(42px, 5vw, 78px) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(104px, 10vw, 176px) var(--mnv-v243-pad) clamp(112px, 11vw, 190px) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(81, 80, 255, .24), transparent 30rem),
    radial-gradient(circle at 11% 76%, rgba(20, 195, 255, .14), transparent 32rem),
    linear-gradient(145deg, #020719, #061333 48%, #081e4d) !important;
  isolation: isolate !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-stage::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(116deg, transparent 32%, rgba(66, 222, 255, .06) 49%, transparent 66%),
    radial-gradient(circle, rgba(96, 176, 255, .24) 0 1px, transparent 1.5px) !important;
  background-size: auto, 78px 78px !important;
  content: "" !important;
  opacity: .54 !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-device {
  position: relative !important;
  z-index: 2 !important;
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 1px !important;
  overflow: visible !important;
  border: 1px solid rgba(74, 225, 255, .56) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(58, 223, 255, .84), rgba(68, 84, 255, .38) 52%, rgba(255, 101, 31, .62)) !important;
  box-shadow: 0 42px 130px rgba(0, 2, 20, .64), 0 0 48px rgba(51, 197, 255, .11), 0 0 0 8px rgba(53, 112, 255, .05) !important;
  transform: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-device-screen {
  overflow: hidden !important;
  border-radius: 15px !important;
  background: linear-gradient(150deg, rgba(249, 253, 255, .98), rgba(228, 243, 255, .98)) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-appbar {
  border-radius: 14px 14px 0 0 !important;
  background: linear-gradient(95deg, #041532, #092c66) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-search-form {
  border-radius: 10px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .cosmic-live-showcase {
  width: min(1200px, 100%) !important;
  margin: 0 auto !important;
}

/* -----------------------------------------------------------------------
   Editorial section system
   ----------------------------------------------------------------------- */

body.mnv-future-ui.public-app.shell-public.page-index main > .koto-section,
body.mnv-future-ui.public-app.shell-public.page-index main > .brand-film-section,
body.mnv-future-ui.public-app.shell-public.page-index main > .koto-final-cta {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: min(960px, 82svh) !important;
  margin: 0 !important;
  padding: clamp(112px, 10vw, 180px) var(--mnv-v243-pad) !important;
  overflow: clip !important;
  border: 0 !important;
  border-radius: 0 !important;
  isolation: isolate !important;
}

body.mnv-future-ui.public-app.shell-public.page-index main > .koto-section::before,
body.mnv-future-ui.public-app.shell-public.page-index main > .brand-film-section::before,
body.mnv-future-ui.public-app.shell-public.page-index main > .koto-final-cta::before {
  position: absolute !important;
  top: 0 !important;
  right: var(--mnv-v243-pad) !important;
  left: var(--mnv-v243-pad) !important;
  z-index: -1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(79, 217, 255, .54), transparent 36%, transparent 68%, rgba(255, 114, 23, .42)) !important;
  content: "" !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-section-meta {
  position: absolute !important;
  top: clamp(38px, 4.3vw, 72px) !important;
  right: var(--mnv-v243-pad) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: currentColor !important;
  font: 800 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .2em !important;
  opacity: .48 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-section-meta::before {
  width: 42px !important;
  height: 1px !important;
  background: currentColor !important;
  content: "" !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) {
  position: relative !important;
  z-index: 2 !important;
  width: min(1000px, 100%) !important;
  max-width: 1000px !important;
  margin: 0 auto clamp(48px, 6vw, 88px) !important;
  color: inherit !important;
  text-align: left !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) > span {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 0 24px !important;
  color: var(--mnv-v243-orange) !important;
  font-size: clamp(10px, .78vw, 13px) !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) > span::after {
  width: 62px !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--mnv-v243-orange), transparent) !important;
  content: "" !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) h2 {
  margin: 0 !important;
  color: inherit !important;
  font-size: clamp(44px, 5.2vw, 88px) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.06em !important;
  text-wrap: balance !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) h2 em {
  color: var(--mnv-v243-orange) !important;
  font-style: normal !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) > p {
  width: min(760px, 100%) !important;
  margin: 26px 0 0 !important;
  color: currentColor !important;
  font-size: clamp(14px, 1.12vw, 18px) !important;
  font-weight: 560 !important;
  line-height: 1.9 !important;
  opacity: .74 !important;
}

/* White editorial act. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section,
body.mnv-future-ui.public-app.shell-public.page-index .koto-features-section,
body.mnv-future-ui.public-app.shell-public.page-index .koto-support-section {
  background:
    radial-gradient(circle at 86% 6%, rgba(53, 194, 255, .13), transparent 24rem),
    linear-gradient(135deg, #f8fbff, #eaf3fb) !important;
  color: var(--mnv-v243-text) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section::after,
body.mnv-future-ui.public-app.shell-public.page-index .koto-features-section::after,
body.mnv-future-ui.public-app.shell-public.page-index .koto-support-section::after {
  position: absolute !important;
  right: -2vw !important;
  bottom: 1vw !important;
  z-index: -1 !important;
  color: rgba(5, 39, 82, .045) !important;
  content: "MANABI" !important;
  font-size: clamp(110px, 19vw, 360px) !important;
  font-weight: 950 !important;
  line-height: .75 !important;
  letter-spacing: -.09em !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section {
  display: grid !important;
  grid-template-columns: minmax(320px, .8fr) minmax(560px, 1.2fr) !important;
  align-items: center !important;
  gap: clamp(44px, 7vw, 112px) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section .koto-learning-range-intro {
  margin: 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-learning-range-grid, .koto-feature-grid, .koto-pain-grid, .homepage-trust-grid) > article {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-grid > article {
  min-height: 260px !important;
  padding: clamp(24px, 2.2vw, 36px) !important;
  border: 1px solid rgba(40, 103, 168, .17) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 18px 50px rgba(23, 72, 123, .08) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-grid > article::after,
body.mnv-future-ui.public-app.shell-public.page-index .koto-feature-grid > article::after,
body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid > article::after,
body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid > article::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border: solid currentColor !important;
  border-width: 0 1px 1px 0 !important;
  content: "" !important;
  opacity: .18 !important;
  pointer-events: none !important;
}

/* Dark problem act. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-section,
body.mnv-future-ui.public-app.shell-public.page-index .koto-scenes-section,
body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-section,
body.mnv-future-ui.public-app.shell-public.page-index main > .koto-section:not([class*="koto-"]) {
  background:
    radial-gradient(circle at 12% 18%, rgba(55, 191, 255, .11), transparent 26rem),
    linear-gradient(140deg, #041333, #061b43 58%, #051536) !important;
  color: var(--mnv-v243-white) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid > article {
  min-height: 280px !important;
  padding: clamp(28px, 2.5vw, 42px) !important;
  border: 1px solid rgba(113, 191, 255, .23) !important;
  background: linear-gradient(145deg, rgba(248, 252, 255, .98), rgba(229, 241, 253, .98)) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 28px 70px rgba(0, 3, 24, .23) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid > article > span:first-child {
  color: var(--mnv-v243-orange) !important;
}

/* Process act: copy plus luminous orbit. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-section {
  display: grid !important;
  grid-template-columns: minmax(340px, .83fr) minmax(550px, 1.17fr) !important;
  align-items: center !important;
  gap: clamp(48px, 8vw, 128px) !important;
  background:
    radial-gradient(circle at 78% 45%, rgba(59, 106, 255, .28), transparent 30rem),
    radial-gradient(circle at 88% 50%, rgba(53, 225, 255, .10), transparent 20rem),
    linear-gradient(140deg, #020719, #051636 62%, #061c49) !important;
  color: var(--mnv-v243-white) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy {
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 !important;
  color: inherit !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy > span {
  color: var(--mnv-v243-orange) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy h2 {
  color: inherit !important;
  font-size: clamp(46px, 5vw, 82px) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.06em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy h2 em {
  color: var(--mnv-v243-orange) !important;
  font-style: normal !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy p {
  color: #b6c8df !important;
  line-height: 1.9 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-board {
  width: min(700px, 100%) !important;
  min-height: 610px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(68, 217, 255, .26) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, rgba(65, 215, 255, .06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(65, 215, 255, .05) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(44, 122, 255, .24), rgba(2, 11, 34, .92) 62%) !important;
  background-size: 64px 64px, 64px 64px, auto !important;
  box-shadow: inset 0 0 80px rgba(28, 153, 255, .08), 0 36px 100px rgba(0, 2, 20, .46) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-board::after {
  position: absolute !important;
  inset: 13% !important;
  border: 1px dashed rgba(255, 120, 30, .55) !important;
  border-radius: 50% !important;
  content: "" !important;
  pointer-events: none !important;
}

/* Seven-day momentum: purposefully uneven editorial rhythm. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-section {
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(47, 215, 255, .05) 46% 47%, transparent 47%),
    linear-gradient(145deg, #03102d, #071d4a) !important;
  color: var(--mnv-v243-white) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
  width: min(1400px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track > article {
  min-height: 280px !important;
  margin: 0 !important;
  padding: clamp(24px, 2.1vw, 36px) !important;
  border: 1px solid rgba(107, 185, 255, .24) !important;
  border-radius: 6px !important;
  background: linear-gradient(150deg, rgba(250, 253, 255, .98), rgba(231, 241, 251, .98)) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 24px 70px rgba(0, 3, 24, .25) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track > article:nth-child(even) {
  margin-top: 40px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track > article.is-goal {
  border-color: rgba(255, 133, 48, .5) !important;
  background: linear-gradient(150deg, #fff8ec, #fff1df) !important;
}

/* Feature matrix. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-feature-grid > article {
  min-height: 190px !important;
  padding: clamp(24px, 2vw, 34px) !important;
  border: 1px solid rgba(38, 103, 168, .16) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 18px 44px rgba(22, 72, 123, .07) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-feature-grid > article > span:first-child {
  color: var(--mnv-v243-orange) !important;
}

/* Real-world contexts. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-scene-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-scene-grid > article {
  min-height: 370px !important;
  padding: clamp(26px, 2.8vw, 44px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(110, 189, 255, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(248, 252, 255, .98), rgba(225, 240, 251, .98)) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 30px 80px rgba(0, 3, 25, .24) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-scene-art {
  min-height: 220px !important;
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 70% 25%, rgba(66, 221, 255, .26), transparent 12rem),
    linear-gradient(140deg, #e8f6ff, #d7eaff) !important;
}

/* Support and proof. */
body.mnv-future-ui.public-app.shell-public.page-index .koto-role-grid,
body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: min(1200px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-role-grid > article,
body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid > article {
  min-height: 250px !important;
  padding: clamp(28px, 2.5vw, 42px) !important;
  border-radius: 8px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-role-grid > article {
  border: 1px solid rgba(33, 96, 159, .16) !important;
  background: rgba(255, 255, 255, .88) !important;
  color: var(--mnv-v243-text) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid > article {
  border: 1px solid rgba(105, 186, 255, .22) !important;
  background: rgba(248, 252, 255, .96) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 28px 74px rgba(0, 3, 25, .24) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .homepage-faq {
  width: min(1200px, 100%) !important;
  margin: 24px auto 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .homepage-faq details {
  border: 1px solid rgba(105, 188, 255, .22) !important;
  border-radius: 5px !important;
  background: rgba(246, 251, 255, .97) !important;
  color: var(--mnv-v243-text) !important;
}

/* Film becomes a true cinematic intermission. */
body.mnv-future-ui.public-app.shell-public.page-index .brand-film-section {
  background:
    radial-gradient(circle at 50% 40%, rgba(39, 83, 163, .20), transparent 32rem),
    #01040c !important;
  color: var(--mnv-v243-white) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .brand-film-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr) !important;
  gap: 16px !important;
  width: min(1400px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .brand-film-poster {
  min-height: 520px !important;
  overflow: hidden !important;
  border: 1px solid rgba(106, 208, 255, .3) !important;
  border-radius: 4px !important;
  box-shadow: 0 36px 100px rgba(0, 0, 0, .55) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .brand-film-timeline {
  display: grid !important;
  align-content: stretch !important;
  gap: 1px !important;
  border: 1px solid rgba(105, 188, 255, .2) !important;
  background: rgba(89, 171, 255, .16) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .brand-film-timeline > div {
  padding: 24px !important;
  background: rgba(4, 18, 47, .96) !important;
}

/* Organization entry. This catches the plain .koto-section at the end. */
body.mnv-future-ui.public-app.shell-public.page-index .org-path-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(1250px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .org-path-card {
  min-height: 300px !important;
  padding: clamp(28px, 2.5vw, 44px) !important;
  border: 1px solid rgba(96, 186, 255, .22) !important;
  border-radius: 7px !important;
  background: linear-gradient(150deg, #f9fcff, #eaf3fc) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 28px 72px rgba(0, 3, 24, .26) !important;
}

/* Last act. */
body.mnv-future-ui.public-app.shell-public.page-index main > .koto-final-cta {
  display: flex !important;
  min-height: min(860px, 92svh) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(29, 121, 255, .36), transparent 29rem),
    radial-gradient(circle at 74% 12%, rgba(72, 222, 255, .15), transparent 18rem),
    linear-gradient(145deg, #020719, #061c4b 58%, #061735) !important;
  color: var(--mnv-v243-white) !important;
  text-align: center !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-final-cta > span {
  color: var(--mnv-v243-orange) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .2em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-final-cta h2 {
  margin: 24px 0 !important;
  color: #f8fbff !important;
  font-size: clamp(66px, 8.2vw, 148px) !important;
  font-weight: 950 !important;
  line-height: .95 !important;
  letter-spacing: -.075em !important;
  text-shadow: 0 0 46px rgba(45, 155, 255, .18) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .koto-final-cta p {
  width: min(720px, 100%) !important;
  color: #becfe5 !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.9 !important;
}

/* Scroll meter and active-act label. */
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-global-chrome {
  position: fixed !important;
  inset: 76px 0 0 !important;
  z-index: 45 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-scroll-meter {
  position: absolute !important;
  top: 8vh !important;
  right: 14px !important;
  bottom: 8vh !important;
  width: 2px !important;
  overflow: hidden !important;
  background: rgba(121, 186, 255, .16) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-scroll-meter > i {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, var(--mnv-v243-cyan), var(--mnv-v243-blue) 52%, var(--mnv-v243-orange)) !important;
  box-shadow: 0 0 16px rgba(49, 210, 255, .55) !important;
  transform: scaleY(var(--mnv-v243-progress)) !important;
  transform-origin: top !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-act-label {
  position: absolute !important;
  right: 24px !important;
  bottom: 3vh !important;
  color: rgba(205, 228, 250, .64) !important;
  font: 800 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .16em !important;
  text-align: right !important;
}

/* Optional V243 blocks added by the page template remain part of this system. */
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-impact,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-proof {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: min(900px, 86svh) !important;
  padding: clamp(112px, 11vw, 190px) var(--mnv-v243-pad) !important;
  overflow: clip !important;
  background: linear-gradient(145deg, #020719, #071d4b) !important;
  color: var(--mnv-v243-white) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-display-copy {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  color: inherit !important;
  font-size: clamp(50px, 7vw, 126px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.07em !important;
  text-wrap: balance !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-display-copy em {
  color: var(--mnv-v243-orange) !important;
  font-style: normal !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-impact-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(1280px, 100%) !important;
  margin: 70px auto 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-impact-grid > * {
  min-height: 260px !important;
  padding: clamp(28px, 2.5vw, 42px) !important;
  border: 1px solid rgba(104, 191, 255, .24) !important;
  border-radius: 6px !important;
  background: rgba(247, 252, 255, .97) !important;
  color: var(--mnv-v243-text) !important;
  box-shadow: 0 28px 80px rgba(0, 3, 24, .3) !important;
}

/* Template-owned editorial acts added in V243. All layers are decorative or
   explanatory; the real search form and every application control stay above
   them and retain their original hit area. */
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence {
  position: fixed !important;
  inset: 76px 0 0 !important;
  z-index: 54 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 75% 34%, rgba(35, 196, 255, .17), transparent 28rem),
    linear-gradient(145deg, #01040f, #04153a 72%, #020719) !important;
  color: #fff !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  user-select: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence::before,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence::after {
  position: absolute !important;
  inset: 0 !important;
  content: "" !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence::before {
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(65, 222, 255, .14) 50%, transparent 50.2%),
    repeating-linear-gradient(180deg, transparent 0 7px, rgba(133, 210, 255, .035) 8px 9px) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence::after {
  width: 1px !important;
  margin-left: 9vw !important;
  background: linear-gradient(180deg, transparent, var(--mnv-v243-cyan), var(--mnv-v243-orange), transparent) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence > :is(span, strong) {
  position: absolute !important;
  top: 50% !important;
  left: var(--mnv-v243-pad) !important;
  width: min(1280px, calc(100% - (2 * var(--mnv-v243-pad)))) !important;
  color: #f8fbff !important;
  font-size: clamp(44px, 8vw, 150px) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  letter-spacing: -.075em !important;
  opacity: 0 !important;
  transform: translate3d(0, -38%, 0) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence > strong {
  color: var(--mnv-v243-orange) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: 1 !important;
  height: max(760px, calc(100svh - 76px)) !important;
  overflow: hidden !important;
  opacity: .7 !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > i {
  position: absolute !important;
  border: 1px solid rgba(71, 220, 255, .18) !important;
  border-radius: 50% !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > i:nth-child(1) { top: 8%; right: 8%; width: 38vw !important; aspect-ratio: 1 !important; }
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > i:nth-child(2) { top: 17%; right: 15%; width: 24vw !important; aspect-ratio: 1 !important; border-style: dashed !important; border-color: rgba(255, 126, 35, .30) !important; }
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > i:nth-child(3) { top: 0; left: 10%; width: 1px !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(transparent, rgba(65, 222, 255, .58), transparent) !important; }

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > span {
  position: absolute !important;
  right: 4vw !important;
  bottom: 18% !important;
  color: rgba(202, 229, 255, .44) !important;
  font: 800 clamp(8px, .7vw, 11px)/1.4 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .22em !important;
  writing-mode: vertical-rl !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index {
  position: absolute !important;
  top: 8.5rem !important;
  right: max(26px, 3vw) !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: auto auto !important;
  gap: 12px !important;
  align-items: end !important;
  color: rgba(221, 239, 255, .62) !important;
  pointer-events: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index b {
  color: var(--mnv-v243-orange) !important;
  font: 950 clamp(36px, 4vw, 72px)/.8 ui-monospace, SFMono-Regular, Consolas, monospace !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index span {
  font: 800 8px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .16em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-rail {
  position: absolute !important;
  top: max(700px, calc(100svh - 132px)) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  gap: clamp(14px, 2.5vw, 52px) !important;
  align-items: center !important;
  padding: 12px var(--mnv-v243-pad) !important;
  overflow: hidden !important;
  border-block: 1px solid rgba(111, 198, 255, .12) !important;
  color: rgba(222, 239, 255, .54) !important;
  font: 900 clamp(9px, .8vw, 12px)/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .22em !important;
  white-space: nowrap !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-rail i {
  width: 30px !important;
  height: 1px !important;
  flex: 1 1 30px !important;
  background: linear-gradient(90deg, rgba(66, 222, 255, .08), rgba(66, 222, 255, .7), rgba(255, 121, 28, .65), rgba(255, 121, 28, .08)) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-configured-manifesto {
  display: grid !important;
  gap: 4px !important;
  max-width: min(760px, 100%) !important;
  margin: 20px 0 0 !important;
  padding: 14px 18px !important;
  border-left: 2px solid var(--mnv-v243-cyan) !important;
  background: rgba(1, 9, 29, .58) !important;
  color: #dbeaff !important;
  font-size: clamp(13px, 1vw, 16px) !important;
  line-height: 1.7 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-configured-manifesto > span {
  color: #78dff7 !important;
  font: 850 8px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .16em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-copy > span,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-scene > div:last-child > span {
  display: block !important;
  margin-bottom: 24px !important;
  color: var(--mnv-v243-cyan) !important;
  font: 850 9px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .18em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-copy h2 small {
  display: block !important;
  margin-bottom: 12px !important;
  color: rgba(232, 243, 255, .58) !important;
  font-size: .42em !important;
  letter-spacing: -.035em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-copy h2 strong {
  display: block !important;
  color: #fff !important;
  font: inherit !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-copy > p,
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-scene > div:last-child > p {
  max-width: 760px !important;
  margin: 38px 0 0 !important;
  color: #c7d8ec !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  line-height: 1.9 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-facts {
  position: relative !important;
  z-index: 2 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-facts li {
  display: grid !important;
  align-content: space-between !important;
  gap: 46px !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-facts li b {
  color: var(--mnv-v243-orange) !important;
  font: 950 42px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-facts li span {
  display: grid !important;
  gap: 8px !important;
  color: #34516f !important;
  font-weight: 800 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-manifesto-facts li strong {
  color: #0a2850 !important;
  font-size: clamp(22px, 2vw, 34px) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene {
  position: relative !important;
  min-height: min(760px, 78svh) !important;
  padding: clamp(110px, 11vw, 190px) 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 74% 44%, rgba(35, 222, 255, .13), transparent 28rem),
    #01040e !important;
  color: #fff !important;
  isolation: isolate !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene > div {
  display: grid !important;
  gap: 0 !important;
  transform: rotate(-4deg) scale(1.08) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene > div span {
  color: transparent !important;
  font-size: clamp(78px, 14vw, 260px) !important;
  font-weight: 950 !important;
  line-height: .76 !important;
  letter-spacing: -.08em !important;
  white-space: nowrap !important;
  -webkit-text-stroke: 1px rgba(126, 209, 255, .28) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene > div span:nth-child(2) {
  color: #f5f9ff !important;
  text-shadow: -5px 0 rgba(46, 225, 255, .24), 5px 0 rgba(255, 89, 34, .18) !important;
  -webkit-text-stroke: 0 !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene > strong {
  position: absolute !important;
  right: var(--mnv-v243-pad) !important;
  bottom: 9% !important;
  z-index: 2 !important;
  color: var(--mnv-v243-orange) !important;
  font-size: clamp(24px, 4vw, 68px) !important;
  font-weight: 950 !important;
  letter-spacing: -.055em !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-scene {
  display: grid !important;
  grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr) !important;
  gap: clamp(50px, 8vw, 140px) !important;
  align-items: center !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit {
  position: relative !important;
  width: min(34vw, 480px) !important;
  aspect-ratio: 1 !important;
  border: 1px solid rgba(70, 224, 255, .28) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 90px rgba(32, 188, 255, .08), 0 0 70px rgba(24, 159, 255, .08) !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit :is(i, b) {
  position: absolute !important;
  border-radius: 50% !important;
}

body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit i:nth-child(1) { inset: 12% !important; border: 1px dashed rgba(255, 122, 30, .55) !important; }
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit i:nth-child(2) { inset: 25% !important; border: 1px solid rgba(91, 224, 255, .36) !important; }
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit i:nth-child(3) { inset: 42% !important; background: #f8fbff !important; box-shadow: 0 0 40px 12px rgba(61, 213, 255, .35) !important; }
body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit b { top: 5%; left: 48%; width: 12px !important; height: 12px !important; background: var(--mnv-v243-orange) !important; box-shadow: 0 0 22px rgba(255, 116, 22, .8) !important; }

body.mnv-future-ui.public-app.shell-public.page-index .koto-final-cta > small {
  display: block !important;
  margin: 24px 0 10px !important;
  color: var(--mnv-v243-cyan) !important;
  font: 850 10px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .16em !important;
}

@media (max-width: 860px) {
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence { inset: 68px 0 0 !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index { top: 6.2rem !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index span,
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-field > span { opacity: .2 !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-rail { gap: 12px !important; padding-inline: 18px !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-scene { grid-template-columns: minmax(0, 1fr) !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit { width: min(72vw, 380px) !important; }
}

@media (max-width: 600px) {
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-intro-sequence > :is(span, strong) { font-size: clamp(42px, 14vw, 66px) !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-index { right: 16px !important; opacity: .4 !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-rail span:nth-of-type(even),
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-rail i:nth-of-type(even) { opacity: .28 !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-kinetic-scene { min-height: 520px !important; }
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-horizon-orbit { width: min(86vw, 330px) !important; }
}

/* Responsive composition. */
@media (max-width: 1180px) {
  body.mnv-future-ui.public-app.shell-public.page-index {
    --mnv-v243-pad: max(34px, 5vw);
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero h1 {
    width: min(980px, 90vw) !important;
    font-size: clamp(54px, 8vw, 98px) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-section {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-section .koto-learning-range-intro,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy {
    max-width: 860px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track > article:nth-child(even) {
    margin-top: 0 !important;
  }
}

@media (max-width: 860px) {
  body.mnv-future-ui.public-app.shell-public.page-index {
    --mnv-v243-pad: max(22px, 5vw);
  }

  body.mnv-future-ui.public-app.shell-public.page-index .site-header {
    min-height: 68px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .site-header-inner {
    width: calc(100% - 24px) !important;
    min-height: 68px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero::before,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero::after {
    height: max(720px, calc(100svh - 68px)) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy {
    min-height: max(720px, calc(100svh - 68px)) !important;
    padding-top: clamp(76px, 11vh, 110px) !important;
    padding-bottom: 96px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy::after {
    left: 12px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero h1,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-solution-band {
    width: 100% !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero h1 {
    font-size: clamp(45px, 10.5vw, 78px) !important;
    line-height: 1.01 !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-promise,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-trust-row {
    width: 100% !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index main > .koto-section,
  body.mnv-future-ui.public-app.shell-public.page-index main > .brand-film-section,
  body.mnv-future-ui.public-app.shell-public.page-index main > .koto-final-cta,
  body.mnv-future-ui.public-app.shell-public.page-index :where(.mnv-v243-manifesto, .mnv-v243-impact, .mnv-v243-proof) {
    min-height: 0 !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-feature-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-scene-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-role-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .homepage-trust-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .org-path-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-impact-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .brand-film-stage {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .brand-film-poster {
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-hero-code,
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-crosshair {
    opacity: .2 !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-global-chrome {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

@media (max-width: 600px) {
  body.mnv-future-ui.public-app.shell-public.page-index {
    --mnv-v243-pad: max(18px, 5vw);
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero::before {
    background:
      linear-gradient(180deg, rgba(1, 6, 23, .88), rgba(2, 9, 28, .97) 72%, #020719),
      url('../mnv-command-skyline-v242.webp') 64% center / cover no-repeat !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy {
    min-height: max(690px, calc(100svh - 68px)) !important;
    padding-top: 74px !important;
    padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero h1 {
    font-size: clamp(39px, 11.8vw, 64px) !important;
    letter-spacing: -.065em !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-kicker {
    margin-bottom: 24px !important;
    padding-left: 30px !important;
    font-size: 9px !important;
    letter-spacing: .11em !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge {
    gap: 8px !important;
    letter-spacing: .05em !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge::before,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-bridge::after {
    flex-basis: 24px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-promise {
    margin-top: 23px !important;
    padding-left: 13px !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-actions {
    width: 100% !important;
    margin-top: 24px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-actions .button {
    width: 100% !important;
    min-height: 54px !important;
    justify-content: center !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope {
    margin-top: 27px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-audience-scope ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-trust-row span {
    flex: 1 1 calc(50% - 8px) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-stage {
    padding-top: 76px !important;
    padding-bottom: 96px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-device {
    border-radius: 10px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-device-screen {
    border-radius: 9px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index :where(.koto-section-heading, .conversion-section-heading, .koto-learning-range-intro) h2,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-copy h2,
  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-display-copy {
    font-size: clamp(37px, 11vw, 56px) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-pain-grid > article,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-learning-range-grid > article,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-experience-track > article,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-scene-grid > article,
  body.mnv-future-ui.public-app.shell-public.page-index .org-path-card {
    min-height: 0 !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-flow-board {
    min-height: 470px !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .koto-final-cta h2 {
    font-size: clamp(48px, 14vw, 76px) !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index .mnv-v243-sequence {
    right: 7px !important;
    opacity: .36 !important;
  }
}

@media (forced-colors: active) {
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-solution strong {
    background: none !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
    forced-color-adjust: auto !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index :where(.mnv-v243-global-chrome, .mnv-v243-hero-chrome) {
    opacity: 0 !important;
  }
}

@media print {
  body.mnv-future-ui.public-app.shell-public.page-index,
  body.mnv-future-ui.public-app.shell-public.page-index main.container,
  body.mnv-future-ui.public-app.shell-public.page-index main > section,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-copy,
  body.mnv-future-ui.public-app.shell-public.page-index .koto-cosmic-hero .koto-hero-stage {
    min-height: 0 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
  }

  body.mnv-future-ui.public-app.shell-public.page-index :where(.mnv-v243-global-chrome, .mnv-v243-hero-chrome, .mnv-v243-section-meta, .mnv-v243-scan) {
    opacity: 0 !important;
  }
}

/* -----------------------------------------------------------------------
   V243 drawer stacking contract

   V242's page-specific header material used z-index:30!important, which could
   place the dimming scrim above the entire header/drawer between 1481–1800px.
   These final, theme-scoped rules restore the application drawer's intended
   stacking order without changing its JavaScript, focus trap or link events.
   ----------------------------------------------------------------------- */

body.mnv-photo-v243 .mnv-v243-nav-label {
  margin-top: 2px !important;
  color: currentColor !important;
  font: 850 7px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .12em !important;
}

body.mnv-photo-v243 .mnv-v243-drawer-intro {
  display: grid !important;
  gap: 8px !important;
  padding: 22px 18px !important;
  border: 1px solid rgba(70, 196, 255, .20) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(110deg, rgba(41, 191, 255, .10), transparent 52%),
    #071c43 !important;
  color: #f5f9ff !important;
}

body.mnv-photo-v243 .mnv-v243-drawer-intro > span {
  color: #88bbdf !important;
  font: 800 9px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .13em !important;
}

body.mnv-photo-v243 .mnv-v243-drawer-intro > strong {
  color: #fff !important;
  font-size: clamp(24px, 5vw, 34px) !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

@media (max-width: 1800px) {
  body.mnv-photo-v243.mobile-nav-open .site-header {
    z-index: 1200 !important;
    isolation: isolate !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.mnv-photo-v243 .site-header .nav-toggle {
    z-index: 1204 !important;
  }

  body.mnv-photo-v243 .site-header .site-nav-area,
  body.mnv-photo-v243 .site-header .site-nav-area.open {
    z-index: 1202 !important;
  }

  body.mnv-photo-v243 .site-header .site-nav-area.open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  body.mnv-photo-v243 .nav-scrim {
    z-index: 1190 !important;
  }

  body.mnv-photo-v243.mobile-nav-open .nav-scrim {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}