/*
 * Memova premium finish — Liquid Blue Mist
 * A final visual-only layer. It deliberately leaves layout, assets, scroll
 * progress, component timing and interactions untouched.
 */

.five-home {
  --premium-ivory: #fbfaf7;
  --premium-canvas: #f8faff;
  --premium-base: #eef2fa;
  --premium-surface: #d6e0f0;
  --premium-primary: #6b86e8;
  --premium-deep: #455e93;
  --premium-ink: #24365d;
  --premium-white: #ffffff;
  --premium-line: rgba(69, 94, 147, .15);
  --premium-line-strong: rgba(69, 94, 147, .24);
  --premium-glow: rgba(107, 134, 232, .2);
  --premium-shadow-soft: 0 24px 70px rgba(36, 54, 93, .1);
  --premium-shadow-deep: 0 36px 100px rgba(36, 54, 93, .16);
  color: var(--premium-ink);
  background: var(--premium-base);
}

/* Shared chrome */
.five-header {
  border-bottom: 1px solid rgba(255, 255, 255, .72);
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .91), rgba(238, 242, 250, .76));
  box-shadow:
    0 16px 45px rgba(36, 54, 93, .075),
    inset 0 -1px rgba(69, 94, 147, .08),
    inset 0 1px rgba(255, 255, 255, .92);
  backdrop-filter: blur(28px) saturate(155%);
  -webkit-backdrop-filter: blur(28px) saturate(155%);
}

.five-header .five-logo {
  color: var(--premium-ink);
  filter: drop-shadow(0 7px 16px rgba(69, 94, 147, .12));
}

.five-nav a {
  color: rgba(36, 54, 93, .72);
  transition: color .25s ease, opacity .25s ease;
}

.five-nav a:hover,
.five-nav a:focus-visible {
  color: var(--premium-ink);
}

.five-nav .five-demo-link {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--premium-deep);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
}

.five-nav .five-demo-link:hover,
.five-nav .five-demo-link:focus-visible {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.five-header .five-button-small,
.five-primary-button,
#capture.integrated-agent-manual .agent-primary-action {
  border: 1px solid rgba(36, 54, 93, .52);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .14), transparent 36%),
    linear-gradient(135deg, var(--premium-deep), var(--premium-primary));
  box-shadow:
    0 15px 34px rgba(69, 94, 147, .24),
    inset 0 1px rgba(255, 255, 255, .34);
}

/* App Store destination placeholder. Keep this visually download-ready but
 * deliberately inert until the native app listing exists. */
.five-header .five-app-download-placeholder {
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid var(--premium-ink);
  border-radius: 999px;
  color: #fcfcf8 !important;
  background: var(--premium-ink);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}

.five-header .five-app-download-placeholder:hover {
  color: #fcfcf8 !important;
  border-color: var(--premium-ink);
  background: var(--premium-ink);
  box-shadow: none;
  transform: none;
}

.five-page-rail {
  border: 1px solid rgba(255, 255, 255, .84);
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .78), rgba(214, 224, 240, .65));
  box-shadow:
    0 18px 50px rgba(36, 54, 93, .13),
    inset 0 1px rgba(255, 255, 255, .95),
    inset 0 -1px rgba(69, 94, 147, .08);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}

.five-page-rail a {
  color: rgba(69, 94, 147, .68);
}

/* Chapter 01 — keep the cinematic Apollo world, refine only its glass. */
.homepage-kb-hero .kb-orbit-card,
.homepage-kb-hero .kb-cosmos-trace {
  border: 1px solid rgba(255, 255, 255, .72);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(238, 242, 250, .72));
  box-shadow:
    0 22px 58px rgba(17, 31, 68, .2),
    inset 0 1px rgba(255, 255, 255, 1),
    inset 0 -1px rgba(69, 94, 147, .1);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

.homepage-kb-hero .kb-orbit-card > svg,
.homepage-kb-hero .kb-orbit-card > img {
  box-shadow: inset 0 0 0 1px rgba(69, 94, 147, .08);
}

/* Chapter 02 — an ivory-to-mist editorial canvas with two soft color planes. */
#capture.integrated-agent-manual {
  background:
    radial-gradient(circle at 83% 14%, rgba(107, 134, 232, .15), transparent 27%),
    radial-gradient(circle at 5% 72%, rgba(214, 224, 240, .82), transparent 31%),
    linear-gradient(135deg, var(--premium-ivory) 0%, #fff 43%, var(--premium-base) 108%);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .95),
    inset 0 -1px rgba(69, 94, 147, .08);
}

#capture.integrated-agent-manual::before {
  top: 17%;
  left: -9%;
  width: 46%;
  height: 49%;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 0 88px 88px 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .58), rgba(214, 224, 240, .62));
  box-shadow:
    24px 38px 90px rgba(69, 94, 147, .08),
    inset -1px 0 rgba(69, 94, 147, .08),
    inset 0 1px rgba(255, 255, 255, .88);
}

#capture.integrated-agent-manual::after {
  right: -7%;
  bottom: 6%;
  width: 28%;
  height: 31%;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 80px 0 0 80px;
  background:
    linear-gradient(145deg, rgba(107, 134, 232, .23), rgba(214, 224, 240, .52));
  box-shadow:
    -24px 30px 80px rgba(69, 94, 147, .08),
    inset 1px 1px rgba(255, 255, 255, .6);
}

#capture.integrated-agent-manual .agent-section-index {
  color: rgba(69, 94, 147, .72);
}

#capture.integrated-agent-manual .agent-section-index i {
  background: linear-gradient(90deg, var(--premium-primary), var(--premium-deep));
  box-shadow: 0 0 18px rgba(107, 134, 232, .25);
}

#capture.integrated-agent-manual .agent-story-bridge {
  border-color: rgba(69, 94, 147, .13);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(238, 242, 250, .7));
  box-shadow:
    0 18px 45px rgba(36, 54, 93, .08),
    inset 0 1px rgba(255, 255, 255, .96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#capture.integrated-agent-manual .agent-window,
#capture.integrated-agent-manual .agent-manual-browser {
  border-color: rgba(69, 94, 147, .18);
  box-shadow:
    0 42px 105px rgba(36, 54, 93, .18),
    0 8px 24px rgba(36, 54, 93, .08),
    inset 0 1px rgba(255, 255, 255, .9);
}

#capture.integrated-agent-manual .agent-window-body {
  background:
    linear-gradient(rgba(69, 94, 147, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(69, 94, 147, .035) 1px, transparent 1px),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(238, 242, 250, .78));
  background-size: 30px 30px, 30px 30px, auto;
}

#capture.integrated-agent-manual .agent-choice,
#capture.integrated-agent-manual .agent-prompt-card,
#capture.integrated-agent-manual .agent-result-card {
  border-color: rgba(69, 94, 147, .14);
  background: rgba(255, 255, 255, .78);
  box-shadow:
    0 12px 34px rgba(36, 54, 93, .07),
    inset 0 1px rgba(255, 255, 255, .94);
}

#capture.integrated-agent-manual .agent-backplane--lime {
  background:
    linear-gradient(145deg, rgba(238, 242, 250, .98), rgba(214, 224, 240, .86));
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

#capture.integrated-agent-manual .agent-backplane--blue {
  background:
    radial-gradient(circle at 25% 18%, rgba(255, 255, 255, .22), transparent 26%),
    linear-gradient(145deg, var(--premium-primary), var(--premium-deep));
  box-shadow:
    0 28px 66px rgba(69, 94, 147, .24),
    inset 0 1px rgba(255, 255, 255, .28);
}

#capture.integrated-agent-manual .agent-manual-browser__bar,
#capture.integrated-agent-manual .agent-manual-browser__footer {
  background: linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(238, 242, 250, .86));
}

/* Chapter 03 — calm workshop canvas around the preserved action sequence. */
.action-connect-ready,
.action-connect-ready.ac-scroll-sequence {
  background:
    radial-gradient(circle at 92% 16%, rgba(107, 134, 232, .16), transparent 25%),
    radial-gradient(circle at 10% 70%, rgba(214, 224, 240, .7), transparent 27%),
    linear-gradient(180deg, var(--premium-ivory) 0%, #fff 46%, var(--premium-base) 110%);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .94),
    inset 0 -1px rgba(69, 94, 147, .08);
}

.ac-granola-intro,
.ac-granola-feature,
.ac-scroll-sequence .ac-granola-feature {
  position: relative;
  z-index: 1;
}

.ac-output-tabs::before {
  inset: -12px -16px;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(214, 224, 240, .48));
  box-shadow:
    0 22px 58px rgba(36, 54, 93, .09),
    inset 0 1px rgba(255, 255, 255, .95),
    inset 0 -1px rgba(69, 94, 147, .08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.ac-output-tab {
  color: rgba(36, 54, 93, .58);
}

.ac-output-tab[aria-selected="true"],
.ac-output-tab.is-active {
  color: var(--premium-ink);
}

.ac-product-stage,
.ac-scroll-sequence .ac-product-stage {
  border-color: rgba(107, 134, 232, .46);
  background:
    radial-gradient(circle at 70% 20%, rgba(69, 94, 147, .32), transparent 34%),
    #0a1530;
  box-shadow:
    0 42px 110px rgba(36, 54, 93, .24),
    0 0 0 9px rgba(238, 242, 250, .75),
    0 0 0 10px rgba(69, 94, 147, .08),
    inset 0 1px rgba(255, 255, 255, .12);
}

.ac-stage-ui-wrap,
.ac-stage-source-wrap {
  border-color: rgba(255, 255, 255, .78);
  box-shadow:
    0 22px 55px rgba(3, 10, 28, .28),
    inset 0 1px rgba(255, 255, 255, .28);
}

/* Chapter 04 — warm editorial paper, mist panels and a restrained blue halo. */
.five-share.share-social-fan-active {
  background:
    radial-gradient(circle at 50% 58%, rgba(107, 134, 232, .12), transparent 33%),
    linear-gradient(135deg, var(--premium-ivory), #fff 52%, var(--premium-base) 118%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .96);
}

.share-social-fan-active .share-social-fan__sticky::before {
  top: 15%;
  left: -7%;
  width: 40%;
  height: 64%;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 0 88px 88px 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .48), rgba(214, 224, 240, .6));
  box-shadow:
    24px 30px 80px rgba(69, 94, 147, .07),
    inset 0 1px rgba(255, 255, 255, .88);
}

.share-social-fan-active .share-social-fan__sticky::after {
  right: -7%;
  bottom: 4%;
  width: 37%;
  height: 47%;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 88px 0 0 88px;
  background:
    linear-gradient(145deg, rgba(107, 134, 232, .19), rgba(214, 224, 240, .52));
  box-shadow:
    -24px 30px 80px rgba(69, 94, 147, .07),
    inset 1px 1px rgba(255, 255, 255, .65);
}

.share-social-fan-active .share-social-fan__stage::before {
  background:
    radial-gradient(ellipse, rgba(69, 94, 147, .2), rgba(107, 134, 232, .075) 45%, transparent 72%);
  filter: blur(4px);
}

/* Social distribution — one premium showroom instead of a flat white gap. */
.memova-social-rail {
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(rgba(69, 94, 147, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(69, 94, 147, .025) 1px, transparent 1px),
    radial-gradient(circle at 79% 21%, rgba(107, 134, 232, .18), transparent 27%),
    radial-gradient(circle at 12% 84%, rgba(214, 224, 240, .76), transparent 34%),
    linear-gradient(135deg, var(--premium-ivory), #fff 55%, var(--premium-base) 120%);
  background-size: 44px 44px, 44px 44px, auto, auto, auto;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .96),
    inset 0 -1px rgba(69, 94, 147, .08);
}

.memova-social-rail::before,
.memova-social-rail::after {
  position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
}

.memova-social-rail::before {
  top: 11%;
  right: -6%;
  width: min(42vw, 690px);
  height: 54%;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 92px 0 0 92px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .48), rgba(214, 224, 240, .5));
  box-shadow:
    -30px 40px 110px rgba(69, 94, 147, .09),
    inset 1px 1px rgba(255, 255, 255, .78);
}

.memova-social-rail::after {
  bottom: -10%;
  left: -7%;
  width: min(32vw, 520px);
  height: 37%;
  border-radius: 0 86px 0 0;
  background:
    linear-gradient(145deg, rgba(107, 134, 232, .13), rgba(214, 224, 240, .46));
  filter: saturate(108%);
}

.memova-social-rail__inner,
.memova-social-rail__viewport,
.memova-social-rail__status {
  position: relative;
  z-index: 1;
}

.memova-social-rail__heading > p,
.memova-social-rail__status {
  color: var(--premium-deep);
}

.memova-social-rail__explanation-copy {
  color: rgba(36, 54, 93, .72);
}

.memova-share-prototype {
  border: 1px solid rgba(255, 255, 255, .84);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(238, 242, 250, .75));
  box-shadow:
    0 42px 110px rgba(36, 54, 93, .17),
    0 8px 24px rgba(36, 54, 93, .07),
    inset 0 1px rgba(255, 255, 255, 1),
    inset 0 -1px rgba(69, 94, 147, .09);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
}

.memova-share-prototype::before {
  border-color: rgba(69, 94, 147, .12);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(214, 224, 240, .36));
}

.memova-share-prototype__platforms,
.memova-share-prototype__format {
  border-color: rgba(69, 94, 147, .12);
  background: rgba(238, 242, 250, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.memova-share-prototype__platforms button[aria-selected="true"] {
  box-shadow:
    0 10px 24px rgba(69, 94, 147, .13),
    inset 0 1px rgba(255, 255, 255, .98);
}

.memova-share-prototype__preview {
  border-color: rgba(69, 94, 147, .14);
  box-shadow:
    0 16px 38px rgba(36, 54, 93, .08),
    inset 0 1px rgba(255, 255, 255, .92);
}

.memova-social-rail__card {
  border-color: rgba(69, 94, 147, .13);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(238, 242, 250, .76));
  box-shadow:
    0 18px 48px rgba(36, 54, 93, .11),
    inset 0 1px rgba(255, 255, 255, .98);
}

/* Chapter 05 — Living Book continuity on layered mist rather than flat blocks. */
.memova-return-story {
  background:
    radial-gradient(circle at 80% 16%, rgba(107, 134, 232, .16), transparent 26%),
    radial-gradient(circle at 4% 76%, rgba(214, 224, 240, .72), transparent 32%),
    linear-gradient(135deg, var(--premium-base) 0%, var(--premium-canvas) 48%, #fff 116%);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .92),
    inset 0 -1px rgba(69, 94, 147, .09);
}

.memova-return-story::before {
  top: 8%;
  left: -8%;
  width: 37%;
  height: 50%;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 0 92px 92px 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .42), rgba(214, 224, 240, .58));
  box-shadow:
    30px 38px 100px rgba(69, 94, 147, .08),
    inset 0 1px rgba(255, 255, 255, .82);
}

.memova-return-story::after {
  top: 2%;
  right: -5%;
  width: 27%;
  height: 25%;
  border-radius: 74px 0 0 74px;
  background:
    linear-gradient(145deg, rgba(107, 134, 232, .2), rgba(214, 224, 240, .34));
  box-shadow: -26px 28px 80px rgba(69, 94, 147, .06);
}

.memova-return-story__steps {
  gap: 14px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.memova-return-story__steps button {
  min-height: 50px;
  padding: 0 0 0 2px;
  border: 0;
  color: rgba(36, 54, 93, .34);
  background: transparent;
}

.memova-return-story__steps button:hover,
.memova-return-story__steps button:focus-visible {
  color: rgba(36, 54, 93, .68);
}

.memova-return-story__steps button.is-active {
  color: var(--premium-ink);
}

.memova-return-story__steps button::after {
  bottom: -1px;
  left: 2px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--premium-primary), var(--premium-deep));
  box-shadow: 0 0 12px rgba(107, 134, 232, .2);
}

.memova-return-story__steps button.is-active::after {
  width: 42px;
}

.memova-return-story__steps span {
  color: currentColor;
}

.memova-return-story__steps strong {
  font-weight: 600;
}

.memova-return-demo {
  border-color: rgba(69, 94, 147, .17);
  background: rgba(255, 255, 255, .94);
  box-shadow:
    0 42px 105px rgba(36, 54, 93, .16),
    0 8px 24px rgba(36, 54, 93, .07),
    inset 0 1px rgba(255, 255, 255, .98);
}

.memova-return-demo__chrome {
  border-color: rgba(69, 94, 147, .11);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .95), rgba(238, 242, 250, .86));
}

.memova-return-demo__sidebar {
  background:
    linear-gradient(180deg, rgba(238, 242, 250, .98), rgba(214, 224, 240, .58));
}

.memova-return-view blockquote,
.memova-return-review-card,
.memova-return-note,
.memova-return-book {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(238, 242, 250, .72));
  box-shadow:
    0 16px 42px rgba(36, 54, 93, .075),
    inset 0 1px rgba(255, 255, 255, .96);
}

/* Chapter 06 — richer deep-brand atmosphere around the real rocket lineage. */
.five-waitlist {
  background:
    radial-gradient(circle at 10% 12%, rgba(107, 134, 232, .56), transparent 27%),
    radial-gradient(circle at 86% 70%, rgba(69, 94, 147, .78), transparent 35%),
    radial-gradient(circle at 50% 104%, rgba(107, 134, 232, .22), transparent 42%),
    linear-gradient(105deg, rgba(107, 134, 232, .12) 0 12%, transparent 12% 88%, rgba(69, 94, 147, .15) 88%),
    linear-gradient(155deg, #17284f 0%, #0c1731 54%, #162649 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.five-waitlist::before {
  background:
    radial-gradient(circle, rgba(255, 255, 255, .26) 0 1px, transparent 1.5px) 0 0 / 94px 94px,
    radial-gradient(circle, rgba(107, 134, 232, .25) 0 1px, transparent 1.5px) 37px 52px / 128px 128px;
  opacity: .38;
}

.five-waitlist form {
  border: 1px solid rgba(214, 224, 240, .48);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(214, 224, 240, .075));
  box-shadow:
    0 34px 92px rgba(2, 8, 24, .34),
    inset 0 1px rgba(255, 255, 255, .25),
    inset 0 -1px rgba(107, 134, 232, .12);
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.five-history-arc {
  border-color: rgba(214, 224, 240, .3);
  background:
    radial-gradient(circle at 50% 74%, rgba(107, 134, 232, .26), transparent 51%),
    linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(7, 15, 35, .48));
  box-shadow:
    0 38px 110px rgba(2, 8, 24, .34),
    inset 0 1px rgba(255, 255, 255, .12),
    inset 0 -1px rgba(107, 134, 232, .12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.five-history-axis {
  background: linear-gradient(90deg, rgba(214, 224, 240, .18), rgba(255, 255, 255, .68), rgba(107, 134, 232, .22));
  box-shadow: 0 0 18px rgba(107, 134, 232, .34);
}

.five-final-paper {
  border-color: rgba(214, 224, 240, .34);
  background:
    linear-gradient(145deg, rgba(238, 242, 250, .15), rgba(255, 255, 255, .065));
  box-shadow:
    0 22px 62px rgba(2, 8, 24, .24),
    inset 0 1px rgba(255, 255, 255, .12);
}

@media (max-width: 820px) {
  #capture.integrated-agent-manual::before {
    top: 9%;
    left: -18%;
    width: 88%;
    height: 28%;
    border-radius: 0 54px 54px 0;
  }

  #capture.integrated-agent-manual::after {
    right: -21%;
    bottom: 4%;
    width: 68%;
    height: 22%;
    border-radius: 54px 0 0 54px;
  }

  .share-social-fan-active .share-social-fan__sticky::before {
    width: 54%;
    border-radius: 0 54px 54px 0;
  }

  .share-social-fan-active .share-social-fan__sticky::after {
    width: 50%;
    border-radius: 54px 0 0 54px;
  }

  .memova-social-rail {
    background:
      radial-gradient(circle at 88% 15%, rgba(107, 134, 232, .16), transparent 27%),
      radial-gradient(circle at 6% 88%, rgba(214, 224, 240, .7), transparent 34%),
      linear-gradient(135deg, var(--premium-ivory), #fff 55%, var(--premium-base));
  }

  .memova-social-rail::before {
    top: 32%;
    width: 70%;
    height: 34%;
    border-radius: 54px 0 0 54px;
  }

  .memova-social-rail::after {
    width: 60%;
    height: 23%;
  }

  .memova-return-story::before {
    width: 52%;
    height: 29%;
    border-radius: 0 54px 54px 0;
  }

  .memova-return-story::after {
    width: 38%;
    border-radius: 48px 0 0 48px;
  }

  .five-waitlist {
    background:
      radial-gradient(circle at 12% 10%, rgba(107, 134, 232, .52), transparent 31%),
      radial-gradient(circle at 88% 74%, rgba(69, 94, 147, .7), transparent 39%),
      linear-gradient(155deg, #17284f, #0c1731 56%, #162649);
  }
}

@media (prefers-reduced-motion: reduce) {
  .five-header,
  .five-page-rail,
  .memova-share-prototype,
  .memova-return-demo,
  .five-history-arc {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}