:root {
      --bg: #020617;
      --bg-soft: #07111f;
      --glass: rgba(15, 23, 42, 0.78);
      --glass-strong: rgba(15, 23, 42, 0.9);
      --line: rgba(30, 123, 255, 0.28);
      --text: #f5f7ff;
      --muted: #aeb8c8;
      --accent: #1e7bff;
      --accent-2: #22d3ee;
      --danger: #ff7f8f;
      --shadow: 0 22px 70px rgba(2, 6, 23, 0.62);
      --plutar-bg-ink: #020617;
      --plutar-bg-deep: #050816;
      --plutar-bg-panel: #07111f;
      --plutar-card: rgba(15, 23, 42, 0.78);
      --plutar-card-strong: rgba(15, 23, 42, 0.9);
      --plutar-border: rgba(174, 184, 200, 0.16);
      --plutar-border-strong: rgba(34, 211, 238, 0.26);
      --plutar-blue: #1e7bff;
      --plutar-cyan: #00c2ff;
      --plutar-cyan-bright: #22d3ee;
      --plutar-violet: #6b3dff;
      --plutar-purple: #7c3aed;
      --plutar-text: #f5f7ff;
      --plutar-muted: #aeb8c8;
      --plutar-muted-2: #94a3b8;
      --plutar-blue-glow: rgba(30, 123, 255, 0.32);
      --plutar-cyan-glow: rgba(34, 211, 238, 0.28);
      --plutar-violet-glow: rgba(124, 58, 237, 0.34);
      --plutar-primary-gradient: linear-gradient(135deg, #1e7bff 0%, #00c2ff 52%, #7c3aed 100%);
      --plutar-purple-gradient: linear-gradient(135deg, #7c3aed 0%, #1e7bff 100%);
      --plutar-glass-gradient: linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(7, 17, 31, 0.72));
      --easing-premium: cubic-bezier(0.19, 1, 0.22, 1);
      --easing-premium-soft: cubic-bezier(0.625, 0.05, 0, 1);
      --shell-max: 1320px;
      --shell-fluid: 95vw;
      --side-face-width: clamp(280px, 24vw, 420px);
      --size-unit: 16;
      --size-container-ideal: 1440;
      --size-container-min: 992px;
      --size-container-max: 4000px;
      --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
      --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
      --container-padding: 1rem;
      --plutar-font-display: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      --plutar-font-body: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      --plutar-font-wordmark: "Satoshi", "Helvetica Neue", Arial, sans-serif;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      scroll-snap-type: none !important;
    }

    html {
      background-color: #020617;
      scroll-behavior: auto;
    }

    body {
      font-family: var(--plutar-font-wordmark);
      font-size: var(--size-font);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -o-font-smoothing: antialiased;
      background-color: #020617;
      background:
        radial-gradient(circle at 50% -8%, rgba(30, 123, 255, 0.16), transparent 38%),
        radial-gradient(circle at 82% 12%, rgba(124, 58, 237, 0.12), transparent 32%),
        linear-gradient(160deg, #020617 0%, #050816 45%, #07111f 100%);
      color: var(--text);
      min-height: 100vh;
      overflow-x: hidden;
      position: relative;
      isolation: isolate;
      perspective: 1400px;
      scroll-behavior: auto;
      overscroll-behavior-y: auto;
    }

    section {
      scroll-snap-align: none;
    }

    body.perf-lite {
      scroll-behavior: auto;
      perspective: none;
    }

    body.perf-lite *,
    body.perf-lite *::before,
    body.perf-lite *::after {
      animation: none !important;
    }

    @media screen and (max-width: 991px) {
      :root {
        --size-container-ideal: 1080;
        --size-container-min: 768px;
        --size-container-max: 991px;
      }
    }

    @media screen and (max-width: 767px) {
      :root {
        --size-container-ideal: 600;
        --size-container-min: 480px;
        --size-container-max: 767px;
      }
    }

    @media screen and (max-width: 479px) {
      :root {
        --size-container-ideal: 375;
        --size-container-min: 320px;
        --size-container-max: 479px;
      }
    }

    .container,
    .shell {
      width: min(100%, var(--size-container));
      max-width: var(--size-container);
      padding: 0 var(--container-padding, 1rem);
    }

    @media screen and (min-width: 992px) {
      .container.is--m {
        max-width: calc(var(--size-container) * 0.825);
      }

      .container.is--sm {
        max-width: calc(var(--size-container) * 0.65);
      }

      .container.is--s {
        max-width: calc(var(--size-container) * 0.5);
      }
    }

    @media screen and (max-width: 991px) {
      .container,
      .shell {
        max-width: 100%;
        padding: 0 var(--container-padding, 1rem);
      }
    }

    body::before,
    body::after {
      content: "";
      position: fixed;
      border-radius: 999px;
      filter: blur(56px);
      pointer-events: none;
      z-index: -2;
    }

    body::before {
      width: 350px;
      height: 350px;
      background: rgba(54, 231, 255, 0.18);
      top: -120px;
      right: -110px;
      display: none;
    }

    body::after {
      width: 280px;
      height: 280px;
      background: rgba(140, 255, 198, 0.15);
      bottom: -100px;
      left: -70px;
      display: none;
    }

    .hero-stage {
      position: relative;
      min-height: 100svh;
      overflow: clip;
      isolation: isolate;
      background:
        radial-gradient(circle at 50% -8%, rgba(54, 231, 255, 0.16), transparent 38%),
        linear-gradient(160deg, #040a14 0%, #061126 45%, #0a1c34 100%);
    }

    .hero-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.05), transparent 22%),
        linear-gradient(180deg, rgba(3, 8, 18, 0.48), rgba(3, 8, 18, 0.16) 32%, rgba(3, 8, 18, 0.58));
      z-index: 2;
      pointer-events: none;
    }

    .hero-stage::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: clamp(120px, 18vw, 220px);
      background: linear-gradient(180deg, rgba(4, 10, 20, 0), #040a14 84%);
      z-index: 2;
      pointer-events: none;
    }

    .bg-sparkles {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
      opacity: 0.08;
      isolation: isolate;
    }

    .bg-sparkles::before,
    .bg-sparkles::after {
      content: "";
      position: absolute;
      inset: -12%;
      pointer-events: none;
      filter: blur(54px);
      opacity: 0.05;
      transform: translate3d(0, 0, 0);
    }

    .bg-sparkles::before {
      background:
        radial-gradient(circle at 58% 18%, rgba(54, 231, 255, 0.14), transparent 24%),
        radial-gradient(circle at 64% 34%, rgba(82, 221, 255, 0.08), transparent 20%),
        radial-gradient(circle at 36% 74%, rgba(140, 255, 198, 0.05), transparent 18%);
      animation: networkFieldDriftA 22s ease-in-out infinite alternate;
    }

    .bg-sparkles::after {
      background:
        radial-gradient(circle at 44% 26%, rgba(140, 255, 198, 0.1), transparent 18%),
        radial-gradient(circle at 68% 56%, rgba(54, 231, 255, 0.08), transparent 20%),
        radial-gradient(circle at 22% 62%, rgba(54, 231, 255, 0.05), transparent 18%);
      opacity: 0.04;
      animation: networkFieldDriftB 26s ease-in-out infinite alternate;
    }

    .bg-sparkles.is-paused::before,
    .bg-sparkles.is-paused::after {
      animation-play-state: paused;
    }

    body.perf-lite .bg-sparkles {
      display: none;
    }

    body.perf-lite .faq-item,
    body.perf-lite .faq-support-card,
    body.perf-lite .site-header,
    body.perf-lite .hero-scroll-indicator {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    body.perf-lite .shell-main > section,
    body.perf-lite .auth-shell > section,
    body.perf-lite .auth-panel,
    body.perf-lite .auth-side,
    body.perf-lite .signup-form-shell,
    body.perf-lite .login-form-shell,
    body.perf-lite .signup-hero,
    body.perf-lite .login-hero {
      content-visibility: auto;
      contain-intrinsic-size: 780px;
    }

    body.perf-lite::before,
    body.perf-lite::after,
    body.perf-lite .hero-stage::before,
    body.perf-lite .hero-stage::after {
      display: none;
    }

    .bg-network-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0.04;
    }

    body.perf-lite .bg-network-canvas {
      display: none;
    }

    body.is-cube-hovered .bg-sparkles::before,
    body.is-cube-hovered .bg-sparkles::after,
    body.is-cube-energized .bg-sparkles::before,
    body.is-cube-energized .bg-sparkles::after {
      opacity: 0.08;
    }

    .site-sides {
      display: none !important;
    }

    .voxel-side {
      --vx: 0px;
      --vy: 0px;
      position: absolute;
      top: clamp(56px, 8vh, 104px);
      bottom: 34px;
      width: clamp(220px, 20vw, 340px);
      border-radius: 28px;
      opacity: 0.75;
      transform: translate3d(var(--vx), var(--vy), 0);
      transition: transform 0.28s ease, opacity 0.24s ease;
      overflow: hidden;
      pointer-events: none;
      perspective: 1200px;
      filter: drop-shadow(0 22px 46px rgba(2, 10, 23, 0.38));
    }

    .voxel-side::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 40%, rgba(62, 224, 255, 0.28), transparent 52%),
        linear-gradient(160deg, rgba(9, 42, 72, 0.5), rgba(2, 16, 33, 0.08));
      border: 1px solid rgba(114, 222, 255, 0.14);
      border-radius: inherit;
      box-shadow: inset 0 0 60px rgba(66, 214, 255, 0.14);
      pointer-events: none;
    }

    .voxel-side-left {
      left: calc((100vw - min(var(--shell-max), var(--shell-fluid))) / 2 - 182px);
      -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0 90%, transparent 100%);
      mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0 90%, transparent 100%);
    }

    .voxel-side-right {
      right: calc((100vw - min(var(--shell-max), var(--shell-fluid))) / 2 - 182px);
      -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 1) 0 90%, transparent 100%);
      mask-image: linear-gradient(270deg, rgba(0, 0, 0, 1) 0 90%, transparent 100%);
    }

    .voxel-cube {
      position: absolute;
      width: var(--size, 10px);
      height: var(--size, 10px);
      left: var(--x, 50%);
      top: var(--y, 50%);
      border-radius: 2px;
      background: linear-gradient(145deg, rgba(136, 246, 255, 0.92), rgba(58, 181, 255, 0.72));
      box-shadow:
        0 0 8px rgba(76, 217, 255, 0.45),
        inset 0 -1px 0 rgba(0, 14, 32, 0.6);
      transform: translate3d(-50%, -50%, 0) rotateX(62deg) rotateZ(45deg) scale(var(--scale, 1));
      transform-style: preserve-3d;
      opacity: var(--alpha, 0.65);
      animation: voxelFloat var(--dur, 6s) ease-in-out infinite;
      animation-delay: var(--delay, 0s);
      pointer-events: none;
    }

    .voxel-cube::before,
    .voxel-cube::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
    }

    .voxel-cube::before {
      transform: translate3d(0, calc(var(--size, 10px) * 0.36), -1px) skewX(-18deg) scaleY(0.58);
      background: linear-gradient(180deg, rgba(44, 166, 230, 0.72), rgba(10, 68, 117, 0.56));
      opacity: 0.78;
      filter: blur(0.1px);
    }

    .voxel-cube::after {
      transform: translate3d(calc(var(--size, 10px) * 0.32), 0, -1px) skewY(-18deg) scaleX(0.62);
      background: linear-gradient(180deg, rgba(30, 127, 192, 0.72), rgba(7, 56, 102, 0.58));
      opacity: 0.72;
      filter: blur(0.1px);
    }

    .side-face {
      display: none !important;
    }

    .face-noise,
    .face-video,
    .face-wave,
    .face-bars,
    .face-grid,
    .face-points,
    .face-head,
    .face-voxels,
    .face-eye,
    .face-orbit,
    .face-tag {
      position: absolute;
      pointer-events: none;
    }

    .face-video {
      left: 50%;
      top: 53%;
      width: 118%;
      height: 90%;
      object-fit: cover;
      object-position: 50% 40%;
      transform: translate3d(-50%, -50%, 26px) rotateY(var(--face-tilt)) scaleX(1.12) scaleY(1.03);
      border-radius: 0;
      clip-path: polygon(
        50% 1%,
        62% 3%,
        73% 8%,
        81% 16%,
        86% 26%,
        88% 38%,
        88% 52%,
        85% 67%,
        80% 79%,
        72% 89%,
        61% 96%,
        50% 99%,
        39% 96%,
        28% 89%,
        20% 79%,
        15% 67%,
        12% 52%,
        12% 38%,
        14% 26%,
        19% 16%,
        27% 8%,
        38% 3%
      );
      opacity: 0.95;
      filter: saturate(1.15) hue-rotate(-8deg) brightness(0.9) contrast(1.08);
      box-shadow:
        0 0 26px rgba(68, 228, 255, 0.28),
        inset 0 0 30px rgba(6, 20, 38, 0.52);
      -webkit-mask:
        radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 72%, transparent 94%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 7%, rgba(0, 0, 0, 0.98) 90%, transparent 100%);
      mask:
        radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 72%, transparent 94%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 7%, rgba(0, 0, 0, 0.98) 90%, transparent 100%);
    }

    .face-noise {
      inset: -4%;
      background:
        radial-gradient(circle at 30% 20%, rgba(54, 231, 255, 0.12), transparent 42%),
        radial-gradient(circle at 75% 76%, rgba(140, 255, 198, 0.1), transparent 48%);
      filter: blur(10px);
      opacity: 0.56;
      transform: translateZ(-26px);
    }

    .face-wave {
      left: -8%;
      right: -8%;
      top: 34%;
      height: 34%;
      background:
        linear-gradient(90deg, transparent, rgba(54, 231, 255, 0.3), transparent),
        repeating-linear-gradient(
          90deg,
          rgba(106, 207, 255, 0.06) 0 7px,
          rgba(106, 207, 255, 0.32) 7px 9px,
          rgba(106, 207, 255, 0.06) 9px 15px
        );
      -webkit-mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.94) 34%, transparent 79%);
      mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.94) 34%, transparent 79%);
      opacity: 0.52;
      filter: blur(0.2px);
      transform: translateZ(-10px) rotateY(calc(var(--face-tilt) * -0.36));
      animation: faceWaveMove 7.2s ease-in-out infinite;
    }

    .face-bars {
      left: -2%;
      right: -2%;
      top: 30%;
      height: 40%;
      background:
        repeating-linear-gradient(
          90deg,
          rgba(96, 216, 255, 0.08) 0 7px,
          rgba(96, 216, 255, 0.8) 7px 9px,
          rgba(96, 216, 255, 0.12) 9px 16px
        );
      opacity: 0.28;
      filter: blur(0.2px);
      -webkit-mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.98) 26%, transparent 78%);
      mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.98) 26%, transparent 78%);
      transform: translateZ(-16px);
      animation: barSweep 5.8s ease-in-out infinite;
    }

    .face-grid {
      left: 50%;
      top: 48%;
      width: 62%;
      height: 82%;
      transform: translate3d(-50%, -50%, 14px) rotateY(var(--face-tilt));
      border-radius: 48% 52% 49% 51% / 30% 30% 70% 70%;
      background:
        repeating-linear-gradient(
          95deg,
          rgba(176, 236, 255, 0.06) 0 8px,
          rgba(176, 236, 255, 0.32) 8px 9px,
          rgba(176, 236, 255, 0.06) 9px 16px
        ),
        repeating-linear-gradient(
          5deg,
          rgba(176, 236, 255, 0.03) 0 10px,
          rgba(176, 236, 255, 0.2) 10px 11px,
          rgba(176, 236, 255, 0.04) 11px 18px
        );
      border: 1px solid rgba(176, 236, 255, 0.24);
      opacity: 0.26;
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.28));
      animation: faceGridScan 6.2s linear infinite;
    }

    .face-points {
      left: 50%;
      top: 48%;
      width: 60%;
      height: 79%;
      transform: translate3d(-50%, -50%, 34px) rotateY(var(--face-tilt));
      border-radius: 48% 52% 49% 51% / 30% 30% 70% 70%;
      background:
        radial-gradient(circle, rgba(154, 244, 255, 0.88) 0 0.8px, transparent 1.6px);
      background-size: 7px 7px;
      opacity: 0.34;
      -webkit-mask:
        radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 54%, transparent 89%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.96) 14%, rgba(0, 0, 0, 0.96) 86%, transparent 100%);
      mask:
        radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 54%, transparent 89%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.96) 14%, rgba(0, 0, 0, 0.96) 86%, transparent 100%);
      filter: drop-shadow(0 0 12px rgba(56, 215, 255, 0.5));
      animation: pointPulse 4.6s ease-in-out infinite;
    }

    .face-head {
      left: 50%;
      top: 48%;
      width: 61%;
      height: 80%;
      transform: translate3d(-50%, -50%, 36px) rotateY(var(--face-tilt)) rotateZ(var(--face-spin));
      border-radius: 48% 52% 49% 51% / 30% 30% 70% 70%;
      border: 1px solid rgba(176, 236, 255, 0.44);
      background:
        radial-gradient(circle at 35% 20%, rgba(140, 255, 198, 0.3), transparent 34%),
        radial-gradient(circle at 62% 44%, rgba(46, 215, 255, 0.38), rgba(16, 56, 94, 0.44) 54%, rgba(8, 30, 54, 0.28) 84%),
        linear-gradient(155deg, rgba(21, 94, 160, 0.48), rgba(7, 35, 64, 0.12));
      box-shadow:
        inset 0 0 16px rgba(221, 253, 255, 0.3),
        inset 0 -26px 56px rgba(6, 29, 57, 0.7),
        0 0 30px rgba(46, 215, 255, 0.32);
    }

    .face-voxels {
      left: 50%;
      top: 12%;
      width: 84%;
      height: 31%;
      transform: translate3d(-50%, 0, 52px);
      background:
        repeating-linear-gradient(
          90deg,
          rgba(122, 228, 255, 0.2) 0 10px,
          rgba(122, 228, 255, 0.85) 10px 13px,
          rgba(122, 228, 255, 0.12) 13px 18px
        ),
        repeating-linear-gradient(
          180deg,
          rgba(122, 228, 255, 0.2) 0 10px,
          rgba(122, 228, 255, 0.88) 10px 13px,
          rgba(122, 228, 255, 0.12) 13px 18px
        );
      -webkit-mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.95) 44%, transparent 84%);
      mask: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.95) 44%, transparent 84%);
      opacity: 0.28;
      filter: blur(0.1px) drop-shadow(0 0 8px rgba(108, 224, 255, 0.44));
      animation: voxelScatter 8.5s linear infinite;
    }

    .face-head::before,
    .face-head::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .face-head::before {
      inset: 10% 12% 18%;
      border-radius: inherit;
      border: 1px solid rgba(192, 244, 255, 0.28);
      opacity: 0.6;
      -webkit-mask: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.95) 18%, rgba(0, 0, 0, 0.95) 82%, transparent 100%);
      mask: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.95) 18%, rgba(0, 0, 0, 0.95) 82%, transparent 100%);
    }

    .face-head::after {
      left: 11%;
      right: 11%;
      top: 57%;
      height: 18%;
      border-radius: 50%;
      border-top: 1px solid rgba(193, 248, 255, 0.42);
      opacity: 0.55;
      transform: translateY(-50%);
      filter: blur(0.2px);
    }

    .face-eye {
      top: 42%;
      width: 11.5%;
      height: 8px;
      border-radius: 99px;
      background: linear-gradient(90deg, transparent, rgba(194, 246, 255, 0.92), transparent);
      box-shadow:
        0 0 14px rgba(93, 236, 255, 0.8),
        0 0 28px rgba(93, 236, 255, 0.46);
      transform: translateZ(48px) rotateY(var(--face-tilt));
      animation: eyeBlink 6.8s ease-in-out infinite;
    }

    .face-eye-left {
      left: 39.5%;
    }

    .face-eye-right {
      left: 51.5%;
    }

    .face-orbit {
      left: 50%;
      top: 48%;
      width: 78%;
      height: 30%;
      border-radius: 50%;
      border: 1px solid rgba(124, 222, 255, 0.24);
      transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * -0.4)) rotateX(72deg);
      opacity: 0.56;
      animation: orbitSpinSide 16s linear infinite;
    }

    .face-tag {
      left: 50%;
      bottom: 18px;
      transform: translateX(-50%);
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.72rem;
      color: rgba(179, 243, 255, 0.9);
      border: 1px solid rgba(113, 232, 255, 0.34);
      border-radius: 999px;
      padding: 4px 11px;
      background: rgba(8, 33, 57, 0.55);
      box-shadow: 0 0 12px rgba(68, 222, 255, 0.22);
    }

    .side-face .face-tag {
      display: none;
    }

    .side-face.with-video .face-head {
      opacity: 0.02;
    }

    .side-face.with-video .face-grid {
      opacity: 0.03;
    }

    .side-face.with-video .face-points {
      opacity: 0.04;
    }

    .side-face.with-video .face-voxels {
      opacity: 0.03;
    }

    .side-face.with-video .face-eye,
    .side-face.with-video .face-orbit {
      opacity: 0.12;
    }

    .side-face-right .face-grid {
      transform: translate3d(-50%, -50%, 14px) rotateY(calc(var(--face-tilt) * -1));
    }

    .side-face-right .face-points {
      transform: translate3d(-50%, -50%, 34px) rotateY(calc(var(--face-tilt) * -1));
    }

    .side-face-right .face-video {
      transform: translate3d(-50%, -50%, 26px) rotateY(calc(var(--face-tilt) * -1)) scaleX(-1.12) scaleY(1.03);
    }

    .side-face-right .face-head {
      transform: translate3d(-50%, -50%, 36px) rotateY(calc(var(--face-tilt) * -1)) rotateZ(calc(var(--face-spin) * -1));
    }

    .side-face-right .face-wave {
      transform: translateZ(-10px) rotateY(calc(var(--face-tilt) * 0.36));
    }

    .side-face-right .face-eye {
      transform: translateZ(48px) rotateY(calc(var(--face-tilt) * -1));
    }

    .side-face-right .face-orbit {
      transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * 0.4)) rotateX(72deg);
      animation-name: orbitSpinSideRight;
    }

    .shell {
      width: min(var(--shell-max), var(--shell-fluid));
      margin: 24px auto 80px;
      position: relative;
      z-index: 3;
    }

    .hero-stage-shell {
      min-height: 100svh;
      margin: 0 auto;
      padding: 0;
      display: block;
      position: relative;
      z-index: 4;
    }

    .shell-main {
      margin-top: 0;
    }

    .panel {
      position: relative;
      overflow: hidden;
      background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
      border: 1px solid var(--line);
      border-radius: 24px;
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      transform-style: preserve-3d;
      transition: transform 0.45s var(--easing-premium), box-shadow 0.45s var(--easing-premium), border-color 0.35s ease;
    }

    body.perf-lite .panel {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(150deg, rgba(255, 255, 255, 0.17), transparent 34%, transparent 66%, rgba(54, 231, 255, 0.08));
      pointer-events: none;
      opacity: 0.65;
    }

    .panel::after {
      content: "";
      position: absolute;
      inset: -45%;
      background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(54, 231, 255, 0.2), transparent 43%);
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.35s ease;
    }

    .panel:hover {
      border-color: rgba(179, 220, 255, 0.55);
      box-shadow: 0 26px 70px rgba(2, 10, 23, 0.68);
      transform: translate3d(0, -2px, 0);
    }

    body.perf-lite .panel:hover,
    body.perf-lite .faq-item:hover,
    body.perf-lite .btn:hover,
    body.perf-lite .feature:hover,
    body.perf-lite .proof-card:hover,
    body.perf-lite .proof-editorial-copy:hover,
    body.perf-lite .proof-feature-rail:hover,
    body.perf-lite .proof-feature-row:hover,
    body.perf-lite .flow-step:hover,
    body.perf-lite .pipeline-flow-step:hover,
    body.perf-lite .price-card:hover,
    body.perf-lite .about-hero-card:hover,
    body.perf-lite .about-story-stage:hover,
    body.perf-lite .contact-route:hover,
    body.perf-lite .contact-help-item:hover {
      transform: none;
    }

    body.perf-lite .panel::after,
    body.perf-lite .faq-item::after,
    body.perf-lite .faq-support-card::before,
    body.perf-lite .faq-support-card::after {
      display: none;
    }

    .panel:hover::after {
      opacity: 1;
    }

    .panel > * {
      position: relative;
      z-index: 1;
    }

    header {
      position: sticky;
      top: 16px;
      z-index: 20;
      padding: 14px 20px;
      display: grid;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
      animation: rise 0.7s ease both;
      transform: translateZ(0);
    }

    .site-header {
      display: block;
      width: 100%;
      max-width: 1180px;
      margin-inline: auto;
      padding: 10px 18px;
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        rgba(8, 18, 31, 0.36);
      box-shadow:
        0 18px 42px rgba(2, 10, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(16px);
      overflow: hidden;
    }

    .site-header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      width: 100%;
      position: relative;
    }

    .site-header-left {
      display: flex;
      align-items: center;
      gap: 28px;
      min-width: 0;
      flex: 1 1 auto;
    }

    .site-header::before,
    .site-header::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .site-header::before {
      background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%, transparent 70%, rgba(54, 231, 255, 0.035));
      opacity: 0.7;
    }

    .site-header::after {
      inset: auto 18px 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(179, 220, 255, 0.12), transparent);
      opacity: 0.75;
    }

    .brand {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 1.15rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--text);
      text-decoration: none;
      text-shadow: 0 8px 20px rgba(2, 10, 23, 0.42);
    }

    .site-brand {
      flex: 0 0 auto;
      min-height: auto;
      padding: 0;
      border-radius: 0;
      border: 0;
      background: transparent;
      backdrop-filter: none;
      box-shadow: none;
    }

    .brand-mark {
      width: 28px;
      height: 28px;
      border-radius: 6px;
      display: block;
      filter: drop-shadow(0 0 10px rgba(54, 231, 255, 0.34));
    }

    .site-header .nav-group {
      display: flex;
      gap: 18px;
      align-items: center;
      width: auto;
      min-height: 50px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      backdrop-filter: none;
      box-shadow: none;
    }

    .site-header .nav-primary {
      justify-content: flex-start;
      flex: 1 1 auto;
      min-width: 0;
    }

    .site-header .nav-actions {
      justify-content: flex-end;
      flex: 0 0 auto;
      margin-left: auto;
    }

    .site-header .nav-actions.is-signed-in {
      gap: 12px;
    }

    .site-header .nav-group > a {
      position: relative;
      color: var(--muted);
      text-decoration: none;
      font-size: 0.95rem;
      text-shadow: 0 8px 20px rgba(2, 10, 23, 0.4);
      transition: color 0.25s ease, transform 0.25s ease;
    }

    .site-session-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 38px;
      min-width: 0;
      padding: 4px 2px 4px 0;
      color: var(--text);
      text-shadow: 0 8px 20px rgba(2, 10, 23, 0.4);
    }

    .site-session-avatar {
      width: 34px;
      height: 34px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(140, 255, 198, 0.3);
      background:
        linear-gradient(140deg, rgba(54, 231, 255, 0.2), rgba(140, 255, 198, 0.1)),
        rgba(255, 255, 255, 0.05);
      color: var(--text);
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 0.86rem;
      font-weight: 700;
      flex-shrink: 0;
    }

    .site-session-copy {
      display: grid;
      gap: 1px;
      min-width: 0;
      text-align: left;
    }

    .site-session-copy strong,
    .site-session-copy small {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .site-session-copy strong {
      color: var(--text);
      font-size: 0.9rem;
      line-height: 1.1;
    }

    .site-session-copy small {
      color: var(--muted);
      font-size: 0.74rem;
      line-height: 1.1;
    }

    .site-header .nav-group > a:not(.btn)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 100%;
      height: 2px;
      border-radius: 99px;
      background: linear-gradient(120deg, var(--accent), var(--accent-2));
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.3s var(--easing-premium);
    }

    .site-header .nav-group > a:hover {
      color: var(--text);
      transform: translateY(-1px);
    }

    .site-header .nav-actions .btn {
      min-height: 38px;
      padding: 10px 16px;
      box-shadow: none;
      background: rgba(255, 255, 255, 0.04);
    }

    .site-header .nav-actions .btn:hover {
      box-shadow:
        0 12px 24px rgba(2, 10, 23, 0.22),
        0 0 16px rgba(54, 231, 255, 0.05);
    }

    .site-header .nav-group > a:not(.btn):hover::after {
      transform: scaleX(1);
    }

    .btn {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 999px;
      border: 1px solid transparent;
      text-decoration: none;
      padding: 12px 18px;
      font-weight: 600;
      color: var(--text);
      transition: transform 0.28s var(--easing-premium), box-shadow 0.32s var(--easing-premium), border-color 0.2s ease;
      cursor: pointer;
      font-family: inherit;
      font-size: 0.95rem;
    }

    .btn::after {
      content: "";
      position: absolute;
      inset: -1px;
      background: linear-gradient(120deg, transparent 16%, rgba(255, 255, 255, 0.45) 46%, transparent 74%);
      transform: translateX(-130%) skewX(-18deg);
      transition: transform 0.7s var(--easing-premium);
      pointer-events: none;
      z-index: -1;
      opacity: 0.45;
    }

    .btn:hover {
      transform: translateY(-2px) scale(1.01);
    }

    .btn:hover::after {
      transform: translateX(140%) skewX(-18deg);
    }

    .btn-primary {
      background: linear-gradient(100deg, rgba(54, 231, 255, 0.95), rgba(140, 255, 198, 0.92));
      color: #04121e;
      box-shadow: 0 10px 30px rgba(54, 231, 255, 0.25);
    }

    .btn-ghost {
      background: rgba(255, 255, 255, 0.03);
      border-color: var(--line);
    }

    .hero {
      padding: clamp(32px, 5vw, 58px);
      display: grid;
      grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
      gap: clamp(28px, 5vw, 76px);
      align-items: center;
      margin-bottom: 24px;
      animation: rise 0.9s ease both;
      transform-style: preserve-3d;
      transition: transform 0.45s var(--easing-premium);
      background:
        radial-gradient(circle at 78% 24%, rgba(54, 231, 255, 0.07), transparent 24%),
        radial-gradient(circle at 90% 8%, rgba(140, 255, 198, 0.06), transparent 18%),
        linear-gradient(160deg, rgba(11, 24, 40, 0.94), rgba(7, 16, 29, 0.92));
    }

    .hero-cinematic {
      min-height: calc(100svh - 154px);
      margin-bottom: 0;
      padding: clamp(32px, 6vw, 72px) 0 24px;
      align-items: center;
      background: none;
      border: 0;
      box-shadow: none;
    }

    .hero-cinematic:hover {
      transform: none;
    }

    .hero-cinematic .hero-copy {
      max-width: 38rem;
      padding-bottom: 16px;
      padding-top: clamp(8px, 2vw, 28px);
    }

    .hero-cinematic h1 {
      font-size: clamp(3rem, 7.2vw, 5.85rem);
      line-height: 1.06;
      max-width: 10.5ch;
      margin-bottom: 22px;
    }

    .hero-cinematic p {
      max-width: 60ch;
      font-size: 1.04rem;
    }

    .hero-cinematic .hero-side {
      align-self: stretch;
      gap: 18px;
    }

    .hero-hook {
      --hero-hook-progress: 0;
      grid-template-columns: 1fr;
      gap: 0;
      min-height: 100svh;
      padding: 0;
      justify-items: center;
      align-items: center;
      position: relative;
      isolation: isolate;
    }

    .hero-hook::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 52%;
      width: min(92vw, 1040px);
      height: min(74vh, 620px);
      transform: translate3d(-50%, -50%, 0);
      background:
        radial-gradient(circle at 50% 44%, rgba(6, 14, 28, 0.08), rgba(6, 14, 28, 0.42) 30%, rgba(4, 10, 20, 0.7) 58%, rgba(4, 10, 20, 0.18) 78%, transparent 100%),
        radial-gradient(circle at 50% 48%, rgba(5, 14, 27, 0.34), transparent 70%);
      pointer-events: none;
      z-index: 1;
    }

    .hero-hook-copy {
      width: min(92vw, 900px);
      display: grid;
      gap: 12px;
      align-content: center;
      justify-items: center;
      text-align: center;
      position: absolute;
      left: 50%;
      top: calc(52% + (var(--hero-hook-progress) * -16px));
      transform: translate3d(-50%, -50%, 0);
      transition: top 220ms ease-out;
      z-index: 2;
      padding: clamp(20px, 3vw, 28px) clamp(18px, 3vw, 32px);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }

    .hero-hook-copy .eyebrow {
      margin-bottom: 0;
      justify-self: center;
    }

    .hero-hook-copy h1 {
      width: min(100%, 14ch);
      max-width: none;
      margin-bottom: 0;
      margin-inline: auto;
    }

    .hero-hook .hero-type-lockup,
    .hero-hook .hero-type-line {
      color: #f4f9ff;
      background: none !important;
      -webkit-background-clip: border-box !important;
      background-clip: border-box !important;
      -webkit-text-fill-color: currentColor !important;
      text-shadow:
        0 2px 0 rgba(255, 255, 255, 0.08),
        0 16px 34px rgba(2, 10, 23, 0.5);
    }

    .hero-hook-sub {
      max-width: 34rem;
      margin: 0;
      color: #e3eefb;
      font-size: clamp(1.05rem, 1.75vw, 1.18rem);
      line-height: 1.55;
      text-align: center;
      text-shadow: 0 8px 18px rgba(2, 10, 23, 0.34);
    }

    .hero-type-lockup {
      display: grid;
      gap: clamp(4px, 0.75vw, 12px);
      place-items: center;
      width: 100%;
      max-width: 100%;
      min-height: auto;
      margin: 0 auto;
      text-align: center;
    }

    .hero-type-line {
      display: grid;
      width: 100%;
      min-height: 1.06em;
      position: relative;
      place-items: center;
      justify-self: stretch;
      white-space: nowrap;
      text-align: center;
    }

    .hero-type-line::before {
      content: attr(data-text);
      grid-area: 1 / 1;
      visibility: hidden;
      pointer-events: none;
      user-select: none;
      white-space: nowrap;
    }

    .hero-type-line-sizer,
    .hero-type-line-text {
      grid-area: 1 / 1;
      white-space: nowrap;
    }

    .hero-type-line-sizer {
      visibility: hidden;
      pointer-events: none;
      user-select: none;
      display: inline-block;
    }

    .hero-type-line-text {
      position: relative;
      display: inline-block;
      justify-self: center;
    }

    .hero-type-line-text::after {
      content: "";
      position: absolute;
      top: 0.12em;
      right: -0.06em;
      width: 0.06em;
      height: 0.78em;
      border-radius: 999px;
      background: rgba(233, 246, 255, 0.92);
      box-shadow: 0 0 14px rgba(54, 231, 255, 0.24);
      opacity: 0;
    }

    .hero-type-line.is-typing .hero-type-line-text::after {
      opacity: 1;
      animation: heroCaretBlink 0.82s steps(1, end) infinite;
    }

    .hero-type-line.is-complete .hero-type-line-text::after {
      opacity: 0;
      animation: none;
    }

    .hero-hook .eyebrow {
      color: #d3fff0;
      text-shadow: 0 6px 14px rgba(2, 10, 23, 0.28);
    }

    .hero-stage-shell > .site-header {
      position: absolute;
      top: 24px;
      left: 0;
      right: 0;
      margin-bottom: 0;
      z-index: 8;
    }

    .hero-scroll-indicator {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 40px;
      padding: 10px 16px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 50% 0%, rgba(54, 231, 255, 0.1), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
      color: #d7ebfb;
      text-decoration: none;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 14px 34px rgba(2, 10, 23, 0.26);
      backdrop-filter: blur(12px);
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
      z-index: 6;
    }

    .hero-scroll-indicator:hover {
      transform: translateY(-2px);
      border-color: rgba(141, 241, 255, 0.34);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 18px 42px rgba(2, 10, 23, 0.3),
        0 0 24px rgba(54, 231, 255, 0.08);
    }

    .hero-hook-cta {
      margin-top: 8px;
    }

    .hero-scroll-indicator-line {
      width: 22px;
      height: 22px;
      border-radius: 999px;
      border: 1px solid rgba(141, 241, 255, 0.3);
      position: relative;
      display: inline-block;
      flex: 0 0 auto;
    }

    .hero-scroll-indicator-line::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 4px;
      width: 4px;
      height: 7px;
      border-radius: 999px;
      transform: translateX(-50%);
      background: linear-gradient(180deg, #d9fbff, #36e7ff);
      box-shadow: 0 0 12px rgba(54, 231, 255, 0.42);
      animation: scrollIndicatorFloat 1.9s ease-in-out infinite;
    }

    .hero.panel::before {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), transparent 24%),
        radial-gradient(circle at 76% 22%, rgba(54, 231, 255, 0.07), transparent 24%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.03), transparent 36%, transparent 68%, rgba(54, 231, 255, 0.035));
      opacity: 0.88;
    }

    .hero.panel::after {
      background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(54, 231, 255, 0.12), transparent 40%);
    }

    .hero:hover {
      transform: translate3d(0, -3px, 0);
    }

    .hero-copy {
      max-width: 36rem;
    }

    .eyebrow {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--accent-2);
      font-size: 0.78rem;
      margin-bottom: 16px;
    }

    h1 {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(2rem, 6vw, 3.4rem);
      line-height: 1.08;
      margin-bottom: 18px;
    }

    .hero h1 {
      color: #dee9f9;
      text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18),
        0 10px 26px rgba(6, 20, 39, 0.38);
    }

    @supports ((-webkit-background-clip: text) or (background-clip: text)) {
      .hero h1 {
        background-image:
          linear-gradient(
            180deg,
            #f7fbff 0%,
            #d4deeb 22%,
            #c3cedd 44%,
            #f2f7ff 68%,
            #b7c3d4 100%
          ),
          linear-gradient(
            102deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 12%,
            rgba(84, 237, 255, 0.42) 34%,
            rgba(132, 255, 218, 0.46) 50%,
            rgba(88, 236, 255, 0.4) 66%,
            rgba(0, 0, 0, 0) 88%,
            rgba(0, 0, 0, 0) 100%
          ),
          linear-gradient(
            104deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 36%,
            rgba(115, 244, 255, 0.98) 46%,
            rgba(149, 255, 225, 1) 50%,
            rgba(108, 241, 255, 0.97) 54%,
            rgba(0, 0, 0, 0) 64%,
            rgba(0, 0, 0, 0) 100%
          );
        background-size: 100% 100%, 220% 100%, 300% 100%;
        background-position: 0 0, -34% 0, -170% 0;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        animation: heroHeadlineSweep 3.2s linear infinite;
      }
    }

    .hero p {
      color: var(--muted);
      max-width: 58ch;
      line-height: 1.65;
      margin-bottom: 24px;
      font-size: 1rem;
    }

    .hero-support-line {
      color: #d7e9f8;
      font-size: 0.96rem;
      max-width: 54ch;
      margin-top: -6px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 18px;
    }

    .hero-signal-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .hero-signal-row span {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 8px 12px 8px 18px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.015);
      color: #cfe1f3;
      font-size: 0.82rem;
      line-height: 1.1;
      position: relative;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
      transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }

    .hero-signal-row span::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      transform: translateY(-50%);
      background: radial-gradient(circle, #d9fbff 0%, #36e7ff 62%, #1282a1 100%);
      box-shadow: 0 0 10px rgba(54, 231, 255, 0.64);
    }

    .hero-side {
      display: grid;
      gap: 22px;
      align-content: start;
      position: relative;
      isolation: isolate;
    }

    .hero-side::before {
      content: "";
      position: absolute;
      inset: 8% 4% 18%;
      border-radius: 48px;
      background:
        radial-gradient(circle at 68% 24%, rgba(54, 231, 255, 0.11), transparent 30%),
        radial-gradient(circle at 22% 82%, rgba(140, 255, 198, 0.05), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%);
      filter: blur(28px);
      opacity: 0.72;
      z-index: 0;
      pointer-events: none;
    }

    .hero-visual-board {
      position: relative;
      display: grid;
      gap: clamp(16px, 1.8vw, 22px);
      padding: clamp(20px, 2.1vw, 28px);
      border-radius: 36px;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 74% 18%, rgba(54, 231, 255, 0.12), transparent 28%),
        radial-gradient(circle at 26% 84%, rgba(140, 255, 198, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
        linear-gradient(160deg, rgba(9, 22, 39, 0.94), rgba(5, 12, 23, 0.92));
      border: 1px solid rgba(179, 220, 255, 0.16);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 34px 80px rgba(2, 10, 23, 0.3);
    }

    .hero-visual-board::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 24%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 22%, transparent 78%, rgba(255, 255, 255, 0.02)),
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
      background-size: auto, auto, 100% 28px, 28px 100%;
      opacity: 0.28;
      pointer-events: none;
      z-index: 0;
    }

    .hero-visual-caption {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 4px;
      justify-self: start;
      padding: 10px 12px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(6, 16, 29, 0.54);
      box-shadow: 0 14px 28px rgba(2, 10, 23, 0.18);
      backdrop-filter: blur(6px);
    }

    .hero-visual-kicker {
      font-size: 0.68rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent-2);
    }

    .hero-visual-caption strong {
      font-size: 0.96rem;
      font-weight: 600;
      color: #e6f2ff;
    }

    .hero-visual {
      position: relative;
      overflow: hidden;
      border-radius: 26px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016));
      box-shadow:
        0 22px 52px rgba(2, 10, 23, 0.26),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
      z-index: 1;
    }

    .hero-visual:hover {
      transform: translate3d(0, -4px, 0) scale(1.008);
      border-color: rgba(179, 220, 255, 0.28);
      box-shadow:
        0 28px 66px rgba(2, 10, 23, 0.34),
        0 0 20px rgba(54, 231, 255, 0.06),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    }

    .hero-visual img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center top;
      background: #071321;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: crisp-edges;
    }

    .hero-visual-main {
      z-index: 2;
      padding: 14px;
    }

    .hero-visual-support-row {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: clamp(14px, 1.6vw, 18px);
      align-items: start;
      position: relative;
      z-index: 2;
    }

    .hero-visual-support {
      padding: 12px;
      display: grid;
      gap: 10px;
    }

    .hero-visual-support-setup {
      align-self: stretch;
    }

    .hero-visual-support-leads {
      align-self: stretch;
    }

    .hero-visual-support figcaption {
      font-size: 0.8rem;
      font-weight: 500;
      letter-spacing: 0.04em;
      color: #d7e9f8;
      text-transform: uppercase;
    }

    .hero-visual-support img {
      border-radius: 18px;
      background: #071321;
    }

    .hero-side .hero-cube-stage {
      width: 100%;
    }

    .hero-side .hero-cube-note {
      max-width: 32ch;
      padding-left: 2px;
    }

    .hero-hero-board {
      min-height: auto;
      gap: 18px;
      padding: clamp(18px, 2vw, 24px);
    }

    .hero-hero-board .hero-visual-caption {
      margin-bottom: 2px;
    }

    .hero-hero-board .hero-visual-main {
      padding: 10px;
    }

    .hero-hero-board .hero-visual-main img {
      border-radius: 18px;
    }

    .hero-hero-board .hero-visual-support-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .hero-hero-board .hero-visual-support {
      padding: 10px;
    }

    .hero-hero-board .hero-visual-support figcaption {
      font-size: 0.76rem;
    }

    @media (max-width: 1180px) {
      .hero-hook {
        min-height: 100svh;
      }

      .hero-hook-copy {
        width: min(92vw, 760px);
      }

      .hero-hook-copy h1 {
        max-width: none;
      }
    }

    @media (max-width: 720px) {
      .hero-stage-shell > .site-header {
        top: 18px;
      }

      .hero-hook-copy {
        gap: 14px;
        width: min(92vw, 640px);
        padding: 22px 18px 26px;
        border-radius: 24px;
      }

      .hero-hook-copy h1 {
        max-width: none;
      }

      .hero-hook-sub {
        max-width: 27rem;
        font-size: 0.98rem;
      }
    }

    .hero-cube-stage {
      --cube-face-size: 132px;
      --cube-depth: 66px;
      --cube-edge: rgba(54, 231, 255, 0.96);
      --cube-edge-soft: rgba(140, 255, 198, 0.54);
      --cube-shell: #123357;
      --cube-shell-deep: #0a1f38;
      --cube-shell-top: #1b466f;
      --cube-pointer-x: 50%;
      --cube-pointer-y: 50%;
      position: relative;
      height: clamp(316px, 38vw, 428px);
      border-radius: 30px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        radial-gradient(circle at 50% 14%, rgba(129, 229, 255, 0.2), transparent 28%),
        radial-gradient(circle at 50% 46%, rgba(54, 231, 255, 0.14), transparent 32%),
        radial-gradient(circle at 78% 16%, rgba(54, 231, 255, 0.11), transparent 38%),
        radial-gradient(circle at 22% 20%, rgba(140, 255, 198, 0.08), transparent 34%),
        radial-gradient(circle at 50% 84%, rgba(54, 231, 255, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 26, 44, 0.94), rgba(7, 16, 29, 0.9));
      display: grid;
      place-items: center;
      overflow: hidden;
      isolation: isolate;
      perspective: 1680px;
      perspective-origin: 50% 44%;
      transform-style: preserve-3d;
      transform: translate3d(0, 0, 0);
      cursor: pointer;
      touch-action: manipulation;
      transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 260ms ease,
        box-shadow 320ms ease,
        background 320ms ease;
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 30px 70px rgba(2, 10, 23, 0.34),
        0 0 0 1px rgba(126, 231, 200, 0.03);
    }

    .hero-cube-stage::before {
      content: "";
      position: absolute;
      inset: -16%;
      background:
        radial-gradient(circle at var(--cube-pointer-x) var(--cube-pointer-y), rgba(126, 231, 200, 0.12), transparent 22%),
        radial-gradient(circle at calc(var(--cube-pointer-x) + 8%) calc(var(--cube-pointer-y) - 12%), rgba(99, 214, 255, 0.18), transparent 30%);
      opacity: 0.9;
      filter: blur(8px);
      pointer-events: none;
      z-index: 2;
      transition: opacity 220ms ease;
    }

    .hero-cube-stage::after {
      content: "";
      position: absolute;
      width: 294px;
      height: 104px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(7, 26, 46, 0.76) 0%, rgba(7, 26, 46, 0.2) 62%, transparent 100%);
      filter: blur(2px);
      transform: translate3d(0, 146px, -74px) rotateX(83deg);
      pointer-events: none;
      z-index: 2;
    }

    .hero-cube-hud {
      position: absolute;
      top: 16px;
      left: 16px;
      right: 16px;
      display: flex;
      justify-content: space-between;
      gap: 10px;
      z-index: 8;
      pointer-events: none;
    }

    .hero-cube-hud span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 11px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        radial-gradient(circle at 50% 0%, rgba(99, 214, 255, 0.12), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.02);
      color: #d7ebfb;
      font-size: 0.71rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 12px 24px rgba(5, 14, 26, 0.2),
        0 0 18px rgba(54, 231, 255, 0.06);
      backdrop-filter: blur(14px);
    }

    .hero-cube-glow {
      position: absolute;
      width: 326px;
      height: 326px;
      border-radius: 999px;
      background:
        radial-gradient(circle, rgba(58, 234, 255, 0.2) 0%, rgba(58, 234, 255, 0.1) 34%, rgba(126, 231, 200, 0.06) 52%, transparent 72%);
      filter: blur(18px);
      transform: translate3d(0, 6px, -12px);
      animation: cubePulse 5.6s ease-in-out infinite;
      pointer-events: none;
      z-index: 3;
      transition:
        opacity 220ms ease,
        transform 220ms ease,
        filter 220ms ease;
    }

    .hero-cube-orbit {
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 999px;
      pointer-events: none;
      z-index: 4;
      opacity: 0.44;
      transition: opacity 220ms ease, transform 260ms ease;
    }

    .hero-cube-orbit-a {
      width: 240px;
      height: 282px;
      border: 1px solid rgba(141, 241, 255, 0.16);
      transform: translate(-50%, -50%) rotateX(72deg);
      box-shadow:
        inset 0 0 16px rgba(54, 231, 255, 0.06),
        0 0 18px rgba(54, 231, 255, 0.04);
      animation: orbitSpinA 18s linear infinite;
    }

    .hero-cube-orbit-b {
      width: 176px;
      height: 214px;
      border: 1px solid rgba(140, 255, 198, 0.14);
      transform: translate(-50%, -50%) rotateX(72deg);
      box-shadow:
        inset 0 0 12px rgba(140, 255, 198, 0.06),
        0 0 16px rgba(140, 255, 198, 0.03);
      animation: orbitSpinB 14.5s linear infinite;
    }

    .hero-cube-grid {
      position: absolute;
      left: 10%;
      right: 10%;
      bottom: 16px;
      height: 132px;
      border-radius: 0 0 24px 24px;
      background:
        linear-gradient(rgba(111, 219, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 219, 255, 0.1) 1px, transparent 1px);
      background-size: 28px 28px;
      transform: perspective(760px) rotateX(74deg) scaleY(1.18);
      transform-origin: bottom center;
      mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.84) 32%, rgba(0, 0, 0, 1) 100%);
      opacity: 0.22;
      z-index: 3;
      pointer-events: none;
    }

    .hero-cube-ripple {
      position: absolute;
      inset: 50% auto auto 50%;
      width: 204px;
      height: 204px;
      border-radius: 999px;
      border: 1px solid rgba(139, 245, 255, 0.24);
      background: radial-gradient(circle, rgba(99, 214, 255, 0.08), transparent 64%);
      transform: translate(-50%, -50%) scale(0.82);
      opacity: 0;
      filter: blur(0.4px);
      pointer-events: none;
      z-index: 5;
    }

    .hero-cube-canvas,
    .hero-cube-fallback {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      pointer-events: none;
    }

    .hero-cube-canvas {
      z-index: 6;
      opacity: 0;
      transition: opacity 320ms ease;
    }

    .hero-cube-canvas canvas {
      width: 100% !important;
      height: 100% !important;
      display: block;
    }

    .hero-cube-fallback {
      z-index: 6;
      transition:
        opacity 260ms ease,
        transform 260ms ease,
        visibility 260ms ease;
    }

    .hero-cube-stage.is-webgl-ready .hero-cube-canvas {
      opacity: 1;
    }

    .hero-cube-stage.is-webgl-ready .hero-cube-fallback {
      opacity: 0;
      visibility: hidden;
      transform: scale(0.96);
    }

    .hero-cube-stage.is-hovered,
    .hero-cube-stage:focus-visible {
      border-color: rgba(141, 241, 255, 0.46);
      transform: translate3d(0, -2px, 0);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
        0 34px 66px rgba(2, 10, 23, 0.4),
        0 0 0 1px rgba(126, 231, 200, 0.08),
        0 0 46px rgba(54, 231, 255, 0.12);
    }

    .hero-cube-stage.is-hovered::before,
    .hero-cube-stage:focus-visible::before {
      opacity: 1;
    }

    .hero-cube-stage:focus-visible {
      outline: none;
    }

    .hero-cube-stage.is-hovered .hero-cube-glow,
    .hero-cube-stage:focus-visible .hero-cube-glow {
      transform: translate3d(0, 4px, -12px) scale(1.05);
      filter: blur(22px);
    }

    .hero-cube-stage.is-hovered .hero-cube-orbit,
    .hero-cube-stage:focus-visible .hero-cube-orbit {
      opacity: 0.72;
    }

    .hero-cube-stage.is-hovered .hero-cube-grid,
    .hero-cube-stage:focus-visible .hero-cube-grid {
      opacity: 0.38;
    }

    .hero-cube-stage.is-pulsing .hero-cube-glow {
      transform: translate3d(0, 2px, -12px) scale(1.12);
      filter: blur(24px);
    }

    .hero-cube-stage.is-pulsing .hero-cube-ripple {
      animation: cubeEnergyPulse 620ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .hero-cube-rig {
      position: relative;
      width: var(--cube-face-size);
      height: var(--cube-face-size);
      transform-style: preserve-3d;
      transform-origin: center center;
      transition: transform 240ms cubic-bezier(0.2, 0.7, 0.2, 1);
      will-change: transform;
      z-index: 6;
    }

    .hero-face-rig {
      width: clamp(214px, 66%, 328px);
      height: clamp(252px, 82%, 364px);
    }

    .hero-cube {
      position: relative;
      --cube-half: var(--cube-depth);
      width: var(--cube-face-size);
      height: var(--cube-face-size);
      transform-style: preserve-3d;
      transform-origin: 50% 50%;
      transform: rotateX(-28deg) rotateY(45deg) rotateZ(0deg);
      animation-name: var(--idle-spin-name, cubeSpinStable);
      animation-duration: var(--idle-duration, 8.6s);
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: var(--idle-direction, normal);
      animation-delay: var(--idle-delay, 0s);
      will-change: transform;
    }

    .hero-face-core {
      --face-tilt: 0deg;
      --face-spin: 0deg;
      width: 100%;
      height: 100%;
      opacity: 0;
      animation:
        heroHologramBuild 1.45s cubic-bezier(0.16, 0.84, 0.24, 1) both,
        heroFaceFloat 8.4s ease-in-out 1.45s infinite;
      transform: rotateX(-4deg) rotateY(4deg) translateZ(0);
    }

    .hero-cube-stage.is-targeting .hero-cube {
      animation-name: var(--idle-spin-name, cubeSpinStable);
      animation-duration: 10.6s;
      animation-timing-function: linear;
    }

    .hero-cube-stage.is-targeting .hero-face-core {
      animation:
        heroHologramBuild 1.45s cubic-bezier(0.16, 0.84, 0.24, 1) both,
        heroFaceFloat 7.6s ease-in-out 1.45s infinite;
    }

    .hero-face-core::before {
      content: "";
      position: absolute;
      inset: 2% 8% 10%;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 34%, rgba(82, 241, 255, 0.28), rgba(14, 36, 58, 0.12) 36%, rgba(0, 0, 0, 0) 72%),
        radial-gradient(circle at 50% 56%, rgba(27, 118, 156, 0.18), rgba(0, 0, 0, 0) 68%);
      filter: blur(16px);
      transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), -12px) scale(1.02, 1.14);
      opacity: 0.58;
      pointer-events: none;
      animation: hologramAuraPulse 5.8s ease-in-out infinite;
    }

    .hero-face-core::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 16%;
      width: 34%;
      height: 62%;
      border-radius: 999px;
      background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.22), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(126, 245, 255, 0.18) 18%, rgba(54, 231, 255, 0.24) 46%, rgba(255, 255, 255, 0));
      box-shadow:
        0 0 22px rgba(54, 231, 255, 0.18),
        0 0 38px rgba(126, 231, 200, 0.12);
      transform: translate3d(calc(-50% + var(--holo-shift-x, 0px)), var(--holo-shift-y, 0px), 46px);
      opacity: 0.28;
      pointer-events: none;
      animation: hologramNodeFlicker 8.4s linear infinite;
    }

    .hero-face-core .face-noise {
      inset: -6%;
      background:
        radial-gradient(circle at 18% 82%, rgba(175, 249, 255, 0.66) 0 1px, transparent 1.8px),
        radial-gradient(circle at 34% 68%, rgba(175, 249, 255, 0.52) 0 1.2px, transparent 2px),
        radial-gradient(circle at 64% 76%, rgba(175, 249, 255, 0.54) 0 1px, transparent 1.7px),
        radial-gradient(circle at 78% 34%, rgba(175, 249, 255, 0.48) 0 1.1px, transparent 1.8px),
        radial-gradient(circle at 48% 14%, rgba(175, 249, 255, 0.4) 0 1px, transparent 1.7px);
      opacity: 0.16;
      transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), -36px);
      animation: hologramDustRise 9.6s linear infinite;
    }

    .hero-face-core .face-wave {
      top: 46%;
      height: 22%;
      opacity: 0.16;
      transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), -6px) rotateY(calc(var(--face-tilt) * -0.28));
      animation: faceWaveMove 3.2s ease-in-out infinite;
    }

    .hero-face-core .face-bars {
      top: 28%;
      height: 50%;
      background:
        repeating-linear-gradient(
          180deg,
          rgba(188, 250, 255, 0) 0 7px,
          rgba(188, 250, 255, 0.34) 7px 9px,
          rgba(54, 231, 255, 0.16) 9px 10px,
          rgba(188, 250, 255, 0) 10px 15px
        );
      opacity: 0.18;
      clip-path: polygon(50% 4%, 58% 5%, 67% 9%, 73% 15%, 76% 22%, 77% 30%, 79% 35%, 83% 37%, 84% 44%, 79% 46%, 77% 58%, 73% 67%, 67% 74%, 61% 80%, 60% 86%, 78% 93%, 90% 99%, 10% 99%, 22% 93%, 40% 86%, 39% 80%, 33% 74%, 27% 67%, 23% 58%, 21% 46%, 16% 44%, 17% 37%, 21% 35%, 23% 30%, 24% 22%, 27% 15%, 33% 9%, 42% 5%);
      animation: hologramScanDrift 4.8s linear infinite;
    }

    .hero-face-core .face-grid {
      top: 50%;
      width: 66%;
      height: 84%;
      opacity: 0.05;
    }

    .hero-face-core .face-points {
      top: 48%;
      width: 66%;
      height: 84%;
      opacity: 0.12;
      clip-path: polygon(50% 4%, 58% 5%, 67% 9%, 73% 15%, 76% 22%, 77% 30%, 79% 35%, 83% 37%, 84% 44%, 79% 46%, 77% 58%, 73% 67%, 67% 74%, 61% 80%, 60% 86%, 78% 93%, 90% 99%, 10% 99%, 22% 93%, 40% 86%, 39% 80%, 33% 74%, 27% 67%, 23% 58%, 21% 46%, 16% 44%, 17% 37%, 21% 35%, 23% 30%, 24% 22%, 27% 15%, 33% 9%, 42% 5%);
      animation: pointPulse 4.6s ease-in-out infinite;
    }

    .hero-face-core .face-head {
      top: 50%;
      width: 84%;
      height: 92%;
      background:
        radial-gradient(circle at 50% 14%, rgba(255, 255, 255, 0.24), transparent 16%),
        radial-gradient(circle at 50% 38%, rgba(124, 245, 255, 0.16), transparent 26%),
        repeating-linear-gradient(180deg, rgba(188, 250, 255, 0) 0 5px, rgba(54, 231, 255, 0.96) 5px 7px, rgba(188, 250, 255, 0) 7px 12px),
        linear-gradient(180deg, rgba(21, 88, 118, 0.24), rgba(7, 28, 48, 0.02));
      box-shadow:
        0 0 22px rgba(54, 231, 255, 0.42),
        0 0 48px rgba(54, 231, 255, 0.18);
      opacity: 0.74;
      transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), 36px) rotateY(var(--face-tilt)) rotateZ(var(--face-spin));
      clip-path: polygon(50% 4%, 58% 5%, 67% 9%, 73% 15%, 76% 22%, 77% 30%, 79% 35%, 83% 37%, 84% 44%, 79% 46%, 77% 58%, 73% 67%, 67% 74%, 61% 80%, 60% 86%, 78% 93%, 90% 99%, 10% 99%, 22% 93%, 40% 86%, 39% 80%, 33% 74%, 27% 67%, 23% 58%, 21% 46%, 16% 44%, 17% 37%, 21% 35%, 23% 30%, 24% 22%, 27% 15%, 33% 9%, 42% 5%);
      animation: hologramFieldFlicker 9.2s linear infinite;
    }

    .hero-face-core .face-head::before {
      inset: 7% 9% 9%;
      border: none;
      background:
        radial-gradient(ellipse at 36% 41%, rgba(239, 254, 255, 0.34), transparent 7%),
        radial-gradient(ellipse at 64% 41%, rgba(239, 254, 255, 0.34), transparent 7%),
        linear-gradient(180deg, rgba(174, 248, 255, 0) 34%, rgba(174, 248, 255, 0.28) 34.8%, rgba(238, 255, 255, 0.54) 36.2%, rgba(174, 248, 255, 0.24) 37%, rgba(174, 248, 255, 0) 38%),
        linear-gradient(180deg, rgba(174, 248, 255, 0) 48%, rgba(174, 248, 255, 0.18) 49%, rgba(238, 255, 255, 0.4) 50.5%, rgba(174, 248, 255, 0.18) 52%, rgba(174, 248, 255, 0) 53%),
        radial-gradient(circle at 50% 52%, rgba(169, 247, 255, 0.12), transparent 18%),
        linear-gradient(135deg, rgba(174, 248, 255, 0) 0 29%, rgba(174, 248, 255, 0.18) 31%, rgba(174, 248, 255, 0) 33%),
        linear-gradient(225deg, rgba(174, 248, 255, 0) 0 29%, rgba(174, 248, 255, 0.18) 31%, rgba(174, 248, 255, 0) 33%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);
      opacity: 0.92;
      mask: none;
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.24));
    }

    .hero-face-core .face-head::after {
      left: 50%;
      right: auto;
      top: 66%;
      width: 34%;
      height: 16%;
      border: none;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.14), transparent 12%),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 26%, rgba(224, 253, 255, 0.3) 31%, rgba(255, 255, 255, 0.62) 35%, rgba(224, 253, 255, 0.3) 39%, rgba(255, 255, 255, 0) 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 52%, rgba(131, 244, 255, 0.22) 57%, rgba(224, 253, 255, 0.44) 60%, rgba(131, 244, 255, 0.22) 63%, rgba(255, 255, 255, 0) 69%);
      opacity: 0.68;
      transform: translate(-50%, -50%);
      filter: blur(1.8px) drop-shadow(0 0 10px rgba(54, 231, 255, 0.2));
    }

    .hero-face-core .face-voxels {
      opacity: 0;
    }

    .hero-face-core .face-eye {
      top: 40.8%;
      width: 11.5%;
      height: 8px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(224, 253, 255, 0.98), rgba(255, 255, 255, 0));
      box-shadow:
        0 0 14px rgba(93, 236, 255, 0.92),
        0 0 28px rgba(93, 236, 255, 0.36);
      opacity: 0.78;
      transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), 52px) rotateY(var(--face-tilt));
    }

    .hero-face-core .face-eye-left {
      left: 39.5%;
    }

    .hero-face-core .face-eye-right {
      left: 51.5%;
    }

    .hero-face-core .face-orbit {
      top: 79%;
      width: 84%;
      height: 16%;
      border-color: rgba(124, 222, 255, 0.18);
      opacity: 0.18;
      animation: orbitSpinSide 16s linear infinite, hologramAuraPulse 6.4s ease-in-out infinite;
    }

    .hero-face-core .face-eye,
    .hero-face-core .face-orbit,
    .hero-face-core .face-points {
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.26));
    }

    .hero-cube-stage.is-hovered .hero-face-core,
    .hero-cube-stage:focus-visible .hero-face-core {
      transform: rotateX(-3deg) rotateY(8deg) translate3d(0, -2px, 0);
    }

    .hero-cube-stage.is-hovered .hero-face-core::before,
    .hero-cube-stage:focus-visible .hero-face-core::before {
      opacity: 0.94;
      box-shadow:
        inset 0 0 24px rgba(191, 246, 255, 0.2),
        0 0 30px rgba(54, 231, 255, 0.18);
    }

    .hero-cube-stage.is-hovered .hero-face-core .face-eye,
    .hero-cube-stage:focus-visible .hero-face-core .face-eye {
      opacity: 0.96;
    }

    .hero-cube-stage.is-pulsing .hero-face-core::after {
      opacity: 0.96;
      box-shadow:
        0 0 28px rgba(54, 231, 255, 0.32),
        0 0 48px rgba(126, 231, 200, 0.22);
    }

    /* Rebuilt SVG hologram scene */
    .hero-cube-stage.is-holo-dom .hero-cube-canvas {
      display: none;
    }

    .hero-cube-stage.is-holo-dom .hero-cube-fallback {
      opacity: 1;
      visibility: visible;
      transform: none;
      padding: 14px 10px 8px;
    }

    .hero-cube-stage.is-holo-dom .hero-cube-glow {
      opacity: 0.24;
      filter: blur(18px);
    }

    .hero-cube-stage.is-holo-dom .hero-cube-orbit-a {
      width: 198px;
      height: 228px;
      opacity: 0.12;
      border-color: rgba(141, 241, 255, 0.07);
    }

    .hero-cube-stage.is-holo-dom .hero-cube-orbit-b {
      width: 138px;
      height: 166px;
      opacity: 0.08;
      border-color: rgba(140, 255, 198, 0.06);
    }

    .hero-cube-stage.is-holo-dom .hero-cube-grid {
      opacity: 0.12;
    }

    .hero-cube-stage.is-holo-dom .hero-holo-scene {
      --holo-outer-x: 0px;
      --holo-outer-y: 0px;
      --holo-back-x: 0px;
      --holo-back-y: 0px;
      --holo-field-x: 0px;
      --holo-field-y: 0px;
      --holo-shell-x: 0px;
      --holo-shell-y: 0px;
      --holo-volume-x: 0px;
      --holo-volume-y: 0px;
      --holo-planes-x: 0px;
      --holo-planes-y: 0px;
      --holo-face-x: 0px;
      --holo-face-y: 0px;
      --holo-scan-x: 0px;
      --holo-scan-y: 0px;
      --holo-glow-x: 0px;
      --holo-glow-y: 0px;
      --holo-tilt-x: 0deg;
      --holo-tilt-y: 0deg;
      --holo-face-opacity: 0.94;
      --holo-shell-opacity: 0.28;
      position: relative;
      width: min(100%, 392px);
      height: min(100%, 430px);
      margin: 0 auto;
      transform-style: preserve-3d;
      transform: perspective(980px) rotateX(var(--holo-tilt-x)) rotateY(var(--holo-tilt-y));
      transition: transform 220ms ease, filter 220ms ease;
      filter: drop-shadow(0 22px 40px rgba(1, 10, 22, 0.28));
      opacity: 0;
    }

    .hero-cube-stage.is-holo-dom.is-built .hero-holo-scene {
      animation: heroHoloAssembly 1.28s cubic-bezier(0.16, 0.84, 0.24, 1) both;
    }

    .hero-holo-aura,
    .hero-holo-volume-glow,
    .hero-holo-base,
    .hero-holo-particles,
    .hero-holo-distortion,
    .hero-holo-svg {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .hero-holo-aura {
      background:
        radial-gradient(circle at calc(50% + var(--holo-glow-x)) calc(34% + var(--holo-glow-y)), rgba(81, 232, 255, 0.14), rgba(15, 60, 84, 0.06) 26%, rgba(0, 0, 0, 0) 48%),
        radial-gradient(circle at calc(50% + var(--holo-glow-x)) calc(62% + var(--holo-glow-y)), rgba(25, 112, 152, 0.1), rgba(0, 0, 0, 0) 38%);
      filter: blur(10px);
      opacity: 0.76;
      animation: heroHoloGlow 4.8s ease-in-out infinite;
    }

    .hero-holo-volume-glow {
      z-index: 4;
      background:
        radial-gradient(circle at calc(50% + var(--holo-glow-x)) calc(38% + var(--holo-glow-y)), rgba(214, 252, 255, 0.18), rgba(81, 232, 255, 0.08) 22%, rgba(0, 0, 0, 0) 52%),
        radial-gradient(circle at calc(50% + var(--holo-glow-x)) calc(52% + var(--holo-glow-y)), rgba(54, 231, 255, 0.1), rgba(0, 0, 0, 0) 42%);
      transform: translate3d(var(--holo-volume-x), var(--holo-volume-y), -2px) scale(1.06, 1.02);
      filter: blur(18px);
      opacity: 0.56;
      animation: heroVolumeGlow 6.2s ease-in-out infinite;
    }

    .hero-holo-base {
      z-index: 1;
    }

    .hero-holo-column {
      position: absolute;
      left: 50%;
      bottom: 64px;
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(214, 252, 255, 0.62) 36%, rgba(54, 231, 255, 0.26) 72%, rgba(255, 255, 255, 0));
      box-shadow: 0 0 12px rgba(54, 231, 255, 0.2);
      opacity: 0.42;
      transform-origin: center bottom;
      animation: heroHoloColumn 5.4s ease-in-out infinite;
    }

    .hero-holo-column-a {
      height: 142px;
      --column-offset: -16px;
      transform: translateX(var(--column-offset));
    }

    .hero-holo-column-b {
      height: 164px;
      --column-offset: 0px;
      transform: translateX(var(--column-offset));
      opacity: 0.54;
    }

    .hero-holo-column-c {
      height: 142px;
      --column-offset: 16px;
      transform: translateX(var(--column-offset));
    }

    .hero-holo-ring {
      position: absolute;
      left: 50%;
      bottom: 42px;
      border-radius: 50%;
      border: 1px solid rgba(135, 242, 255, 0.22);
      transform: translateX(-50%) rotateX(76deg);
    }

    .hero-holo-ring-a {
      width: 162px;
      height: 54px;
      opacity: 0.24;
      animation: heroRingSpin 14s linear infinite;
    }

    .hero-holo-ring-b {
      width: 208px;
      height: 68px;
      bottom: 38px;
      opacity: 0.16;
      animation: heroRingSpinReverse 18s linear infinite;
    }

    .hero-holo-ring-c {
      width: 252px;
      height: 82px;
      bottom: 30px;
      opacity: 0.08;
      animation: heroRingPulse 5.6s ease-in-out infinite;
    }

    .hero-holo-svg {
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .hero-holo-field {
      z-index: 2;
      transform: translate3d(var(--holo-field-x), var(--holo-field-y), -30px);
      opacity: 0.18;
      filter: blur(0.2px);
    }

    .hero-holo-field .field-ring {
      fill: none;
      stroke: rgba(145, 245, 255, 0.12);
      stroke-width: 1.1;
      vector-effect: non-scaling-stroke;
      transform-origin: center center;
      animation: heroFieldPulse 8.8s ease-in-out infinite;
    }

    .hero-holo-field .field-ring-b {
      stroke-opacity: 0.68;
      animation-delay: -1.2s;
    }

    .hero-holo-field .field-ring-c {
      stroke-opacity: 0.46;
      animation-delay: -2.1s;
    }

    .hero-holo-field .field-ring-d {
      stroke-opacity: 0.3;
      animation-delay: -3.2s;
    }

    .hero-holo-outer-shell {
      z-index: 3;
      transform: translate3d(var(--holo-outer-x), var(--holo-outer-y), -18px) scale(1.04, 1.02);
      opacity: 0.24;
      filter: drop-shadow(0 0 18px rgba(54, 231, 255, 0.12));
    }

    .hero-holo-back {
      z-index: 4;
      transform: translate3d(var(--holo-back-x), var(--holo-back-y), -26px) scale(1.05, 1.03);
      opacity: 0.34;
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.08));
    }

    .hero-holo-side-contours {
      z-index: 4;
      transform: translate3d(var(--holo-outer-x), var(--holo-outer-y), -12px) scale(1.01);
      opacity: 0.24;
    }

    .hero-holo-shell {
      z-index: 5;
      transform: translate3d(var(--holo-shell-x), var(--holo-shell-y), -10px) scale(1.02);
      opacity: var(--holo-shell-opacity);
    }

    .hero-holo-volume {
      z-index: 6;
      transform: translate3d(var(--holo-volume-x), var(--holo-volume-y), -4px) scale(0.99);
      opacity: 0.78;
    }

    .hero-holo-planes {
      z-index: 7;
      transform: translate3d(var(--holo-planes-x), var(--holo-planes-y), 4px) scale(0.985);
      opacity: 0.76;
    }

    .hero-holo-face {
      z-index: 8;
      transform: translate3d(var(--holo-face-x), var(--holo-face-y), 10px) scale(0.97);
      opacity: var(--holo-face-opacity);
      filter: drop-shadow(0 0 10px rgba(54, 231, 255, 0.16));
    }

    .hero-holo-curved-scanlines {
      z-index: 9;
      transform: translate3d(var(--holo-outer-x), var(--holo-outer-y), 12px) scale(1.01);
      opacity: 0.14;
    }

    .hero-holo-scan {
      z-index: 10;
      opacity: 0.16;
      transform: translate3d(var(--holo-scan-x), var(--holo-scan-y), 12px);
    }

    .hero-holo-outer-shell .outer-outline,
    .hero-holo-outer-shell .outer-crown,
    .hero-holo-outer-shell .outer-brow,
    .hero-holo-outer-shell .outer-cheek-left,
    .hero-holo-outer-shell .outer-cheek-right,
    .hero-holo-outer-shell .outer-jaw-left,
    .hero-holo-outer-shell .outer-jaw-right,
    .hero-holo-outer-shell .outer-neck-left,
    .hero-holo-outer-shell .outer-neck-right {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }

    .hero-holo-outer-shell .outer-outline {
      fill: rgba(10, 30, 46, 0.03);
      stroke: rgba(183, 251, 255, 0.22);
      stroke-width: 1.6;
    }

    .hero-holo-outer-shell .outer-crown,
    .hero-holo-outer-shell .outer-brow {
      stroke: rgba(168, 248, 255, 0.15);
      stroke-width: 1.35;
    }

    .hero-holo-outer-shell .outer-cheek-left,
    .hero-holo-outer-shell .outer-cheek-right,
    .hero-holo-outer-shell .outer-jaw-left,
    .hero-holo-outer-shell .outer-jaw-right,
    .hero-holo-outer-shell .outer-neck-left,
    .hero-holo-outer-shell .outer-neck-right {
      stroke: rgba(168, 248, 255, 0.18);
      stroke-width: 1.32;
    }

    .hero-holo-back .back-outline,
    .hero-holo-back .back-crown,
    .hero-holo-back .back-side-left,
    .hero-holo-back .back-side-right,
    .hero-holo-back .back-contour-left,
    .hero-holo-back .back-contour-right,
    .hero-holo-back .back-neck {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }

    .hero-holo-back .back-outline {
      fill: rgba(8, 28, 46, 0.06);
      stroke: rgba(145, 245, 255, 0.14);
      stroke-width: 1.45;
    }

    .hero-holo-back .back-crown,
    .hero-holo-back .back-side-left,
    .hero-holo-back .back-side-right {
      stroke: rgba(145, 245, 255, 0.12);
      stroke-width: 1.35;
    }

    .hero-holo-back .back-contour-left,
    .hero-holo-back .back-contour-right,
    .hero-holo-back .back-neck {
      stroke: rgba(131, 244, 255, 0.1);
      stroke-width: 1.2;
    }

    .hero-holo-side-contours .side-arc {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
      stroke: rgba(145, 245, 255, 0.16);
      stroke-width: 1.2;
    }

    .hero-holo-side-contours .side-arc-inner-left,
    .hero-holo-side-contours .side-arc-inner-right {
      stroke: rgba(168, 248, 255, 0.12);
    }

    .hero-holo-side-contours .side-arc-back-left,
    .hero-holo-side-contours .side-arc-back-right {
      stroke: rgba(131, 244, 255, 0.08);
    }

    .hero-holo-shell .shell-outline,
    .hero-holo-shell .shell-cranium,
    .hero-holo-shell .shell-forehead,
    .hero-holo-shell .shell-temple-left,
    .hero-holo-shell .shell-temple-right,
    .hero-holo-shell .shell-jaw-left,
    .hero-holo-shell .shell-jaw-right,
    .hero-holo-shell .shell-neck-left,
    .hero-holo-shell .shell-neck-right,
    .hero-holo-shell .shell-shoulders {
      fill: none;
      stroke: rgba(168, 248, 255, 0.18);
      stroke-width: 1.65;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .hero-holo-shell .shell-outline {
      fill: rgba(12, 39, 61, 0.08);
      stroke: rgba(183, 251, 255, 0.24);
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.14));
    }

    .hero-holo-volume .volume-fill {
      fill: url(#plutoHoloVolumeFill);
      stroke: rgba(168, 248, 255, 0.16);
      stroke-width: 1.2;
    }

    .hero-holo-volume .volume-core {
      fill: rgba(25, 104, 139, 0.12);
      stroke: rgba(188, 252, 255, 0.12);
      stroke-width: 1.2;
      filter: drop-shadow(0 0 12px rgba(54, 231, 255, 0.1));
    }

    .hero-holo-planes .plane-fill,
    .hero-holo-planes .plane-stroke {
      vector-effect: non-scaling-stroke;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .hero-holo-planes .plane-fill {
      fill: url(#plutoPlaneFill);
      stroke: rgba(188, 252, 255, 0.12);
      stroke-width: 1.2;
    }

    .hero-holo-planes .plane-nose {
      fill: url(#plutoPlaneNose);
      stroke: rgba(218, 253, 255, 0.18);
    }

    .hero-holo-planes .plane-stroke {
      fill: none;
      stroke: rgba(145, 245, 255, 0.2);
      stroke-width: 1.4;
    }

    .hero-holo-planes .plane-ridge {
      stroke: rgba(224, 252, 255, 0.22);
      stroke-width: 1.8;
    }

    .hero-holo-planes .plane-neck-left,
    .hero-holo-planes .plane-neck-right {
      stroke: rgba(131, 244, 255, 0.18);
      stroke-width: 1.25;
    }

    .hero-holo-face .face-stroke {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }

    .hero-holo-face .face-eye-aperture {
      stroke: rgba(240, 255, 255, 0.98);
      stroke-width: 3.45;
      filter: drop-shadow(0 0 7px rgba(110, 241, 255, 0.3));
    }

    .hero-holo-face .face-orbit,
    .hero-holo-face .face-bridge,
    .hero-holo-face .face-brow-ridge {
      stroke: rgba(224, 252, 255, 0.8);
      stroke-width: 2.35;
    }

    .hero-holo-face .face-eyelid {
      stroke: rgba(230, 253, 255, 0.86);
      stroke-width: 2.35;
    }

    .hero-holo-face .face-forehead,
    .hero-holo-face .face-cheekbone,
    .hero-holo-face .face-jaw,
    .hero-holo-face .face-chin {
      stroke: rgba(168, 248, 255, 0.56);
      stroke-width: 1.95;
    }

    .hero-holo-face .face-nose-plane,
    .hero-holo-face .face-nose-base,
    .hero-holo-face .face-mouth {
      stroke: rgba(215, 251, 255, 0.72);
      stroke-width: 2.05;
    }

    .hero-holo-face .face-secondary,
    .hero-holo-face .face-cheek,
    .hero-holo-face .face-mid-cheek,
    .hero-holo-face .face-temple,
    .hero-holo-face .face-neck,
    .hero-holo-face .face-collar,
    .hero-holo-face .face-shell-line {
      stroke: rgba(131, 244, 255, 0.35);
      stroke-width: 1.48;
    }

    .hero-holo-face .face-lip,
    .hero-holo-face .face-soft {
      stroke: rgba(131, 244, 255, 0.24);
      stroke-width: 1.25;
    }

    .hero-holo-face .face-eye-core {
      fill: rgba(240, 255, 255, 0.98);
      filter: drop-shadow(0 0 14px rgba(93, 236, 255, 0.96));
    }

    .hero-holo-curved-scanlines .outer-scan-wrap {
      animation: heroOuterScanDrift 9.4s linear infinite;
      transform-origin: center center;
    }

    .hero-holo-curved-scanlines .outer-scan-line {
      fill: none;
      stroke: url(#plutoOuterScanStroke);
      stroke-width: 1.15;
      stroke-linecap: round;
      vector-effect: non-scaling-stroke;
    }

    .hero-holo-scan .scan-track {
      animation: heroHoloScan 6.8s linear infinite;
      transform-origin: center center;
    }

    .hero-holo-scan .scan-curve {
      fill: none;
      stroke: url(#plutoScanStroke);
      stroke-width: 1.2;
      stroke-linecap: round;
      opacity: 0.8;
      vector-effect: non-scaling-stroke;
    }

    .hero-holo-scan .scan-sweep {
      animation: heroHoloSweep 6.8s linear infinite;
    }

    .hero-holo-particles {
      z-index: 9;
      overflow: hidden;
    }

    .hero-holo-particles span {
      position: absolute;
      left: var(--particle-left);
      bottom: -8%;
      width: var(--particle-size);
      height: var(--particle-size);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(232, 253, 255, 0.96) 0 18%, rgba(130, 243, 255, 0.38) 40%, rgba(0, 0, 0, 0) 72%);
      opacity: 0;
      transform: translate3d(0, 0, 0) scale(var(--particle-start-scale, 0.82));
      animation: heroParticleRise var(--particle-duration) linear infinite;
      animation-delay: var(--particle-delay);
      filter: drop-shadow(0 0 6px rgba(54, 231, 255, 0.22));
    }

    .hero-holo-distortion {
      z-index: 10;
      opacity: 0;
      clip-path: polygon(26% 6%, 74% 6%, 86% 16%, 88% 42%, 82% 70%, 72% 92%, 28% 92%, 18% 70%, 12% 42%, 14% 16%);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0 42%, rgba(214, 252, 255, 0.18) 45%, rgba(54, 231, 255, 0.16) 49%, rgba(255, 255, 255, 0) 54%),
        linear-gradient(90deg, rgba(255, 255, 255, 0) 0 22%, rgba(214, 252, 255, 0.12) 25%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 72%, rgba(214, 252, 255, 0.12) 75%, rgba(255, 255, 255, 0) 78%);
      transform: translate3d(0, 0, 0);
      transition: opacity 120ms ease, transform 120ms ease;
    }

    .hero-cube-stage.is-distorting .hero-holo-distortion {
      opacity: 0.74;
      transform: translate3d(var(--holo-distort-x, 0px), 0, 0);
    }

    .hero-cube-stage.is-holo-dom.is-hovered .hero-holo-scene,
    .hero-cube-stage.is-holo-dom:focus-visible .hero-holo-scene {
      filter: drop-shadow(0 24px 42px rgba(1, 10, 22, 0.3)) drop-shadow(0 0 14px rgba(54, 231, 255, 0.12));
    }

    .hero-cube-stage.is-holo-dom.is-hovered .hero-holo-face,
    .hero-cube-stage.is-holo-dom:focus-visible .hero-holo-face {
      opacity: 1;
    }

    .hero-cube::before,
    .hero-cube::after {
      content: "";
      position: absolute;
      pointer-events: none;
      z-index: 1;
    }

    .hero-cube::before {
      inset: 14%;
      border: 1px solid rgba(54, 231, 255, 0.46);
      border-radius: 2px;
      transform: translateZ(calc(var(--cube-half) + 1px));
      box-shadow: 0 0 14px rgba(54, 231, 255, 0.24);
    }

    .hero-cube::after {
      inset: 0;
      border-radius: 2px;
      border: 1px solid rgba(140, 255, 198, 0.24);
      transform: translateZ(calc(var(--cube-half) + 1px));
      opacity: 0.56;
    }

    .cube-face {
      position: absolute;
      inset: 0;
      border-radius: 2px;
      border: 1px solid var(--cube-edge-soft);
      background: linear-gradient(152deg, var(--cube-shell), var(--cube-shell-deep));
      box-shadow:
        inset 0 0 0 1px rgba(143, 240, 255, 0.14),
        inset 0 -24px 32px rgba(0, 0, 0, 0.3);
      backdrop-filter: none;
      backface-visibility: hidden;
    }

    .cube-face::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        linear-gradient(0deg, transparent 0 96%, var(--cube-edge) 96% 100%),
        linear-gradient(90deg, var(--cube-edge) 0 3%, transparent 3% 100%);
      opacity: 0.94;
      pointer-events: none;
    }

    .cube-face::after {
      content: "";
      position: absolute;
      inset: 9%;
      border-radius: 1px;
      border: 1px solid rgba(143, 240, 255, 0.22);
      opacity: 0.72;
      pointer-events: none;
    }

    .cube-face-front {
      transform: translateZ(var(--cube-half));
      background: linear-gradient(150deg, #22679b, #123a61);
    }

    .cube-face-back {
      transform: rotateY(180deg) translateZ(var(--cube-half));
      background: linear-gradient(150deg, #153a60, #0a223c);
    }

    .cube-face-right {
      transform: rotateY(90deg) translateZ(var(--cube-half));
      background: linear-gradient(160deg, #0f3456, #071d33);
    }

    .cube-face-left {
      transform: rotateY(-90deg) translateZ(var(--cube-half));
      background: linear-gradient(160deg, #102f4c, #06192c);
    }

    .cube-face-top {
      transform: rotateX(90deg) translateZ(var(--cube-half));
      background: linear-gradient(160deg, #38a9c6, #1f5f88);
    }

    .cube-face-bottom {
      transform: rotateX(-90deg) translateZ(var(--cube-half));
      background: linear-gradient(160deg, #0d2c4a, #081a2f);
    }

    .hero-cube-label {
      position: absolute;
      left: 18px;
      bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.72rem;
      color: rgba(211, 247, 255, 0.94);
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(148, 240, 255, 0.18);
      background:
        radial-gradient(circle at 50% 0%, rgba(99, 214, 255, 0.1), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
      backdrop-filter: blur(12px);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 12px 28px rgba(5, 14, 26, 0.24),
        0 0 18px rgba(54, 231, 255, 0.06);
      z-index: 8;
      pointer-events: none;
    }

    .hero-cube-note {
      color: #c4d7eb;
      font-size: 0.84rem;
      line-height: 1.5;
      padding-left: 4px;
      opacity: 0.84;
      transition: color 220ms ease, opacity 220ms ease, transform 220ms ease;
    }

    .hero.is-cube-pulsing .metric {
      border-color: rgba(141, 241, 255, 0.48);
      box-shadow:
        0 22px 44px rgba(2, 10, 23, 0.42),
        0 0 0 1px rgba(126, 231, 200, 0.05),
        0 0 26px rgba(54, 231, 255, 0.08);
      transform: translate3d(0, -4px, 0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
    }

    .hero.is-cube-pulsing .metric::after {
      opacity: 1;
      background: radial-gradient(circle at 50% 50%, rgba(54, 231, 255, 0.2), transparent 44%);
    }

    .hero.is-cube-pulsing .hero-actions .btn {
      border-color: rgba(148, 240, 255, 0.42);
      box-shadow:
        0 14px 34px rgba(2, 10, 23, 0.32),
        0 0 26px rgba(54, 231, 255, 0.08);
      transform: translate3d(0, -2px, 0);
    }

    .hero.is-cube-pulsing .hero-signal-row span {
      border-color: rgba(148, 240, 255, 0.36);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 0 22px rgba(54, 231, 255, 0.08);
      transform: translate3d(0, -1px, 0);
    }

    .hero.is-cube-hovered .hero-cube-note,
    .hero.is-cube-pulsing .hero-cube-note {
      color: #e4f7ff;
      opacity: 1;
      transform: translate3d(0, -1px, 0);
    }

    body.is-cube-hovered::before,
    body.is-cube-hovered::after,
    body.is-cube-energized::before,
    body.is-cube-energized::after {
      display: block;
    }

    body.is-cube-energized .pipeline-rail span:nth-child(3) {
      box-shadow:
        0 0 0 10px rgba(54, 231, 255, 0.06),
        0 0 30px rgba(54, 231, 255, 0.2);
      transform: scale(1.12);
      opacity: 1;
    }

    body.is-cube-energized .section-head-note,
    body.is-cube-hovered .section-head-note {
      border-color: rgba(179, 220, 255, 0.28);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 0 20px rgba(54, 231, 255, 0.06);
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(2, minmax(120px, 1fr));
      gap: 12px;
    }

    .metric {
      position: relative;
      overflow: hidden;
      padding: 18px 16px;
      border-radius: 16px;
      border: 1px solid rgba(179, 220, 255, 0.24);
      background: rgba(255, 255, 255, 0.03);
      min-height: 115px;
      transform-style: preserve-3d;
      transform: translate3d(0, 0, 0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
      transition: transform 0.45s var(--easing-premium), border-color 0.3s ease, box-shadow 0.35s ease;
      will-change: transform;
    }

    .metric::before,
    .feature::before,
    .price-card::before,
    .proof-card::before,
    .flow-step::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 38%, transparent 65%, rgba(54, 231, 255, 0.09));
      pointer-events: none;
      opacity: 0.7;
    }

    .metric::after,
    .feature::after,
    .price-card::after,
    .proof-card::after,
    .flow-step::after {
      content: "";
      position: absolute;
      inset: -45%;
      background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(54, 231, 255, 0.19), transparent 42%);
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }

    .metric:hover,
    .feature:hover,
    .price-card:hover,
    .proof-card:hover,
    .flow-step:hover {
      border-color: rgba(179, 220, 255, 0.52);
      box-shadow: 0 24px 48px rgba(2, 10, 23, 0.48);
      transform: translate3d(0, -6px, 0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
    }

    .metric:hover::after,
    .feature:hover::after,
    .price-card:hover::after,
    .proof-card:hover::after,
    .flow-step:hover::after {
      opacity: 1;
    }

    .metric strong {
      position: relative;
      z-index: 1;
      display: block;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 1.45rem;
      margin-bottom: 8px;
      color: var(--accent);
      transform: translateZ(18px);
    }

    .metric span {
      position: relative;
      z-index: 1;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.4;
      transform: translateZ(10px);
    }

    .section {
      margin-bottom: 24px;
      padding: clamp(24px, 4vw, 36px);
      animation: rise 1s ease both;
      content-visibility: auto;
      contain-intrinsic-size: 880px;
    }

    .infra-section {
      background:
        radial-gradient(circle at 84% 16%, rgba(54, 231, 255, 0.09), transparent 24%),
        radial-gradient(circle at 16% 82%, rgba(140, 255, 198, 0.08), transparent 28%),
        linear-gradient(rgba(123, 210, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(123, 210, 255, 0.04) 1px, transparent 1px),
        linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
      background-size: auto, auto, 28px 28px, 28px 28px, auto;
      background-position: center, center, center, center, center;
    }

    .infra-section.is-live {
      border-color: rgba(179, 220, 255, 0.44);
      box-shadow:
        0 26px 70px rgba(2, 10, 23, 0.68),
        0 0 0 1px rgba(54, 231, 255, 0.06);
    }

    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 12px;
    }

    .section-kicker {
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--accent-2);
      font-size: 0.74rem;
      margin-bottom: 10px;
    }

    .section-head-note {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      color: #d3e6f8;
      font-size: 0.85rem;
      white-space: nowrap;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    }

    .status-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: radial-gradient(circle, #b7fbff 0%, #36e7ff 58%, #1d8796 100%);
      box-shadow: 0 0 12px rgba(54, 231, 255, 0.75);
      animation: statusPulse 3.6s ease-in-out infinite;
      flex: 0 0 auto;
    }

    .status-dot-live {
      animation: liveBeaconBlink 1.7s steps(2, end) infinite, statusPulse 3s ease-in-out infinite;
    }

    @keyframes liveBeaconBlink {
      0%, 18%, 100% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(54, 231, 255, 0.78), 0 0 26px rgba(54, 231, 255, 0.28);
      }
      19%, 27% {
        opacity: 0.28;
        box-shadow: 0 0 4px rgba(54, 231, 255, 0.22);
      }
      28%, 46% {
        opacity: 1;
        box-shadow: 0 0 14px rgba(54, 231, 255, 0.82), 0 0 30px rgba(54, 231, 255, 0.3);
      }
      47%, 54% {
        opacity: 0.4;
        box-shadow: 0 0 5px rgba(54, 231, 255, 0.24);
      }
      55%, 100% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(54, 231, 255, 0.78), 0 0 24px rgba(54, 231, 255, 0.24);
      }
    }

    .section h2 {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.5rem, 4.5vw, 2rem);
      margin-bottom: 12px;
    }

    .section .sub {
      color: var(--muted);
      line-height: 1.6;
      margin-bottom: 20px;
      max-width: 68ch;
    }

    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

    .systems-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
      gap: 16px;
      align-items: stretch;
    }

    .systems-side {
      display: grid;
      gap: 16px;
    }

    .module-card {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(8, 26, 46, 0.92), rgba(6, 18, 31, 0.92));
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.025),
        0 20px 44px rgba(2, 10, 23, 0.34);
    }

    .module-card::after,
    .proof-card::after,
    .pipeline-step::after {
      background:
        radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(54, 231, 255, 0.17), transparent 38%),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 10px);
    }

    .module-card-primary {
      padding: 22px;
      min-height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .module-top,
    .pipeline-step-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 14px;
    }

    .module-icon {
      position: relative;
      width: 46px;
      height: 46px;
      border-radius: 14px;
      border: 1px solid rgba(179, 220, 255, 0.22);
      background:
        radial-gradient(circle at 30% 28%, rgba(147, 247, 255, 0.22), transparent 28%),
        linear-gradient(160deg, rgba(19, 48, 79, 0.92), rgba(8, 24, 42, 0.96));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 24px rgba(2, 10, 23, 0.28);
      flex: 0 0 auto;
      overflow: hidden;
    }

    .module-icon::before,
    .module-icon::after {
      content: "";
      position: absolute;
      inset: 10px;
      border-radius: 8px;
      border: 1px solid rgba(140, 255, 198, 0.18);
      opacity: 0.9;
    }

    .module-icon::after {
      inset: 0;
      border: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 30%);
      opacity: 1;
    }

    .module-icon-stack::before {
      inset: 11px 9px;
      border: 0;
      background:
        linear-gradient(180deg, rgba(152, 241, 255, 0.92), rgba(152, 241, 255, 0.92)) 0 3px / 100% 2px no-repeat,
        linear-gradient(180deg, rgba(140, 255, 198, 0.76), rgba(140, 255, 198, 0.76)) 0 12px / 78% 2px no-repeat,
        linear-gradient(180deg, rgba(93, 212, 255, 0.72), rgba(93, 212, 255, 0.72)) 0 21px / 58% 2px no-repeat;
    }

    .module-icon-flow::before {
      inset: 9px;
      border: 0;
      background:
        radial-gradient(circle, rgba(154, 246, 255, 0.95) 0 2px, transparent 3px) 4px 6px / 12px 12px no-repeat,
        radial-gradient(circle, rgba(140, 255, 198, 0.9) 0 2px, transparent 3px) 18px 14px / 12px 12px no-repeat,
        radial-gradient(circle, rgba(89, 210, 255, 0.84) 0 2px, transparent 3px) 8px 22px / 12px 12px no-repeat,
        linear-gradient(135deg, transparent 42%, rgba(154, 246, 255, 0.72) 43% 48%, transparent 49%) center / 100% 100% no-repeat;
    }

    .module-icon-pay::before {
      inset: 11px 10px;
      border-radius: 6px;
      border: 0;
      background:
        linear-gradient(180deg, rgba(154, 246, 255, 0.88), rgba(154, 246, 255, 0.88)) 0 4px / 100% 2px no-repeat,
        linear-gradient(180deg, rgba(140, 255, 198, 0.76), rgba(140, 255, 198, 0.76)) 0 16px / 62% 2px no-repeat,
        linear-gradient(180deg, rgba(93, 212, 255, 0.7), rgba(93, 212, 255, 0.7)) 0 24px / 44% 2px no-repeat;
      box-shadow: inset 0 0 0 1px rgba(170, 239, 255, 0.22);
    }

    .module-icon-shield::before {
      inset: 8px 11px 10px;
      border: 0;
      clip-path: polygon(50% 0%, 100% 18%, 88% 78%, 50% 100%, 12% 78%, 0% 18%);
      background: linear-gradient(180deg, rgba(163, 246, 255, 0.95), rgba(73, 193, 255, 0.52));
    }

    .module-icon-grid::before {
      inset: 10px;
      border: 0;
      background:
        linear-gradient(rgba(154, 246, 255, 0.78) 1px, transparent 1px),
        linear-gradient(90deg, rgba(154, 246, 255, 0.78) 1px, transparent 1px);
      background-size: 9px 9px;
      opacity: 0.9;
    }

    .module-icon-lock::before {
      inset: 15px 12px 10px;
      border-radius: 6px;
      border: 1px solid rgba(154, 246, 255, 0.78);
      background: rgba(154, 246, 255, 0.08);
    }

    .module-icon-lock::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 10px;
      width: 14px;
      height: 12px;
      border: 2px solid rgba(140, 255, 198, 0.76);
      border-bottom: 0;
      border-radius: 10px 10px 0 0;
      transform: translateX(-50%);
      background: none;
    }

    .module-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      color: #d5e6f7;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      line-height: 1;
      white-space: nowrap;
    }

    .module-stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 152px), 1fr));
      gap: 12px;
      margin-bottom: 16px;
    }

    .module-stats span {
      padding: 14px 12px;
      border-radius: 16px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(255, 255, 255, 0.03);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    }

    .module-stats strong {
      display: block;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 1.05rem;
      color: var(--accent);
      margin-bottom: 4px;
      line-height: 1.08;
    }

    .module-stats small {
      display: block;
      color: var(--muted);
      font-size: 0.76rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      line-height: 1.28;
      text-wrap: balance;
    }

    .module-lane,
    .proof-signal-row,
    .pipeline-tag-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 14px;
    }

    .module-lane span,
    .proof-signal-row span,
    .pipeline-tag-row span {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 8px 12px 8px 18px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(255, 255, 255, 0.03);
      color: #c8ddf1;
      font-size: 0.82rem;
      line-height: 1.15;
    }

    .module-lane span::before,
    .proof-signal-row span::before,
    .pipeline-tag-row span::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: var(--accent);
      transform: translateY(-50%);
      box-shadow: 0 0 10px rgba(54, 231, 255, 0.6);
    }

    .module-foot {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: auto;
      padding-top: 14px;
      border-top: 1px solid rgba(179, 220, 255, 0.12);
    }

    .module-state {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #d6eef4;
      font-size: 0.86rem;
    }

    .module-state-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: linear-gradient(180deg, #8cffc6, #36e7ff);
      box-shadow: 0 0 12px rgba(140, 255, 198, 0.5);
      flex: 0 0 auto;
    }

    .module-foot-copy {
      color: var(--muted);
      font-size: 0.84rem;
      line-height: 1.45;
      max-width: 34ch;
      text-align: right;
    }

    .feature,
    .price-card,
    .proof-card,
    .flow-step {
      position: relative;
      overflow: hidden;
      border-radius: 18px;
      padding: 18px;
      border: 1px solid rgba(179, 220, 255, 0.21);
      background: rgba(255, 255, 255, 0.035);
      transform-style: preserve-3d;
      transform: translate3d(0, 0, 0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
      transition: transform 0.45s var(--easing-premium), border-color 0.3s ease, box-shadow 0.35s ease;
      will-change: transform;
    }

    .signal-activate {
      transition:
        transform 0.45s var(--easing-premium),
        border-color 0.3s ease,
        box-shadow 0.35s ease,
        opacity 0.35s ease;
    }

    .feature.signal-activate.is-active,
    .proof-card.signal-activate.is-active,
    .flow-step.signal-activate.is-active {
      border-color: rgba(179, 220, 255, 0.36);
      box-shadow:
        0 22px 48px rgba(2, 10, 23, 0.36),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    .feature h3,
    .price-card h3,
    .proof-card h3,
    .flow-step h3 {
      position: relative;
      z-index: 1;
      font-size: 1.06rem;
      margin-bottom: 8px;
      transform: translateZ(16px);
    }

    .feature p,
    .price-card p,
    .proof-card p,
    .flow-step p {
      position: relative;
      z-index: 1;
      color: var(--muted);
      line-height: 1.55;
      font-size: 0.95rem;
      margin-bottom: 14px;
      transform: translateZ(9px);
    }

    .price {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 1.7rem;
      margin-bottom: 8px;
      color: var(--accent);
      transform: translateZ(18px);
    }

    .badge {
      position: relative;
      z-index: 1;
      display: inline-flex;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 0.74rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #092133;
      background: linear-gradient(120deg, var(--accent), var(--accent-2));
      margin-bottom: 12px;
      box-shadow: 0 8px 22px rgba(54, 231, 255, 0.27);
    }

    .badge-recommended {
      color: #032019;
      background: linear-gradient(120deg, #8cffc6, #36e7ff);
      box-shadow: 0 10px 28px rgba(54, 231, 255, 0.35);
    }

    .price-card.is-recommended {
      border-color: rgba(140, 255, 198, 0.55);
      box-shadow: 0 22px 50px rgba(4, 18, 31, 0.55);
    }

    .bullet-list {
      list-style: none;
      display: grid;
      gap: 8px;
      margin-bottom: 14px;
    }

    .bullet-list li {
      position: relative;
      z-index: 1;
      color: var(--muted);
      font-size: 0.93rem;
      line-height: 1.45;
      transform: translateZ(7px);
    }

    .bullet-list li::before {
      content: "-";
      color: var(--accent-2);
      margin-right: 8px;
    }

    .pay-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-top: 8px;
    }

    .pay-row .btn {
      width: 100%;
      padding: 10px 12px;
      font-size: 0.86rem;
    }

    .pay-note {
      color: var(--muted);
      line-height: 1.5;
      font-size: 0.9rem;
      margin-top: 14px;
      margin-bottom: 8px;
    }

    .checkout-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      margin-bottom: 14px;
    }

    .checkout-summary {
      border: 1px solid rgba(179, 220, 255, 0.3);
      border-radius: 14px;
      background:
        radial-gradient(circle at 80% -20%, rgba(54, 231, 255, 0.18), transparent 46%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
      padding: 14px;
      display: grid;
      gap: 6px;
    }

    .checkout-summary h3 {
      font-size: 1rem;
      color: var(--text);
    }

    .checkout-summary .price {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 1.5rem;
      color: var(--accent);
    }

    .checkout-list {
      list-style: none;
      display: grid;
      gap: 6px;
    }

    .checkout-list li {
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1.45;
    }

    .checkout-list li::before {
      content: "-";
      color: var(--accent-2);
      margin-right: 8px;
    }

    .checkout-form {
      border: 1px solid rgba(179, 220, 255, 0.3);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.03);
      padding: 14px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .checkout-form label {
      display: grid;
      gap: 6px;
      color: #c5d8f0;
      font-size: 0.9rem;
    }

    .checkout-form .field-full {
      grid-column: 1 / -1;
    }

    .checkout-form input,
    .checkout-form select {
      width: 100%;
      border-radius: 10px;
      border: 1px solid rgba(179, 220, 255, 0.34);
      background: linear-gradient(120deg, #0d2038, #0a1a2f);
      color: var(--text);
      padding: 10px 11px;
      font-family: inherit;
      font-size: 0.93rem;
    }

    .checkout-form input::placeholder {
      color: rgba(175, 194, 218, 0.72);
    }

    .checkout-form input:focus,
    .checkout-form select:focus {
      outline: none;
      border-color: rgba(179, 220, 255, 0.58);
      box-shadow: 0 0 0 2px rgba(54, 231, 255, 0.19);
    }

    .checkout-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .proof-grid,
    .flow-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-bottom: 14px;
    }

    .proof-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
      grid-auto-rows: minmax(0, 1fr);
      gap: 14px;
      margin-bottom: 14px;
    }

    .proof-card-anchor {
      grid-row: span 2;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 14px;
      min-height: 100%;
      padding: 22px;
      background:
        radial-gradient(circle at 84% 16%, rgba(54, 231, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 29, 52, 0.94), rgba(7, 19, 33, 0.92));
    }

    .proof-card-anchor-copy {
      display: grid;
      align-content: start;
      gap: 6px;
      max-width: 44ch;
    }

    .proof-card-anchor-copy .proof-kicker,
    .proof-card-anchor-copy h3,
    .proof-card-anchor-copy p {
      margin-bottom: 0;
    }

    .proof-card-anchor .proof-signal-row {
      margin-top: 4px;
    }

    .proof-kicker {
      position: relative;
      z-index: 1;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.72rem;
      color: var(--accent-2);
      margin-bottom: 10px;
      transform: translateZ(8px);
    }

    .industry-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }

    .industry-tag {
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.28);
      background: rgba(255, 255, 255, 0.03);
      color: var(--muted);
      font-size: 0.81rem;
      padding: 8px 11px;
      line-height: 1.1;
    }

    .flow-step {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .pipeline-rail {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      align-items: center;
      margin-bottom: 18px;
      min-height: 24px;
    }

    .pipeline-rail::before {
      content: "";
      position: absolute;
      left: 10px;
      right: 10px;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.08), rgba(140, 255, 198, 0.28), rgba(54, 231, 255, 0.08));
      transform: translateY(-50%);
      opacity: 0.88;
    }

    .pipeline-rail span {
      position: relative;
      justify-self: center;
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: rgba(54, 231, 255, 0.2);
      border: 1px solid rgba(179, 220, 255, 0.2);
      box-shadow: 0 0 0 8px rgba(54, 231, 255, 0.02);
      transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
    }

    .pipeline-rail span:nth-child(2),
    .pipeline-rail span:nth-child(4) {
      width: 14px;
      height: 14px;
      background: rgba(140, 255, 198, 0.22);
    }

    .pipeline-rail.is-active span {
      opacity: 1;
      transform: scale(1.05);
      box-shadow: 0 0 0 10px rgba(54, 231, 255, 0.04), 0 0 18px rgba(54, 231, 255, 0.12);
    }

    .pipeline-rail.is-active span:nth-child(3) {
      animation: railPulse 2.4s ease-in-out infinite;
    }

    .pipeline-grid {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 14px;
    }

    .pipeline-grid::before {
      content: "";
      position: absolute;
      left: 16.66%;
      right: 16.66%;
      top: 26px;
      height: 1px;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.08), rgba(140, 255, 198, 0.28), rgba(54, 231, 255, 0.08));
      opacity: 0.8;
      pointer-events: none;
    }

    .pipeline-step {
      min-height: 100%;
      padding: 22px 18px 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
    }

    .pipeline-step-top {
      margin-bottom: 10px;
    }

    .pipeline-step::before {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 28%, transparent 62%, rgba(54, 231, 255, 0.12));
    }

    .step-number {
      position: relative;
      z-index: 1;
      width: 32px;
      height: 32px;
      border-radius: 999px;
      border: 1px solid rgba(54, 231, 255, 0.5);
      background: rgba(54, 231, 255, 0.14);
      color: var(--accent);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 0.92rem;
      transform: translateZ(8px);
      transition:
        transform 0.32s var(--easing-premium),
        box-shadow 0.32s var(--easing-premium),
        border-color 0.28s var(--easing-premium-soft);
    }

    .flow-step .btn {
      margin-top: auto;
      width: fit-content;
      position: relative;
    }

    .flow-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }

    .product-proof-grid {
      display: block;
      margin-bottom: 18px;
    }

    .screen-proof-stack {
      display: grid;
      gap: 16px;
    }

    .proof-visual-board {
      min-height: clamp(520px, 58vw, 760px);
    }

    .proof-visual-board .hero-visual-support-row {
      grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
      align-items: stretch;
    }

    .proof-visual-board .hero-visual-support {
      padding: 10px;
    }

    .proof-visual-board .hero-visual-support img {
      border-radius: 16px;
    }

    .screen-proof-card,
    .result-card {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(10, 27, 46, 0.94), rgba(7, 18, 31, 0.92));
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 20px 44px rgba(2, 10, 23, 0.34);
    }

    .screen-proof-card img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      background: #071320;
      border-bottom: 1px solid rgba(179, 220, 255, 0.12);
    }

    .screen-proof-card-main {
      min-height: 100%;
      display: grid;
      grid-template-rows: auto 1fr;
    }

    .screen-proof-copy {
      display: grid;
      gap: 8px;
      padding: 18px 18px 20px;
    }

    .screen-proof-copy h3 {
      font-size: 1.08rem;
      line-height: 1.2;
    }

    .screen-proof-copy p {
      color: var(--muted);
      font-size: 0.94rem;
      line-height: 1.52;
      margin: 0;
    }

    .trust-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .trust-strip span {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 8px 12px 8px 19px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      color: #d0e3f5;
      font-size: 0.82rem;
    }

    .trust-strip span::before {
      content: "";
      position: absolute;
      left: 9px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      transform: translateY(-50%);
      background: radial-gradient(circle, #d9fbff 0%, #36e7ff 62%, #1282a1 100%);
      box-shadow: 0 0 10px rgba(54, 231, 255, 0.64);
    }

    .bullet-list-tight {
      gap: 10px;
      margin-bottom: 0;
    }

    .results-grid {
      display: grid;
      gap: 14px;
      margin-bottom: 14px;
    }

    .case-study-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 14px;
    }

    .result-card {
      padding: 18px;
      display: grid;
      gap: 12px;
      align-content: start;
    }

    .result-card h3 {
      font-size: 1.02rem;
      line-height: 1.26;
    }

    .result-card p {
      color: var(--muted);
      line-height: 1.55;
      font-size: 0.94rem;
      margin: 0;
    }

    .result-note {
      color: #d0e3f4;
      font-size: 0.92rem;
      line-height: 1.58;
      max-width: 70ch;
    }

    .story-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
      gap: 20px;
      align-items: start;
    }

    .story-copy {
      display: grid;
      gap: 14px;
      max-width: 62ch;
    }

    .story-copy p {
      color: var(--muted);
      line-height: 1.65;
      margin: 0;
    }

    .story-copy .story-lead {
      color: #e4f0fb;
      font-size: 1.08rem;
      line-height: 1.55;
    }

    .story-points {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-content: start;
    }

    .story-pill {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 9px 13px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      color: #d8e9fa;
      font-size: 0.84rem;
      line-height: 1.15;
    }

    .conversion-band {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      margin-top: 12px;
      padding: 18px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 80% 10%, rgba(54, 231, 255, 0.12), transparent 24%),
        linear-gradient(160deg, rgba(9, 28, 49, 0.92), rgba(7, 18, 31, 0.9));
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 18px 40px rgba(2, 10, 23, 0.26);
    }

    .conversion-band-copy {
      display: grid;
      gap: 6px;
    }

    .conversion-band-copy h3 {
      font-size: 1.15rem;
      line-height: 1.2;
      margin: 0;
    }

    .conversion-band-copy p {
      color: var(--muted);
      line-height: 1.55;
      margin: 0;
    }

    .conversion-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
    }

    .faq-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.5fr) minmax(250px, 0.72fr);
      gap: 18px;
      align-items: start;
    }

    .faq-list {
      display: grid;
      gap: 12px;
      margin-bottom: 0;
    }

    .faq-item {
      position: relative;
      border: 1px solid rgba(179, 220, 255, 0.22);
      border-radius: 16px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.022)),
        linear-gradient(160deg, rgba(13, 34, 58, 0.8), rgba(8, 20, 35, 0.8));
      padding: 0 16px;
      overflow: hidden;
      backdrop-filter: blur(16px);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 34px rgba(2, 10, 23, 0.22),
        0 0 0 1px rgba(54, 231, 255, 0.015);
      transition:
        transform 280ms var(--easing-premium),
        border-color 280ms ease,
        box-shadow 320ms ease,
        background-color 260ms ease;
    }

    .faq-item::before,
    .faq-item::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .faq-item::before {
      inset: 0;
      background:
        linear-gradient(115deg, transparent 14%, rgba(255, 255, 255, 0.12) 34%, transparent 54%);
      transform: translateX(-138%);
      opacity: 0;
      transition: transform 680ms ease, opacity 320ms ease;
    }

    .faq-item::after {
      inset: 0;
      border-radius: inherit;
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.065), transparent 34%),
        radial-gradient(circle at 82% 100%, rgba(54, 231, 255, 0.08), transparent 28%);
      opacity: 0.78;
      animation: faqFloat 9.8s ease-in-out infinite;
      animation-delay: calc(var(--faq-index, 0) * 0.26s);
    }

    .faq-item[open] {
      border-color: rgba(179, 220, 255, 0.42);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 22px 42px rgba(2, 10, 23, 0.34),
        0 0 22px rgba(54, 231, 255, 0.07);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.03)),
        linear-gradient(160deg, rgba(14, 38, 63, 0.84), rgba(9, 22, 37, 0.82));
    }

    .faq-item:hover {
      transform: translateY(-3px);
      border-color: rgba(179, 220, 255, 0.34);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 20px 40px rgba(2, 10, 23, 0.28),
        0 0 18px rgba(54, 231, 255, 0.05);
    }

    .faq-item:hover::before,
    .faq-item:focus-within::before {
      transform: translateX(132%);
      opacity: 0.48;
    }

    .faq-item summary {
      list-style: none;
      cursor: pointer;
      color: var(--text);
      font-weight: 600;
      padding: 15px 0;
      padding-right: 40px;
      line-height: 1.4;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      position: relative;
      z-index: 1;
    }

    .faq-item summary::-webkit-details-marker {
      display: none;
    }

    .faq-item summary::after {
      content: "";
      display: inline-grid;
      place-items: center;
      width: 26px;
      height: 26px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        linear-gradient(var(--accent), var(--accent)) center / 10px 2px no-repeat,
        linear-gradient(var(--accent), var(--accent)) center / 2px 10px no-repeat,
        rgba(255, 255, 255, 0.03);
      line-height: 1;
      flex: 0 0 auto;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      transition:
        transform 250ms ease,
        border-color 250ms ease,
        box-shadow 260ms ease,
        background-color 250ms ease,
        background-size 250ms ease;
    }

    .faq-item[open] summary::after {
      background:
        linear-gradient(var(--accent), var(--accent)) center / 10px 2px no-repeat,
        linear-gradient(var(--accent), var(--accent)) center / 2px 0 no-repeat,
        rgba(54, 231, 255, 0.05);
      transform: translateY(-50%) rotate(180deg);
      border-color: rgba(179, 220, 255, 0.28);
      box-shadow: 0 0 14px rgba(54, 231, 255, 0.16);
    }

    .faq-item p {
      color: var(--muted);
      line-height: 1.55;
      font-size: 0.92rem;
      padding: 0 0 16px;
      margin: 0;
      position: relative;
      z-index: 1;
      transform: translateY(0);
      opacity: 1;
    }

    .faq-item .faq-answer {
      display: grid;
      grid-template-rows: 0fr;
      opacity: 0;
      transition:
        grid-template-rows 260ms ease,
        opacity 220ms ease;
    }

    .faq-item .faq-answer-inner {
      overflow: hidden;
      transform: translateY(-6px);
      transition: transform 250ms ease;
    }

    .faq-item[open] .faq-answer {
      grid-template-rows: 1fr;
      opacity: 1;
    }

    .faq-item[open] .faq-answer-inner {
      transform: translateY(0);
    }

    .faq-support-card {
      min-height: 100%;
      padding: 22px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        radial-gradient(circle at 84% 18%, rgba(54, 231, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 28, 49, 0.92), rgba(7, 18, 31, 0.92));
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 24px 48px rgba(2, 10, 23, 0.24),
        0 0 28px rgba(54, 231, 255, 0.04);
      display: grid;
      gap: 12px;
      position: relative;
      overflow: hidden;
      isolation: isolate;
      animation: faqSupportPulse 8.6s ease-in-out infinite;
    }

    .faq-support-card::before,
    .faq-support-card::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .faq-support-card::before {
      inset: 0;
      background:
        linear-gradient(120deg, transparent 16%, rgba(255, 255, 255, 0.09) 34%, transparent 54%);
      transform: translateX(-132%);
      opacity: 0.18;
      animation: faqSweep 8.4s ease-in-out infinite;
    }

    .faq-support-card::after {
      inset: auto -14% -18% auto;
      width: 220px;
      height: 220px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.12) 0%, rgba(54, 231, 255, 0.02) 56%, transparent 74%);
      filter: blur(10px);
      opacity: 0.65;
    }

    .faq-support-kicker {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.72rem;
      color: var(--accent-2);
    }

    .faq-support-card h3 {
      font-size: 1.18rem;
      line-height: 1.15;
      position: relative;
      z-index: 1;
    }

    .faq-support-card p {
      color: var(--muted);
      line-height: 1.6;
      font-size: 0.94rem;
      position: relative;
      z-index: 1;
    }

    .faq-support-points {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 2px;
      position: relative;
      z-index: 1;
    }

    .faq-support-points span,
    .contact-card-tags span {
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.028);
      color: #cfe1f3;
      font-size: 0.78rem;
      line-height: 1.1;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 18px rgba(2, 10, 23, 0.14);
      transition:
        transform 240ms ease,
        border-color 240ms ease,
        box-shadow 280ms ease,
        background-color 240ms ease;
      animation: chipBreathe 7.4s ease-in-out infinite;
    }

    .faq-support-points span:hover,
    .contact-card-tags span:hover {
      transform: translateY(-2px);
      border-color: rgba(179, 220, 255, 0.32);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 22px rgba(2, 10, 23, 0.18),
        0 0 16px rgba(54, 231, 255, 0.08);
    }

    .faq-support-points span:nth-child(2) {
      animation-delay: 0.8s;
    }

    .faq-support-points span:nth-child(3) {
      animation-delay: 1.6s;
    }

    @keyframes faqFloat {
      0%, 100% {
        transform: translateY(0);
        opacity: 0.72;
      }
      50% {
        transform: translateY(-2px);
        opacity: 0.9;
      }
    }

    @keyframes faqSupportPulse {
      0%, 100% {
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.02),
          0 24px 48px rgba(2, 10, 23, 0.24),
          0 0 28px rgba(54, 231, 255, 0.04);
      }
      50% {
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.02),
          0 26px 54px rgba(2, 10, 23, 0.28),
          0 0 34px rgba(54, 231, 255, 0.06);
      }
    }

    @keyframes faqSweep {
      0%, 70%, 100% {
        transform: translateX(-138%);
        opacity: 0;
      }
      20%,
      48% {
        transform: translateX(138%);
        opacity: 0.28;
      }
    }

    @keyframes chipBreathe {
      0%, 100% {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.04),
          0 8px 18px rgba(2, 10, 23, 0.14);
      }
      50% {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.05),
          0 10px 20px rgba(2, 10, 23, 0.16),
          0 0 12px rgba(54, 231, 255, 0.05);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .faq-item,
      .faq-support-card,
      .faq-support-points span,
      .contact-card-tags span {
        animation: none;
      }

      .faq-item::before,
      .faq-support-card::before {
        transition: none;
        animation: none;
      }

      .faq-item .faq-answer,
      .faq-item .faq-answer-inner,
      .faq-item summary::after {
        transition: none;
      }
    }

    .get-started-page .get-started-hero {
      align-items: start;
      overflow: hidden;
      background:
        radial-gradient(circle at 78% 18%, rgba(54, 231, 255, 0.12), transparent 24%),
        radial-gradient(circle at 18% 86%, rgba(140, 255, 198, 0.06), transparent 28%),
        linear-gradient(160deg, rgba(11, 26, 44, 0.95), rgba(6, 16, 29, 0.94));
    }

    .get-started-page .get-started-hero-copy {
      display: grid;
      align-content: center;
    }

    .get-started-page .get-started-hero-copy h1 {
      max-width: 7.8ch;
    }

    .get-started-page .get-started-hero-copy p {
      max-width: 60ch;
    }

    .get-started-page .get-started-hero-signals {
      margin-top: -2px;
    }

    .get-started-page .get-started-hero-side {
      padding: 22px;
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 54% 10%, rgba(54, 231, 255, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 47, 0.94), rgba(6, 16, 29, 0.92));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 22px 50px rgba(2, 10, 23, 0.34);
      gap: 16px;
    }

    .get-started-page .get-started-side-head {
      display: grid;
      gap: 10px;
    }

    .get-started-page .get-started-side-head .section-kicker {
      margin-bottom: 0;
    }

    .get-started-page .get-started-side-head .section-head-note {
      width: fit-content;
    }

    .get-started-page .get-started-sequence-rail {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      align-items: center;
      min-height: 28px;
    }

    .get-started-page .get-started-sequence-rail::before {
      content: "";
      position: absolute;
      left: 10px;
      right: 10px;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.08), rgba(140, 255, 198, 0.26), rgba(54, 231, 255, 0.08));
      transform: translateY(-50%);
      opacity: 0.88;
    }

    .get-started-page .get-started-sequence-rail span {
      position: relative;
      justify-self: center;
      width: 10px;
      height: 10px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.26);
      background: rgba(54, 231, 255, 0.22);
      box-shadow: 0 0 0 8px rgba(54, 231, 255, 0.025);
    }

    .get-started-page .get-started-sequence-rail span:nth-child(2),
    .get-started-page .get-started-sequence-rail span:nth-child(3) {
      width: 14px;
      height: 14px;
      background: rgba(140, 255, 198, 0.22);
    }

    .get-started-page .get-started-sequence-rail span:last-child {
      width: 16px;
      height: 16px;
      background: radial-gradient(circle, rgba(140, 255, 198, 0.78), rgba(54, 231, 255, 0.28));
      box-shadow:
        0 0 0 10px rgba(54, 231, 255, 0.04),
        0 0 18px rgba(54, 231, 255, 0.12);
    }

    .get-started-page .get-started-metrics {
      position: relative;
      z-index: 1;
    }

    .get-started-page .get-started-metric {
      min-height: 126px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(12, 31, 53, 0.9), rgba(8, 19, 34, 0.88));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 34px rgba(2, 10, 23, 0.22);
    }

    .get-started-page .get-started-metric small {
      position: relative;
      z-index: 1;
      display: block;
      margin-bottom: 8px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.7rem;
      color: var(--accent-2);
    }

    .get-started-page .get-started-metric strong {
      font-size: 1.08rem;
      margin-bottom: 8px;
      color: #e9f4ff;
    }

    .get-started-page .get-started-metric span {
      color: #b4c7da;
      font-size: 0.88rem;
      line-height: 1.48;
    }

    .get-started-page .get-started-side-note {
      margin: 0;
      padding-top: 14px;
      border-top: 1px solid rgba(179, 220, 255, 0.12);
      color: #a9bfd5;
      font-size: 0.88rem;
      line-height: 1.55;
    }

    .get-started-page .get-started-flow {
      position: relative;
      overflow: hidden;
      padding: clamp(28px, 4vw, 44px);
      background:
        radial-gradient(circle at 82% 18%, rgba(54, 231, 255, 0.08), transparent 24%),
        linear-gradient(160deg, rgba(13, 29, 50, 0.94), rgba(8, 19, 34, 0.92));
    }

    .get-started-page .get-started-flow::before {
      content: "";
      position: absolute;
      inset: 8% 7% auto;
      height: 240px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.16), rgba(54, 231, 255, 0.04) 46%, transparent 72%);
      filter: blur(26px);
      opacity: 0.72;
      pointer-events: none;
    }

    .get-started-page .get-started-flow-shell {
      position: relative;
      z-index: 1;
      display: grid;
      gap: clamp(24px, 3vw, 34px);
    }

    .get-started-page .get-started-flow-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
      gap: clamp(18px, 4vw, 44px);
      align-items: end;
    }

    .get-started-page .get-started-flow-copy {
      display: grid;
      gap: 10px;
    }

    .get-started-page .get-started-flow-copy h2 {
      max-width: 16ch;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(2.25rem, 4.8vw, 4.8rem);
      line-height: 0.96;
      letter-spacing: -0.065em;
      color: #f3f8ff;
    }

    .get-started-page .get-started-flow-copy .sub {
      max-width: 62ch;
      color: #b8cce1;
      font-size: clamp(1rem, 1.25vw, 1.12rem);
      line-height: 1.65;
    }

    .get-started-page .get-started-flow-note {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      padding: 18px 20px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 86% 0%, rgba(54, 231, 255, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(7, 17, 31, 0.72);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 42px rgba(2, 10, 23, 0.25);
    }

    .get-started-page .get-started-flow-note strong {
      display: block;
      margin-bottom: 5px;
      color: #eef8ff;
      line-height: 1.25;
    }

    .get-started-page .get-started-flow-note p {
      margin: 0;
      color: #9fb7cf;
      line-height: 1.55;
      font-size: 0.92rem;
    }

    .get-started-page .get-started-flow-stage {
      position: relative;
      padding: clamp(18px, 2.6vw, 28px);
      border-radius: 34px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        linear-gradient(90deg, rgba(54, 231, 255, 0.04), transparent 22%, transparent 78%, rgba(140, 255, 198, 0.035)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        rgba(5, 14, 27, 0.54);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 28px 70px rgba(2, 10, 23, 0.34);
      perspective: 1200px;
      overflow: hidden;
    }

    .get-started-page .get-started-flow-stage::before {
      content: "";
      position: absolute;
      inset: auto 10% -34% 10%;
      height: 220px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.18), transparent 68%);
      filter: blur(24px);
      pointer-events: none;
    }

    .get-started-page .get-started-flow-stage-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(42px, 64px) minmax(0, 1.12fr) minmax(42px, 64px) minmax(0, 1fr);
      gap: clamp(12px, 1.6vw, 18px);
      align-items: stretch;
    }

    .get-started-page .get-started-stage-step {
      position: relative;
      min-height: 360px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: clamp(22px, 2.8vw, 30px);
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.17);
      background:
        radial-gradient(circle at 86% 12%, rgba(54, 231, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        linear-gradient(160deg, rgba(11, 29, 50, 0.95), rgba(6, 16, 30, 0.95));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 24px 54px rgba(2, 10, 23, 0.34);
      transform-style: preserve-3d;
      transition:
        transform 260ms var(--easing-premium),
        border-color 260ms var(--easing-premium),
        box-shadow 260ms var(--easing-premium);
      overflow: hidden;
    }

    .get-started-page .get-started-stage-step::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 34%, transparent 70%, rgba(54, 231, 255, 0.08));
      opacity: 0.62;
      pointer-events: none;
    }

    .get-started-page .get-started-stage-step-featured {
      transform: translateY(-14px) scale(1.035);
      border-color: rgba(120, 247, 224, 0.48);
      background:
        radial-gradient(circle at 58% 0%, rgba(54, 231, 255, 0.22), transparent 42%),
        linear-gradient(180deg, rgba(27, 53, 78, 0.98), rgba(8, 22, 39, 0.96));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 34px 74px rgba(2, 10, 23, 0.42),
        0 0 0 1px rgba(120, 247, 224, 0.09);
    }

    .get-started-page .get-started-stage-step:hover {
      transform: translateY(-8px) scale(1.012);
      border-color: rgba(179, 220, 255, 0.32);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 34px 70px rgba(2, 10, 23, 0.44),
        0 0 24px rgba(54, 231, 255, 0.08);
    }

    .get-started-page .get-started-stage-step-featured:hover {
      transform: translateY(-20px) scale(1.045);
    }

    .get-started-page .get-started-stage-top,
    .get-started-page .get-started-stage-step h3,
    .get-started-page .get-started-stage-step p,
    .get-started-page .get-started-stage-tags,
    .get-started-page .get-started-stage-step .btn {
      position: relative;
      z-index: 1;
    }

    .get-started-page .get-started-stage-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 4px;
    }

    .get-started-page .get-started-stage-step h3 {
      max-width: 13ch;
      color: #f1f7ff;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.35rem, 2vw, 1.8rem);
      line-height: 1.05;
      letter-spacing: -0.045em;
    }

    .get-started-page .get-started-stage-step p {
      margin: 0;
      color: #b8cee2;
      font-size: clamp(0.98rem, 1.05vw, 1.08rem);
      line-height: 1.68;
    }

    .get-started-page .get-started-stage-kicker {
      width: fit-content;
      color: var(--accent-2) !important;
      font-size: 0.78rem !important;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      line-height: 1.2 !important;
    }

    .get-started-page .get-started-stage-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: auto;
    }

    .get-started-page .get-started-stage-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 7px 11px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background: rgba(255, 255, 255, 0.035);
      color: #c9dced;
      font-size: 0.78rem;
      font-weight: 650;
      white-space: nowrap;
    }

    .get-started-page .get-started-stage-step .btn {
      width: fit-content;
      margin-top: 4px;
    }

    .get-started-page .get-started-stage-connector {
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      align-self: center;
      min-height: 120px;
      color: #83dff0;
      opacity: 0.82;
    }

    .get-started-page .get-started-stage-connector::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.08), rgba(140, 255, 198, 0.42), rgba(54, 231, 255, 0.08));
    }

    .get-started-page .get-started-stage-connector::after {
      content: ">";
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border-radius: 999px;
      border: 1px solid rgba(120, 247, 224, 0.24);
      background: rgba(6, 18, 32, 0.86);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 20px rgba(54, 231, 255, 0.12);
    }

    .get-started-page .get-started-stage-connector span {
      position: absolute;
      top: calc(50% + 28px);
      left: 50%;
      transform: translateX(-50%);
      width: max-content;
      color: #7f9bb7;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .get-started-page .get-started-flow-trust {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .get-started-page .get-started-flow-trust-item,
    .get-started-page .get-started-support-item {
      padding: 16px 18px;
      border-radius: 20px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        rgba(5, 15, 28, 0.58);
    }

    .get-started-page .get-started-flow-trust-item strong,
    .get-started-page .get-started-support-item strong {
      display: block;
      margin-bottom: 6px;
      color: #eef7ff;
      line-height: 1.25;
    }

    .get-started-page .get-started-flow-trust-item p,
    .get-started-page .get-started-support-item span {
      margin: 0;
      color: #9fb7d0;
      line-height: 1.55;
      font-size: 0.9rem;
    }

    .get-started-page .get-started-flow-rail {
      margin-bottom: 22px;
    }

    .get-started-page .get-started-step-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .get-started-page .get-started-flow-step {
      min-height: 100%;
      padding: 22px 18px 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
    }

    .get-started-page .get-started-flow-step .module-chip {
      min-height: 30px;
      padding: 6px 10px;
      font-size: 0.72rem;
    }

    .get-started-page .pay-note {
      margin-top: 18px;
      padding: 14px 16px;
      border-radius: 16px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.02);
      color: #b6cae0;
    }

    .get-started-page .get-started-notes .faq-layout {
      align-items: stretch;
    }

    .get-started-page .get-started-support-card {
      min-height: 100%;
      align-content: start;
    }

    .get-started-page .get-started-support-card h3 {
      max-width: 14ch;
      font-size: 1.24rem;
    }

    .get-started-page .get-started-notes .flow-actions {
      margin-top: 4px;
    }

    .contact-grid {
      align-items: stretch;
    }

    .contact-trust-band {
      margin: 8px 0 18px;
      padding: 20px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 84% 16%, rgba(54, 231, 255, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
      display: grid;
      gap: 16px;
    }

    .contact-trust-copy {
      max-width: 760px;
      display: grid;
      gap: 8px;
    }

    .contact-trust-kicker {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--accent-2);
      font-size: 0.76rem;
    }

    .contact-trust-copy h3 {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.05rem, 1.9vw, 1.36rem);
      line-height: 1.14;
    }

    .contact-trust-copy p {
      color: var(--muted);
      line-height: 1.6;
      max-width: 720px;
    }

    .contact-trust-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .contact-trust-point {
      padding: 16px 16px 14px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      display: grid;
      gap: 7px;
    }

    .contact-trust-point strong {
      font-size: 0.98rem;
      line-height: 1.25;
      color: var(--text);
    }

    .contact-trust-point span {
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1.5;
    }

    .contact-trust-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .contact-trust-links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      color: var(--text);
      text-decoration: none;
      background: rgba(255, 255, 255, 0.025);
      transition: border-color 0.25s ease, transform 0.25s ease, background 0.25s ease;
    }

    .contact-trust-links a:hover,
    .contact-trust-links a:focus-visible {
      border-color: rgba(140, 255, 198, 0.34);
      background: rgba(255, 255, 255, 0.05);
      transform: translateY(-1px);
    }

    .contact-card {
      min-height: 100%;
      padding: 22px 18px 18px;
      background:
        radial-gradient(circle at 84% 14%, rgba(54, 231, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
    }

    .contact-card-top {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }

    .contact-card-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 2px 0 6px;
    }

    .feedback-grid {
      display: grid;
      grid-template-columns: 320px minmax(0, 1fr);
      gap: 18px;
      align-items: start;
      margin-top: 18px;
    }

    .feedback-note-card,
    .feedback-form {
      padding: 22px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 84% 14%, rgba(54, 231, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
    }

    .feedback-note-card {
      display: grid;
      gap: 14px;
    }

    .feedback-kicker {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--accent-2);
      font-size: 0.76rem;
    }

    .feedback-note-card h3 {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.08rem, 1.8vw, 1.34rem);
      line-height: 1.14;
    }

    .feedback-points {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .feedback-points span {
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.03);
      color: var(--text);
      font-size: 0.9rem;
    }

    .feedback-note,
    .feedback-legal {
      color: var(--muted);
      line-height: 1.6;
    }

    .feedback-legal a {
      color: var(--accent-2);
      text-decoration: none;
    }

    .feedback-legal a:hover,
    .feedback-legal a:focus-visible {
      text-decoration: underline;
    }

    .feedback-form {
      display: grid;
      gap: 16px;
    }

    .feedback-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .feedback-field {
      display: grid;
      gap: 8px;
    }

    .feedback-field span {
      color: var(--text);
      font-size: 0.9rem;
      font-weight: 600;
    }

    .feedback-field input,
    .feedback-field select,
    .feedback-field textarea {
      width: 100%;
      min-height: 52px;
      border-radius: 16px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background: rgba(255, 255, 255, 0.035);
      color: var(--text);
      padding: 14px 16px;
      font: inherit;
      outline: none;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    }

    .feedback-field select option {
      color: #0f1d2d;
      background: #f3f7fb;
    }

    .feedback-field textarea {
      min-height: 170px;
      resize: vertical;
    }

    .feedback-field input:focus,
    .feedback-field select:focus,
    .feedback-field textarea:focus {
      border-color: rgba(126, 231, 200, 0.42);
      box-shadow: 0 0 0 3px rgba(126, 231, 200, 0.12);
      background: rgba(255, 255, 255, 0.05);
    }

    .feedback-field-full {
      grid-column: 1 / -1;
    }

    .feedback-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }

    .feedback-inbox-list {
      display: grid;
      gap: 16px;
      margin-top: 18px;
    }

    .feedback-entry-card {
      padding: 22px;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 84% 14%, rgba(54, 231, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(160deg, rgba(9, 27, 48, 0.92), rgba(7, 18, 31, 0.92));
      display: grid;
      gap: 12px;
    }

    .feedback-entry-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      flex-wrap: wrap;
    }

    .feedback-entry-meta {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .feedback-entry-date {
      color: var(--muted);
      font-size: 0.88rem;
    }

    .legal-note {
      color: var(--muted);
      font-size: 0.85rem;
      line-height: 1.45;
      margin-bottom: 16px;
    }

    .legal-note a {
      color: var(--accent-2);
      text-decoration: none;
    }

    .legal-note a:hover {
      text-decoration: underline;
    }

    .reveal-enter {
      opacity: 0;
      transform: translate3d(0, 24px, 0) scale(0.95);
      filter: none;
      transition:
        opacity 0.46s var(--easing-premium-soft),
        transform 0.58s var(--easing-premium);
    }

    body.perf-lite .reveal-enter {
      transform: translate3d(0, 10px, 0) scale(0.985);
      transition: opacity 0.35s ease, transform 0.35s ease;
    }

    .reveal-enter.is-visible {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: none;
    }

    .alert {
      padding: 11px 12px;
      border-radius: 12px;
      border: 1px solid rgba(255, 127, 143, 0.36);
      background: rgba(255, 127, 143, 0.09);
      color: #ffd0d7;
      font-size: 0.88rem;
      display: none;
    }

    footer {
      text-align: center;
      color: var(--muted);
      font-size: 0.85rem;
      padding: 12px;
      display: grid;
      gap: 8px;
    }

    footer p {
      margin: 0;
    }

    .footer-legal-mark {
      display: block;
    }

    .footer-links {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 14px;
    }

    .footer-links a {
      color: var(--accent-2);
      text-decoration: none;
      font-size: 0.83rem;
    }

    .footer-links a:hover {
      text-decoration: underline;
    }

    .footer-social {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 4px;
    }

    .footer-social-link {
      width: 30px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(179, 220, 255, 0.16);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.025);
      color: rgba(226, 236, 249, 0.58);
      text-decoration: none;
      opacity: 0.76;
      transition:
        color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        opacity 180ms ease,
        transform 180ms ease;
    }

    .footer-social-link:hover,
    .footer-social-link:focus-visible {
      color: rgba(248, 250, 252, 0.92);
      border-color: rgba(125, 211, 252, 0.34);
      box-shadow: 0 0 22px rgba(34, 211, 238, 0.16);
      opacity: 1;
      transform: translateY(-1px);
    }

    .footer-social-link.is-placeholder {
      cursor: default;
    }

    .footer-social-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: currentColor;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: 0.72rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0;
    }

    .footer-social-icon-linkedin {
      transform: translateY(-0.5px);
    }

    .footer-social-icon-x {
      font-size: 0.68rem;
      font-weight: 700;
    }

    .footer-social-icon-youtube {
      width: 14px;
      height: 10px;
      border: 1.4px solid currentColor;
      border-radius: 4px;
    }

    .footer-social-icon-youtube::before {
      content: "";
      width: 0;
      height: 0;
      margin-left: 1px;
      border-left: 5px solid currentColor;
      border-top: 3px solid transparent;
      border-bottom: 3px solid transparent;
    }

    .pricing-page .shell {
      position: relative;
      z-index: 2;
    }

    .pricing-page .pricing-hero {
      align-items: center;
      gap: clamp(22px, 4vw, 34px);
      overflow: hidden;
      background:
        radial-gradient(circle at 82% 18%, rgba(54, 231, 255, 0.16), transparent 28%),
        radial-gradient(circle at 18% 82%, rgba(140, 255, 198, 0.08), transparent 34%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    }

    .pricing-page .pricing-hero-copy {
      position: relative;
      z-index: 2;
      display: grid;
      align-content: center;
    }

    .pricing-page .pricing-hero-copy p {
      max-width: 58ch;
    }

    .pricing-hero-note {
      margin-top: 6px;
      padding: 13px 16px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background: rgba(255, 255, 255, 0.035);
      color: #c9dbef;
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .pricing-page .pricing-hero-side {
      position: relative;
      min-height: 0;
      display: grid;
      grid-template-rows: auto auto;
      align-content: start;
      gap: 16px;
      border-radius: 26px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.12), transparent 28%),
        linear-gradient(160deg, rgba(15, 31, 54, 0.92), rgba(8, 16, 31, 0.88));
      padding: clamp(18px, 3vw, 24px);
      overflow: hidden;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .pricing-page .pricing-hero-visual {
      position: relative;
      min-height: 168px;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 36%),
        linear-gradient(165deg, rgba(12, 28, 49, 0.92), rgba(7, 17, 31, 0.9));
      overflow: hidden;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 20px 38px rgba(2, 10, 23, 0.24);
    }

    .pricing-page .pricing-hero-visual::before {
      content: "";
      position: absolute;
      inset: 16px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(90deg, transparent 0%, rgba(179, 220, 255, 0.04) 50%, transparent 100%);
      opacity: 0.9;
      pointer-events: none;
    }

    .pricing-page .pricing-hero-visual::after {
      content: "";
      position: absolute;
      inset: auto 22px 18px;
      height: 42px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.16) 0%, rgba(54, 231, 255, 0.05) 38%, transparent 76%);
      filter: blur(12px);
      opacity: 0.65;
      pointer-events: none;
    }

    .pricing-page .pricing-hero-pulse {
      position: absolute;
      width: 240px;
      height: 240px;
      left: 50%;
      top: 42%;
      transform: translate(-50%, -50%);
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.22) 0%, rgba(54, 231, 255, 0.04) 48%, transparent 72%);
      filter: blur(10px);
      opacity: 0.85;
      pointer-events: none;
    }

    .pricing-page .pricing-hero-lanes {
      position: absolute;
      inset: 22px 28px 24px;
      display: grid;
      align-content: center;
      gap: 12px;
      pointer-events: none;
      z-index: 1;
    }

    .pricing-page .pricing-lane {
      position: relative;
      display: grid;
      gap: 4px;
      width: min(230px, 100%);
      padding: 12px 16px 13px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
        linear-gradient(160deg, rgba(18, 39, 67, 0.88), rgba(8, 19, 35, 0.92));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 30px rgba(2, 10, 23, 0.28);
      backdrop-filter: blur(12px);
    }

    .pricing-page .pricing-lane::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.08), transparent 46%);
      opacity: 0.55;
      pointer-events: none;
    }

    .pricing-page .pricing-lane small {
      color: rgba(162, 188, 214, 0.8);
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    .pricing-page .pricing-lane strong {
      color: #eef8ff;
      font-size: 1rem;
      line-height: 1.05;
    }

    .pricing-page .pricing-lane em {
      color: #9fb6ce;
      font-size: 0.78rem;
      font-style: normal;
      line-height: 1.35;
    }

    .pricing-page .pricing-lane-start {
      transform: translateX(4%);
      opacity: 0.84;
    }

    .pricing-page .pricing-lane-operator {
      transform: translateX(18%);
      border-color: rgba(107, 237, 255, 0.3);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 20px 38px rgba(2, 10, 23, 0.34),
        0 0 0 1px rgba(54, 231, 255, 0.08);
    }

    .pricing-page .pricing-lane-team {
      transform: translateX(9%);
      opacity: 0.9;
    }

    .pricing-page .pricing-metrics {
      position: relative;
      z-index: 1;
      min-height: 0;
      align-content: start;
    }

    .pricing-page .pricing-metrics .metric {
      min-height: 118px;
      background: linear-gradient(165deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
      border-color: rgba(179, 220, 255, 0.18);
      backdrop-filter: blur(10px);
    }

    .pricing-page .pricing-metrics .metric strong {
      color: #eaf5ff;
      font-size: 1.1rem;
      margin-bottom: 10px;
    }

    .pricing-page .pricing-metrics .metric span {
      color: #b7cce3;
    }

    .pricing-page .pricing-section {
      position: relative;
      padding: clamp(28px, 4vw, 40px);
      overflow: hidden;
    }

    .pricing-page .pricing-section::before {
      content: "";
      position: absolute;
      inset: auto 16% -24% 16%;
      height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.11), transparent 70%);
      filter: blur(20px);
      opacity: 0.46;
      pointer-events: none;
    }

    .pricing-page .pricing-section-head {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 18px;
      margin-bottom: 24px;
    }

    .pricing-page .pricing-section-note {
      max-width: 34ch;
      color: #b5cade;
      line-height: 1.55;
      font-size: 0.92rem;
      text-align: left;
      display: grid;
      gap: 9px;
      padding: 18px 20px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background:
        radial-gradient(circle at 82% 12%, rgba(54, 231, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(7, 17, 31, 0.74);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 20px 42px rgba(2, 10, 23, 0.24);
    }

    .pricing-page .pricing-section-note-label {
      width: fit-content;
      color: var(--accent-2);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .pricing-page .pricing-section-note strong {
      color: #f1f8ff;
      font-size: clamp(1rem, 1.3vw, 1.16rem);
      line-height: 1.28;
      letter-spacing: -0.02em;
    }

    .pricing-page .pricing-section-note p {
      margin: 0;
      color: #9eb6cf;
    }

    .pricing-page .pricing-access-strip {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin: 6px 0 28px;
      padding: 10px 0 2px;
      perspective: 1100px;
    }

    .pricing-page .pricing-access-strip::before {
      content: "";
      position: absolute;
      left: 6%;
      right: 6%;
      top: 49%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(54, 231, 255, 0.34), rgba(140, 255, 198, 0.24), transparent);
      opacity: 0.68;
      pointer-events: none;
    }

    .pricing-page .pricing-access-step {
      position: relative;
      min-height: 178px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 14px;
      align-content: start;
      padding: 18px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.17);
      background:
        radial-gradient(circle at 84% 16%, rgba(54, 231, 255, 0.11), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        linear-gradient(160deg, rgba(11, 28, 49, 0.94), rgba(6, 15, 28, 0.94));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 20px 44px rgba(2, 10, 23, 0.3);
      transform: translateZ(0);
      transform-style: preserve-3d;
      overflow: hidden;
      transition:
        transform 260ms var(--easing-premium),
        border-color 260ms var(--easing-premium),
        box-shadow 260ms var(--easing-premium);
    }

    .pricing-page .pricing-access-step::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 36%, transparent 68%, rgba(54, 231, 255, 0.08));
      opacity: 0.58;
      pointer-events: none;
    }

    .pricing-page .pricing-access-step:nth-child(2),
    .pricing-page .pricing-access-step:nth-child(4) {
      transform: translateY(12px);
    }

    .pricing-page .pricing-access-step.is-pro {
      transform: translateY(-6px);
      border-color: rgba(120, 247, 224, 0.42);
      background:
        radial-gradient(circle at 58% 0%, rgba(54, 231, 255, 0.2), transparent 42%),
        linear-gradient(180deg, rgba(27, 53, 79, 0.98), rgba(8, 22, 39, 0.96));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 26px 58px rgba(2, 10, 23, 0.38),
        0 0 0 1px rgba(120, 247, 224, 0.08);
    }

    .pricing-page .pricing-access-step:hover {
      transform: translateY(-5px) scale(1.01);
      border-color: rgba(179, 220, 255, 0.32);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 30px 62px rgba(2, 10, 23, 0.44),
        0 0 28px rgba(54, 231, 255, 0.08);
    }

    .pricing-page .pricing-access-step:nth-child(2):hover,
    .pricing-page .pricing-access-step:nth-child(4):hover {
      transform: translateY(4px) scale(1.01);
    }

    .pricing-page .pricing-access-step.is-pro:hover {
      transform: translateY(-12px) scale(1.012);
    }

    .pricing-page .pricing-access-index {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 16px;
      border: 1px solid rgba(120, 247, 224, 0.26);
      background:
        radial-gradient(circle at 35% 25%, rgba(140, 255, 198, 0.38), transparent 42%),
        rgba(54, 231, 255, 0.06);
      color: #c7fff2;
      font: 700 0.82rem/1 "Satoshi", "Helvetica Neue", Arial, sans-serif;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 12px 28px rgba(54, 231, 255, 0.12);
    }

    .pricing-page .pricing-access-step div {
      position: relative;
      z-index: 1;
      min-width: 0;
      display: grid;
      gap: 8px;
    }

    .pricing-page .pricing-access-step strong {
      color: #f2f8ff;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.02rem, 1.35vw, 1.24rem);
      line-height: 1.16;
      letter-spacing: -0.025em;
    }

    .pricing-page .pricing-access-step p,
    .pricing-page .pricing-access-step small {
      margin: 0;
      color: #b9cde1;
      line-height: 1.5;
      font-size: 0.9rem;
    }

    .pricing-page .pricing-access-step small {
      color: #7896b2;
      font-size: 0.78rem;
    }

    .pricing-page .pricing-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 0.9fr);
      gap: 18px;
      align-items: stretch;
      margin: 2px 0 30px;
    }

    .pricing-page .pricing-tier {
      display: flex;
      flex-direction: column;
      gap: 16px;
      min-height: 100%;
      padding: 26px 24px 24px;
      border-radius: 30px;
      border: 1px solid rgba(179, 220, 255, 0.15);
      background:
        linear-gradient(180deg, rgba(18, 31, 55, 0.97), rgba(8, 17, 31, 0.95)),
        linear-gradient(140deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 42px rgba(2, 10, 23, 0.28);
      overflow: hidden;
    }

    .pricing-page .pricing-tier::before {
      inset: 0;
      border-radius: inherit;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 22%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 30%, transparent 72%, rgba(54, 231, 255, 0.04));
      opacity: 0.72;
    }

    .pricing-page .pricing-tier::after {
      inset: auto 12% -26% 12%;
      height: 120px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.08), transparent 72%);
      opacity: 0.34;
    }

    .pricing-page .pricing-tier:hover {
      border-color: rgba(179, 220, 255, 0.25);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 24px 54px rgba(2, 10, 23, 0.34);
    }

    .pricing-page .pricing-tier-free {
      align-self: end;
      min-height: 90%;
      background:
        linear-gradient(180deg, rgba(11, 23, 40, 0.98), rgba(5, 14, 26, 0.97)),
        linear-gradient(140deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0));
    }

    .pricing-page .pricing-tier-starter {
      background:
        linear-gradient(180deg, rgba(15, 29, 49, 0.98), rgba(7, 17, 31, 0.96)),
        linear-gradient(135deg, rgba(54, 231, 255, 0.03), transparent 38%);
    }

    .pricing-page .pricing-tier-pro {
      transform: translateY(-14px);
      border-color: rgba(120, 247, 224, 0.3);
      background:
        linear-gradient(180deg, rgba(24, 42, 67, 0.99), rgba(9, 23, 39, 0.98)),
        linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 42%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 30px 70px rgba(2, 10, 23, 0.36),
        0 0 0 1px rgba(120, 247, 224, 0.06);
    }

    .pricing-page .pricing-tier-pro::before {
      background:
        linear-gradient(180deg, rgba(140, 255, 198, 0.12), transparent 18%),
        linear-gradient(135deg, rgba(147, 255, 228, 0.18), transparent 30%, transparent 72%, rgba(54, 231, 255, 0.05));
      opacity: 0.92;
    }

    .pricing-page .pricing-tier-pro::after {
      inset: 0 auto 0 0;
      width: 2px;
      height: auto;
      border-radius: 0;
      background: linear-gradient(180deg, rgba(140, 255, 198, 0.75), rgba(54, 231, 255, 0.05) 52%, transparent);
      opacity: 0.78;
    }

    .pricing-page .pricing-tier-pro-plus {
      align-self: start;
      background:
        linear-gradient(180deg, rgba(17, 29, 50, 0.98), rgba(8, 16, 31, 0.96)),
        linear-gradient(135deg, rgba(140, 255, 198, 0.03), transparent 40%);
    }

    .pricing-page .pricing-tier-head,
    .pricing-page .pricing-tier-price,
    .pricing-page .pricing-tier-summary,
    .pricing-page .pricing-tier-actions,
    .pricing-page .pricing-tier-foot,
    .pricing-page .pricing-feature-list {
      position: relative;
      z-index: 1;
    }

    .pricing-page .pricing-tier-head {
      display: grid;
      gap: 14px;
    }

    .pricing-page .pricing-tier-label {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 34px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background: rgba(255, 255, 255, 0.035);
      color: #98b3cf;
      font-size: 0.72rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }

    .pricing-page .pricing-tier h3 {
      margin: 0;
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(1.95rem, 2.35vw, 2.5rem);
      color: #f3f8ff;
      letter-spacing: -0.045em;
      line-height: 0.94;
    }

    .pricing-page .pricing-tier-kicker,
    .pricing-page .pricing-tier-summary,
    .pricing-page .pricing-tier-foot {
      margin: 0;
      color: #a6bfd9;
      line-height: 1.62;
      font-size: 0.94rem;
    }

    .pricing-page .pricing-tier-price {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 10px;
      margin: 0;
      line-height: 1;
    }

    .pricing-page .pricing-tier-amount {
      font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(3.2rem, 4.2vw, 4.6rem);
      letter-spacing: -0.06em;
      color: #f4f8ff;
    }

    .pricing-page .pricing-tier-unit {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      color: #7da0bf;
      font-size: 0.92rem;
      line-height: 1.15;
      letter-spacing: 0.01em;
      white-space: nowrap;
      opacity: 0.92;
    }

    .pricing-page .pricing-tier-summary {
      color: #a9c1d8;
      max-width: 32ch;
    }

    .pricing-page .pricing-tier-actions {
      margin-top: 2px;
      margin-bottom: 2px;
    }

    .pricing-page .pricing-tier-btn {
      min-height: 54px;
      padding: 14px 18px;
      border-radius: 999px;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: none;
    }

    .pricing-page .pricing-tier-free .pricing-tier-btn {
      background: rgba(255, 255, 255, 0.02);
      border-color: rgba(126, 166, 198, 0.44);
      color: #edf5ff;
      box-shadow: none;
    }

    .pricing-page .pricing-tier-free .pricing-tier-btn:hover {
      border-color: rgba(157, 233, 255, 0.62);
      background: rgba(255, 255, 255, 0.05);
    }

    .pricing-page .pricing-tier-pro .pricing-tier-btn {
      background: linear-gradient(120deg, rgba(86, 222, 255, 0.96), rgba(132, 255, 203, 0.92));
      color: #072434;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 14px 26px rgba(54, 231, 255, 0.16);
    }

    .pricing-page .pricing-feature-list,
    .pricing-page .pricing-support-list {
      list-style: none;
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
    }

    .pricing-page .pricing-feature-list li,
    .pricing-page .pricing-support-list li {
      position: relative;
      min-height: 28px;
      padding-left: 28px;
      color: #d7e7f6;
      line-height: 1.5;
      font-size: 0.96rem;
    }

    .pricing-page .pricing-feature-list li::before,
    .pricing-page .pricing-support-list li::before {
      content: "+";
      position: absolute;
      left: 0;
      top: 1px;
      width: 18px;
      height: 18px;
      border-radius: 999px;
      color: #082230;
      background: linear-gradient(135deg, rgba(54, 231, 255, 0.96), rgba(140, 255, 198, 0.92));
      font-size: 0.8rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 20px rgba(54, 231, 255, 0.18);
    }

    .pricing-page .pricing-feature-list li.is-disabled {
      color: rgba(145, 165, 189, 0.66);
    }

    .pricing-page .pricing-feature-list li.is-disabled::before {
      content: "x";
      color: #7e90a6;
      background: rgba(255, 255, 255, 0.05);
      box-shadow: none;
    }

    .pricing-page .pricing-tier-foot {
      margin-top: auto;
      padding-top: 16px;
      color: #90aac4;
      border-top: 1px solid rgba(179, 220, 255, 0.12);
    }

    .pricing-page .badge {
      min-height: 34px;
      align-items: center;
      justify-content: center;
      padding: 7px 13px;
      margin-bottom: 0;
      font-size: 0.72rem;
      letter-spacing: 0.11em;
    }

    .pricing-page .badge-recommended {
      color: #0a3e35;
      background: linear-gradient(120deg, rgba(98, 231, 255, 0.94), rgba(132, 255, 203, 0.92));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 10px 24px rgba(54, 231, 255, 0.12);
    }

    .pricing-page .pricing-support-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
      gap: 0;
      margin: 8px 0 22px;
      padding: 26px 0 24px;
      border-top: 1px solid rgba(179, 220, 255, 0.14);
      border-bottom: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(90deg, rgba(54, 231, 255, 0.05), transparent 18%, transparent 82%, rgba(140, 255, 198, 0.04));
    }

    .pricing-page .pricing-support-card {
      padding: 0 28px;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
    }

    .pricing-page .pricing-support-card h3 {
      font-size: 1.12rem;
      margin-bottom: 16px;
      line-height: 1.12;
      letter-spacing: -0.03em;
      color: #eff7ff;
    }

    .pricing-page .pricing-support-list li {
      color: #bdd0e4;
      font-size: 0.98rem;
      line-height: 1.58;
    }

    .pricing-page .pricing-support-card:not(:first-child) {
      border-left: 1px solid rgba(179, 220, 255, 0.12);
    }

    .pricing-page .pay-note {
      position: relative;
      z-index: 1;
      max-width: 68ch;
      margin: 0 0 10px;
      color: #bfd2e5;
      font-size: 0.96rem;
      line-height: 1.62;
    }

    body.has-trial-modal-open {
      overflow: hidden;
    }

    .pricing-trial-modal {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: grid;
      place-items: center;
      padding: 24px;
    }

    .pricing-trial-modal.hidden {
      display: none !important;
    }

    .pricing-trial-backdrop {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 16%, rgba(54, 231, 255, 0.14), transparent 30%),
        rgba(4, 10, 19, 0.78);
      backdrop-filter: blur(14px);
    }

    .pricing-trial-dialog {
      position: relative;
      z-index: 1;
      width: min(760px, calc(100vw - 32px));
      padding: clamp(24px, 4vw, 34px);
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.2);
      background:
        radial-gradient(circle at 80% 0%, rgba(54, 231, 255, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(18, 31, 55, 0.96), rgba(8, 17, 31, 0.95));
      box-shadow:
        0 32px 80px rgba(2, 10, 23, 0.54),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
      display: grid;
      gap: 18px;
      overflow: hidden;
    }

    .pricing-trial-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 40px;
      height: 40px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.18);
      background: rgba(255, 255, 255, 0.04);
      color: #dff2ff;
      font: inherit;
      font-size: 1.5rem;
      line-height: 1;
      cursor: pointer;
      transition: transform 220ms var(--easing-premium), border-color 220ms var(--easing-premium), background 220ms var(--easing-premium);
    }

    .pricing-trial-close:hover {
      transform: translateY(-1px);
      border-color: rgba(54, 231, 255, 0.4);
      background: rgba(255, 255, 255, 0.07);
    }

    .pricing-trial-copy,
    .pricing-trial-note {
      position: relative;
      z-index: 1;
      max-width: 64ch;
      color: #bdd1e4;
      line-height: 1.65;
      margin: 0;
    }

    .pricing-trial-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .pricing-trial-choice {
      display: grid;
      align-content: start;
      gap: 12px;
      min-height: 100%;
      padding: 20px;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        rgba(8, 17, 31, 0.74);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .pricing-trial-choice-featured {
      border-color: rgba(120, 247, 224, 0.34);
      background:
        radial-gradient(circle at 70% 0%, rgba(54, 231, 255, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(20, 39, 64, 0.96), rgba(8, 17, 31, 0.96));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 38px rgba(2, 10, 23, 0.26);
    }

    .pricing-trial-choice-kicker {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 30px;
      padding: 6px 11px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(255, 255, 255, 0.04);
      color: #98b3cf;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .pricing-trial-choice h3 {
      margin: 0;
      font-size: 1.32rem;
      color: #eef7ff;
    }

    .pricing-trial-choice p {
      margin: 0;
      color: #b8cee2;
      line-height: 1.6;
    }

    .pricing-trial-choice-btn {
      margin-top: auto;
    }

    .pricing-page .pricing-tier-actions .js-open-trial-modal {
      width: 100%;
    }

    .pricing-page .legal-note {
      position: relative;
      z-index: 1;
      max-width: 76ch;
      margin-bottom: 12px;
    }

    @media (max-width: 1180px) {
      .pricing-page .pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .pricing-page .pricing-section-head {
        flex-direction: column;
        align-items: flex-start;
      }

      .pricing-page .pricing-section-note {
        max-width: 58ch;
        text-align: left;
      }

      .pricing-page .pricing-support-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 700px) {
      .pricing-page .pricing-hero {
        padding: 22px 18px;
      }

      .pricing-page .pricing-hero-side {
        padding: 18px;
      }

      .pricing-page .pricing-hero-visual {
        min-height: 148px;
      }

      .pricing-page .pricing-hero-lanes {
        inset: 18px 18px 20px;
      }

      .pricing-page .pricing-lane {
        width: min(100%, 210px);
      }

      .pricing-page .pricing-lane-start,
      .pricing-page .pricing-lane-operator,
      .pricing-page .pricing-lane-team {
        transform: none;
      }

      .pricing-page .pricing-grid {
        grid-template-columns: 1fr;
      }

      .pricing-page .pricing-tier {
        padding: 22px 18px;
        border-radius: 24px;
      }

      .pricing-page .pricing-tier h3 {
        font-size: 1.75rem;
      }

      .pricing-page .pricing-tier-amount {
        font-size: 3.25rem;
      }

      .pricing-page .pricing-tier-unit {
        padding-bottom: 8px;
        font-size: 0.94rem;
      }

      .pricing-page .pricing-tier-btn {
        min-height: 50px;
        font-size: 0.95rem;
      }

      .pricing-trial-modal {
        padding: 16px;
      }

      .pricing-trial-dialog {
        width: min(100%, calc(100vw - 16px));
        padding: 22px 18px;
        border-radius: 24px;
      }

      .pricing-trial-grid {
        grid-template-columns: 1fr;
      }
    }

    @keyframes rise {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes heroHeadlineSweep {
      0% {
        background-position: 0 0, -34% 0, -170% 0;
      }
      100% {
        background-position: 0 0, 34% 0, 170% 0;
      }
    }

    @keyframes networkFieldDriftA {
      0% {
        transform: translate3d(-1.5%, -1%, 0) scale(1);
      }
      100% {
        transform: translate3d(1.5%, 1.2%, 0) scale(1.05);
      }
    }

    @keyframes networkFieldDriftB {
      0% {
        transform: translate3d(1%, -1.2%, 0) scale(1);
      }
      100% {
        transform: translate3d(-1.4%, 1.4%, 0) scale(1.04);
      }
    }

    @keyframes scrollIndicatorFloat {
      0%,
      100% {
        opacity: 0.7;
        transform: translate(-50%, 0);
      }
      50% {
        opacity: 1;
        transform: translate(-50%, 5px);
      }
    }

    @keyframes sparkleTwinkle {
      0%,
      100% {
        opacity: calc(var(--base-opacity, 0.46) * 0.34);
        transform: translate3d(-50%, -50%, 0) scale(0.72);
      }
      50% {
        opacity: var(--base-opacity, 0.46);
        transform: translate3d(-50%, -50%, 0) scale(1.38);
      }
      78% {
        opacity: calc(var(--base-opacity, 0.46) * 0.86);
        transform: translate3d(-50%, -50%, 0) scale(1.12);
      }
    }

    @keyframes cubeSpinStable {
      0% {
        transform: translate3d(0, 1px, 0) rotateX(-28deg) rotateY(45deg) rotateZ(0deg);
      }
      25% {
        transform: translate3d(0, -2px, 0) rotateX(62deg) rotateY(135deg) rotateZ(90deg);
      }
      50% {
        transform: translate3d(0, 0, 0) rotateX(152deg) rotateY(225deg) rotateZ(180deg);
      }
      75% {
        transform: translate3d(0, -2px, 0) rotateX(242deg) rotateY(315deg) rotateZ(270deg);
      }
      100% {
        transform: translate3d(0, 1px, 0) rotateX(332deg) rotateY(405deg) rotateZ(360deg);
      }
    }

    @keyframes cubeSpin {
      0% {
        transform: translate3d(0, 2px, 0) rotateX(-24deg) rotateY(34deg) rotateZ(0deg);
      }
      20% {
        transform: translate3d(0, -2px, 0) rotateX(-22deg) rotateY(108deg) rotateZ(0.5deg);
      }
      40% {
        transform: translate3d(0, -6px, 0) rotateX(-24deg) rotateY(184deg) rotateZ(0deg);
      }
      60% {
        transform: translate3d(0, -2px, 0) rotateX(-23deg) rotateY(254deg) rotateZ(-0.6deg);
      }
      80% {
        transform: translate3d(0, 1px, 0) rotateX(-24deg) rotateY(324deg) rotateZ(0deg);
      }
      100% {
        transform: translate3d(0, 2px, 0) rotateX(-24deg) rotateY(394deg) rotateZ(0deg);
      }
    }

    @keyframes cubeSpinIdleA {
      0% {
        transform: translate3d(0, 2px, 0) rotateX(-28deg) rotateY(12deg) rotateZ(-8deg);
      }
      25% {
        transform: translate3d(0, -4px, 0) rotateX(34deg) rotateY(112deg) rotateZ(84deg);
      }
      50% {
        transform: translate3d(0, 1px, 0) rotateX(112deg) rotateY(208deg) rotateZ(176deg);
      }
      75% {
        transform: translate3d(0, -5px, 0) rotateX(196deg) rotateY(308deg) rotateZ(270deg);
      }
      100% {
        transform: translate3d(0, 2px, 0) rotateX(332deg) rotateY(412deg) rotateZ(352deg);
      }
    }

    @keyframes cubeSpinIdleB {
      0% {
        transform: translate3d(0, 1px, 0) rotateX(-36deg) rotateY(20deg) rotateZ(6deg);
      }
      25% {
        transform: translate3d(0, -6px, 0) rotateX(48deg) rotateY(146deg) rotateZ(100deg);
      }
      50% {
        transform: translate3d(0, -1px, 0) rotateX(136deg) rotateY(248deg) rotateZ(194deg);
      }
      75% {
        transform: translate3d(0, -7px, 0) rotateX(232deg) rotateY(336deg) rotateZ(292deg);
      }
      100% {
        transform: translate3d(0, 1px, 0) rotateX(324deg) rotateY(380deg) rotateZ(366deg);
      }
    }

    @keyframes cubeSpinIdleC {
      0% {
        transform: translate3d(0, 3px, 0) rotateX(-22deg) rotateY(-8deg) rotateZ(-16deg);
      }
      25% {
        transform: translate3d(0, -5px, 0) rotateX(58deg) rotateY(96deg) rotateZ(68deg);
      }
      50% {
        transform: translate3d(0, 0, 0) rotateX(152deg) rotateY(196deg) rotateZ(156deg);
      }
      75% {
        transform: translate3d(0, -6px, 0) rotateX(246deg) rotateY(304deg) rotateZ(248deg);
      }
      100% {
        transform: translate3d(0, 3px, 0) rotateX(338deg) rotateY(352deg) rotateZ(344deg);
      }
    }

    @keyframes cubePulse {
      0%,
      100% {
        opacity: 0.8;
        transform: translate3d(0, 8px, -10px) scale(1);
      }
      50% {
        opacity: 1;
        transform: translate3d(0, 2px, -10px) scale(1.13);
      }
    }

    @keyframes cubeEnergyPulse {
      0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.76);
      }
      24% {
        opacity: 0.52;
      }
      100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.36);
      }
    }

    @keyframes heroFaceFloat {
      0%,
      100% {
        transform: rotateX(-4deg) rotateY(4deg) translate3d(0, 0, 0);
      }
      50% {
        transform: rotateX(-2deg) rotateY(7deg) translate3d(0, -6px, 0);
      }
    }

    @keyframes heroHologramBuild {
      0% {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
        transform: rotateX(-4deg) rotateY(4deg) translate3d(0, 16px, 0) scaleY(0.42);
      }
      55% {
        opacity: 0.82;
        clip-path: inset(42% 0 0 0);
      }
      100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: rotateX(-4deg) rotateY(4deg) translate3d(0, 0, 0) scaleY(1);
      }
    }

    @keyframes statusPulse {
      0%,
      100% {
        opacity: 0.88;
        transform: scale(1);
      }
      50% {
        opacity: 1;
        transform: scale(1.16);
      }
    }

    @keyframes railPulse {
      0%,
      100% {
        opacity: 0.74;
        transform: scale(1);
      }
      50% {
        opacity: 1;
        transform: scale(1.18);
      }
    }

    @keyframes orbitSpinA {
      from {
        transform: translate(-50%, -50%) rotateX(72deg) rotateZ(0deg);
      }
      to {
        transform: translate(-50%, -50%) rotateX(72deg) rotateZ(360deg);
      }
    }

    @keyframes orbitSpinB {
      from {
        transform: translate(-50%, -50%) rotateX(72deg) rotateZ(360deg);
      }
      to {
        transform: translate(-50%, -50%) rotateX(72deg) rotateZ(0deg);
      }
    }

    @keyframes voxelFloat {
      0%,
      100% {
        transform: translate3d(-50%, -50%, 0) rotateX(62deg) rotateZ(45deg) scale(var(--scale, 1));
      }
      50% {
        transform: translate3d(-50%, calc(-50% - 8px), 0) rotateX(62deg) rotateZ(45deg) scale(calc(var(--scale, 1) * 1.08));
      }
    }

    @keyframes sideFloatLeft {
      0%,
      100% {
        transform: translate3d(var(--drift-x), calc(var(--drift-y) - 4px), 0);
      }
      50% {
        transform: translate3d(var(--drift-x), calc(var(--drift-y) + 7px), 0);
      }
    }

    @keyframes sideFloatRight {
      0%,
      100% {
        transform: translate3d(var(--drift-x), calc(var(--drift-y) + 5px), 0);
      }
      50% {
        transform: translate3d(var(--drift-x), calc(var(--drift-y) - 6px), 0);
      }
    }

    @keyframes faceGridScan {
      0% {
        filter: drop-shadow(0 0 10px rgba(54, 231, 255, 0.24));
      }
      50% {
        filter: drop-shadow(0 0 17px rgba(54, 231, 255, 0.45));
      }
      100% {
        filter: drop-shadow(0 0 10px rgba(54, 231, 255, 0.24));
      }
    }

    @keyframes faceWaveMove {
      0%,
      100% {
        opacity: 0.52;
        transform: translate3d(var(--holo-shift-x, 0px), var(--holo-shift-y, 0px), -6px) rotateY(calc(var(--face-tilt) * -0.28)) scaleY(0.92);
      }
      50% {
        opacity: 0.82;
        transform: translate3d(var(--holo-shift-x, 0px), calc(var(--holo-shift-y, 0px) + 8px), -6px) rotateY(calc(var(--face-tilt) * -0.28)) scaleY(1.04);
      }
    }

    @keyframes hologramScanDrift {
      0% {
        background-position: 0 0;
        opacity: 0.12;
      }
      50% {
        background-position: 0 24px;
        opacity: 0.22;
      }
      100% {
        background-position: 0 48px;
        opacity: 0.12;
      }
    }

    @keyframes barSweep {
      0%,
      100% {
        opacity: 0.48;
        transform: translateZ(-16px) scaleY(0.88);
      }
      50% {
        opacity: 0.76;
        transform: translateZ(-16px) scaleY(1.04);
      }
    }

    @keyframes pointPulse {
      0%,
      100% {
        opacity: 0.2;
      }
      50% {
        opacity: 0.36;
      }
    }

    @keyframes hologramFieldFlicker {
      0%,
      100% {
        opacity: 0.74;
        filter: drop-shadow(0 0 16px rgba(54, 231, 255, 0.26));
      }
      11% {
        opacity: 0.74;
      }
      12% {
        opacity: 0.62;
        filter: drop-shadow(2px 0 16px rgba(54, 231, 255, 0.18));
      }
      13% {
        opacity: 0.74;
        filter: drop-shadow(-1px 0 16px rgba(54, 231, 255, 0.22));
      }
      47% {
        opacity: 0.72;
      }
      48% {
        opacity: 0.56;
      }
      49% {
        opacity: 0.72;
      }
      74% {
        filter: drop-shadow(-2px 0 16px rgba(54, 231, 255, 0.18));
      }
    }

    @keyframes hologramNodeFlicker {
      0%,
      100% {
        opacity: 0.28;
        filter: blur(0);
      }
      18% {
        opacity: 0.36;
      }
      19% {
        opacity: 0.18;
        filter: blur(1px);
      }
      20% {
        opacity: 0.34;
        filter: blur(0);
      }
      72% {
        opacity: 0.22;
      }
      73% {
        opacity: 0.4;
      }
    }

    @keyframes hologramDustRise {
      0% {
        transform: translate3d(var(--holo-shift-x, 0px), 10px, -36px);
        opacity: 0.08;
      }
      50% {
        opacity: 0.18;
      }
      100% {
        transform: translate3d(var(--holo-shift-x, 0px), -12px, -36px);
        opacity: 0.06;
      }
    }

    @keyframes hologramAuraPulse {
      0%,
      100% {
        opacity: 0.56;
      }
      50% {
        opacity: 0.76;
      }
    }

    @keyframes heroHoloAssembly {
      0% {
        opacity: 0;
        transform: perspective(980px) rotateX(6deg) rotateY(-4deg) translate3d(0, 18px, 0) scale(0.9);
        filter: blur(3px) drop-shadow(0 22px 40px rgba(1, 10, 22, 0.2));
      }
      45% {
        opacity: 0.84;
      }
      100% {
        opacity: 1;
        transform: perspective(980px) rotateX(var(--holo-tilt-x)) rotateY(var(--holo-tilt-y));
        filter: drop-shadow(0 22px 40px rgba(1, 10, 22, 0.28));
      }
    }

    @keyframes heroHoloGlow {
      0%,
      100% {
        opacity: 0.86;
        filter: blur(10px);
      }
      50% {
        opacity: 1;
        filter: blur(14px);
      }
    }

    @keyframes heroVolumeGlow {
      0%,
      100% {
        opacity: 0.5;
        filter: blur(16px);
      }
      50% {
        opacity: 0.66;
        filter: blur(20px);
      }
    }

    @keyframes heroFieldPulse {
      0%,
      100% {
        opacity: 0.2;
        transform: scale(0.985);
      }
      50% {
        opacity: 0.34;
        transform: scale(1.02);
      }
    }

    @keyframes heroHoloColumn {
      0%,
      100% {
        opacity: 0.3;
        transform: translateX(var(--column-offset, 0px)) scaleY(0.92);
      }
      50% {
        opacity: 0.54;
        transform: translateX(var(--column-offset, 0px)) scaleY(1.04);
      }
    }

    @keyframes heroRingSpin {
      from {
        transform: translateX(-50%) rotateX(76deg) rotateZ(0deg);
      }
      to {
        transform: translateX(-50%) rotateX(76deg) rotateZ(360deg);
      }
    }

    @keyframes heroRingSpinReverse {
      from {
        transform: translateX(-50%) rotateX(76deg) rotateZ(360deg);
      }
      to {
        transform: translateX(-50%) rotateX(76deg) rotateZ(0deg);
      }
    }

    @keyframes heroRingPulse {
      0%,
      100% {
        opacity: 0.1;
        transform: translateX(-50%) rotateX(76deg) scale(0.98);
      }
      50% {
        opacity: 0.2;
        transform: translateX(-50%) rotateX(76deg) scale(1.02);
      }
    }

    @keyframes heroHoloScan {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(42px);
      }
    }

    @keyframes heroOuterScanDrift {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(24px);
      }
    }

    @keyframes heroHoloSweep {
      0% {
        transform: translateY(-220px);
        opacity: 0;
      }
      20% {
        opacity: 0.52;
      }
      80% {
        opacity: 0.52;
      }
      100% {
        transform: translateY(430px);
        opacity: 0;
      }
    }

    @keyframes heroParticleRise {
      0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(var(--particle-start-scale, 0.82));
      }
      14% {
        opacity: 0.34;
      }
      80% {
        opacity: 0.18;
      }
      100% {
        opacity: 0;
        transform: translate3d(var(--particle-drift-x, 0px), -340px, 0) scale(var(--particle-end-scale, 1.08));
      }
    }

    @keyframes voxelScatter {
      0% {
        transform: translate3d(-50%, 0, 52px) rotateZ(0deg);
      }
      50% {
        transform: translate3d(-50%, -2px, 52px) rotateZ(2deg);
      }
      100% {
        transform: translate3d(-50%, 0, 52px) rotateZ(0deg);
      }
    }

    @keyframes eyeBlink {
      0%,
      45%,
      60%,
      100% {
        opacity: 1;
        height: 8px;
      }
      52% {
        opacity: 0.36;
        height: 2px;
      }
    }

    @keyframes orbitSpinSide {
      from {
        transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * -0.4)) rotateX(72deg) rotateZ(0deg);
      }
      to {
        transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * -0.4)) rotateX(72deg) rotateZ(360deg);
      }
    }

    @keyframes orbitSpinSideRight {
      from {
        transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * 0.4)) rotateX(72deg) rotateZ(0deg);
      }
      to {
        transform: translate3d(-50%, -50%, -2px) rotateY(calc(var(--face-tilt) * 0.4)) rotateX(72deg) rotateZ(-360deg);
      }
    }


    @media (max-width: 960px) {
      .hero,
      .systems-layout,
      .product-proof-grid,
      .proof-layout,
      .story-layout,
      .results-grid,
      .pipeline-grid,
      .proof-grid,
      .flow-grid {
        grid-template-columns: 1fr;
      }

      .faq-layout {
        grid-template-columns: 1fr;
      }

      .checkout-form {
        grid-template-columns: 1fr;
      }

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

      .section-head {
        flex-direction: column;
        align-items: flex-start;
      }

      .section-head-note {
        white-space: normal;
      }

      .conversion-band {
        grid-template-columns: 1fr;
      }

      .conversion-actions {
        justify-content: flex-start;
      }

      .proof-card-anchor {
        grid-row: auto;
      }

      .pipeline-grid::before {
        display: none;
      }

      .pipeline-rail {
        width: 100%;
      }

      .hero-stage-shell {
        min-height: 100svh;
        padding-bottom: 22px;
      }

      .hero-cinematic {
        min-height: auto;
        padding: 18px 0 22px;
        gap: 28px;
      }

      .hero-copy {
        max-width: none;
      }

      .hero-cinematic h1 {
        max-width: none;
      }

      .hero-support-line {
        max-width: none;
      }

      .hero-side::before {
        inset: 12px 0 6px;
      }

      .hero-visual-board {
        min-height: clamp(380px, 68vw, 560px);
      }

      .hero-visual-main {
        top: clamp(70px, 8vw, 94px);
        width: min(74%, 620px);
      }

      .hero-visual-float-a {
        width: clamp(190px, 34%, 300px);
      }

      .hero-visual-float-b {
        width: clamp(220px, 42%, 360px);
        bottom: clamp(86px, 11vw, 120px);
      }

      .hero-visual-float-c {
        width: clamp(220px, 36%, 320px);
      }

      .site-header {
        gap: 10px;
      }

      .site-header-inner {
        flex-direction: column;
        gap: 10px;
      }

      .site-header-left {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        align-items: center;
      }

      .site-header .site-brand {
        order: 1;
      }

      .site-header .nav-primary {
        order: 2;
        justify-content: center;
      }

      .site-header .nav-group {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 14px;
      }

      .site-header .nav-actions {
        width: 100%;
        justify-content: center;
        margin-left: 0;
      }

      body.site-home .site-brand {
        position: static;
        left: auto;
        top: auto;
        transform: none;
      }

      .hero-cube-stage {
        --cube-face-size: 112px;
        --cube-depth: 56px;
        height: clamp(268px, 58vw, 352px);
      }

      .hero-face-rig {
        width: clamp(170px, 60%, 248px);
        height: clamp(220px, 78%, 304px);
      }

      .hero-cube-hud {
        top: 14px;
        left: 14px;
        right: 14px;
      }

      .hero-cube-hud span {
        min-height: 28px;
        padding: 6px 10px;
        font-size: 0.66rem;
      }

      .hero-cube-orbit-a {
        width: 216px;
        height: 216px;
      }

      .hero-cube-orbit-b {
        width: 168px;
        height: 168px;
      }

      .hero-cube-grid {
        left: 8%;
        right: 8%;
        height: 104px;
        opacity: 0.2;
      }

      .hero-cube {
        --cube-half: var(--cube-depth);
        width: var(--cube-face-size);
        height: var(--cube-face-size);
      }

      .cube-face-front,
      .cube-face-back,
      .cube-face-right,
      .cube-face-left,
      .cube-face-top,
      .cube-face-bottom {
        transform-origin: center center;
      }

      .cube-face-front {
        transform: translateZ(var(--cube-half));
      }

      .cube-face-back {
        transform: rotateY(180deg) translateZ(var(--cube-half));
      }

      .cube-face-right {
        transform: rotateY(90deg) translateZ(var(--cube-half));
      }

      .cube-face-left {
        transform: rotateY(-90deg) translateZ(var(--cube-half));
      }

      .cube-face-top {
        transform: rotateX(90deg) translateZ(var(--cube-half));
      }

      .cube-face-bottom {
        transform: rotateX(-90deg) translateZ(var(--cube-half));
      }

      .hero-scroll-indicator {
        margin-top: 10px;
      }

      .get-started-page .get-started-hero-side {
        padding: 20px;
      }

      .get-started-page .get-started-hero-copy h1 {
        max-width: none;
      }
    }

    @media (max-width: 700px) {
      .shell {
        width: min(calc(100vw - 18px), 1120px);
        margin: 10px auto 48px;
      }

      .hero-stage {
        min-height: auto;
      }

      .hero-stage::before {
        background:
          radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.028), transparent 16%),
          linear-gradient(180deg, rgba(2, 6, 14, 0.84), rgba(3, 8, 18, 0.62) 28%, rgba(3, 8, 18, 0.86));
      }

      .hero-stage-shell {
        min-height: auto;
        padding-top: 10px;
        padding-bottom: 16px;
      }

      .site-header {
        padding: 8px 4px;
        gap: 10px;
      }

      .site-header-inner {
        width: 100%;
        padding: 0;
        gap: 10px;
      }

      .site-header .site-brand {
        min-height: 46px;
        padding: 0 8px;
      }

      .site-header .nav-group {
        width: 100%;
        min-height: 46px;
        padding: 7px 10px;
        gap: 7px 8px;
        justify-content: center;
      }

      .site-header .nav-group > a {
        font-size: 0.82rem;
      }

      .site-header .nav-right .btn {
        min-height: 34px;
        padding: 8px 12px;
      }

      .section-head-note {
        width: 100%;
        justify-content: flex-start;
      }

      .hero-signal-row {
        gap: 8px;
      }

      .hero-signal-row span {
        font-size: 0.78rem;
      }

      .module-top,
      .contact-card-top,
      .pipeline-step-top {
        align-items: flex-start;
        flex-direction: column;
      }

      .module-stats {
        grid-template-columns: 1fr;
      }

      .module-foot-copy {
        max-width: none;
        text-align: left;
      }

      .module-lane,
      .contact-card-tags,
      .proof-signal-row,
      .pipeline-tag-row {
        gap: 8px;
      }

      .pipeline-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .pipeline-rail span:nth-child(4),
      .pipeline-rail span:nth-child(5) {
        display: none;
      }

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

      .trust-strip {
        display: grid;
        grid-template-columns: 1fr;
      }

      .screen-proof-copy,
      .result-card,
      .conversion-band {
        padding: 16px;
      }

      .story-copy .story-lead {
        font-size: 1rem;
      }

      .feedback-grid,
      .feedback-form-grid {
        grid-template-columns: 1fr;
      }

      .get-started-page .get-started-hero {
        padding: 24px 20px;
      }

      .get-started-page .get-started-hero-side {
        padding: 18px;
      }

      .get-started-page .get-started-sequence-rail {
        gap: 8px;
      }

      .get-started-page .get-started-metric {
        min-height: 0;
      }

      .get-started-page .get-started-side-head .section-head-note {
        width: 100%;
      }

      .hero-cinematic {
        padding: 8px 0 12px;
        gap: 14px;
        align-items: start;
      }

      .hero-copy {
        display: grid;
        gap: 0;
      }

      .eyebrow {
        margin-bottom: 12px;
        font-size: 0.72rem;
      }

      .hero-cinematic h1 {
        font-size: clamp(2rem, 11vw, 2.8rem);
        max-width: 9ch;
        margin-bottom: 12px;
        letter-spacing: -0.03em;
      }

      .hero p {
        max-width: none;
        font-size: 0.9rem;
        line-height: 1.55;
        margin-bottom: 14px;
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 14px;
      }

      .hero-actions .btn {
        width: 100%;
        min-height: 46px;
        padding: 11px 14px;
        font-size: 0.92rem;
        white-space: nowrap;
        justify-content: center;
      }

      .hero-actions .btn:last-child {
        grid-column: auto;
      }

      .hero-signal-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .hero-cube-stage {
        border-radius: 20px;
        height: clamp(210px, 72vw, 260px);
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
        background:
          radial-gradient(circle at 50% 12%, rgba(129, 229, 255, 0.11), transparent 20%),
          radial-gradient(circle at 50% 46%, rgba(54, 231, 255, 0.06), transparent 24%),
          radial-gradient(circle at 78% 16%, rgba(54, 231, 255, 0.05), transparent 32%),
          radial-gradient(circle at 22% 20%, rgba(140, 255, 198, 0.04), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.014)),
          linear-gradient(160deg, rgba(7, 17, 30, 0.97), rgba(5, 11, 21, 0.96));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.022),
          0 16px 32px rgba(2, 10, 23, 0.24);
      }

      .hero-face-rig {
        width: clamp(126px, 53%, 170px);
        height: clamp(172px, 72%, 220px);
      }

      .hero-cube-glow {
        width: 164px;
        height: 164px;
        opacity: 0.56;
      }

      .hero-cube-hud {
        flex-wrap: wrap;
        right: auto;
        max-width: calc(100% - 22px);
        gap: 8px;
      }

      .hero-cube-hud span:last-child {
        display: none;
      }

      .hero-cube-hud span {
        min-height: 26px;
        padding: 5px 8px;
        font-size: 0.6rem;
      }

      .hero-cube-orbit-a {
        width: 156px;
        height: 156px;
      }

      .hero-cube-orbit-b {
        width: 124px;
        height: 124px;
      }

      .hero-cube-grid {
        height: 62px;
        opacity: 0.14;
      }

      .hero-cube-ripple {
        width: 148px;
        height: 148px;
      }

      .hero-cube-label {
        left: 12px;
        bottom: 12px;
        padding: 7px 10px;
        font-size: 0.66rem;
      }

      .hero-cube-note {
        font-size: 0.78rem;
        line-height: 1.45;
        max-width: 24ch;
        text-align: center;
        justify-self: center;
      }

      .hero-side {
        width: 100%;
        max-width: none;
        justify-self: stretch;
        gap: 12px;
      }

      .hero-side::before {
        inset: 18px 8px 36px;
        filter: blur(16px);
        opacity: 0.42;
      }

      .hero-visual-board {
        min-height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 14px;
      }

      .hero-visual-board::before {
        opacity: 0.2;
      }

      .hero-visual-caption {
        position: static;
        grid-column: 1 / -1;
        padding: 2px 2px 4px;
        border: 0;
        background: none;
        box-shadow: none;
        backdrop-filter: none;
      }

      .hero-visual-main {
        grid-column: 1 / -1;
      }

      .hero-visual-support-row {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .hero-hero-board .hero-visual-main,
      .hero-hero-board .hero-visual-support {
        padding: 8px;
      }

      .hero-holo-aura {
        opacity: 0.38;
      }

      .hero-holo-volume-glow {
        opacity: 0.34;
      }

      .hero-signal-row span {
        width: 100%;
        min-height: 34px;
        padding-right: 10px;
        font-size: 0.74rem;
      }

      .hero-signal-row span:last-child {
        grid-column: auto;
      }

      .contact-trust-points {
        grid-template-columns: 1fr;
      }

      .contact-trust-links a {
        width: 100%;
      }

      .hero-scroll-indicator {
        min-height: 36px;
        padding: 9px 14px;
        font-size: 0.74rem;
      }

      .pay-row {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 540px) {
      .shell {
        width: calc(100vw - 16px);
        margin: 8px auto 40px;
      }

      .site-header {
        gap: 8px;
        padding: 6px 2px;
      }

      .site-header .nav-group {
        gap: 6px 8px;
        padding: 6px 8px;
        border-radius: 20px;
      }

      .site-header .nav-group > a {
        font-size: 0.79rem;
      }

      .site-header .site-brand {
        min-height: 44px;
        padding: 0 12px;
        font-size: 1.02rem;
      }

      .hero-actions .btn {
        font-size: 0.88rem;
      }

      .hero-actions {
        grid-template-columns: 1fr;
      }

      .hero-actions .btn:last-child {
        grid-column: auto;
      }

      .hero-signal-row span {
        font-size: 0.72rem;
        min-height: 30px;
      }

      .hero-signal-row {
        grid-template-columns: 1fr;
      }

      .hero-signal-row span:last-child {
        grid-column: auto;
      }

      .hero-cube-glow {
        width: 150px;
        height: 150px;
      }

      .hero-cinematic h1 {
        font-size: clamp(1.85rem, 10.8vw, 2.45rem);
        max-width: 8.5ch;
      }

      .hero p {
        font-size: 0.88rem;
      }

      .hero-support-line {
        font-size: 0.86rem;
      }

      .hero-visual-board {
        grid-template-columns: 1fr;
      }

      .hero-visual-main {
        grid-column: auto;
      }

      .hero-visual-support-row {
        grid-template-columns: 1fr;
      }

      .hero-scroll-indicator {
        display: inline-flex;
      }
    }

    @media (max-width: 420px) {
      .hero-cinematic h1 {
        font-size: clamp(2rem, 11.5vw, 2.7rem);
      }

      .hero p {
        font-size: 0.9rem;
      }

      .hero-visual-board {
        padding: 12px;
        gap: 10px;
      }
    }

    @media (hover: none) {
      .metric:hover,
      .feature:hover,
      .proof-card:hover,
      .flow-step:hover,
      .price-card:hover,
      .panel:hover,
      .hero:hover,
      .btn:hover {
        transform: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }

      .reveal-enter {
        opacity: 1;
        transform: none;
        filter: none;
      }

      .hero-cube-rig,
      .hero-cube,
      .hero-cube-glow,
      .hero-cube-ripple,
      .hero-cube-orbit-a,
      .hero-cube-orbit-b,
      .voxel-cube,
      .voxel-side,
      .side-face-left,
      .side-face-right,
      .face-grid,
      .face-wave,
      .face-bars,
      .face-points,
      .face-voxels,
      .face-eye,
      .face-orbit {
        animation: none !important;
      }

      .hero-cube-stage,
      .hero.is-cube-pulsing .metric,
      .hero.is-cube-pulsing .hero-actions .btn {
        transform: none !important;
      }

      .hero-cube-ripple {
        display: none;
      }

      .hero-cube-stage::before,
      .hero-side::before {
        opacity: 0.6;
      }
    }

    @media (max-width: 1320px) {
      .site-sides {
        display: none;
      }
    }

    .live-presence-section {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 20% 18%, rgba(54, 231, 255, 0.12), transparent 28%),
        radial-gradient(circle at 80% 78%, rgba(140, 255, 198, 0.08), transparent 24%),
        rgba(255, 255, 255, 0.03);
    }

    .live-presence-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, 360px);
      gap: 22px;
      align-items: stretch;
    }

    .live-proof-board {
      min-height: 556px;
      padding: 30px;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 22px;
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        radial-gradient(circle at 22% 18%, rgba(54, 231, 255, 0.08), transparent 28%),
        radial-gradient(circle at 80% 78%, rgba(140, 255, 198, 0.05), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        rgba(7, 17, 31, 0.76);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 110px rgba(54, 231, 255, 0.03);
    }

    .live-proof-hero {
      max-width: 50rem;
      display: grid;
      gap: 14px;
      align-content: start;
    }

    .live-proof-kicker {
      display: inline-flex;
      width: max-content;
      min-height: 32px;
      align-items: center;
      padding: 0 12px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(255, 255, 255, 0.03);
      color: #8fdcf0;
      font-size: 0.76rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .live-proof-hero h3 {
      max-width: 14ch;
      margin: 0;
      font-size: clamp(2.2rem, 3.1vw, 4rem);
      line-height: 0.98;
      letter-spacing: -0.05em;
      color: #eff6ff;
    }

    .live-proof-hero p {
      max-width: 56ch;
      margin: 0;
      color: #aec2d5;
      font-size: 1rem;
      line-height: 1.65;
    }

    .live-proof-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      align-content: end;
    }

    .live-proof-item {
      min-height: 100%;
      padding: 18px 18px 20px;
      display: grid;
      gap: 10px;
      align-content: start;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
        rgba(9, 21, 36, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .live-proof-item small {
      color: #8fdcf0;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .live-proof-item strong {
      margin: 0;
      font-size: 1.22rem;
      line-height: 1.1;
      color: #f2f7ff;
      letter-spacing: -0.03em;
    }

    .live-proof-item span {
      color: #a6bdd1;
      font-size: 0.95rem;
      line-height: 1.62;
    }

    .live-proof-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 2px;
    }

    .live-proof-strip span {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background: rgba(255, 255, 255, 0.03);
      color: #d4e3f2;
      font-size: 0.88rem;
    }

    .live-globe-shell {
      position: relative;
      min-height: 556px;
      padding: 28px;
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 16px;
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background:
        radial-gradient(circle at 50% 46%, rgba(54, 231, 255, 0.06), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        rgba(7, 17, 31, 0.74);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 110px rgba(54, 231, 255, 0.035);
      isolation: isolate;
    }

    .live-globe-shell::before {
      content: "";
      position: absolute;
      inset: 18px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.05);
      pointer-events: none;
    }

    .live-globe-stage {
      position: relative;
      min-height: 420px;
      display: grid;
      place-items: center;
      padding-top: 0;
      overflow: hidden;
      border-radius: 24px;
      background:
        radial-gradient(circle at 50% 48%, rgba(69, 217, 255, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(8, 18, 36, 0.28), rgba(8, 18, 36, 0.08));
    }

    .live-globe-dock {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(140px, 1.2fr) repeat(2, minmax(110px, 0.75fr)) minmax(0, 1.6fr);
      gap: 12px;
      align-items: stretch;
      padding: 14px;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025)),
        rgba(7, 17, 31, 0.56);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(12px);
    }

    .live-globe-dock-stat,
    .live-globe-dock-meta {
      min-width: 0;
      padding: 14px 16px;
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      background: rgba(10, 19, 35, 0.56);
    }

    .live-globe-dock-stat-primary {
      background:
        radial-gradient(circle at 18% 18%, rgba(54, 231, 255, 0.12), transparent 36%),
        rgba(10, 19, 35, 0.62);
    }

    .live-globe-dock-label {
      display: block;
      color: #8fdcf0;
      font-size: 0.74rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .live-globe-dock-stat strong {
      display: block;
      margin-top: 8px;
      font-size: clamp(1.6rem, 3vw, 2.7rem);
      line-height: 0.92;
      letter-spacing: -0.04em;
      color: #f2f7ff;
    }

    .live-globe-dock-meta {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 10px;
    }

    .live-globe-dock-meta span {
      color: var(--text);
      line-height: 1.5;
    }

    .live-globe-dock-meta small {
      color: var(--muted);
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .live-globe-canvas {
      position: relative;
      z-index: 2;
      width: min(100%, 840px);
      height: clamp(430px, 66vw, 620px);
      display: block;
      filter: drop-shadow(0 40px 88px rgba(8, 18, 36, 0.46));
      touch-action: none;
    }

    .live-presence-sidebar {
      display: grid;
      gap: 16px;
      align-content: start;
    }

    .live-presence-card {
      padding: 18px 18px 20px;
      border-radius: 22px;
      border: 1px solid rgba(179, 220, 255, 0.16);
      background: rgba(255, 255, 255, 0.04);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .live-presence-label {
      display: block;
      color: #8fdcf0;
      font-size: 0.78rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .live-presence-card strong {
      display: block;
      margin-top: 10px;
      font-size: clamp(2.8rem, 5vw, 4.6rem);
      line-height: 0.92;
      letter-spacing: -0.04em;
    }

    .live-presence-card-primary {
      background:
        radial-gradient(circle at 18% 18%, rgba(54, 231, 255, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
      box-shadow: inset 0 0 90px rgba(54, 231, 255, 0.06);
    }

    .live-presence-card small {
      display: block;
      margin-top: 8px;
      color: var(--muted);
      line-height: 1.5;
    }

    .live-presence-card-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: baseline;
      margin-bottom: 12px;
    }

    .live-presence-list {
      display: grid;
      gap: 10px;
    }

    .live-presence-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      padding: 12px 14px;
      border-radius: 16px;
      background: rgba(7, 17, 31, 0.5);
      border: 1px solid rgba(179, 220, 255, 0.1);
    }

    .live-presence-row span {
      color: var(--text);
      font-size: 0.95rem;
    }

    .live-presence-row strong {
      margin: 0;
      font-size: 1.2rem;
      color: #8cffc6;
    }

    @keyframes heroCaretBlink {
      0%, 48% {
        opacity: 1;
      }
      49%, 100% {
        opacity: 0;
      }
    }

    @media (max-width: 980px) {
      .live-presence-grid {
        grid-template-columns: 1fr;
      }

      .live-globe-shell,
      .live-proof-board {
        min-height: 486px;
      }

      .live-proof-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      .live-globe-shell,
      .live-proof-board {
        min-height: 356px;
        padding: 18px;
      }

      .live-proof-hero h3 {
        max-width: 12ch;
        font-size: clamp(1.8rem, 10vw, 2.5rem);
      }

      .live-proof-item {
        padding: 16px;
        border-radius: 18px;
      }
    }

    /* Homepage polish refresh */
    body.site-home {
      --shell-max: 1480px;
      --shell-fluid: 95.6vw;
      --accent-2: #8befff;
      --hero-copy-max: 17ch;
      --container-padding: clamp(1rem, 1.8vw, 1.5rem);
    }

    body.site-home .shell {
      width: min(100%, var(--size-container));
      max-width: var(--size-container);
      margin: 0 auto 108px;
      padding-inline: var(--container-padding);
    }

    body.site-home .shell-main {
      width: min(100%, calc(var(--size-container) * 0.825));
      max-width: calc(var(--size-container) * 0.825);
      margin: 0 auto;
      display: grid;
      gap: clamp(36px, 4vw, 56px);
      padding-inline: var(--container-padding);
    }

    body.site-home .hero-stage::before,
    body.site-home .hero-stage::after {
      background: none;
    }

    body.site-home .bg-sparkles {
      opacity: 0;
    }

    body.site-home .hero-stage-shell > .site-header {
      top: 0;
      left: calc(50% - 50vw);
      right: auto;
      width: 100vw;
      max-width: 100vw;
      margin-inline: 0;
      padding: 0;
      border-radius: 0;
      border-top: 0;
      border-right: 0;
      border-left: 0;
      border-bottom: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(180deg, rgba(10, 18, 31, 0.34), rgba(6, 12, 21, 0.18)),
        rgba(5, 12, 23, 0.16);
      box-shadow:
        0 10px 28px rgba(2, 10, 23, 0.12),
        inset 0 -1px 0 rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(22px) saturate(1.08);
      -webkit-backdrop-filter: blur(22px) saturate(1.08);
      transform: none;
    }

    body.site-home .site-header-inner {
      width: min(1520px, calc(100vw - 48px));
      margin-inline: auto;
      padding: 18px 20px;
      gap: 38px;
    }

    body.site-home .site-header-left,
    body.site-home .site-header .nav-group,
    body.site-home .site-brand {
      border-color: transparent;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    body.site-home .site-header-left {
      gap: 0;
      flex: 1 1 0;
    }

    body.site-home .site-header .nav-group {
      padding-inline: 0;
      gap: 28px;
      min-height: auto;
    }

    body.site-home .site-brand {
      gap: 12px;
      font-size: 1.22rem;
      letter-spacing: 0;
      text-transform: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
    }

    body.site-home .site-brand .brand-mark {
      width: 30px;
      height: 30px;
    }

    body.site-home .site-header .nav-group > a {
      color: rgba(229, 238, 247, 0.88);
      font-weight: 600;
      letter-spacing: -0.01em;
      font-size: 1.08rem;
    }

    body.site-home .site-header .nav-primary > a:not(.btn) {
      padding-block: 10px;
    }

    body.site-home .site-header .nav-actions > a:not(.btn) {
      padding-block: 10px;
    }

    body.site-home .site-header .nav-group > a:not(.btn):hover,
    body.site-home .site-header .nav-group > a.is-active {
      color: #f4f9ff;
    }

    body.site-home .site-header .nav-group > a:not(.btn)::after {
      bottom: 3px;
      height: 2px;
      background: linear-gradient(120deg, rgba(54, 231, 255, 0.95), rgba(140, 255, 198, 0.92));
    }

    body.site-home .site-header .nav-actions {
      flex: 1 1 0;
      gap: 22px;
      margin-left: 0;
    }

    body.site-home .site-header .nav-actions .btn {
      min-height: 54px;
      padding: 14px 24px;
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(179, 220, 255, 0.14);
      border-radius: 12px;
      font-size: 1rem;
    }

    body.site-home .btn {
      min-height: 50px;
      padding: 13px 22px;
      font-weight: 700;
      letter-spacing: -0.01em;
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
    }

    body.site-home .btn:hover {
      transform: translateY(-1px);
    }

    body.site-home .btn-primary {
      box-shadow:
        0 18px 40px rgba(54, 231, 255, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    body.site-home .btn-primary:hover {
      box-shadow:
        0 22px 48px rgba(54, 231, 255, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.07);
    }

    body.site-home .btn-ghost {
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(179, 220, 255, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.site-home .btn-ghost:hover {
      background: rgba(255, 255, 255, 0.07);
      border-color: rgba(179, 220, 255, 0.28);
    }

    body.site-home .hero-home-refresh,
    body.site-home .hero__grid {
      position: relative;
      min-height: 100svh;
      padding: clamp(132px, 14vh, 178px) 0 clamp(72px, 9vh, 122px);
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      row-gap: clamp(14px, 2vw, 24px);
      align-content: center;
      justify-items: center;
      align-items: start;
      isolation: isolate;
    }

    body.site-home .hero__top {
      grid-column: 1;
      grid-row: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      width: 100%;
    }

    body.site-home .hero__title {
      grid-column: 1;
      grid-row: 2;
      min-width: 0;
      width: 100%;
    }

    body.site-home .hero__subtext {
      grid-column: 1;
      grid-row: 3;
      min-width: 0;
      width: 100%;
      align-self: start;
    }

    body.site-home .hero-home-refresh::before {
      display: none;
    }

    body.site-home .hero-home-top .eyebrow {
      margin: 0;
    }

    body.site-home .hero-home-copy {
      width: 100%;
      max-width: min(100%, 56rem);
      display: grid;
      gap: 16px;
      align-content: start;
      justify-items: center;
      text-align: center;
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      padding: 0;
      background: none;
      box-shadow: none;
      backdrop-filter: none;
      z-index: 2;
    }

    body.site-home .hero-home-copy h1 {
      width: min(100%, 13.8ch);
      max-width: 13.8ch;
      margin: 0;
      padding: 0.06em 0.03em 0.2em;
      font-size: clamp(4rem, 7vw, 6.4rem);
      line-height: 1.04;
      letter-spacing: -0.052em;
      text-wrap: balance;
      color: #f3f8ff;
      text-shadow: 0 24px 52px rgba(2, 10, 23, 0.44);
    }

    body.site-home .hero-home-copy .hero-type-lockup {
      gap: clamp(2px, 0.35vw, 8px);
    }

    body.site-home .hero-home-copy .hero-type-lockup,
    body.site-home .hero-home-copy .hero-type-line,
    body.site-home .hero-home-copy .hero-type-line-text {
      background: none;
      color: #f3f8ff;
      -webkit-text-fill-color: #f3f8ff;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      animation: none;
    }

    body.site-home .hero-home-subtext {
      width: min(100%, 60rem);
      display: grid;
      gap: 18px;
      align-content: start;
      justify-items: center;
      text-align: center;
      padding-top: clamp(26px, 4vh, 58px);
    }

    body.site-home .hero-hook-sub {
      max-width: 52ch;
      margin: 0;
      color: #d4e3f2;
      font-size: clamp(1.16rem, 1.55vw, 1.42rem);
      line-height: 1.58;
      text-align: center;
      text-shadow: 0 14px 30px rgba(2, 10, 23, 0.3);
    }

    body.site-home .hero-proof-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 14px;
      width: 100%;
      max-width: 52rem;
    }

    body.site-home .hero-proof-chip {
      display: inline-flex;
      align-items: center;
      min-height: 46px;
      padding: 0 18px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
      color: #d5e5f5;
      font-size: 0.98rem;
      cursor: default;
      transition:
        transform var(--animation-default-half),
        border-color var(--animation-default-half),
        background-color var(--animation-default-half);
    }

    body.site-home .hero-proof-chip:hover {
      transform: translateY(-1px);
      border-color: rgba(143, 238, 248, 0.3);
      background: rgba(143, 238, 248, 0.08);
    }

    body.site-home .hero-home-top .eyebrow {
      color: #bdfaf0;
    }

    body.site-home .hero-refresh-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 8px;
      align-items: center;
      justify-content: center;
    }

    @media (max-width: 992px) and (min-width: 450px) {
      body.site-home .hero__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-auto-rows: auto;
        min-height: auto;
        padding-top: 124px;
        padding-bottom: 78px;
        justify-items: center;
      }

      body.site-home .hero__top {
        grid-column: 1;
        grid-row: 1;
      }

      body.site-home .hero__subtext {
        grid-column: 1;
        grid-row: 3;
        align-self: start;
      }

      body.site-home .hero__title {
        grid-column: 1;
        grid-row: 2;
      }

      body.site-home .hero-home-copy {
        width: 100%;
      }

      body.site-home .hero-home-copy h1 {
        width: min(100%, 11ch);
        font-size: clamp(3.65rem, 10vw, 5.2rem);
      }
    }

    @media (max-width: 479px) {
      body.site-home .hero__grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto;
        grid-auto-rows: auto;
        min-height: auto;
        padding-top: 116px;
        padding-bottom: 72px;
        justify-items: center;
      }

      body.site-home .hero__top {
        grid-column: 1;
        grid-row: 1;
      }

      body.site-home .hero__title {
        grid-column: 1;
        grid-row: 2;
      }

      body.site-home .hero__subtext {
        grid-column: 1;
        grid-row: 3;
      }

      body.site-home .hero-home-copy {
        width: 100%;
      }

      body.site-home .hero-home-copy h1 {
        width: min(100%, 10ch);
        font-size: clamp(3.1rem, 16vw, 4.6rem);
      }

      body.site-home .hero-home-subtext,
      body.site-home .hero-home-copy,
      body.site-home .hero-home-top {
        justify-items: center;
        text-align: center;
      }

      body.site-home .hero-home-top .eyebrow,
      body.site-home .hero-refresh-actions,
      body.site-home .hero-proof-list {
        justify-content: center;
      }

      body.site-home .hero-hook-sub {
        text-align: center;
        max-width: 30ch;
        font-size: 1.02rem;
      }

      body.site-home .hero-home-subtext {
        width: min(100%, 34rem);
        padding-top: 22px;
      }

      body.site-home .hero-proof-list {
        gap: 10px;
        max-width: 30rem;
      }

      body.site-home .hero-proof-chip {
        min-height: 40px;
        padding: 0 15px;
        font-size: 0.88rem;
      }
    }

    body.site-home .section {
      position: relative;
      padding: clamp(30px, 3vw, 44px);
      margin: 0;
    }

    body.site-home .panel {
      border-radius: 30px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 85% 12%, rgba(54, 231, 255, 0.05), transparent 18%),
        linear-gradient(180deg, rgba(9, 18, 31, 0.88), rgba(6, 13, 24, 0.82));
      box-shadow: 0 24px 68px rgba(2, 10, 23, 0.3);
      backdrop-filter: blur(12px);
    }

    body.site-home .section::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }

    body.site-home .section > * {
      position: relative;
      z-index: 1;
    }

    body.site-home .panel::before {
      opacity: 0.34;
      background: linear-gradient(150deg, rgba(255, 255, 255, 0.08), transparent 36%, transparent 74%, rgba(54, 231, 255, 0.04));
    }

    body.site-home .panel:hover {
      transform: translate3d(0, -2px, 0);
      border-color: rgba(179, 220, 255, 0.2);
      box-shadow: 0 30px 80px rgba(2, 10, 23, 0.34);
    }

    body.site-home .section-head {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: end;
      margin-bottom: 18px;
    }

    body.site-home .section-head > div:first-child {
      display: grid;
      gap: 10px;
    }

    body.site-home .section-kicker,
    body.site-home .hero-visual-kicker,
    body.site-home .proof-kicker,
    body.site-home .story-lead,
    body.site-home .faq-support-kicker,
    body.site-home .contact-trust-kicker {
      letter-spacing: 0.09em;
    }

    body.site-home .section-head h2 {
      max-width: 14ch;
      font-size: clamp(2.2rem, 4vw, 3.35rem);
      line-height: 0.98;
      letter-spacing: -0.045em;
    }

    body.site-home .proof-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.65vw, 3rem);
      white-space: nowrap;
    }

    body.site-home .pipeline-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.45vw, 2.85rem);
      white-space: nowrap;
    }

    body.site-home .results-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.45vw, 2.85rem);
      white-space: nowrap;
    }

    body.site-home .product-proof-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.45vw, 2.85rem);
      white-space: nowrap;
    }

    body.site-home .live-presence-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.45vw, 2.85rem);
      white-space: nowrap;
    }

    body.site-home .systems-section .section-head h2 {
      max-width: none;
      font-size: clamp(2rem, 2.45vw, 2.85rem);
      white-space: nowrap;
    }

    body.site-home .section-head-note {
      align-self: start;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    body.site-home .sub {
      max-width: 62ch;
      color: #b6c7da;
      font-size: 1.04rem;
      line-height: 1.68;
    }

    body.site-home .live-presence-section::before {
      background:
        radial-gradient(circle at 16% 14%, rgba(54, 231, 255, 0.09), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 42%);
    }

    body.site-home .systems-section::before {
      background:
        radial-gradient(circle at 86% 18%, rgba(54, 231, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 38%);
    }

    body.site-home .product-proof-section::before {
      background:
        radial-gradient(circle at 20% 16%, rgba(54, 231, 255, 0.07), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 40%);
    }

    body.site-home .proof-section::before,
    body.site-home .results-section::before,
    body.site-home .story-section::before,
    body.site-home .pipeline-section::before,
    body.site-home .faq-section::before,
    body.site-home #contact.section::before {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 42%);
    }

    body.site-home .module-card,
    body.site-home .proof-card,
    body.site-home .result-card,
    body.site-home .pipeline-step,
    body.site-home .faq-support-card,
    body.site-home .contact-card {
      padding: 24px;
      border-radius: 24px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(7, 16, 29, 0.58);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    }

    body.site-home .module-card:hover,
    body.site-home .proof-card:hover,
    body.site-home .result-card:hover,
    body.site-home .pipeline-step:hover,
    body.site-home .contact-card:hover {
      transform: translate3d(0, -4px, 0);
      border-color: rgba(179, 220, 255, 0.18);
      box-shadow:
        0 26px 56px rgba(2, 10, 23, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.site-home .module-top,
    body.site-home .proof-card .module-top,
    body.site-home .pipeline-step-top,
    body.site-home .contact-card-top {
      margin-bottom: 18px;
    }

    body.site-home .module-chip,
    body.site-home .pipeline-tag-row span,
    body.site-home .proof-signal-row span,
    body.site-home .industry-tag,
    body.site-home .story-pill,
    body.site-home .faq-support-points span,
    body.site-home .contact-card-tags span,
    body.site-home .trust-strip span {
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
      color: #d5e5f5;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    body.site-home .systems-layout {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      align-items: stretch;
    }

    body.site-home .systems-side {
      display: contents;
    }

    body.site-home .systems-section .sub {
      max-width: 58ch;
      margin-bottom: 6px;
    }

    body.site-home .systems-section .module-card,
    body.site-home .systems-section .module-card-primary {
      min-height: 100%;
      padding: 26px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
    }

    body.site-home .systems-section .module-top {
      margin-bottom: 0;
    }

    body.site-home .systems-section .module-icon {
      width: 54px;
      height: 54px;
      border-radius: 18px;
      box-shadow:
        0 12px 28px rgba(54, 231, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    body.site-home .systems-section .module-chip {
      font-weight: 700;
    }

    body.site-home .systems-section .module-card h3 {
      max-width: 15ch;
      margin: 0;
      font-size: 1.46rem;
      line-height: 1.04;
      letter-spacing: -0.03em;
    }

    body.site-home .systems-section .module-card p {
      margin: 0;
      color: #c4d4e5;
      line-height: 1.68;
    }

    body.site-home .systems-section .bullet-list {
      display: grid;
      gap: 10px;
      margin: 0;
    }

    body.site-home .systems-section .bullet-list li {
      position: relative;
      padding-left: 22px;
    }

    body.site-home .systems-section .bullet-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.84em;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.95), rgba(140, 255, 198, 0.85));
      box-shadow: 0 0 0 6px rgba(54, 231, 255, 0.06);
      transform: translateY(-50%);
    }

    body.site-home .live-presence-grid {
      grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.78fr);
      gap: 22px;
    }

    body.site-home .live-globe-shell {
      min-height: 610px;
      padding: 24px;
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 44%, rgba(54, 231, 255, 0.055), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        rgba(7, 16, 29, 0.68);
      border-color: rgba(179, 220, 255, 0.14);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 0 90px rgba(54, 231, 255, 0.03);
    }

    body.site-home .live-globe-stage {
      min-height: 450px;
    }

    body.site-home .live-globe-dock {
      grid-template-columns: minmax(140px, 1.1fr) repeat(2, minmax(110px, 0.62fr)) minmax(220px, 1.4fr);
      gap: 12px;
    }

    body.site-home .live-presence-sidebar {
      gap: 18px;
    }

    body.site-home .live-presence-card {
      padding: 20px;
      border-radius: 22px;
      border-color: rgba(179, 220, 255, 0.12);
      background: rgba(255, 255, 255, 0.035);
    }

    body.site-home .product-proof-grid {
      margin-top: 22px;
    }

    body.site-home .product-proof-results-grid {
      width: 100%;
      max-width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.66fr);
      gap: 28px;
      align-items: stretch;
      margin-bottom: 20px;
    }

    body.site-home .product-proof-results-grid .results__preview,
    body.site-home .product-proof-results-grid .results__modal {
      min-width: 0;
      border-radius: 28px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(7, 16, 29, 0.62);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 24px 58px rgba(2, 10, 23, 0.2);
    }

    body.site-home .product-proof-results-grid .results__preview {
      position: relative;
      overflow: hidden;
      padding: 16px;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 18% 16%, rgba(54, 231, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(9, 18, 31, 0.9), rgba(6, 13, 24, 0.84));
      min-height: clamp(420px, 42vw, 560px);
    }

    body.site-home .product-proof-results-grid .results__modal {
      padding: 28px;
      display: grid;
      grid-template-rows: auto auto 1fr;
      gap: 22px;
      align-content: stretch;
      align-items: start;
    }

    body.site-home .proof-main-screen img {
      display: block;
      width: 100%;
      max-width: min(100%, 926px);
      height: auto;
      max-height: 100%;
      object-fit: contain;
      object-position: center center;
      background: #071320;
      border-radius: 20px;
      image-rendering: auto;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    body.site-home .proof-main-screen img {
      min-height: 0;
    }

    body.site-home .proof-modal-copy {
      display: grid;
      gap: 14px;
      align-content: start;
    }

    body.site-home .proof-modal-copy h3 {
      max-width: 10ch;
      margin: 0;
      font-size: clamp(1.8rem, 2.3vw, 3rem);
      line-height: 1.02;
      letter-spacing: -0.03em;
    }

    body.site-home .proof-modal-copy p {
      max-width: 28ch;
      margin: 0;
      color: #c4d4e5;
      font-size: 1.04rem;
      line-height: 1.74;
    }

    body.site-home .proof-modal-stack {
      display: grid;
      gap: 14px;
      align-content: end;
    }

    body.site-home .proof-modal-card {
      display: grid;
      gap: 8px;
      padding: 18px 20px;
      border-radius: 20px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      background: rgba(255, 255, 255, 0.03);
      transition:
        transform var(--animation-default-half),
        border-color var(--animation-default-half),
        background-color var(--animation-default-half);
    }

    body.site-home .proof-modal-card:hover {
      transform: translateY(-2px);
      border-color: rgba(143, 238, 248, 0.26);
      background: rgba(143, 238, 248, 0.06);
    }

    body.site-home .proof-modal-card strong {
      font-size: 1rem;
      letter-spacing: -0.02em;
    }

    body.site-home .proof-modal-card span {
      color: #b7c8da;
      line-height: 1.62;
      font-size: 0.92rem;
    }

    .tooltip {
      font-size: clamp(12px, 0.9vw, 16px);
      --tt-width: 14em;
      --tt-height: 4.8em;
      --tt-columns: 14;
      --tt-rows: 1;
      --tt-bg-color: #14171f;
      --tt-text-color: #8feef8;
      --cut: 0.875em;
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none;
      opacity: 0;
      width: var(--tt-width);
      height: var(--tt-height);
      display: grid;
      grid-template-areas: "tooltip";
      z-index: 9999;
      clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--cut)),
        calc(100% - var(--cut)) 100%,
        var(--cut) 100%,
        0 calc(100% - var(--cut))
      );
      transition: opacity var(--animation-default-half), transform var(--animation-default-half);
      transform: translate3d(0, 10px, 0);
    }

    .tooltip--show {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    .tooltip__bg {
      grid-area: tooltip;
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: repeat(var(--tt-columns), 1fr);
      grid-template-rows: repeat(var(--tt-rows), 1fr);
      background: transparent;
      z-index: 1 !important;
    }

    .tooltip__bg-cell {
      background: var(--tt-bg-color);
      opacity: 0.96;
    }

    .tooltip__content {
      grid-area: tooltip;
      color: var(--tt-text-color);
      position: relative;
      padding: 0.55em 0.8em;
      display: flex;
      flex-direction: column;
      gap: 0.2em;
      justify-content: center;
      z-index: 2 !important;
    }

    .tooltip__title {
      color: #eff6ff;
      font-size: 0.98em;
      font-weight: 700;
      letter-spacing: -0.015em;
    }

    .tooltip__body {
      color: #a8bfd8;
      font-size: 0.8em;
      line-height: 1.35;
    }

    body.site-home .proof-layout {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-auto-rows: minmax(0, 1fr);
      gap: 20px;
      align-items: stretch;
    }

    body.site-home .proof-card,
    body.site-home .proof-card-anchor {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-height: clamp(320px, 26vw, 372px);
      height: 100%;
    }

    body.site-home .proof-card-anchor {
      grid-column: auto;
      grid-row: auto;
      justify-content: flex-start;
      padding: 24px;
      background:
        radial-gradient(circle at 84% 16%, rgba(54, 231, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(7, 16, 29, 0.58);
    }

    body.site-home .proof-card-anchor-copy {
      display: grid;
      gap: 10px;
      max-width: 34ch;
      align-content: start;
      flex: 1 1 auto;
    }

    body.site-home .proof-card-fit .proof-card-anchor-copy {
      gap: 14px;
      padding-top: 0;
    }

    body.site-home .proof-card-fit .proof-card-anchor-copy .proof-kicker {
      margin-bottom: 10px;
    }

    body.site-home .proof-card-fit .proof-card-anchor-copy h3 {
      margin-bottom: 8px;
    }

    body.site-home .proof-card-fit .proof-card-anchor-copy p {
      margin-bottom: 14px;
    }

    body.site-home .proof-card .module-top {
      margin-bottom: 0;
    }

    body.site-home .proof-card-fit .proof-signal-row,
    body.site-home .proof-card-good .bullet-list,
    body.site-home .proof-card-bad .bullet-list {
      margin-top: auto;
    }

    body.site-home .proof-card .bullet-list {
      margin-bottom: 0;
    }

    body.site-home .proof-card-good h3,
    body.site-home .proof-card-bad h3,
    body.site-home .proof-card-fit h3 {
      min-height: 0;
      font-size: clamp(1.02rem, 1.08vw, 1.24rem);
      line-height: 1.02;
      letter-spacing: -0.03em;
      white-space: nowrap;
    }

    body.site-home .proof-card-note {
      max-width: 34ch;
      margin: 0;
      color: #b6c7da;
      line-height: 1.58;
    }

    body.site-home .proof-card-fit .proof-card-anchor-copy p {
      max-width: 34ch;
    }

    body.site-home .industry-row {
      justify-content: center;
      margin-top: 18px;
    }

    body.site-home .case-study-grid,
    body.site-home .pipeline-grid,
    body.site-home .contact-grid {
      gap: 20px;
    }

    body.site-home .case-study-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.site-home .results-section .result-note,
    body.site-home .pipeline-section .pay-note {
      margin-top: 16px;
      color: #9fb3c8;
    }

    body.site-home .story-layout {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
      gap: 28px;
      align-items: start;
    }

    body.site-home .story-section {
      padding-block: clamp(38px, 4vw, 54px);
    }

    body.site-home .story-copy {
      gap: 18px;
    }

    body.site-home .story-copy p {
      max-width: 60ch;
      color: #c6d4e4;
      line-height: 1.7;
    }

    body.site-home .story-points {
      display: flex;
      flex-wrap: wrap;
      align-content: start;
      gap: 12px;
    }

    body.site-home .pipeline-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.site-home .pipeline-step .btn {
      margin-top: auto;
    }

    body.site-home .proof-section,
    body.site-home .results-section,
    body.site-home .pipeline-section {
      padding-block: clamp(28px, 4vw, 56px);
    }

    body.site-home .proof-section {
      isolation: isolate;
      overflow: hidden;
      border-radius: 34px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 16% 22%, rgba(54, 231, 255, 0.12), transparent 26%),
        radial-gradient(circle at 76% 18%, rgba(54, 231, 255, 0.06), transparent 22%),
        linear-gradient(180deg, rgba(10, 19, 32, 0.92), rgba(7, 14, 24, 0.9));
      box-shadow:
        0 30px 74px rgba(2, 10, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.site-home .proof-section::before {
      background:
        linear-gradient(rgba(123, 210, 255, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(123, 210, 255, 0.028) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 46%);
      background-size: 24px 24px, 24px 24px, auto;
      opacity: 0.82;
    }

    body.site-home .proof-section::after {
      content: "";
      position: absolute;
      left: 8%;
      right: 8%;
      bottom: 8%;
      height: 34%;
      border-radius: 48px;
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.18), transparent 48%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.42), rgba(7, 14, 24, 0));
      transform: perspective(1400px) rotateX(76deg);
      transform-origin: center bottom;
      opacity: 0.42;
      pointer-events: none;
      z-index: 0;
      transition:
        opacity 0.65s var(--easing-premium-soft),
        transform 0.8s var(--easing-premium);
    }

    body.site-home .results-section {
      --results-entry-offset: clamp(360px, 34vw, 760px);
      --results-featured-entry-offset: clamp(420px, 38vw, 860px);
      isolation: isolate;
      overflow: hidden;
      border-radius: 34px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 18% 18%, rgba(54, 231, 255, 0.1), transparent 24%),
        radial-gradient(circle at 82% 10%, rgba(54, 231, 255, 0.06), transparent 22%),
        linear-gradient(180deg, rgba(10, 19, 32, 0.92), rgba(7, 14, 24, 0.9));
      box-shadow:
        0 30px 74px rgba(2, 10, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.site-home .results-section::before {
      background:
        linear-gradient(rgba(123, 210, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(123, 210, 255, 0.026) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 44%);
      background-size: 24px 24px, 24px 24px, auto;
      opacity: 0.82;
    }

    body.site-home .results-section::after {
      content: "";
      position: absolute;
      left: 10%;
      right: 10%;
      bottom: 6%;
      height: 26%;
      border-radius: 44px;
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.16), transparent 48%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.34), rgba(7, 14, 24, 0));
      transform: perspective(1400px) rotateX(76deg);
      transform-origin: center bottom;
      opacity: 0.28;
      pointer-events: none;
      z-index: 0;
      transition:
        opacity 0.65s var(--easing-premium-soft),
        transform 0.8s var(--easing-premium);
    }

    body.site-home .pipeline-section {
      overflow: hidden;
      border: 1px solid rgba(179, 220, 255, 0.12);
      border-radius: 34px;
      background:
        radial-gradient(circle at 50% 0%, rgba(54, 231, 255, 0.08), transparent 22%),
        radial-gradient(circle at 82% 14%, rgba(54, 231, 255, 0.05), transparent 20%),
        linear-gradient(180deg, rgba(9, 18, 31, 0.8), rgba(6, 13, 24, 0.72));
      box-shadow:
        0 28px 70px rgba(2, 10, 23, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    body.site-home .pipeline-section::before {
      border-radius: inherit;
      background:
        radial-gradient(circle at 50% 9%, rgba(143, 238, 248, 0.09), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 44%);
    }

    body.site-home .pipeline-section::after {
      content: "";
      position: absolute;
      left: 10%;
      right: 10%;
      bottom: 6%;
      height: 24%;
      border-radius: 44px;
      background:
        radial-gradient(circle at 50% 22%, rgba(54, 231, 255, 0.14), transparent 48%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.28), rgba(7, 14, 24, 0));
      transform: perspective(1400px) rotateX(76deg);
      transform-origin: center bottom;
      opacity: 0.2;
      pointer-events: none;
      z-index: 0;
    }

    body.site-home .proof-editorial {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
      gap: clamp(32px, 4.5vw, 72px);
      align-items: stretch;
      perspective: 1600px;
      transform-style: preserve-3d;
    }

    body.site-home .proof-editorial::before {
      content: "";
      position: absolute;
      inset: 8% 18% 10% 26%;
      border-radius: 40px;
      background:
        radial-gradient(circle at 52% 44%, rgba(54, 231, 255, 0.16), transparent 58%),
        radial-gradient(circle at 48% 66%, rgba(143, 238, 248, 0.08), transparent 44%);
      opacity: 0.26;
      transform: translate3d(0, 18px, -40px) scale(0.96);
      pointer-events: none;
      transition:
        opacity 0.7s var(--easing-premium-soft),
        transform 0.8s var(--easing-premium);
    }

    body.site-home .proof-editorial::after {
      content: "";
      position: absolute;
      right: 8%;
      top: 10%;
      width: min(36vw, 420px);
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(143, 238, 248, 0.34), transparent);
      opacity: 0.42;
      transform: translate3d(20px, 0, 0);
      pointer-events: none;
      transition:
        opacity 0.6s var(--easing-premium-soft),
        transform 0.8s var(--easing-premium);
    }

    body.site-home .proof-editorial-copy {
      position: relative;
      display: grid;
      gap: 14px;
      align-content: start;
      width: 100%;
      padding: clamp(22px, 2.4vw, 30px);
      border-radius: 30px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      background:
        radial-gradient(circle at 18% 14%, rgba(54, 231, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        rgba(8, 18, 31, 0.34);
      box-shadow:
        0 22px 54px rgba(2, 10, 23, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      transform: translateZ(0) rotateY(3deg);
      overflow: hidden;
      transform-style: preserve-3d;
      will-change: transform;
      transition:
        transform 0.62s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium),
        background 0.45s var(--easing-premium-soft);
    }

    body.site-home .proof-editorial-copy::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.06), transparent 34%),
        linear-gradient(115deg, transparent 18%, rgba(143, 238, 248, 0.11) 46%, transparent 68%),
        radial-gradient(circle at 20% 88%, rgba(54, 231, 255, 0.05), transparent 22%);
      pointer-events: none;
      opacity: 0.9;
      background-size: auto, 180% 180%, auto;
      background-position: 0 0, 120% 0, 0 0;
      transition:
        opacity 0.45s var(--easing-premium-soft),
        background-position 0.95s var(--easing-premium);
    }

    body.site-home .proof-editorial-copy > * {
      position: relative;
      z-index: 1;
    }

    body.site-home .proof-editorial-copy h2 {
      max-width: 11.2ch;
      margin: 0;
      font-size: clamp(2.55rem, 3.45vw, 4.25rem);
      line-height: 0.95;
      letter-spacing: -0.05em;
      text-align: left;
      text-wrap: balance;
    }

    body.site-home .proof-editorial-copy .sub {
      max-width: 47ch;
      margin: 0;
      font-size: 0.96rem;
      color: #b5c8db;
      line-height: 1.68;
      text-align: left;
    }

    body.site-home .proof-editorial-copy .industry-row {
      justify-content: flex-start;
      margin-top: 6px;
    }

    body.site-home .proof-feature-rail {
      position: relative;
      display: grid;
      gap: 12px;
      align-content: start;
      padding: 16px 18px 16px;
      border-radius: 30px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      background:
        radial-gradient(circle at 80% 18%, rgba(54, 231, 255, 0.05), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.016)),
        rgba(8, 18, 31, 0.28);
      box-shadow:
        0 24px 58px rgba(2, 10, 23, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      transform: translateZ(0) rotateY(-2.5deg);
      overflow: hidden;
      transform-style: preserve-3d;
      will-change: transform;
      transition:
        transform 0.65s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium),
        background 0.45s var(--easing-premium-soft);
    }

    body.site-home .proof-feature-rail::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
        radial-gradient(circle at 84% 10%, rgba(143, 238, 248, 0.08), transparent 20%);
      pointer-events: none;
      opacity: 0.88;
    }

    body.site-home .proof-feature-rail::after {
      content: "";
      position: absolute;
      left: 12%;
      right: 12%;
      bottom: 5%;
      height: 24%;
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.14), transparent 52%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.24), rgba(7, 14, 24, 0));
      transform: perspective(1100px) rotateX(76deg);
      transform-origin: center bottom;
      opacity: 0.2;
      pointer-events: none;
      transition:
        opacity 0.55s var(--easing-premium-soft),
        transform 0.7s var(--easing-premium);
    }

    body.site-home .proof-editorial-note {
      justify-self: end;
      margin-bottom: 0;
    }

    body.site-home .proof-feature-list {
      display: grid;
      gap: 12px;
      justify-items: center;
    }

    body.site-home .proof-feature-row {
      position: relative;
      display: grid;
      width: min(100%, 860px);
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 14px;
      align-items: start;
      padding: 18px 22px 18px 18px;
      border: 1px solid rgba(179, 220, 255, 0.08);
      border-radius: 22px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
        rgba(9, 18, 31, 0.34);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 16px 34px rgba(2, 10, 23, 0.12);
      overflow: hidden;
      transform: translate3d(0, 0, 0) scale(1);
      transform-style: preserve-3d;
      will-change: transform;
      transition:
        transform 0.62s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium),
        background 0.45s var(--easing-premium-soft),
        opacity 0.35s var(--easing-premium-soft);
    }

    body.site-home .proof-feature-row::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 1px;
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.55), rgba(54, 231, 255, 0.04));
      opacity: 0.9;
    }

    body.site-home .proof-feature-row::after {
      content: "";
      position: absolute;
      top: -24%;
      bottom: -24%;
      left: -26%;
      width: 34%;
      background: linear-gradient(90deg, transparent, rgba(143, 238, 248, 0.16), transparent);
      transform: translateX(-180%) skewX(-18deg);
      opacity: 0;
      pointer-events: none;
      transition:
        transform 0.9s var(--easing-premium),
        opacity 0.42s var(--easing-premium-soft);
    }

    body.site-home .proof-feature-row:nth-child(1) {
      transition-delay: 0.03s;
    }

    body.site-home .proof-feature-row:nth-child(2) {
      transition-delay: 0.07s;
    }

    body.site-home .proof-feature-row:nth-child(3) {
      transition-delay: 0.11s;
    }

    body.site-home .proof-feature-icon {
      width: 46px;
      height: 46px;
      border-radius: 16px;
      align-self: start;
      box-shadow:
        0 18px 30px rgba(54, 231, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
      transform: translateY(2px);
      transition:
        transform 0.55s var(--easing-premium),
        box-shadow 0.4s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft);
    }

    body.site-home .proof-feature-copy {
      display: grid;
      gap: 6px;
      max-width: 58ch;
    }

    body.site-home .proof-feature-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }

    body.site-home .proof-feature-meta .proof-kicker {
      margin: 0;
      color: #88dcec;
    }

    body.site-home .proof-feature-meta span {
      color: #92a9bf;
      font-size: 0.68rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    body.site-home .proof-feature-copy h3 {
      margin: 0;
      font-size: clamp(1.08rem, 1.08vw, 1.24rem);
      line-height: 1.14;
      letter-spacing: -0.03em;
      color: #eaf3fd;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .proof-feature-copy p {
      max-width: 55ch;
      margin: 0;
      color: #aec2d5;
      font-size: 0.98rem;
      line-height: 1.6;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .proof-section.is-live::after {
      opacity: 0.56;
      transform: perspective(1400px) rotateX(76deg) scaleX(1.04);
    }

    body.site-home .proof-section.is-live .proof-editorial::before {
      opacity: 0.4;
      transform: translate3d(0, 0, -20px) scale(1.02);
      animation: proofAtmosphere 7.2s ease-in-out infinite alternate;
    }

    body.site-home .proof-section.is-live .proof-editorial::after {
      opacity: 0.62;
      transform: translate3d(0, 0, 0);
    }

    body.site-home .proof-editorial-copy.signal-activate.is-active {
      border-color: rgba(179, 220, 255, 0.18);
      box-shadow:
        0 28px 62px rgba(2, 10, 23, 0.26),
        0 0 0 1px rgba(54, 231, 255, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    body.site-home .proof-section.is-live .proof-editorial-copy::before,
    body.site-home .proof-editorial-copy:hover::before {
      background-position: 0 0, 18% 0, 0 0;
    }

    body.site-home .proof-section.is-live .proof-feature-rail {
      border-color: rgba(179, 220, 255, 0.15);
      box-shadow:
        0 30px 70px rgba(2, 10, 23, 0.22),
        0 0 0 1px rgba(54, 231, 255, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.site-home .proof-section.is-live .proof-feature-rail::after {
      opacity: 0.34;
      transform: perspective(1100px) rotateX(76deg) scaleX(1.06);
    }

    body.site-home .proof-section:hover .proof-editorial-copy,
    body.site-home .proof-editorial-copy:hover {
      transform: translate3d(-4px, -8px, 0) rotateY(5deg);
    }

    body.site-home .proof-section:hover .proof-feature-rail,
    body.site-home .proof-feature-rail:hover {
      transform: translate3d(6px, -6px, 0) rotateY(-4deg);
    }

    body.site-home .proof-section.is-live .proof-feature-row:nth-child(1) {
      transform: translate3d(-10px, -2px, 0) rotateY(-3.5deg);
    }

    body.site-home .proof-section.is-live .proof-feature-row:nth-child(2) {
      transform: translate3d(0, -6px, 0) scale(1.02);
      border-color: rgba(143, 238, 248, 0.18);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 22px 46px rgba(2, 10, 23, 0.16),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    body.site-home .proof-section.is-live .proof-feature-row:nth-child(3) {
      transform: translate3d(10px, 2px, 0) rotateY(3.5deg);
    }

    body.site-home .proof-feature-row.signal-activate.is-active {
      opacity: 1;
    }

    body.site-home .proof-feature-row.signal-activate.is-active::after,
    body.site-home .proof-feature-row:hover::after {
      transform: translateX(360%) skewX(-18deg);
      opacity: 0.86;
    }

    body.site-home .proof-feature-row:hover {
      border-color: rgba(179, 220, 255, 0.16);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 52px rgba(2, 10, 23, 0.18),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    body.site-home .proof-feature-row:hover .proof-feature-icon,
    body.site-home .proof-feature-row.signal-activate.is-active .proof-feature-icon {
      transform: translateY(-1px) scale(1.06);
      box-shadow:
        0 22px 36px rgba(54, 231, 255, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    body.site-home .proof-feature-row:hover .proof-feature-copy h3,
    body.site-home .proof-feature-row.signal-activate.is-active .proof-feature-copy h3 {
      transform: translate3d(4px, 0, 0);
      color: #f4f9ff;
    }

    body.site-home .proof-feature-row:hover .proof-feature-copy p,
    body.site-home .proof-feature-row.signal-activate.is-active .proof-feature-copy p {
      transform: translate3d(4px, 0, 0);
      color: #c4d6e8;
    }

    body.site-home .results-intro,
    body.site-home .pipeline-intro {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: start;
    }

    body.site-home .results-intro {
      position: relative;
      width: min(100%, 1180px);
      margin-inline: auto;
      grid-template-columns: 1fr;
      gap: 12px;
      justify-items: center;
      text-align: center;
    }

    body.site-home .results-intro-copy,
    body.site-home .pipeline-intro-copy {
      display: grid;
      gap: 14px;
    }

    body.site-home .results-intro-copy {
      justify-items: center;
      max-width: 1080px;
      transition:
        transform 0.55s var(--easing-premium),
        opacity 0.4s var(--easing-premium-soft);
    }

    body.site-home .results-intro-copy h2,
    body.site-home .pipeline-intro-copy h2 {
      margin: 0;
      max-width: none;
      line-height: 0.98;
      letter-spacing: -0.045em;
      white-space: nowrap;
    }

    body.site-home .results-intro-copy h2 {
      max-width: 16ch;
      font-size: clamp(2.7rem, 3.65vw, 4rem);
      line-height: 0.94;
      text-align: center;
      white-space: normal;
      text-wrap: balance;
    }

    body.site-home .pipeline-intro-copy h2 {
      font-size: clamp(2.3rem, 3vw, 3.26rem);
    }

    body.site-home .pipeline-intro {
      width: min(100%, 1180px);
      margin-inline: auto;
      margin-bottom: 8px;
    }

    body.site-home .pipeline-intro-copy {
      max-width: 660px;
    }

    body.site-home .pipeline-intro-copy .sub {
      max-width: 58ch;
      font-size: 1.02rem;
      line-height: 1.68;
    }

    body.site-home .results-intro-copy .sub,
    body.site-home .pipeline-intro-copy .sub {
      margin: 0;
      max-width: 56ch;
      color: #b5c8db;
    }

    body.site-home .results-intro-copy .sub {
      max-width: 60ch;
      text-align: center;
      font-size: 1.02rem;
      line-height: 1.7;
    }

    body.site-home .results-note-pill,
    body.site-home .pipeline-note-pill {
      justify-self: end;
    }

    body.site-home .results-note-pill {
      justify-self: center;
      transition:
        transform 0.45s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.4s var(--easing-premium);
    }

    body.site-home .pipeline-note-pill {
      align-self: start;
      margin-top: 6px;
    }

    body.site-home .results-featured {
      position: relative;
      display: grid;
      width: min(100%, 1180px);
      margin: 24px auto 0;
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
      gap: 18px;
      padding: 30px 34px 28px;
      border: 1px solid rgba(179, 220, 255, 0.1);
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 0%, rgba(54, 231, 255, 0.12), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)),
        rgba(8, 18, 31, 0.34);
      box-shadow:
        0 26px 62px rgba(2, 10, 23, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      transform: translate3d(calc(var(--results-featured-entry-offset) * -1), 0, 0) rotateX(1.2deg) scale(0.972);
      transform-style: preserve-3d;
      will-change: transform;
      transition:
        transform 0.62s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium),
        background 0.45s var(--easing-premium-soft),
        opacity 0.42s var(--easing-premium-soft);
      overflow: hidden;
      opacity: 0.72;
    }

    body.site-home .results-featured::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 0%, rgba(143, 238, 248, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 28%);
      opacity: 0.88;
      pointer-events: none;
      transition: opacity 0.45s var(--easing-premium-soft);
    }

    body.site-home .results-featured::after {
      content: "";
      position: absolute;
      left: 12%;
      right: 12%;
      bottom: 6%;
      height: 18%;
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 18%, rgba(54, 231, 255, 0.18), transparent 54%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.22), rgba(7, 14, 24, 0));
      transform: perspective(900px) rotateX(76deg);
      transform-origin: center bottom;
      opacity: 0.22;
      pointer-events: none;
      transition:
        opacity 0.55s var(--easing-premium-soft),
        transform 0.72s var(--easing-premium);
    }

    body.site-home .results-featured > * {
      position: relative;
      z-index: 1;
    }

    body.site-home .results-featured-copy {
      display: grid;
      gap: 12px;
      justify-items: center;
      max-width: 76ch;
      transition:
        transform 0.5s var(--easing-premium),
        opacity 0.38s var(--easing-premium-soft);
    }

    body.site-home .results-featured-copy h3 {
      max-width: 21ch;
      margin: 0;
      font-size: clamp(1.98rem, 2.58vw, 2.9rem);
      line-height: 1.02;
      letter-spacing: -0.04em;
      text-align: center;
      text-wrap: balance;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-featured-copy p {
      margin: 0;
      color: #aec2d6;
      max-width: 52ch;
      font-size: clamp(1.18rem, 1.56vw, 1.48rem);
      line-height: 1.56;
      text-align: center;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-featured-metric {
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: 14px;
      align-items: center;
      justify-items: start;
      width: auto;
      padding: 14px 20px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.018)),
        rgba(8, 18, 31, 0.28);
      text-align: left;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 30px rgba(2, 10, 23, 0.12);
      overflow: hidden;
      transform: translateZ(0);
      transition:
        transform 0.55s var(--easing-premium),
        box-shadow 0.4s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-featured-metric::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      width: 72px;
      height: 72px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.2), rgba(54, 231, 255, 0.04) 58%, transparent 74%);
      transform: translateY(-50%) scale(0.92);
      opacity: 0.6;
      pointer-events: none;
      transition:
        transform 0.62s var(--easing-premium),
        opacity 0.42s var(--easing-premium-soft);
    }

    body.site-home .results-featured-metric::after {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 28% 50%, rgba(143, 238, 248, 0.12), transparent 56%);
      opacity: 0.54;
      pointer-events: none;
      transition: opacity 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-featured-metric strong {
      font-size: clamp(3.2rem, 5vw, 4.2rem);
      line-height: 0.84;
      letter-spacing: -0.055em;
      color: #eff6ff;
      text-shadow: 0 0 24px rgba(54, 231, 255, 0.1);
      transition:
        transform 0.45s var(--easing-premium),
        text-shadow 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-featured-metric span {
      max-width: 14ch;
      color: #91abc1;
      font-size: 1.02rem;
      line-height: 1.42;
    }

    body.site-home .results-timeline {
      position: relative;
      display: grid;
      gap: 14px;
      width: min(100%, 1180px);
      margin: 20px auto 0;
      padding-left: 0;
      justify-items: center;
      transform-style: preserve-3d;
    }

    body.site-home .results-timeline::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 22px;
      bottom: 22px;
      width: 1px;
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.2), rgba(179, 220, 255, 0.06));
      transform: translateX(-50%);
      display: none;
      transition:
        opacity 0.42s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium);
    }

    body.site-home .results-timeline::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 22px;
      bottom: 22px;
      width: 14px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.18), transparent 72%);
      transform: translateX(-50%);
      display: none;
      opacity: 0;
      filter: blur(6px);
      pointer-events: none;
      transition: opacity 0.45s var(--easing-premium-soft);
    }

    body.site-home .results-timeline-item {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      width: min(100%, 1080px);
      justify-self: center;
      justify-items: center;
      padding: 20px 26px 22px;
      border: 1px solid rgba(179, 220, 255, 0.08);
      border-radius: 26px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.012)),
        rgba(9, 18, 31, 0.32);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 40px rgba(2, 10, 23, 0.12);
      text-align: center;
      overflow: hidden;
      transform: translate3d(0, 0, 0) scale(0.972);
      transform-style: preserve-3d;
      will-change: transform;
      transition:
        transform 0.62s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.45s var(--easing-premium),
        background 0.45s var(--easing-premium-soft),
        opacity 0.35s var(--easing-premium-soft);
      opacity: 0.7;
    }

    body.site-home .results-timeline-item::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 30%),
        radial-gradient(circle at 50% 0%, rgba(54, 231, 255, 0.08), transparent 34%);
      opacity: 0.9;
      pointer-events: none;
    }

    body.site-home .results-timeline-item::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 0%, rgba(143, 238, 248, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 26%);
      opacity: 0.72;
      pointer-events: none;
      transition: opacity 0.38s var(--easing-premium-soft);
    }

    body.site-home .results-timeline-item:nth-child(1) {
      transform: translate3d(var(--results-entry-offset), 0, 0) scale(0.972);
      transition-delay: 0.04s;
    }

    body.site-home .results-timeline-item:nth-child(2) {
      transform: translate3d(calc(var(--results-entry-offset) * -1), 0, 0) scale(0.972);
      transition-delay: 0.08s;
    }

    body.site-home .results-timeline-item:nth-child(3) {
      transform: translate3d(var(--results-entry-offset), 0, 0) scale(0.972);
      transition-delay: 0.12s;
    }

    body.site-home .results-timeline-dot {
      width: 14px;
      height: 14px;
      margin-top: 0;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.95), rgba(140, 255, 198, 0.78));
      box-shadow: 0 0 0 7px rgba(54, 231, 255, 0.08);
      transition:
        transform 0.45s var(--easing-premium),
        box-shadow 0.42s var(--easing-premium),
        opacity 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-timeline-copy {
      display: grid;
      gap: 10px;
      max-width: 68ch;
      justify-items: center;
      text-align: center;
      transition:
        transform 0.45s var(--easing-premium),
        opacity 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-timeline-copy .proof-kicker {
      margin: 0;
      color: #88dcec;
    }

    body.site-home .results-timeline-copy h3 {
      margin: 0;
      max-width: 30ch;
      font-size: clamp(1.24rem, 1.28vw, 1.42rem);
      line-height: 1.14;
      letter-spacing: -0.03em;
      color: #ebf3fc;
      text-wrap: balance;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-timeline-copy p {
      margin: 0;
      color: #aac0d4;
      max-width: 50ch;
      font-size: clamp(1.1rem, 1.32vw, 1.25rem);
      line-height: 1.58;
      transition:
        transform 0.45s var(--easing-premium),
        color 0.34s var(--easing-premium-soft);
    }

    body.site-home .results-section.is-live::after {
      opacity: 0.42;
      transform: perspective(1400px) rotateX(76deg) scaleX(1.04);
    }

    body.site-home .results-intro-copy.signal-activate.is-active {
      transform: translate3d(0, -3px, 0);
      opacity: 1;
    }

    body.site-home .results-section.is-live .results-note-pill {
      transform: translateY(-2px);
      border-color: rgba(179, 220, 255, 0.18);
      box-shadow:
        0 12px 30px rgba(2, 10, 23, 0.14),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    body.site-home .results-featured.signal-activate.is-active,
    body.site-home .results-featured:hover {
      transform: translate3d(0, -6px, 0) rotateX(1.7deg) scale(1);
      border-color: rgba(179, 220, 255, 0.18);
      box-shadow:
        0 34px 76px rgba(2, 10, 23, 0.24),
        0 0 0 1px rgba(54, 231, 255, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
      opacity: 1;
    }

    body.site-home .results-featured.signal-activate.is-active::before,
    body.site-home .results-featured:hover::before {
      opacity: 1;
    }

    body.site-home .results-featured.signal-activate.is-active::after,
    body.site-home .results-featured:hover::after {
      opacity: 0.34;
      transform: perspective(900px) rotateX(76deg) scaleX(1.06);
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-copy h3,
    body.site-home .results-featured:hover .results-featured-copy h3 {
      transform: translate3d(0, -2px, 0);
      color: #f5faff;
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-copy p,
    body.site-home .results-featured:hover .results-featured-copy p {
      transform: translate3d(0, -2px, 0);
      color: #c5d9ea;
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-metric,
    body.site-home .results-featured:hover .results-featured-metric {
      transform: translate3d(0, -2px, 0) scale(1.02);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 38px rgba(2, 10, 23, 0.16),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-metric::before,
    body.site-home .results-featured:hover .results-featured-metric::before {
      transform: translateY(-50%) scale(1.08);
      opacity: 0.84;
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-metric::after,
    body.site-home .results-featured:hover .results-featured-metric::after {
      opacity: 0.72;
    }

    body.site-home .results-featured.signal-activate.is-active .results-featured-metric strong,
    body.site-home .results-featured:hover .results-featured-metric strong {
      transform: scale(1.04);
      text-shadow: 0 0 28px rgba(54, 231, 255, 0.18);
    }

    body.site-home .results-section.is-live .results-timeline::before {
      box-shadow: none;
    }

    body.site-home .results-section.is-live .results-timeline::after {
      opacity: 0;
    }

    body.site-home .results-timeline-item.signal-activate.is-active:nth-child(1) {
      transform: translate3d(0, -4px, 0) scale(1);
      opacity: 1;
    }

    body.site-home .results-timeline-item.signal-activate.is-active:nth-child(2) {
      transform: translate3d(0, -8px, 0) scale(1.015);
      border-color: rgba(143, 238, 248, 0.18);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 48px rgba(2, 10, 23, 0.16),
        0 0 0 1px rgba(54, 231, 255, 0.04);
      opacity: 1;
    }

    body.site-home .results-timeline-item.signal-activate.is-active:nth-child(3) {
      transform: translate3d(0, -4px, 0) scale(1);
      opacity: 1;
    }

    body.site-home .results-timeline-item.signal-activate.is-active::after,
    body.site-home .results-timeline-item:hover::after {
      opacity: 0.92;
    }

    body.site-home .results-timeline-item:hover {
      border-color: rgba(179, 220, 255, 0.16);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 22px 46px rgba(2, 10, 23, 0.15),
        0 0 0 1px rgba(54, 231, 255, 0.04);
    }

    body.site-home .results-timeline-item:hover .results-timeline-dot,
    body.site-home .results-timeline-item.signal-activate.is-active .results-timeline-dot {
      transform: scale(1.14);
      box-shadow:
        0 0 0 9px rgba(54, 231, 255, 0.08),
        0 0 22px rgba(54, 231, 255, 0.18);
      animation: resultsDotPulse 2.6s ease-in-out infinite;
    }

    body.site-home .results-timeline-item:nth-child(2).signal-activate.is-active .results-timeline-dot {
      animation-delay: 0.28s;
    }

    body.site-home .results-timeline-item:nth-child(3).signal-activate.is-active .results-timeline-dot {
      animation-delay: 0.56s;
    }

    body.site-home .results-timeline-item:hover .results-timeline-copy,
    body.site-home .results-timeline-item.signal-activate.is-active .results-timeline-copy {
      transform: translate3d(0, -2px, 0);
    }

    body.site-home .results-timeline-item:hover .results-timeline-copy h3,
    body.site-home .results-timeline-item.signal-activate.is-active .results-timeline-copy h3 {
      transform: translate3d(0, -2px, 0);
      color: #f3f9ff;
    }

    body.site-home .results-timeline-item:hover .results-timeline-copy p,
    body.site-home .results-timeline-item.signal-activate.is-active .results-timeline-copy p {
      transform: translate3d(0, -2px, 0);
      color: #c2d6e7;
    }

    body.site-home .pipeline-flow {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(56px, 0.16fr) minmax(0, 1.08fr) minmax(56px, 0.16fr) minmax(0, 1fr);
      gap: 0 18px;
      align-items: start;
      width: min(100%, 1180px);
      margin: 18px auto 0;
    }

    body.site-home .pipeline-flow-step {
      position: relative;
      display: grid;
      grid-template-rows: auto auto auto 1fr auto auto;
      gap: 12px;
      align-content: start;
      padding: 20px 20px 18px;
      border: 1px solid rgba(179, 220, 255, 0.08);
      border-top: 1px solid rgba(179, 220, 255, 0.14);
      border-radius: 28px;
      min-height: 100%;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.01)),
        rgba(9, 18, 31, 0.18);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 38px rgba(2, 10, 23, 0.1);
      overflow: hidden;
      will-change: transform, box-shadow;
      transition:
        transform 0.42s var(--easing-premium),
        border-color 0.32s var(--easing-premium-soft),
        box-shadow 0.38s var(--easing-premium),
        background 0.38s var(--easing-premium-soft);
    }

    body.site-home .pipeline-flow-step::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 34%),
        radial-gradient(circle at 18% 0%, rgba(54, 231, 255, 0.08), transparent 30%);
      opacity: 0.9;
      pointer-events: none;
      transition:
        opacity 0.36s var(--easing-premium-soft),
        transform 0.42s var(--easing-premium);
    }

    body.site-home .pipeline-flow-step > * {
      position: relative;
      z-index: 1;
    }

    body.site-home .pipeline-flow-step-featured {
      padding: 24px 24px 20px;
      border-color: rgba(143, 238, 248, 0.18);
      border-top-color: rgba(143, 238, 248, 0.32);
      background:
        radial-gradient(circle at 50% 0%, rgba(54, 231, 255, 0.14), transparent 54%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
        rgba(9, 18, 31, 0.24);
      box-shadow:
        0 24px 54px rgba(2, 10, 23, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      transform: translateY(-6px);
    }

    body.site-home .pipeline-flow-top {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
    }

    body.site-home .pipeline-flow-step h3 {
      max-width: 17ch;
      margin: 0;
      font-size: clamp(1.16rem, 1.34vw, 1.42rem);
      line-height: 1.08;
      letter-spacing: -0.03em;
      color: #ebf3fc;
      text-wrap: balance;
    }

    body.site-home .pipeline-step-meta {
      margin: -2px 0 0;
      color: #7fcfe0;
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.03em;
    }

    body.site-home .pipeline-flow-step p {
      max-width: 28ch;
      margin: 0;
      color: #afc3d7;
      font-size: clamp(1.06rem, 1.42vw, 1.22rem);
      line-height: 1.58;
    }

    body.site-home .pipeline-flow-step .pipeline-tag-row {
      margin-top: 2px;
      margin-bottom: 0;
    }

    body.site-home .pipeline-flow-step .btn {
      width: fit-content;
      margin-top: 4px;
      transition:
        transform 0.32s var(--easing-premium),
        box-shadow 0.32s var(--easing-premium),
        border-color 0.28s var(--easing-premium-soft);
    }

    body.site-home .pipeline-flow-connector {
      position: relative;
      align-self: stretch;
      min-height: 100%;
    }

    body.site-home .pipeline-flow-connector::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 44px;
      height: 1px;
      background: linear-gradient(90deg, rgba(179, 220, 255, 0.08), rgba(54, 231, 255, 0.4), rgba(179, 220, 255, 0.08));
    }

    body.site-home .pipeline-flow-connector::after {
      content: "";
      position: absolute;
      top: 39px;
      right: 6px;
      width: 10px;
      height: 10px;
      border-top: 1px solid rgba(143, 238, 248, 0.54);
      border-right: 1px solid rgba(143, 238, 248, 0.54);
      transform: rotate(45deg);
    }

    body.site-home .pipeline-rail {
      width: min(100%, 1180px);
      margin: 14px auto 10px;
    }

    body.site-home .pipeline-rail::before {
      left: 6%;
      right: 6%;
      background: linear-gradient(90deg, rgba(54, 231, 255, 0.04), rgba(140, 255, 198, 0.22), rgba(54, 231, 255, 0.04));
    }

    body.site-home .pipeline-rail span:nth-child(3) {
      width: 16px;
      height: 16px;
      background: rgba(54, 231, 255, 0.26);
      box-shadow: 0 0 0 10px rgba(54, 231, 255, 0.04);
    }

    body.site-home .results-section .result-note,
    body.site-home .pipeline-section .pay-note {
      max-width: 56ch;
      margin-top: 18px;
      color: #91a9bf;
      line-height: 1.62;
    }

    body.site-home .pipeline-footer {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: end;
      width: min(100%, 1180px);
      margin: 18px auto 0;
      padding-top: 18px;
      border-top: 1px solid rgba(179, 220, 255, 0.08);
    }

    body.site-home .pipeline-section .pay-note {
      margin: 0;
      max-width: 64ch;
    }

    body.site-home .pipeline-assurance {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
    }

    body.site-home .pipeline-assurance span {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 8px 14px 8px 18px;
      border-radius: 999px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012)),
        rgba(9, 18, 31, 0.28);
      color: #cddfed;
      font-size: 0.82rem;
      line-height: 1.15;
      position: relative;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    body.site-home .pipeline-assurance span::before {
      content: "";
      position: absolute;
      left: 9px;
      top: 50%;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.95), rgba(140, 255, 198, 0.8));
      transform: translateY(-50%);
      box-shadow: 0 0 10px rgba(54, 231, 255, 0.28);
    }

    body.site-home .results-section .result-note {
      max-width: 64ch;
      margin: 24px auto 0;
      text-align: center;
    }

    body.site-home .conversion-band {
      grid-template-columns: minmax(0, 1.2fr) auto;
      gap: 28px;
      padding: 28px 34px;
      border-radius: 26px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 82% 22%, rgba(54, 231, 255, 0.08), transparent 26%),
        linear-gradient(90deg, rgba(54, 231, 255, 0.04), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
      align-items: center;
      justify-items: stretch;
      text-align: left;
    }

    body.site-home .pipeline-section .conversion-band.footer__frame {
      clip-path: none;
      container-type: normal;
    }

    body.site-home .conversion-band-copy {
      gap: 10px;
      justify-items: start;
      text-align: left;
      max-width: 60ch;
    }

    body.site-home .conversion-band-copy h3 {
      font-size: clamp(1.08rem, 1.45vw, 1.5rem);
      line-height: 1.06;
    }

    body.site-home .conversion-band-copy p {
      max-width: 50ch;
      font-size: 1rem;
      line-height: 1.56;
    }

    body.site-home .conversion-actions {
      justify-content: flex-end;
      align-self: center;
    }

    body.site-home .faq-layout {
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.82fr);
      gap: 22px;
      align-items: start;
    }

    body.site-home .faq-item {
      border-radius: 18px;
      border: 1px solid rgba(179, 220, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
      overflow: hidden;
    }

    body.site-home .faq-item + .faq-item {
      margin-top: 12px;
    }

    body.site-home .faq-item summary {
      padding: 18px 20px;
      font-size: 1rem;
      font-weight: 600;
    }

    body.site-home .faq-answer-inner {
      padding: 0 20px 18px;
      color: #c2d2e4;
      line-height: 1.65;
    }

    body.site-home .contact-trust-band {
      padding: 24px 26px;
      border-radius: 26px;
      border: 1px solid rgba(179, 220, 255, 0.14);
      background:
        radial-gradient(circle at 80% 18%, rgba(54, 231, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    }

    body.site-home footer {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
      margin-top: clamp(4px, 1vw, 12px);
      padding: 28px 4px 34px;
      border-top: 1px solid rgba(179, 220, 255, 0.12);
      background: linear-gradient(180deg, rgba(54, 231, 255, 0.035), rgba(2, 10, 23, 0));
      color: #9db1c8;
    }

    body.site-home .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
    }

    @media (max-width: 991px) {
      body.site-home .product-proof-results-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
      }

      body.site-home .product-proof-results-grid .results__preview,
      body.site-home .product-proof-results-grid .results__modal {
        min-height: 220px;
      }

      body.site-home .product-proof-results-grid .results__preview {
        min-height: 460px;
      }

      body.site-home .product-proof-results-grid .results__modal {
        grid-template-rows: auto auto auto;
      }
    }

    @media (max-width: 1180px) {
      body.site-home .proof-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .pipeline-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .results-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .product-proof-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .live-presence-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .systems-section .section-head h2 {
        white-space: normal;
      }

      body.site-home .proof-card-good h3,
      body.site-home .proof-card-bad h3,
      body.site-home .proof-card-fit h3 {
        white-space: normal;
      }

      body.site-home .live-presence-grid,
      body.site-home .systems-layout,
      body.site-home .story-layout,
      body.site-home .faq-layout {
        grid-template-columns: 1fr;
      }

      body.site-home .systems-side {
        display: grid;
        gap: 22px;
      }

      body.site-home .case-study-grid,
      body.site-home .pipeline-grid,
      body.site-home .contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body.site-home .proof-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body.site-home .proof-card-anchor {
        grid-column: auto;
      }

      body.site-home .proof-editorial,
      body.site-home .results-intro,
      body.site-home .pipeline-intro,
      body.site-home .results-featured {
        grid-template-columns: 1fr;
      }

      body.site-home .proof-section::after {
        left: 10%;
        right: 10%;
        bottom: 6%;
        height: 26%;
        opacity: 0.28;
      }

      body.site-home .proof-editorial::before,
      body.site-home .proof-editorial::after {
        display: none;
      }

      body.site-home .proof-editorial-copy,
      body.site-home .proof-feature-rail {
        transform: none;
      }

      body.site-home .proof-section.is-live .proof-feature-row:nth-child(1),
      body.site-home .proof-section.is-live .proof-feature-row:nth-child(2),
      body.site-home .proof-section.is-live .proof-feature-row:nth-child(3),
      body.site-home .proof-feature-row:hover {
        transform: none;
      }

      body.site-home .proof-editorial-note,
      body.site-home .pipeline-note-pill {
        justify-self: start;
      }

      body.site-home .results-note-pill {
        justify-self: center;
      }

      body.site-home .results-section::after {
        opacity: 0.24;
      }

      body.site-home .results-featured-metric {
        grid-auto-flow: row;
        justify-items: center;
        gap: 8px;
        padding: 14px 18px;
        border-top: 0;
        border-left: 1px solid rgba(179, 220, 255, 0.12);
        text-align: center;
      }

      body.site-home .results-featured,
      body.site-home .results-featured:hover,
      body.site-home .results-featured.signal-activate.is-active,
      body.site-home .results-timeline-item:hover,
      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(1),
      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(2),
      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(3) {
        transform: none;
      }

      body.site-home .pipeline-flow {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      body.site-home .pipeline-flow-connector {
        display: none;
      }

      body.site-home .pipeline-flow-step-featured {
        transform: none;
      }

      body.site-home .pipeline-footer {
        grid-template-columns: 1fr;
      }

      body.site-home .pipeline-assurance {
        justify-content: flex-start;
      }

      body.site-home .results-intro-copy h2,
      body.site-home .pipeline-intro-copy h2 {
        white-space: normal;
      }
    }

    @media (max-width: 1366px) and (min-width: 861px) {
      body.site-home {
        --container-padding: clamp(0.85rem, 1.4vw, 1.2rem);
      }

      body.site-home .shell {
        margin-bottom: 92px;
      }

      body.site-home .shell-main {
        width: min(100%, calc(var(--size-container) * 0.86));
        max-width: calc(var(--size-container) * 0.86);
        margin-bottom: 0;
        gap: clamp(30px, 3vw, 42px);
      }

      body.site-home .hero__grid,
      body.site-home .hero-home-refresh {
        padding: clamp(122px, 12vh, 160px) 0 clamp(64px, 8vh, 96px);
        row-gap: 18px;
      }

      body.site-home .hero-home-copy {
        max-width: min(100%, 50rem);
      }

      body.site-home .hero-home-copy h1 {
        width: min(100%, 12.2ch);
        max-width: 12.2ch;
        font-size: clamp(3.4rem, 5.4vw, 5rem);
      }

      body.site-home .hero-home-subtext {
        width: min(100%, 54rem);
        padding-top: clamp(20px, 3vh, 40px);
      }

      body.site-home .hero-hook-sub {
        max-width: 48ch;
        font-size: clamp(1.04rem, 1.15vw, 1.22rem);
      }

      body.site-home .hero-proof-list {
        max-width: 46rem;
        gap: 10px;
      }

      body.site-home .hero-proof-chip {
        min-height: 42px;
        padding-inline: 16px;
        font-size: 0.92rem;
      }

      body.site-home .section,
      body.site-home .product-proof-results-grid .results__modal,
      body.site-home .proof-visual-board,
      body.site-home .contact-trust-band,
      body.site-home .conversion-band {
        padding: 24px;
      }

      body.site-home .section-head h2,
      body.site-home .proof-section .section-head h2,
      body.site-home .pipeline-section .section-head h2,
      body.site-home .results-section .section-head h2,
      body.site-home .product-proof-section .section-head h2,
      body.site-home .live-presence-section .section-head h2,
      body.site-home .systems-section .section-head h2 {
        font-size: clamp(1.9rem, 2.8vw, 2.55rem);
      }

      body.site-home .sub {
        font-size: 0.98rem;
      }

      body.site-home .module-card,
      body.site-home .proof-card,
      body.site-home .result-card,
      body.site-home .pipeline-step,
      body.site-home .faq-support-card,
      body.site-home .contact-card {
        padding: 22px;
        border-radius: 22px;
      }

      body.site-home .systems-section .module-card,
      body.site-home .systems-section .module-card-primary {
        padding: 22px;
        gap: 16px;
      }

      body.site-home .systems-section .module-icon {
        width: 50px;
        height: 50px;
        border-radius: 16px;
      }

      body.site-home .systems-section .module-card h3 {
        max-width: 17ch;
        font-size: clamp(1.28rem, 1.8vw, 1.42rem);
      }

      body.site-home .systems-section .module-card p {
        font-size: 0.98rem;
        line-height: 1.62;
      }

      body.site-home .module-chip {
        font-size: 0.74rem;
      }

      body.site-home .module-stats {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 164px), 1fr));
        gap: 10px;
      }

      body.site-home .module-stats span {
        padding: 12px;
      }

      body.site-home .module-stats strong {
        font-size: 0.98rem;
      }

      body.site-home .module-stats small {
        font-size: 0.71rem;
      }

      body.site-home .module-lane,
      body.site-home .proof-signal-row,
      body.site-home .pipeline-tag-row {
        gap: 8px;
      }

      body.site-home .module-lane span,
      body.site-home .proof-signal-row span,
      body.site-home .pipeline-tag-row span {
        min-height: 32px;
        padding: 7px 11px 7px 18px;
        font-size: 0.78rem;
      }
    }

    @media (max-width: 860px) {
      body.site-home .shell,
      body.site-home .shell-main {
        width: 100%;
        max-width: 100%;
      }

      body.site-home .hero-stage-shell > .site-header {
        top: 0;
        left: calc(50% - 50vw);
        right: auto;
        width: 100vw;
        max-width: 100vw;
        padding: 0;
      }

      body.site-home .site-header-inner {
        width: calc(100vw - 28px);
        padding: 14px 12px;
      }

      body.site-home .section-head {
        grid-template-columns: 1fr;
      }

      body.site-home .section-head-note {
        justify-self: start;
      }

      body.site-home .case-study-grid,
      body.site-home .pipeline-grid,
      body.site-home .contact-grid,
      body.site-home .proof-layout,
      body.site-home .proof-visual-board .hero-visual-support-row {
        grid-template-columns: 1fr;
      }

      body.site-home .proof-editorial-copy h2,
      body.site-home .results-intro-copy h2,
      body.site-home .pipeline-intro-copy h2 {
        max-width: none;
      }

      body.site-home .proof-section::after {
        display: none;
      }

      body.site-home .proof-editorial-copy,
      body.site-home .proof-feature-rail {
        padding: 20px;
      }

      body.site-home .proof-feature-row {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px 16px 16px 14px;
      }

      body.site-home .proof-feature-icon {
        width: 42px;
        height: 42px;
      }

      body.site-home .results-featured {
        margin-top: 28px;
        padding: 24px 18px;
        transform: translate3d(0, 34px, 0) scale(0.985);
        opacity: 0.72;
      }

      body.site-home .results-timeline {
        width: 100%;
        padding-left: 0;
      }

      body.site-home .results-timeline::before {
        left: 50%;
      }

      body.site-home .results-timeline::after {
        display: none;
      }

      body.site-home .results-timeline-item {
        width: 100%;
        padding: 18px 18px 20px;
        transform: translate3d(0, 28px, 0) scale(0.985);
        opacity: 0.62;
        transition-delay: 0s;
      }

      body.site-home .results-timeline-item:nth-child(1),
      body.site-home .results-timeline-item:nth-child(2),
      body.site-home .results-timeline-item:nth-child(3) {
        transform: translate3d(0, 28px, 0) scale(0.985);
      }

      body.site-home .results-featured.signal-activate.is-active,
      body.site-home .results-featured:hover {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
      }

      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(1),
      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(2),
      body.site-home .results-timeline-item.signal-activate.is-active:nth-child(3),
      body.site-home .results-timeline-item:hover {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
      }

      body.site-home .pipeline-section {
        border-radius: 28px;
      }

      body.site-home .pipeline-flow-step-featured {
        padding: 24px 20px 18px;
      }

      body.site-home .pipeline-flow-step .btn {
        width: 100%;
        justify-content: center;
      }

      body.site-home .pipeline-rail {
        margin: 10px auto 8px;
      }

      body.site-home .pipeline-footer {
        gap: 14px;
        padding-top: 16px;
      }

      body.site-home .live-globe-dock {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body.site-home footer {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 640px) {
      body.site-home .hero-refresh-actions {
        width: 100%;
      }

      body.site-home .hero-refresh-actions .btn {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
      }

      body.site-home .live-globe-dock {
        grid-template-columns: 1fr;
      }

      body.site-home .section,
      body.site-home .product-proof-results-grid .results__modal,
      body.site-home .proof-visual-board,
      body.site-home .contact-trust-band,
      body.site-home .conversion-band {
        padding: 22px;
      }

      body.site-home .product-proof-results-grid .results__preview {
        min-height: 360px;
      }

      body.site-home .product-proof-results-grid .results__modal {
        grid-template-rows: auto auto auto;
      }
    }

    @media (max-width: 700px) {
      .site-header {
        padding: 10px 12px 12px;
        border-radius: 24px;
      }

      .site-header-inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .site-header-left {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        width: 100%;
        justify-items: start;
      }

      .site-header .site-brand {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        justify-content: flex-start;
        justify-self: start;
        width: auto;
        min-height: 0;
        padding: 0;
      }

      .site-header .nav-primary {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .site-header .nav-primary::-webkit-scrollbar {
        display: none;
      }

      .site-header .nav-group {
        min-height: auto;
        width: auto;
        justify-content: flex-start;
      }

      .site-header .nav-group > a {
        text-align: left;
      }

      .site-header .nav-actions {
        width: auto;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
        margin-left: 0;
      }

      body.site-home .hero-stage-shell {
        padding-bottom: 12px;
      }

      body.site-home .hero-stage-shell > .site-header {
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
        backdrop-filter: blur(16px) saturate(1.04);
        -webkit-backdrop-filter: blur(16px) saturate(1.04);
      }

      body.site-home .site-header-inner {
        width: calc(100vw - 20px);
        padding: 12px 8px 14px;
        gap: 10px;
      }

      body.site-home .site-header-left {
        gap: 8px;
        justify-items: center;
      }

      body.site-home .site-brand {
        display: none;
      }

      body.site-home .site-brand .brand-mark {
        width: 26px;
        height: 26px;
      }

      body.site-home .site-header .nav-group {
        gap: 8px;
      }

      body.site-home .site-header .nav-primary {
        justify-content: center;
      }

      body.site-home .site-header .nav-group > a {
        font-size: 0.8rem;
        line-height: 1.1;
        white-space: nowrap;
      }

      body.site-home .site-header .nav-primary > a:not(.btn),
      body.site-home .site-header .nav-actions > a:not(.btn) {
        padding-block: 4px;
      }

      body.site-home .site-header .nav-actions .btn {
        min-width: 108px;
        min-height: 38px;
        padding: 8px 12px;
        font-size: 0.84rem;
      }

      body.site-home .site-header .nav-actions {
        width: 100%;
        justify-content: center;
      }

      body.site-home .hero__grid,
      body.site-home .hero-home-refresh {
        min-height: auto;
        padding: 150px 0 52px;
        row-gap: 16px;
      }

      body.site-home .hero-home-copy {
        max-width: 100%;
        padding-inline: 10px;
      }

      body.site-home .hero-home-copy h1 {
        width: min(100%, 11.4ch);
        max-width: 11.4ch;
        padding: 0 0 0.1em;
        font-size: clamp(2.2rem, 9.8vw, 2.9rem);
        line-height: 1;
      }

      body.site-home .hero-home-copy .hero-type-line {
        white-space: normal;
        max-width: 100%;
      }

      body.site-home .hero-refresh-actions {
        width: min(100%, 340px);
        margin-top: 6px;
      }

      body.site-home .hero-refresh-actions .btn {
        width: 100%;
      }

      body.site-home .hero-home-subtext {
        width: 100%;
        max-width: 100%;
        padding: 12px 18px 0;
        gap: 14px;
      }

      body.site-home .hero-hook-sub {
        max-width: 21ch;
        font-size: 1rem;
        line-height: 1.45;
      }

      body.site-home .hero-proof-list {
        max-width: 340px;
        gap: 8px;
      }

      body.site-home .hero-proof-chip {
        min-height: 38px;
        padding: 0 14px;
        font-size: 0.82rem;
      }
    }

    @media (max-width: 420px) {
      .site-header {
        padding: 9px 10px 12px;
      }

      .site-header .nav-primary {
        gap: 9px;
      }

      .site-header .nav-group > a {
        font-size: 0.74rem;
      }

      .site-header .nav-actions {
        gap: 8px;
      }

      .site-header .nav-actions .btn {
        min-width: 100px;
        font-size: 0.78rem;
      }

      body.site-home .site-header-inner {
        width: calc(100vw - 16px);
        padding: 10px 6px 12px;
      }

      body.site-home .site-brand {
        font-size: 0.96rem;
      }

      body.site-home .hero__grid,
      body.site-home .hero-home-refresh {
        padding-top: 142px;
        padding-bottom: 46px;
      }

      body.site-home .hero-home-copy h1 {
        width: min(100%, 10.8ch);
        max-width: 10.8ch;
        font-size: clamp(2rem, 9.4vw, 2.7rem);
      }

      body.site-home .hero-hook-sub {
        max-width: 19ch;
        font-size: 0.96rem;
      }

      body.site-home .hero-proof-list {
        max-width: 300px;
      }
    }

    @media (pointer: coarse), (max-width: 767px) {
      .tooltip {
        display: none !important;
      }

      .section,
      body.perf-lite .shell-main > section,
      body.perf-lite .auth-shell > section,
      body.perf-lite .auth-panel,
      body.perf-lite .auth-side,
      body.perf-lite .signup-form-shell,
      body.perf-lite .login-form-shell,
      body.perf-lite .signup-hero,
      body.perf-lite .login-hero {
        content-visibility: visible;
        contain-intrinsic-size: auto;
      }
    }

    /* Premium motion pass */
    .btn,
    .feature,
    .price-card,
    .proof-card,
    .flow-step,
    .result-card,
    .contact-card,
    .hero-showcase,
    .conversion-band {
      position: relative;
      overflow: hidden;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      will-change: transform;
    }

    .btn::before,
    .btn::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      opacity: 0.78;
      transition: background-size 0.38s var(--easing-premium), opacity 0.3s var(--easing-premium-soft);
    }

    .btn::before {
      background:
        linear-gradient(rgba(214, 240, 255, 0.88), rgba(214, 240, 255, 0.88)) left top / 0 1px no-repeat,
        linear-gradient(rgba(214, 240, 255, 0.72), rgba(214, 240, 255, 0.72)) right bottom / 0 1px no-repeat;
    }

    .btn::after {
      background:
        linear-gradient(rgba(214, 240, 255, 0.62), rgba(214, 240, 255, 0.62)) left bottom / 1px 0 no-repeat,
        linear-gradient(rgba(214, 240, 255, 0.62), rgba(214, 240, 255, 0.62)) right top / 1px 0 no-repeat;
    }

    .btn:hover::before,
    .btn:focus-visible::before {
      background-size: calc(100% - 18px) 1px, calc(100% - 18px) 1px;
      opacity: 1;
    }

    .btn:hover::after,
    .btn:focus-visible::after {
      background-size: 1px calc(100% - 18px), 1px calc(100% - 18px);
      opacity: 1;
    }

    .feature::before,
    .price-card::before,
    .proof-card::before,
    .flow-step::before,
    .result-card::before,
    .contact-card::before,
    .hero-showcase::before,
    .conversion-band::before,
    .faq-item::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background:
        linear-gradient(rgba(143, 238, 248, 0.92), rgba(143, 238, 248, 0.92)) left top / 0 1px no-repeat,
        linear-gradient(rgba(143, 238, 248, 0.7), rgba(143, 238, 248, 0.7)) right bottom / 0 1px no-repeat,
        linear-gradient(rgba(143, 238, 248, 0.55), rgba(143, 238, 248, 0.55)) left bottom / 1px 0 no-repeat,
        linear-gradient(rgba(143, 238, 248, 0.55), rgba(143, 238, 248, 0.55)) right top / 1px 0 no-repeat;
      opacity: 0.7;
      transition:
        background-size 0.44s var(--easing-premium),
        opacity 0.3s var(--easing-premium-soft);
    }

    .feature:hover::before,
    .feature:focus-within::before,
    .price-card:hover::before,
    .price-card:focus-within::before,
    .proof-card:hover::before,
    .proof-card:focus-within::before,
    .flow-step:hover::before,
    .flow-step:focus-within::before,
    .result-card:hover::before,
    .contact-card:hover::before,
    .hero-showcase:hover::before,
    .conversion-band:hover::before,
    .faq-item:hover::before,
    .faq-item:focus-within::before,
    .faq-item[open]::before {
      background-size:
        calc(100% - 22px) 1px,
        calc(100% - 22px) 1px,
        1px calc(100% - 22px),
        1px calc(100% - 22px);
      opacity: 1;
    }

    .feature,
    .price-card,
    .proof-card,
    .flow-step,
    .result-card,
    .contact-card,
    .hero-showcase {
      transition:
        transform 0.45s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.42s var(--easing-premium),
        background-color 0.34s var(--easing-premium-soft);
    }

    .hero-showcase:hover {
      transform: translate3d(0, -6px, 0) rotateX(1.4deg) rotateY(-1.8deg);
      box-shadow:
        0 28px 56px rgba(2, 10, 23, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .contact-card:hover,
    .result-card:hover {
      transform: translate3d(0, -5px, 0) rotateX(1deg) rotateY(-1deg);
    }

    .conversion-band {
      isolation: isolate;
      transition:
        transform 0.45s var(--easing-premium),
        border-color 0.34s var(--easing-premium-soft),
        box-shadow 0.42s var(--easing-premium);
    }

    .conversion-band::after {
      content: "";
      position: absolute;
      width: 460px;
      height: 460px;
      right: -110px;
      top: 50%;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(54, 231, 255, 0.12), rgba(54, 231, 255, 0.04) 48%, transparent 68%);
      transform: translate3d(0, -50%, 0) scale(0.78);
      opacity: 0.44;
      transition:
        transform 0.55s var(--easing-premium),
        opacity 0.42s var(--easing-premium-soft);
      pointer-events: none;
      z-index: 0;
    }

    .conversion-band:hover::after {
      transform: translate3d(0, -50%, 0) scale(1.04);
      opacity: 0.62;
    }

    .conversion-band > * {
      position: relative;
      z-index: 1;
    }

    .hero-home-visual-shell {
      transform-style: preserve-3d;
      backface-visibility: hidden;
      will-change: transform;
    }

    .hero-home-visual-shell::after {
      content: "";
      position: absolute;
      inset: 14% 12% auto;
      height: 58%;
      border-radius: 999px;
      border: 1px solid rgba(143, 238, 248, 0.16);
      box-shadow: 0 0 26px rgba(54, 231, 255, 0.08);
      transform: perspective(900px) rotateX(73deg) rotateZ(0deg);
      opacity: 0.22;
      pointer-events: none;
      animation: homeOrbitSpin 18s linear infinite;
    }

    .pipeline-rail {
      transition: opacity 0.4s var(--easing-premium-soft), transform 0.45s var(--easing-premium);
    }

    .pipeline-rail span {
      transition:
        transform 0.4s var(--easing-premium),
        opacity 0.34s var(--easing-premium-soft),
        box-shadow 0.42s var(--easing-premium);
    }

    .faq-item {
      transition:
        transform 0.36s var(--easing-premium),
        border-color 0.32s var(--easing-premium-soft),
        box-shadow 0.4s var(--easing-premium),
        background-color 0.34s var(--easing-premium-soft);
    }

    .faq-item::after {
      transition:
        opacity 0.36s var(--easing-premium-soft),
        transform 0.55s var(--easing-premium);
    }

    .faq-item:hover::after,
    .faq-item[open]::after {
      transform: scale(1.02);
      opacity: 0.9;
    }

    .faq-item summary::after {
      transition:
        transform 0.36s var(--easing-premium),
        border-color 0.28s var(--easing-premium-soft),
        box-shadow 0.32s var(--easing-premium);
    }

    .faq-item:hover summary::after,
    .faq-item:focus-within summary::after {
      transform: translateY(-50%) rotate(45deg);
    }

    .faq-item[open] summary::after {
      transform: translateY(-50%) rotate(90deg);
    }

    .footer-links a {
      position: relative;
      display: inline-flex;
      align-items: center;
      transition:
        color 0.3s var(--easing-premium-soft),
        transform 0.3s var(--easing-premium);
    }

    .footer-links a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 100%;
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.32s var(--easing-premium);
      opacity: 0.88;
    }

    .footer-links a:hover {
      transform: translateY(-1px);
      text-decoration: none;
    }

    .footer-links a:hover::after {
      transform: scaleX(1);
    }

    @keyframes homeOrbitSpin {
      from {
        transform: perspective(900px) rotateX(73deg) rotateZ(0deg);
      }
      to {
        transform: perspective(900px) rotateX(73deg) rotateZ(360deg);
      }
    }

    @keyframes proofAtmosphere {
      from {
        opacity: 0.34;
        transform: translate3d(0, 0, -20px) scale(0.99);
      }
      to {
        opacity: 0.48;
        transform: translate3d(0, -10px, -10px) scale(1.04);
      }
    }

    @keyframes resultsDotPulse {
      0%,
      100% {
        box-shadow:
          0 0 0 7px rgba(54, 231, 255, 0.08),
          0 0 10px rgba(54, 231, 255, 0.12);
        opacity: 0.96;
      }
      50% {
        box-shadow:
          0 0 0 11px rgba(54, 231, 255, 0.05),
          0 0 24px rgba(54, 231, 255, 0.2);
        opacity: 1;
      }
    }

    @keyframes pipelineCardBreathe {
      0%,
      100% {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.03),
          0 18px 38px rgba(2, 10, 23, 0.1),
          0 0 0 rgba(54, 231, 255, 0);
      }
      50% {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.04),
          0 24px 48px rgba(2, 10, 23, 0.16),
          0 0 24px rgba(54, 231, 255, 0.08);
      }
    }

    @media (hover: hover) and (pointer: fine) {
      body.site-home .pipeline-flow-step:hover {
        animation: pipelineCardBreathe 2.2s ease-in-out infinite;
        transform: translate3d(0, -6px, 0) scale(1.01);
        border-color: rgba(179, 220, 255, 0.18);
      }

      body.site-home .pipeline-flow-step:hover::before {
        opacity: 1;
        transform: scale(1.02);
      }

      body.site-home .pipeline-flow-step:hover .step-number {
        box-shadow:
          0 0 0 10px rgba(54, 231, 255, 0.08),
          0 0 22px rgba(54, 231, 255, 0.18);
        transform: translateZ(8px) scale(1.05);
      }

      body.site-home .pipeline-flow-step:hover .btn {
        transform: translateY(-1px);
      }

      body.site-home .pipeline-flow-step-featured:hover {
        transform: translate3d(0, -9px, 0) scale(1.012);
      }
    }

    @media (max-width: 860px) {
      .hero-home-visual-shell::after,
      .conversion-band::after {
        animation: none;
        opacity: 0.18;
      }

      .hero-showcase:hover,
      .contact-card:hover,
      .result-card:hover {
        transform: translate3d(0, -3px, 0);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .btn,
      .feature,
      .price-card,
      .proof-card,
      .flow-step,
      .result-card,
      .contact-card,
      .hero-showcase,
      .conversion-band,
      .faq-item,
      .footer-links a,
      .pipeline-rail,
      body.site-home .results-intro-copy,
      body.site-home .results-note-pill,
      body.site-home .results-featured,
      body.site-home .results-featured-copy,
      body.site-home .results-featured-copy h3,
      body.site-home .results-featured-copy p,
      body.site-home .results-featured-metric,
      body.site-home .results-featured-metric strong,
      body.site-home .results-timeline,
      body.site-home .results-timeline-item,
      body.site-home .results-timeline-copy,
      body.site-home .results-timeline-copy h3,
      body.site-home .results-timeline-copy p,
      body.site-home .pipeline-flow-step,
      body.site-home .pipeline-flow-step::before,
      body.site-home .pipeline-flow-step .btn,
      .pipeline-rail span,
      body.site-home .proof-editorial::before,
      body.site-home .proof-editorial::after,
      body.site-home .proof-feature-row::after,
      body.site-home .results-timeline-dot,
      body.site-home .results-timeline-item::after,
      body.site-home .results-featured::before,
      body.site-home .results-featured::after,
      body.site-home .results-featured-metric::after,
      .hero-home-visual-shell::after,
      .conversion-band::after {
        animation: none !important;
        transition: none !important;
      }

      .btn::before,
      .btn::after,
      .feature::before,
      .price-card::before,
      .proof-card::before,
      .flow-step::before,
      .result-card::before,
      .contact-card::before,
      .hero-showcase::before,
      .conversion-band::before,
      .faq-item::before {
        background-size:
          calc(100% - 22px) 1px,
          calc(100% - 22px) 1px,
          1px calc(100% - 22px),
          1px calc(100% - 22px);
        opacity: 0.7;
      }
    }

    /* Reference motion system */
    :root {
      --cubic-default: cubic-bezier(0.625, 0.05, 0, 1);
      --duration-default: 0.6s;
      --duration-default-half: 0.3s;
      --animation-default: var(--duration-default) var(--cubic-default);
      --animation-default-half: var(--duration-default-half) var(--cubic-default);
      --hero-clip: polygon(
        19rem 0,
        17rem 2.5rem,
        0 2.5rem,
        0 calc(100% - 2rem),
        2rem 100%,
        calc(100% - 14rem) 100%,
        calc(100% - 12rem) calc(100% - 2rem),
        100% calc(100% - 2rem),
        100% 2rem,
        calc(100% - 2rem) 0
      );
    }

    .motion-frame {
      position: relative;
      overflow: hidden;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      will-change: transform;
    }

    body.perf-lite .motion-frame > .border-top,
    body.perf-lite .motion-frame > .border-right,
    body.perf-lite .motion-frame > .border-btm,
    body.perf-lite .motion-frame > .border-left {
      display: none;
    }

    .border-top,
    .border-btm,
    .border-left,
    .border-right {
      position: absolute;
      pointer-events: none;
      z-index: 3;
      opacity: 0.92;
    }

    .border-top,
    .border-btm {
      left: 16px;
      right: 16px;
      height: 1px;
      background: linear-gradient(90deg, rgba(143, 238, 248, 0.95), rgba(143, 238, 248, 0.42));
      transform: scaleX(0);
      transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1);
    }

    .border-left,
    .border-right {
      top: 16px;
      bottom: 16px;
      width: 1px;
      background: linear-gradient(180deg, rgba(143, 238, 248, 0.95), rgba(143, 238, 248, 0.34));
      transform: scaleY(0);
      transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1);
    }

    .border-top {
      top: 0;
      transform-origin: left center;
    }

    .border-btm {
      bottom: 0;
      transform-origin: right center;
    }

    .border-right {
      right: 0;
      transform-origin: center top;
    }

    .border-left {
      left: 0;
      transform-origin: center bottom;
    }

    .motion-frame:hover > .border-top,
    .motion-frame:hover > .border-btm,
    .motion-frame:focus-within > .border-top,
    .motion-frame:focus-within > .border-btm,
    .faq-item[open] > .border-top,
    .faq-item[open] > .border-btm {
      transform: scaleX(1);
    }

    .motion-frame:hover > .border-left,
    .motion-frame:hover > .border-right,
    .motion-frame:focus-within > .border-left,
    .motion-frame:focus-within > .border-right,
    .faq-item[open] > .border-left,
    .faq-item[open] > .border-right {
      transform: scaleY(1);
    }

    @keyframes reveal-item-appear {
      from {
        opacity: 0;
        transform: scale(0.95);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    .hero-showcase,
    .proof-visual-board .hero-visual,
    .live-presence-card,
    .conversion-band {
      animation: reveal-item-appear 0.2s ease-out;
    }

    .hero__frame {
      position: relative;
      clip-path: var(--hero-clip);
      z-index: 0;
      overflow: visible;
    }

    .breaker__bg-circle {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 150vmax !important;
      height: 150vmax !important;
      border-radius: 150vmax;
      transform: translate(-50%, -50%) scale(0);
      transform-origin: 50% 50%;
      will-change: transform;
      pointer-events: none;
      transition: transform var(--animation-default), opacity var(--animation-default-half);
      opacity: 0.74;
      z-index: 0;
    }

    .breaker__bg-circle:nth-child(1) {
      background: rgba(54, 231, 255, 0.12);
    }

    .breaker__bg-circle:nth-child(2) {
      background: rgba(20, 23, 31, 0.92);
    }

    .conversion-band:hover .breaker__bg-circle:nth-child(1),
    .conversion-band:hover .breaker__bg-circle:nth-child(2),
    .conversion-band:focus-within .breaker__bg-circle:nth-child(1),
    .conversion-band:focus-within .breaker__bg-circle:nth-child(2) {
      transform: translate(-50%, -50%) scale(1);
    }

    .breaker__icon {
      position: absolute;
      inset: 18px 22px auto auto;
      width: 144px;
      height: 48px;
      pointer-events: none;
      opacity: 0.34;
      z-index: 0;
    }

    @keyframes spin-longitude {
      0% {
        transform: rotate3d(0, 1, 0, 0deg);
      }
      100% {
        transform: rotate3d(0, 1, 0, 360deg);
      }
    }

    .breaker__icon .globe-ring {
      position: absolute;
      inset: 0;
      border-radius: 999px;
      border: 1px solid rgba(143, 238, 248, 0.22);
      box-shadow: inset 0 0 12px rgba(54, 231, 255, 0.04);
      animation: spin-longitude 4s linear infinite;
      transform-style: preserve-3d;
      transform-origin: center center;
    }

    .breaker__icon .globe-ring.ring-1 {
      inset-inline: 18px;
      animation-delay: 0s;
    }

    .breaker__icon .globe-ring.ring-2 {
      inset-inline: 36px;
      animation-delay: -1.33s;
    }

    .breaker__icon .globe-ring.ring-3 {
      inset-inline: 54px;
      animation-delay: -2.66s;
    }

    .footer__frame {
      clip-path: polygon(
        calc(100% - 2rem) 0,
        100% 2rem,
        100% calc(100% - 2rem),
        calc(100% - 12rem) calc(100% - 2rem),
        calc(100% - 14rem) 100%,
        2rem 100%,
        0 calc(100% - 2rem),
        0 2rem,
        20rem 2rem,
        23rem 0
      );
      container-type: inline-size;
    }

    .faq-item::before {
      transform: none;
    }

    .faq-item:hover::before,
    .faq-item:focus-within::before,
    .faq-item[open]::before {
      transform: none;
    }

    @media (max-width: 960px) {
      .hero__frame,
      .footer__frame {
        clip-path: none;
      }

      .breaker__icon {
        opacity: 0.22;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .breaker__bg-circle,
      .breaker__icon .globe-ring,
      .hero-showcase,
      .proof-visual-board .hero-visual,
      .live-presence-card,
      .conversion-band {
        animation: none !important;
      }

      .breaker__bg-circle {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.18;
      }
    }

/* Premium repair pass for the current pricing + How It Works structure. */
.get-started-page .get-started-support-stack {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

/* Adaptive performance tiers: keep the visual identity while matching device power. */
html.performance-pending {
  --adaptive-motion-duration: 0.2s;
  --adaptive-motion-distance: 0px;
  background: #020713;
  scroll-behavior: auto;
}

html.performance-pending *,
html.performance-pending *::before,
html.performance-pending *::after {
  animation-duration: 0.2s !important;
  transition-duration: 0.2s !important;
}

html.performance-pending .particle-layer,
html.performance-pending .stardust-layer,
html.performance-pending .fairy-dust,
html.performance-pending .heavy-glow,
html.performance-pending .parallax-layer,
html.performance-pending .dust-layer,
html.performance-pending .bg-sparkles,
html.performance-pending .bg-network-canvas,
html.performance-pending body.site-home.home-page .space-layer {
  display: none !important;
}

html.performance-pending .star-bg,
html.performance-pending body.site-home.home-page .site-space-background {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  background-color: #020713 !important;
  background-image: url("/assets/static-stars.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  will-change: auto !important;
}

html.performance-pending body.is-motion-optimized .motion-section,
html.performance-pending body.site-home.home-page .product-experience,
html.performance-pending section {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

html.high-performance {
  --adaptive-motion-duration: 0.72s;
  --adaptive-motion-distance: 48px;
}

html.medium-performance {
  --adaptive-motion-duration: 0.45s;
  --adaptive-motion-distance: 30px;
}

html.medium-performance body.is-motion-optimized {
  --perf-motion-distance: 30px;
  --perf-motion-distance-passed: -30px;
  --perf-glass-blur: 4px;
  --perf-glass-saturation: 1.02;
  --perf-soft-shadow: 0 16px 40px rgba(2, 6, 23, 0.22);
  --perf-cyan-glow: 0 0 14px rgba(34, 211, 238, 0.07);
}

html.medium-performance body.site-home.home-page .space-layer,
html.medium-performance body.site-home.home-page.is-motion-optimized .space-layer {
  filter: none !important;
  will-change: auto !important;
}

html.medium-performance body.site-home.home-page .space-layer-mid,
html.medium-performance body.site-home.home-page.is-motion-optimized .space-layer-mid {
  opacity: 0.3 !important;
  animation-duration: 96s !important;
}

html.medium-performance body.site-home.home-page .space-layer-near,
html.medium-performance body.site-home.home-page.is-motion-optimized .space-layer-near {
  opacity: 0.26 !important;
  animation-duration: 82s !important;
}

html.medium-performance body.site-home.home-page .homepage-effect-item,
html.medium-performance body.is-motion-optimized .motion-section,
html.medium-performance body.is-motion-optimized .reveal-enter {
  transition-duration: 0.45s !important;
}

html.medium-performance body.site-home.home-page .marquee-track {
  animation-duration: 96s !important;
}

html.medium-performance body.site-home.home-page :is(
  .homepage-effect-item.effect-product-float,
  .homepage-effect-item.effect-glow-pulse,
  .homepage-effect-item.effect-rail-flow,
  .pipeline-rail,
  .pipeline-flow-connector,
  .scroll-arrow-3d
) {
  animation: none !important;
}

html.low-performance {
  --adaptive-motion-duration: 0.25s;
  --adaptive-motion-distance: 0px;
  scroll-behavior: auto;
}

html.low-performance *,
html.low-performance *::before,
html.low-performance *::after {
  animation-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

html.low-performance body {
  perspective: none !important;
  scroll-behavior: auto !important;
}

html.low-performance .particle-layer,
html.low-performance .stardust-layer,
html.low-performance .fairy-dust,
html.low-performance .heavy-glow,
html.low-performance .parallax-layer,
html.low-performance .dust-layer,
html.low-performance .bg-sparkles,
html.low-performance .bg-network-canvas,
html.low-performance .motion-frame > span {
  display: none !important;
}

html.low-performance .star-bg,
html.low-performance body.site-home.home-page .site-space-background {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  background-color: #020617 !important;
  background-image: url("/assets/static-stars.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  will-change: auto !important;
}

html.low-performance body.site-home.home-page .space-layer {
  display: none !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 0 !important;
  will-change: auto !important;
}

html.low-performance body.site-home.home-page .space-vignette {
  background:
    radial-gradient(ellipse at 50% 44%, rgba(0, 1, 7, 0.18), rgba(0, 1, 7, 0.5) 86%),
    linear-gradient(180deg, rgba(0, 1, 7, 0.08), rgba(0, 1, 7, 0.62) 100%) !important;
}

html.low-performance body.site-home.home-page .hero-stage::before,
html.low-performance body.site-home.home-page .hero-stage::after,
html.low-performance body.site-home.home-page .hero-home-refresh::before,
html.low-performance body.site-home.home-page .hero-home-refresh::after,
html.low-performance body.site-home.home-page #site-footer::before,
html.low-performance body.site-home.home-page #flow .pipeline-intro::before,
html.low-performance body.site-home.home-page #systems .systems-title-block::after,
html.low-performance body.site-home.home-page #visual-proof .product-showcase-shell::before {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
  box-shadow: none !important;
  animation: none !important;
}

html.low-performance .glass,
html.low-performance .liquid-glass,
html.low-performance .feature-card,
html.low-performance .hero-card,
html.low-performance body.site-home.home-page :is(
  .site-header.is-mobile-open,
  .site-header.is-mobile-open .mobile-nav-toggle,
  #systems .why-intro,
  #systems .module-stats span,
  #visual-proof .product-showcase-shell,
  #proof .proof-feature-row,
  #proof .proof-review-card,
  #flow .pipeline-flow-step,
  #flow .pipeline-flow-step .btn,
  #site-footer .footer-cta
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8, 18, 32, 0.82) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}

html.low-performance .floating,
html.low-performance .float-card,
html.low-performance .idle-motion,
html.low-performance .marquee-track,
html.low-performance .pipeline-rail,
html.low-performance [data-parallax],
html.low-performance body.site-home.home-page :is(
  .homepage-effect-item.effect-product-float,
  .homepage-effect-item.effect-glow-pulse,
  .homepage-effect-item.effect-rail-flow,
  .final-actions .final-primary,
  .scroll-arrow-3d,
  .hero-proof-chip,
  .module-state-dot,
  .status-dot
) {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

html.low-performance .fade-section,
html.low-performance body.is-motion-optimized .motion-section,
html.low-performance body.site-home.home-page.is-motion-optimized .product-experience,
html.low-performance body.site-home.home-page.is-motion-optimized .homepage-effect-item,
html.low-performance body.is-motion-optimized .reveal-enter,
html.low-performance body.site-home.home-page #flow.is-risk-focus-ready :is(.risk-label, .risk-title, .risk-copy span),
html.low-performance body.site-home.home-page #proof.is-who-sort-ready :is(.who-title, .who-copy, .who-tag, .who-card, .who-card-icon),
html.low-performance body.site-home.home-page #site-footer.is-final-cta-ready :is(.final-label, .final-title .word, .final-actions),
html.low-performance body.site-home.home-page.is-realwork-motion-ready #systems :is(.feature-label, .feature-card, .bottom-note) {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  animation: none !important;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease !important;
  will-change: auto !important;
}

html.low-performance body.site-home.home-page .motion-section.before,
html.low-performance body.site-home.home-page .motion-section.active,
html.low-performance body.site-home.home-page .motion-section.passed,
html.low-performance body.site-home.home-page .motion-section.has-entered,
html.low-performance body.site-home.home-page .motion-section.has-passed,
html.low-performance body.site-home.home-page .product-experience.before,
html.low-performance body.site-home.home-page .product-experience.active,
html.low-performance body.site-home.home-page .product-experience.passed,
html.low-performance body.site-home.home-page .product-experience.has-entered,
html.low-performance body.site-home.home-page .product-experience.has-passed {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

html.low-performance body.site-home.home-page .site-header.is-mobile-open {
  background: rgba(3, 8, 18, 0.96) !important;
}

html.low-performance body.site-home.home-page.menu-open .hero-home-refresh,
html.low-performance body.site-home.home-page.menu-open .scroll-arrow-3d {
  filter: none !important;
}

/* Production scroll rendering pass: native scroll owns motion; expensive effects stay static. */
body.is-motion-optimized *,
body.is-motion-optimized *::before,
body.is-motion-optimized *::after {
  transition-property: opacity, transform, color, border-color, background-color !important;
}

body.site-home.home-page.is-motion-optimized .motion-section,
body.site-home.home-page.is-motion-optimized .homepage-effect-item,
body.site-home.home-page.is-motion-optimized .reveal-enter,
body.site-home.home-page.is-motion-optimized .product-experience {
  transition-property: opacity, transform !important;
}

body.site-home.home-page.is-motion-optimized .space-layer,
body.site-home.home-page.is-motion-optimized .star-bg {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

body.site-home.home-page.is-motion-optimized :is(
  .dust-layer,
  .stardust-layer,
  .fairy-dust,
  .particle-layer,
  .heavy-glow,
  .parallax-layer,
  .bg-network-canvas
) {
  display: none !important;
}

body.site-home.home-page.is-motion-optimized :is(
  .homepage-effect-item.effect-product-float,
  .homepage-effect-item.effect-glow-pulse,
  .homepage-effect-item.effect-rail-flow,
  .pipeline-rail,
  .pipeline-flow-connector,
  .final-actions .final-primary,
  .scroll-arrow-3d,
  .hero-proof-chip,
  .module-state-dot,
  .status-dot
) {
  animation: none !important;
  filter: none !important;
  will-change: auto !important;
}

html.medium-performance body.site-home.home-page :is(
  .site-header,
  .nav-primary,
  .nav-actions,
  .glass,
  .liquid-glass,
  .hero-card,
  .feature-card,
  .module-card,
  .product-showcase-shell,
  .proof-feature-row,
  .pipeline-flow-step,
  .footer-cta
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.get-started-page .get-started-support-foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(179, 220, 255, 0.12);
  color: #9fb7cf;
  font-size: 0.92rem;
  line-height: 1.55;
}

.get-started-page .get-started-notes .sub {
  max-width: 64ch;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.65;
}

.get-started-page .get-started-notes .faq-item summary {
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.22;
}

.get-started-page .get-started-notes {
  padding: clamp(24px, 3vw, 34px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 82% 18%, rgba(54, 231, 255, 0.08), transparent 24%),
    linear-gradient(160deg, rgba(10, 21, 36, 0.96), rgba(7, 17, 30, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 28px 64px rgba(2, 10, 23, 0.2);
}

.get-started-page .get-started-notes .section-head {
  align-items: end;
  gap: 18px;
  margin-bottom: 10px;
}

.get-started-page .faq-section-head h2 {
  max-width: 15ch;
  font-size: clamp(1.9rem, 2.8vw, 2.8rem);
  line-height: 0.98;
}

.get-started-page .get-started-notes .section-head-note {
  min-height: 42px;
  padding: 8px 14px;
  align-self: start;
}

.get-started-page .get-started-notes .sub {
  max-width: 50ch;
  font-size: clamp(0.96rem, 1.02vw, 1.04rem);
  line-height: 1.58;
  margin-bottom: 8px;
}

.get-started-page .get-started-notes .faq-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.56fr);
  gap: 18px;
  align-items: start;
}

.get-started-page .get-started-notes .faq-list {
  gap: 10px;
}

.get-started-page .get-started-notes .faq-item {
  padding: 0 18px;
  border-radius: 18px;
  border-color: rgba(179, 220, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
    linear-gradient(160deg, rgba(10, 24, 40, 0.82), rgba(7, 18, 31, 0.78));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 28px rgba(2, 10, 23, 0.14);
}

.get-started-page .get-started-notes .faq-item::after {
  opacity: 0.42;
}

.get-started-page .get-started-notes .faq-item:hover {
  transform: translateY(-1px);
  border-color: rgba(179, 220, 255, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 32px rgba(2, 10, 23, 0.18);
}

.get-started-page .get-started-notes .faq-item[open] {
  border-color: rgba(179, 220, 255, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 36px rgba(2, 10, 23, 0.2),
    0 0 18px rgba(54, 231, 255, 0.04);
}

.get-started-page .get-started-notes .faq-item summary {
  min-height: 62px;
  padding: 16px 42px 16px 0;
  font-size: clamp(0.96rem, 1vw, 1.02rem);
  line-height: 1.18;
}

.get-started-page .get-started-notes .faq-item summary::after {
  width: 28px;
  height: 28px;
  right: 2px;
  border-color: rgba(179, 220, 255, 0.18);
  background:
    linear-gradient(var(--accent), var(--accent)) center / 10px 2px no-repeat,
    linear-gradient(var(--accent), var(--accent)) center / 2px 10px no-repeat,
    rgba(255, 255, 255, 0.02);
}

.get-started-page .get-started-notes .faq-item p {
  font-size: 0.9rem;
  line-height: 1.58;
  padding: 0;
}

.get-started-page .get-started-notes .faq-answer-inner {
  padding: 0 8px 16px 0;
}

.get-started-page .get-started-support-card {
  min-height: auto;
  padding: 20px;
  gap: 12px;
  border-radius: 24px;
  border-color: rgba(179, 220, 255, 0.16);
  background:
    radial-gradient(circle at 86% 18%, rgba(54, 231, 255, 0.09), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    linear-gradient(160deg, rgba(9, 27, 46, 0.88), rgba(7, 18, 31, 0.9));
}

.get-started-page .get-started-support-card h3 {
  max-width: 11ch;
  font-size: clamp(1.16rem, 1.55vw, 1.42rem);
  line-height: 1.08;
}

.get-started-page .get-started-support-card > p {
  font-size: 0.92rem;
  line-height: 1.56;
}

.get-started-page .get-started-support-stack {
  gap: 10px;
  margin-top: 6px;
}

.get-started-page .get-started-support-item {
  padding: 14px 15px;
  border-radius: 16px;
}

.get-started-page .get-started-support-item strong {
  margin-bottom: 4px;
  font-size: 1.01rem;
}

.get-started-page .get-started-support-item span {
  font-size: 0.88rem;
  line-height: 1.48;
}

.get-started-page .get-started-notes .faq-support-points {
  gap: 8px;
}

.get-started-page .get-started-notes .faq-support-points span {
  min-height: 28px;
  padding: 6px 10px;
  font-size: 0.72rem;
}

.get-started-page .get-started-support-foot {
  margin-top: 10px;
  padding-top: 12px;
  font-size: 0.84rem;
  line-height: 1.5;
}

.get-started-page .get-started-notes .flow-actions {
  margin-top: 6px;
  gap: 10px;
}

.get-started-page .get-started-notes .flow-actions .btn {
  min-height: 46px;
  padding-inline: 18px;
}

.pricing-page .pricing-section-copy h2,
.get-started-page .faq-section-head h2 {
  color: #f3f8ff;
  letter-spacing: -0.055em;
}

.pricing-page .pricing-section-copy .sub {
  max-width: 56ch;
  color: #b9cde2;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.65;
}

@media (max-width: 1180px) {
  .pricing-page .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-page .pricing-tier-free,
  .pricing-page .pricing-tier-pro-plus {
    align-self: stretch;
    min-height: 100%;
  }

  .pricing-page .pricing-tier-pro {
    transform: none;
  }

  .pricing-page .pricing-support-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 0;
  }

  .pricing-page .pricing-support-card {
    padding: 0;
  }

  .pricing-page .pricing-support-card:not(:first-child) {
    border-left: 0;
    padding-top: 20px;
    border-top: 1px solid rgba(179, 220, 255, 0.12);
  }

  .pricing-page .pricing-access-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-page .pricing-access-strip::before {
    display: none;
  }

  .pricing-page .pricing-access-step,
  .pricing-page .pricing-access-step:nth-child(2),
  .pricing-page .pricing-access-step:nth-child(4),
  .pricing-page .pricing-access-step.is-pro {
    transform: none;
  }

  .get-started-page .get-started-flow-head {
    grid-template-columns: 1fr;
  }

  .get-started-page .get-started-flow-note {
    max-width: 720px;
  }

  .get-started-page .get-started-flow-stage-grid {
    grid-template-columns: 1fr;
  }

  .get-started-page .get-started-stage-step,
  .get-started-page .get-started-stage-step-featured {
    min-height: auto;
    transform: none;
  }

  .get-started-page .get-started-stage-step-featured:hover,
  .get-started-page .get-started-stage-step:hover {
    transform: translateY(-4px);
  }

  .get-started-page .get-started-stage-connector {
    min-height: 58px;
  }

  .get-started-page .get-started-stage-connector::before {
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, rgba(54, 231, 255, 0.08), rgba(140, 255, 198, 0.38), rgba(54, 231, 255, 0.08));
  }

  .get-started-page .get-started-stage-connector::after {
    transform: rotate(90deg);
  }

  .get-started-page .get-started-stage-connector span {
    top: 50%;
    left: calc(50% + 42px);
    transform: translateY(-50%);
  }

  .get-started-page .get-started-flow-trust {
    grid-template-columns: 1fr;
  }

  .get-started-page .get-started-notes .faq-layout {
    grid-template-columns: 1fr;
  }

  .get-started-page .get-started-support-card h3 {
    max-width: none;
  }
}

@media (max-width: 1720px) and (min-width: 1181px) {
  body.pricing-page {
    font-size: clamp(14px, 0.92vw, 15.5px);
  }

  .pricing-page .pricing-section {
    padding: 24px;
  }

  .pricing-page .pricing-section-head {
    margin-bottom: 20px;
  }

  .pricing-page .pricing-section-note {
    max-width: 32ch;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 22px;
  }

  .pricing-page .pricing-access-strip {
    gap: 12px;
    margin: 4px 0 22px;
    padding-top: 6px;
  }

  .pricing-page .pricing-access-step {
    min-height: 160px;
    gap: 12px;
    padding: 16px;
    border-radius: 22px;
  }

  .pricing-page .pricing-grid {
    gap: 14px;
    margin-bottom: 24px;
  }

  .pricing-page .pricing-tier {
    gap: 12px;
    padding: 22px 18px 20px;
    border-radius: 26px;
  }

  .pricing-page .pricing-tier-pro {
    transform: translateY(-8px);
  }

  .pricing-page .pricing-tier-head {
    gap: 10px;
  }

  .pricing-page .pricing-tier-label,
  .pricing-page .badge {
    min-height: 30px;
    padding: 6px 11px;
    font-size: 0.66rem;
  }

  .pricing-page .pricing-tier h3 {
    font-size: clamp(1.68rem, 1.9vw, 2.1rem);
  }

  .pricing-page .pricing-tier-kicker,
  .pricing-page .pricing-tier-summary,
  .pricing-page .pricing-tier-foot {
    font-size: 0.88rem;
    line-height: 1.5;
  }

  .pricing-page .pricing-tier-price {
    gap: 8px;
  }

  .pricing-page .pricing-tier-amount {
    font-size: clamp(2.8rem, 3.15vw, 3.9rem);
  }

  .pricing-page .pricing-tier-unit {
    min-height: 22px;
    font-size: 0.84rem;
  }

  .pricing-page .pricing-tier-summary {
    max-width: 28ch;
  }

  .pricing-page .pricing-tier-actions {
    margin: 0;
  }

  .pricing-page .pricing-tier-btn {
    min-height: 48px;
    padding: 12px 16px;
    font-size: 0.94rem;
  }

  .pricing-page .pricing-feature-list,
  .pricing-page .pricing-support-list {
    gap: 8px;
  }

  .pricing-page .pricing-feature-list li,
  .pricing-page .pricing-support-list li {
    min-height: 24px;
    padding-left: 24px;
    font-size: 0.9rem;
    line-height: 1.42;
  }

  .pricing-page .pricing-feature-list li::before,
  .pricing-page .pricing-support-list li::before {
    top: 2px;
    width: 16px;
    height: 16px;
    font-size: 0.72rem;
  }

  .pricing-page .pricing-tier-foot {
    padding-top: 12px;
  }

  .pricing-page .pricing-support-grid {
    gap: 18px;
  }
}

@media (max-width: 1500px) and (min-width: 1181px) {
  body.pricing-page {
    font-size: clamp(13.5px, 0.82vw, 14.6px);
  }

  .pricing-page .pricing-section {
    padding: 22px;
  }

  .pricing-page .pricing-section-head {
    gap: 14px;
    margin-bottom: 18px;
  }

  .pricing-page .pricing-section-note {
    max-width: 30ch;
    padding: 14px 16px;
    border-radius: 20px;
  }

  .pricing-page .pricing-access-strip {
    gap: 10px;
    margin-bottom: 18px;
  }

  .pricing-page .pricing-access-step {
    min-height: 146px;
    gap: 10px;
    padding: 14px;
    border-radius: 20px;
  }

  .pricing-page .pricing-access-step div {
    gap: 6px;
  }

  .pricing-page .pricing-access-step p,
  .pricing-page .pricing-access-step small {
    font-size: 0.84rem;
    line-height: 1.4;
  }

  .pricing-page .pricing-access-step small {
    font-size: 0.74rem;
  }

  .pricing-page .pricing-grid {
    gap: 12px;
    margin-bottom: 20px;
  }

  .pricing-page .pricing-tier {
    gap: 10px;
    padding: 18px 16px;
    border-radius: 24px;
  }

  .pricing-page .pricing-tier-pro {
    transform: translateY(-4px);
  }

  .pricing-page .pricing-tier h3 {
    font-size: clamp(1.5rem, 1.6vw, 1.9rem);
  }

  .pricing-page .pricing-tier-kicker,
  .pricing-page .pricing-tier-summary,
  .pricing-page .pricing-tier-foot {
    font-size: 0.84rem;
    line-height: 1.42;
  }

  .pricing-page .pricing-tier-amount {
    font-size: clamp(2.45rem, 2.7vw, 3.3rem);
  }

  .pricing-page .pricing-tier-unit {
    font-size: 0.8rem;
  }

  .pricing-page .pricing-tier-btn {
    min-height: 44px;
    padding: 10px 14px;
    font-size: 0.9rem;
  }

  .pricing-page .pricing-feature-list,
  .pricing-page .pricing-support-list {
    gap: 7px;
  }

  .pricing-page .pricing-feature-list li,
  .pricing-page .pricing-support-list li {
    min-height: 22px;
    padding-left: 22px;
    font-size: 0.84rem;
    line-height: 1.34;
  }

  .pricing-page .pricing-feature-list li::before,
  .pricing-page .pricing-support-list li::before {
    width: 15px;
    height: 15px;
    font-size: 0.68rem;
  }

  .pricing-page .pricing-tier-foot {
    padding-top: 10px;
  }
}

@media (max-width: 700px) {
  .pricing-page .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-page .pricing-tier,
  .pricing-page .pricing-tier-free,
  .pricing-page .pricing-tier-pro,
  .pricing-page .pricing-tier-pro-plus {
    align-self: stretch;
    min-height: auto;
    transform: none;
  }

  .pricing-page .pricing-access-strip {
    grid-template-columns: 1fr;
  }

  .pricing-page .pricing-access-step {
    min-height: auto;
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 17px;
  }

  .pricing-page .pricing-access-index {
    width: 38px;
    height: 38px;
    border-radius: 14px;
  }

  .pricing-page .pricing-section-note {
    padding: 16px;
    border-radius: 20px;
  }

  .pricing-page .pricing-support-grid {
    gap: 18px;
    padding: 20px 0;
  }

  .get-started-page .get-started-flow {
    padding: 24px 18px;
  }

  .get-started-page .get-started-flow-copy h2 {
    max-width: 12ch;
    font-size: clamp(2.1rem, 12vw, 3.2rem);
  }

  .get-started-page .get-started-flow-note {
    grid-template-columns: 1fr;
  }

  .get-started-page .get-started-flow-stage {
    padding: 14px;
    border-radius: 24px;
  }

  .get-started-page .get-started-stage-step {
    padding: 20px;
    border-radius: 22px;
  }

  .get-started-page .get-started-stage-step h3 {
    max-width: 16ch;
    font-size: 1.35rem;
  }

  .get-started-page .get-started-stage-connector span {
    display: none;
  }

  .get-started-page .get-started-notes {
    padding: 20px 16px;
    border-radius: 24px;
  }

  .get-started-page .faq-section-head h2 {
    max-width: 11ch;
    font-size: clamp(1.6rem, 9vw, 2.1rem);
  }

  .get-started-page .get-started-notes .sub {
    max-width: 100%;
    font-size: 0.94rem;
  }

  .get-started-page .get-started-notes .faq-item {
    padding: 0 14px;
    border-radius: 16px;
  }

  .get-started-page .get-started-notes .faq-item summary {
    min-height: 56px;
    padding: 14px 40px 14px 0;
    font-size: 0.94rem;
  }

  .get-started-page .get-started-notes .faq-answer-inner {
    padding: 0 4px 14px 0;
  }

  .get-started-page .get-started-support-card {
    padding: 18px;
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-page .pricing-access-step,
  .get-started-page .get-started-stage-step {
    transition: none !important;
  }
}

/* Live App Store download experience. */
body.site-home.home-page #site-footer .app-store-download-copy,
body.site-home #site-footer .app-store-download-copy {
  display: grid;
  gap: 0;
  max-width: 780px;
}

body.site-home.home-page #site-footer .app-store-download-copy > p:not(.footer-kicker),
body.site-home #site-footer .app-store-download-copy > p:not(.footer-kicker) {
  max-width: 58ch;
  margin-top: 22px;
}

.app-store-badge-link {
  display: inline-flex;
  min-width: 120px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  -webkit-tap-highlight-color: transparent;
}

.app-store-badge-link img {
  display: block;
  width: auto;
  height: 48px;
  min-height: 40px;
  object-fit: contain;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

.app-store-badge-link:focus-visible {
  outline: 3px solid rgba(103, 232, 249, 0.96);
  outline-offset: 5px;
}

body.site-home.home-page #site-footer .apple-trademark-note,
body.site-home #site-footer .apple-trademark-note {
  max-width: 68ch;
  color: rgba(184, 200, 221, 0.58);
  font-size: 0.72rem;
  line-height: 1.55;
}

@media (max-width: 640px) {
  body.site-home.home-page #site-footer .footer-cta-actions,
  body.site-home #site-footer .footer-cta-actions {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .app-store-badge-link {
    width: fit-content;
  }

  .app-store-badge-link img {
    height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-store-badge-link,
  .app-store-badge-link img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* About page redesign */

.about-page .shell {
  position: relative;
  z-index: 1;
  max-width: 1280px;
}

.about-page .section {
  position: relative;
  margin-bottom: clamp(78px, 11vw, 138px);
}

.about-page .about-kicker {
  margin: 0 0 16px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-2);
}

.about-page .about-cinema-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: clamp(36px, 4.8vw, 78px);
  min-height: min(78vh, 760px);
  padding: clamp(38px, 4.8vw, 70px);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(179, 220, 255, 0.12);
  border-radius: 44px;
  background:
    linear-gradient(120deg, rgba(7, 20, 36, 0.92), rgba(8, 20, 36, 0.7) 52%, rgba(10, 21, 39, 0.94)),
    radial-gradient(circle at 26% 18%, rgba(54, 231, 255, 0.1), transparent 32%),
    radial-gradient(circle at 78% 24%, rgba(157, 115, 255, 0.08), transparent 28%);
  box-shadow:
    0 44px 110px rgba(2, 10, 23, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.about-page .about-cinema-hero::before,
.about-page .about-cinema-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.about-page .about-cinema-hero::before {
  background: radial-gradient(circle at 26% 24%, rgba(54, 231, 255, 0.08), transparent 34%);
  opacity: 0.7;
}

.about-page .about-cinema-hero::after {
  inset: auto 7% 4%;
  height: 32%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.1), transparent 72%);
  transform: translateZ(0);
  opacity: 0.24;
}

.about-page .about-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 42rem;
}

.about-page .about-hero-copy h1 {
  margin: 0;
  max-width: none;
  font-size: clamp(3.8rem, 6.2vw, 6.1rem);
  line-height: 0.92;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.about-page .about-hero-lead {
  margin: 24px 0 0;
  max-width: 30rem;
  font-size: clamp(1rem, 1.16vw, 1.12rem);
  line-height: 1.68;
  color: rgba(214, 230, 248, 0.84);
}

.about-page .about-hero-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.about-page .about-hero-signals span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(179, 220, 255, 0.14);
  background: rgba(7, 18, 32, 0.46);
  color: rgba(214, 230, 248, 0.78);
  font-size: 0.92rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.about-page .about-hero-stage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 22px;
  align-content: start;
  min-height: 0;
  padding: 28px 26px 28px;
  border-radius: 36px;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(10, 23, 40, 0.76), rgba(7, 17, 30, 0.58)),
    radial-gradient(circle at 56% 34%, rgba(54, 231, 255, 0.07), transparent 34%);
  border: 1px solid rgba(179, 220, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 52px rgba(2, 10, 23, 0.22);
}

.about-page .about-hero-stage-track,
.about-page .about-hero-stage-core,
.about-page .about-hero-stage-card {
  position: absolute;
}

.about-page .about-hero-stage-core {
  position: relative;
  left: auto;
  top: auto;
  grid-column: 1;
  display: grid;
  gap: 6px;
  width: auto;
  min-height: 148px;
  padding: 24px 24px 26px;
  border-radius: 26px;
  border: 1px solid rgba(179, 220, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(14, 29, 49, 0.9), rgba(9, 21, 37, 0.76)),
    radial-gradient(circle at 24% 18%, rgba(54, 231, 255, 0.1), transparent 44%);
  transform: none;
  box-shadow:
    0 18px 34px rgba(2, 10, 23, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  z-index: 2;
}

.about-page .about-hero-stage-core small,
.about-page .about-hero-stage-card small {
  color: rgba(149, 233, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.about-page .about-hero-stage-core strong,
.about-page .about-hero-stage-card strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.about-page .about-hero-stage-core span,
.about-page .about-hero-stage-card span {
  color: rgba(214, 230, 248, 0.7);
  font-size: 0.96rem;
  line-height: 1.55;
}

.about-page .about-hero-stage-card {
  position: relative;
  display: grid;
  gap: 8px;
  max-width: none;
  min-height: 146px;
  padding: 24px 24px 26px;
  border-radius: 26px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(11, 24, 41, 0.84), rgba(8, 19, 34, 0.68)),
    radial-gradient(circle at 84% 20%, rgba(54, 231, 255, 0.08), transparent 34%);
  box-shadow:
    0 18px 34px rgba(2, 10, 23, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  z-index: 2;
}

.about-page .about-hero-stage-card-top {
  right: auto;
  top: auto;
  grid-column: 2;
  transform: none;
}

.about-page .about-hero-stage-card-bottom {
  right: auto;
  bottom: auto;
  grid-column: 1 / -1;
  transform: none;
  min-height: 192px;
  max-width: none;
  padding: 28px 28px 30px;
  gap: 10px;
  background:
    linear-gradient(180deg, rgba(12, 27, 46, 0.92), rgba(8, 20, 35, 0.8)),
    radial-gradient(circle at 78% 24%, rgba(54, 231, 255, 0.1), transparent 36%);
  border-color: rgba(179, 220, 255, 0.16);
  box-shadow:
    0 20px 40px rgba(2, 10, 23, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.about-page .about-hero-stage-card-bottom small {
  font-size: 0.74rem;
  letter-spacing: 0.18em;
}

.about-page .about-hero-stage-card-bottom strong {
  font-size: clamp(1.9rem, 3vw, 2.55rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.about-page .about-hero-stage-card-bottom span {
  max-width: 32rem;
  font-size: 1.08rem;
  line-height: 1.56;
  color: rgba(225, 237, 250, 0.8);
}

.about-page .about-hero-stage-track {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
  z-index: 2;
}

.about-page .about-hero-stage-track span {
  display: inline-flex;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background: rgba(9, 20, 36, 0.46);
  color: rgba(214, 230, 248, 0.76);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.about-page .about-story-journey {
  display: grid;
  gap: 32px;
}

.about-page .about-story-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.78fr);
  gap: 28px;
  align-items: end;
}

.about-page .about-story-intro h2,
.about-page .about-principles-copy h2,
.about-page .about-mission-head h2,
.about-page .about-impact-intro h2 {
  margin: 0;
  font-size: clamp(2.2rem, 4.3vw, 4.4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.about-page .about-story-intro h2 {
  max-width: 12ch;
  font-size: clamp(2.2rem, 4.2vw, 4.2rem);
}

.about-page .about-principles-copy h2 {
  max-width: 14ch;
  font-size: clamp(2rem, 3.1vw, 3rem);
}

.about-page .about-mission-head h2 {
  max-width: 12ch;
  font-size: clamp(2.45rem, 4.4vw, 4.8rem);
}

.about-page .about-impact-intro h2 {
  max-width: 12ch;
  font-size: clamp(2rem, 3vw, 3.1rem);
}

.about-page .about-story-intro p:last-child,
.about-page .about-principles-copy p,
.about-page .about-impact-intro p:last-child {
  margin: 0;
  max-width: 34rem;
  font-size: 1.02rem;
  line-height: 1.72;
  color: rgba(214, 230, 248, 0.74);
}

.about-page .about-story-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(210px, 236px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}

.about-page .about-story-stage::before {
  display: none;
}

.about-page .about-story-rail {
  position: relative;
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 100%;
  padding: 18px 24px 0 0;
}

.about-page .about-story-rail::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(179, 220, 255, 0.22), transparent 92%);
}

.about-page .about-story-tab {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid transparent;
  border-radius: 22px;
  background: transparent;
  color: rgba(214, 230, 248, 0.62);
  text-align: left;
  cursor: pointer;
  transition: transform 0.28s var(--easing-premium), border-color 0.28s ease, background 0.28s ease, color 0.28s ease;
}

.about-page .about-story-tab span {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(149, 233, 255, 0.7);
}

.about-page .about-story-tab strong {
  font-size: 0.98rem;
  line-height: 1.3;
  font-weight: 700;
}

.about-page .about-story-tab:hover,
.about-page .about-story-tab.is-active {
  transform: translateX(6px);
  border-color: rgba(179, 220, 255, 0.18);
  background: linear-gradient(135deg, rgba(13, 29, 50, 0.78), rgba(10, 23, 39, 0.42));
  color: var(--text);
}

.about-page .about-story-controls {
  max-width: 980px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  margin-left: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(179, 220, 255, 0.14);
}

.about-page .about-story-controls .btn {
  min-width: 0;
  padding-inline: 20px;
}

.about-page .about-story-controls .btn:first-child {
  justify-self: start;
}

.about-page .about-story-controls .btn:last-child {
  justify-self: end;
}

.about-page .about-story-index {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(179, 220, 255, 0.14);
  background: rgba(9, 21, 36, 0.58);
}

.about-page .about-story-index strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1;
}

.about-page .about-story-index span {
  color: rgba(214, 230, 248, 0.58);
  font-size: 0.82rem;
  font-weight: 600;
}

.about-page .about-story-panels {
  position: relative;
  min-height: 0;
}

.about-page .about-story-panel,
.about-page .about-principle-panel {
  transition:
    opacity 0.5s var(--easing-premium),
    transform 0.55s var(--easing-premium);
}

.about-page .about-story-panel {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: start;
  gap: 24px;
  padding: clamp(34px, 3vw, 48px);
  padding-bottom: clamp(42px, 5vw, 58px);
  border-radius: 34px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    linear-gradient(160deg, rgba(12, 26, 46, 0.86), rgba(7, 18, 32, 0.74)),
    radial-gradient(circle at 76% 16%, rgba(54, 231, 255, 0.08), transparent 24%);
  box-shadow:
    0 28px 60px rgba(2, 10, 23, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  pointer-events: none;
  opacity: 0;
}

.about-page .about-story-panel[data-about-state="active"] {
  position: relative;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
}

.about-page .about-story-panel[data-about-state="before"] {
  transform: translate3d(-8%, 0, 0) scale(0.975);
}

.about-page .about-story-panel[data-about-state="after"] {
  transform: translate3d(8%, 0, 0) scale(0.975);
}

.about-page .about-panel-kicker {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(149, 233, 255, 0.72);
}

.about-page .about-story-panel h3,
.about-page .about-principle-panel h3 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(1.85rem, 2.55vw, 2.8rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.about-page .about-panel-body {
  display: grid;
  gap: 18px;
  max-width: 44rem;
}

.about-page .about-panel-body p,
.about-page .about-principle-panel p,
.about-page .about-mission-columns p,
.about-page .about-impact-copy p,
.about-page .about-impact-quote p {
  margin: 0;
  font-size: 1.04rem;
  line-height: 1.82;
  color: rgba(214, 230, 248, 0.8);
}

.about-page .about-panel-signoff,
.about-page .about-impact-signoff {
  display: grid;
  gap: 2px;
}

.about-page .about-panel-signoff strong,
.about-page .about-impact-signoff strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.about-page .about-panel-signoff span,
.about-page .about-impact-signoff span {
  color: rgba(214, 230, 248, 0.62);
  font-size: 0.9rem;
}

.about-page .about-principles {
  display: grid;
  gap: 32px;
}

.about-page .about-principles-copy {
  display: grid;
  gap: 18px;
  max-width: 48rem;
}

.about-page .about-principles-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 4vw, 60px);
  align-items: start;
  padding: 0;
  min-height: 0;
  background: none;
  border: 0;
  overflow: visible;
}

.about-page .about-principles-stage::before {
  display: none;
}

.about-page .about-principles-orbit {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-content: start;
  min-height: 0;
  padding: 22px;
  border-radius: 30px;
  border: 1px solid rgba(179, 220, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(10, 23, 40, 0.7), rgba(7, 18, 32, 0.56)),
    radial-gradient(circle at 48% 54%, rgba(54, 231, 255, 0.07), transparent 42%);
  box-shadow:
    0 26px 54px rgba(2, 10, 23, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.about-page .about-principles-orbit::before,
.about-page .about-principles-orbit::after {
  display: none;
}

.about-page .about-principles-core {
  position: relative;
  inset: auto;
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  gap: 8px;
  width: auto;
  min-height: 228px;
  height: auto;
  padding: 26px;
  border-radius: 28px;
  border: 1px solid rgba(179, 220, 255, 0.14);
  background:
    radial-gradient(circle at 50% 40%, rgba(54, 231, 255, 0.16), transparent 72%),
    linear-gradient(180deg, rgba(16, 32, 52, 0.82), rgba(8, 20, 36, 0.82));
  text-align: center;
  transform: none;
  box-shadow:
    0 26px 52px rgba(2, 10, 23, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  order: 3;
}

.about-page .about-principles-core small {
  color: rgba(149, 233, 255, 0.72);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.about-page .about-principles-core strong {
  max-width: 8ch;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.85rem;
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.about-page .about-principle-node {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  max-width: none;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(10, 23, 40, 0.88), rgba(8, 20, 35, 0.82)),
    radial-gradient(circle at 24% 18%, rgba(54, 231, 255, 0.08), transparent 48%);
  color: rgba(214, 230, 248, 0.8);
  font-size: 0.94rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition:
    transform 0.3s var(--easing-premium),
    border-color 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.35s ease;
}

.about-page .about-principle-node:hover,
.about-page .about-principle-node.is-active {
  border-color: rgba(179, 220, 255, 0.22);
  background: linear-gradient(140deg, rgba(20, 40, 66, 0.86), rgba(10, 23, 39, 0.88));
  color: var(--text);
  box-shadow: 0 18px 36px rgba(2, 10, 23, 0.22);
}

.about-page .about-principle-node:hover {
  transform: translateY(-4px);
}

.about-page .about-principle-node.is-active {
  transform: translateY(-6px) scale(1.02);
}

.about-page .about-principle-node-a { order: 1; }
.about-page .about-principle-node-b { order: 2; }
.about-page .about-principle-node-c { order: 4; }
.about-page .about-principle-node-d { order: 5; }

.about-page .about-principle-spotlight {
  position: relative;
  min-height: 380px;
  padding: 12px 0 12px clamp(20px, 3vw, 34px);
}

.about-page .about-principle-spotlight::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, rgba(149, 233, 255, 0.92), rgba(149, 233, 255, 0.16));
}

.about-page .about-principle-panel {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 18px;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.about-page .about-principle-panel h3 {
  max-width: 14ch;
  font-size: clamp(1.6rem, 2.1vw, 2.2rem);
  line-height: 1.02;
}

.about-page .about-principle-panel p {
  max-width: 32rem;
  font-size: 1rem;
  line-height: 1.74;
}

.about-page .about-principle-panel.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.about-page .about-mission {
  position: relative;
  display: grid;
  gap: 30px;
  padding: 0;
  background: none;
  border: 0;
  overflow: visible;
}

.about-page .about-mission::before {
  display: none;
}

.about-page .about-mission-head {
  max-width: 54rem;
}

.about-page .about-mission-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: stretch;
}

.about-page .about-mission-display {
  position: relative;
  min-height: 320px;
  padding: clamp(30px, 4vw, 42px);
  border-radius: 36px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    radial-gradient(circle at 52% 36%, rgba(54, 231, 255, 0.12), transparent 56%),
    linear-gradient(155deg, rgba(12, 27, 47, 0.84), rgba(7, 18, 32, 0.76));
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  box-shadow:
    0 30px 70px rgba(2, 10, 23, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.about-page .about-mission-display::before {
  content: "";
  position: absolute;
  inset: auto 8% 0;
  height: 36%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.12), transparent 72%);
  opacity: 0.42;
  pointer-events: none;
}

.about-page .about-mission-display span {
  display: none;
}

.about-page .about-mission-display strong {
  position: relative;
  z-index: 1;
  max-width: 9ch;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.95rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.about-page .about-mission-columns {
  display: grid;
  gap: 24px;
  align-content: center;
}

.about-page .about-mission-columns article {
  display: grid;
  gap: 14px;
  padding-left: 24px;
  border-left: 1px solid rgba(179, 220, 255, 0.14);
}

.about-page .about-mission-columns small {
  color: rgba(149, 233, 255, 0.72);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.about-page .about-impact {
  position: relative;
  padding: 18px 0 0;
  border: 0;
  background: none;
  overflow: visible;
  box-shadow: none;
}

.about-page .about-impact::before {
  content: "";
  position: absolute;
  inset: auto -8% -2%;
  height: 220px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.16), transparent 72%);
  opacity: 0.26;
}

.about-page .about-impact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4.6vw, 58px);
  align-items: start;
  margin-top: 22px;
}

.about-page .about-impact-quote {
  max-width: 27rem;
}

.about-page .about-impact-quote p {
  max-width: 12ch;
  font-size: clamp(1.35rem, 2vw, 1.95rem);
  line-height: 1.12;
  letter-spacing: -0.045em;
  color: rgba(228, 239, 250, 0.92);
  text-wrap: balance;
}

.about-page .about-impact-copy {
  display: grid;
  gap: 18px;
  max-width: 36rem;
  justify-self: stretch;
}

.about-page .about-impact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 14px;
}

.about-page .about-impact-actions .btn {
  min-height: 52px;
  min-width: 148px;
}

.about-page .about-impact-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid rgba(179, 220, 255, 0.12);
}

.about-page .about-impact-footer p {
  margin: 0;
  max-width: 40rem;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.02rem, 1.35vw, 1.3rem);
  line-height: 1.22;
  letter-spacing: -0.04em;
  color: rgba(228, 239, 250, 0.88);
}

.about-page footer {
  margin-top: 10px;
}

@keyframes aboutSweep {
  0% {
    transform: translate3d(-4%, 0, 0);
    opacity: 0.82;
  }
  100% {
    transform: translate3d(4%, 0, 0);
    opacity: 1;
  }
}

@media (max-width: 1180px) {
  .about-page .about-cinema-hero,
  .about-page .about-principles-stage,
  .about-page .about-mission-layout,
  .about-page .about-impact-layout {
    grid-template-columns: 1fr;
  }

  .about-page .about-cinema-hero {
    min-height: auto;
  }

  .about-page .about-hero-copy h1 {
    max-width: none;
  }

  .about-page .about-story-intro {
    grid-template-columns: 1fr;
  }

  .about-page .about-story-panels {
    min-height: 0;
  }

  .about-page .about-principles-orbit {
    min-height: 0;
  }

  .about-page .about-impact-copy {
    justify-self: stretch;
  }

  .about-page .about-impact-quote,
  .about-page .about-impact-quote p {
    max-width: none;
  }
}

@media (max-width: 920px) {
  .about-page .about-story-stage {
    grid-template-columns: 1fr;
  }

  .about-page .about-story-rail {
    padding-right: 0;
    padding-bottom: 22px;
  }

  .about-page .about-story-rail::after {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(179, 220, 255, 0.22), transparent 92%);
  }

  .about-page .about-story-controls {
    grid-template-columns: 1fr auto 1fr;
    margin-top: 20px;
    max-width: none;
  }

  .about-page .about-story-panels {
    min-height: 0;
  }

  .about-page .about-principles-stage {
    min-height: auto;
  }

  .about-page .about-principles-orbit {
    min-height: 0;
  }

  .about-page .about-principles-core {
    min-height: 220px;
    width: auto;
    height: auto;
  }

  .about-page .about-principle-node {
    max-width: none;
    padding-inline: 14px;
    font-size: 0.84rem;
  }

  .about-page .about-mission-display {
    min-height: 260px;
  }

  .about-page .about-impact-footer {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  .about-page .about-cinema-hero {
    padding: 30px 24px;
    border-radius: 30px;
  }

  .about-page .about-hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.8rem, 12vw, 4.2rem);
  }

  .about-page .about-hero-stage {
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 22px 18px;
  }

  .about-page .about-hero-stage-core {
    grid-column: 1;
  }

  .about-page .about-hero-stage-card-top {
    grid-column: 1;
  }

  .about-page .about-hero-stage-card-bottom {
    grid-column: 1;
    max-width: none;
  }

  .about-page .about-story-stage,
  .about-page .about-principles-stage,
  .about-page .about-mission,
  .about-page .about-impact {
    padding: 0;
    border-radius: 0;
  }

  .about-page .about-story-tab {
    padding: 14px 16px;
  }

  .about-page .about-story-panel {
    padding: 24px 20px;
  }

  .about-page .about-story-controls .btn {
    padding-inline: 16px;
  }

  .about-page .about-story-controls {
    max-width: none;
  }

  .about-page .about-story-panel h3,
  .about-page .about-principle-panel h3 {
    max-width: 100%;
    font-size: clamp(1.8rem, 7vw, 2.6rem);
  }

  .about-page .about-story-panels {
    min-height: 0;
  }

  .about-page .about-principles-orbit {
    display: grid;
    gap: 14px;
    padding: 18px;
  }

  .about-page .about-principles-orbit::before,
  .about-page .about-principles-orbit::after {
    display: none;
  }

  .about-page .about-principles-core,
  .about-page .about-principle-node {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
  }

  .about-page .about-principles-core {
    min-height: 200px;
    border-radius: 28px;
    padding: 22px;
  }

  .about-page .about-principle-node {
    min-height: 70px;
    padding: 14px 16px;
  }

  .about-page .about-principle-node.is-active,
  .about-page .about-principle-node:hover {
    transform: none;
  }

  .about-page .about-principle-spotlight {
    min-height: 360px;
    padding-left: 18px;
  }

  .about-page .about-mission-display {
    min-height: 210px;
  }

  .about-page .about-impact-quote p {
    font-size: clamp(1.5rem, 8vw, 2.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-page .about-story-panel,
  .about-page .about-principle-panel,
  .about-page .about-principle-node {
    animation: none;
    transition: none;
  }
}

/* Contact page redesign */

.contact-page .shell {
  max-width: 1280px;
}

.contact-page .section {
  margin-bottom: clamp(56px, 8vw, 88px);
}

.contact-page .contact-cinema-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(28px, 5vw, 72px);
  min-height: min(80vh, 760px);
  padding: clamp(40px, 5vw, 72px);
  align-items: center;
  border-radius: 42px;
  overflow: hidden;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    linear-gradient(135deg, rgba(8, 20, 35, 0.94), rgba(8, 20, 36, 0.68) 58%, rgba(8, 19, 34, 0.94)),
    radial-gradient(circle at 72% 22%, rgba(54, 231, 255, 0.08), transparent 28%);
  box-shadow:
    0 40px 96px rgba(2, 10, 23, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.contact-page .contact-cinema-hero::before,
.contact-page .contact-cinema-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.contact-page .contact-cinema-hero::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), transparent 96%);
  opacity: 0.28;
}

.contact-page .contact-cinema-hero::after {
  inset: auto 8% 6%;
  height: 28%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.12), transparent 72%);
  opacity: 0.38;
}

.contact-page .contact-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 38rem;
}

.contact-page .contact-hero-copy h1 {
  margin: 0;
  font-size: clamp(3rem, 6vw, 5.6rem);
  line-height: 0.92;
  letter-spacing: -0.055em;
}

.contact-page .contact-hero-sub {
  margin: 22px 0 0;
  max-width: 32rem;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem);
  line-height: 1.74;
  color: rgba(214, 230, 248, 0.8);
}

.contact-page .contact-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.contact-page .contact-hero-meta span,
.contact-page .contact-faq-pills span,
.contact-page .contact-route-tags span,
.contact-page .contact-feedback-guide span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(179, 220, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(221, 233, 245, 0.82);
  font-size: 0.9rem;
  font-weight: 500;
}

.contact-page .contact-hero-stage {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 18px;
  align-content: stretch;
  padding: 24px;
  border-radius: 34px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(179, 220, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(11, 24, 41, 0.8), rgba(6, 15, 28, 0.62)),
    radial-gradient(circle at 74% 24%, rgba(54, 231, 255, 0.06), transparent 26%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 26px 56px rgba(2, 10, 23, 0.22);
}

.contact-page .contact-stage-panel {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 146px;
  padding: 22px 24px;
  border-radius: 24px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background: linear-gradient(180deg, rgba(12, 27, 47, 0.78), rgba(8, 19, 34, 0.68));
  box-shadow: 0 22px 44px rgba(2, 10, 23, 0.24);
  z-index: 1;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-page .contact-stage-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(54, 231, 255, 0.05), transparent 46%, transparent 72%, rgba(157, 115, 255, 0.05));
  pointer-events: none;
}

.contact-page .contact-stage-panel:hover {
  transform: translateY(-4px);
  border-color: rgba(179, 220, 255, 0.22);
  box-shadow: 0 28px 48px rgba(2, 10, 23, 0.28);
}

.contact-page .contact-stage-panel small {
  color: rgba(149, 233, 255, 0.74);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.contact-page .contact-stage-panel strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.24;
  letter-spacing: -0.02em;
}

.contact-page .contact-stage-panel span {
  color: rgba(214, 230, 248, 0.72);
  font-size: 0.94rem;
  line-height: 1.6;
  max-width: 34ch;
}

.contact-page .contact-stage-panel-primary {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 164px;
  padding-right: 24px;
  background:
    radial-gradient(circle at 84% 28%, rgba(54, 231, 255, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(16, 33, 54, 0.9), rgba(8, 19, 34, 0.76));
  box-shadow: 0 32px 62px rgba(2, 10, 23, 0.32);
}

.contact-page .contact-stage-panel-a {
  grid-column: 1;
  grid-row: 2;
  min-height: 176px;
  background:
    radial-gradient(circle at 82% 22%, rgba(54, 231, 255, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(12, 27, 47, 0.82), rgba(8, 19, 34, 0.72));
}

.contact-page .contact-stage-panel-b {
  grid-column: 2;
  grid-row: 2;
  min-height: 176px;
}

.contact-page .contact-stage-panel-c {
  grid-column: 3;
  grid-row: 2;
  min-height: 176px;
}

.contact-page .contact-section-head {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.74fr);
  gap: 24px;
  align-items: end;
  margin-bottom: 28px;
}

.contact-page .contact-routes .contact-section-head {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.78fr);
  align-items: end;
}

.contact-page .contact-routes .contact-section-head > div {
  order: initial;
  justify-self: start;
}

.contact-page .contact-routes .contact-section-head p:last-child {
  order: initial;
  max-width: 32rem;
  padding-top: 0;
}

.contact-page .contact-section-head h2,
.contact-page .contact-faq-copy h2,
.contact-page .contact-feedback-intro h2 {
  margin: 0;
  font-size: clamp(2.15rem, 4.2vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.contact-page .contact-section-head p:last-child,
.contact-page .contact-feedback-intro p,
.contact-page .contact-faq-copy .sub {
  margin: 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.74;
  color: rgba(214, 230, 248, 0.74);
}

.contact-page .contact-faq-copy h2 {
  font-size: clamp(1.9rem, 2.7vw, 2.8rem);
  max-width: 8.8ch;
}

.contact-page .contact-faq-copy .sub {
  max-width: 18rem;
}

.contact-page .contact-help-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  padding: 8px 0;
}

.contact-page .contact-help-item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-height: 156px;
  padding: 22px 18px 20px;
  border-top: 1px solid rgba(179, 220, 255, 0.18);
  border-bottom: 1px solid rgba(179, 220, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 76%);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.contact-page .contact-help-item:hover {
  transform: translateY(-4px);
  border-top-color: rgba(126, 231, 200, 0.3);
  box-shadow: 0 18px 34px rgba(2, 10, 23, 0.18);
  background: linear-gradient(180deg, rgba(54, 231, 255, 0.06), transparent 82%);
}

.contact-page .contact-help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(179, 220, 255, 0.18);
  background: rgba(11, 24, 41, 0.82);
  color: rgba(149, 233, 255, 0.88);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.contact-page .contact-help-item h3,
.contact-page .contact-route h3 {
  margin: 0;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.14rem;
  line-height: 1.16;
  letter-spacing: -0.02em;
}

.contact-page .contact-help-item p,
.contact-page .contact-route p {
  margin: 10px 0 0;
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(214, 230, 248, 0.72);
}

.contact-page .contact-faq {
  position: relative;
  padding: clamp(28px, 4vw, 42px);
  border-radius: 36px;
  border: 1px solid rgba(179, 220, 255, 0.1);
  background:
    linear-gradient(155deg, rgba(8, 19, 33, 0.94), rgba(7, 18, 31, 0.82)),
    radial-gradient(circle at 84% 18%, rgba(54, 231, 255, 0.07), transparent 28%);
  box-shadow: 0 30px 72px rgba(2, 10, 23, 0.28);
  overflow: hidden;
}

.contact-page .contact-faq::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 34%;
  height: 54%;
  background: radial-gradient(circle at 16% 18%, rgba(54, 231, 255, 0.08), transparent 72%);
  pointer-events: none;
}

.contact-page .contact-faq-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.contact-page .contact-faq-copy {
  position: sticky;
  top: 120px;
  display: grid;
  gap: 16px;
  max-width: 18.5rem;
}

.contact-page .contact-faq-note {
  display: grid;
  gap: 10px;
  padding: 18px 0 0;
  border-top: 1px solid rgba(149, 233, 255, 0.2);
  background: none;
}

.contact-page .contact-faq-note strong {
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(149, 233, 255, 0.76);
}

.contact-page .contact-faq-note p {
  margin: 0;
  color: rgba(214, 230, 248, 0.7);
  font-size: 0.95rem;
  line-height: 1.56;
  max-width: 15rem;
}

.contact-page .contact-faq-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 4px;
}

.contact-page .contact-faq .faq-list {
  display: grid;
  gap: 10px;
  padding-top: 8px;
}

.contact-page .contact-faq .faq-item {
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid rgba(179, 220, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
    linear-gradient(160deg, rgba(10, 23, 39, 0.82), rgba(7, 18, 31, 0.78));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 28px rgba(2, 10, 23, 0.12);
}

.contact-page .contact-faq .faq-item::before,
.contact-page .contact-faq .faq-item::after {
  display: none;
}

.contact-page .contact-faq .faq-item:hover,
.contact-page .contact-faq .faq-item[open] {
  transform: translateY(-1px);
  border-color: rgba(179, 220, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
    linear-gradient(160deg, rgba(11, 26, 44, 0.86), rgba(7, 18, 31, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 34px rgba(2, 10, 23, 0.16);
}

.contact-page .contact-faq .faq-item summary {
  min-height: 72px;
  padding: 18px 52px 18px 0;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.contact-page .contact-faq .faq-item summary::after {
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(179, 220, 255, 0.16);
  background:
    linear-gradient(var(--accent), var(--accent)) center / 10px 2px no-repeat,
    linear-gradient(var(--accent), var(--accent)) center / 2px 10px no-repeat,
    rgba(10, 21, 36, 0.92);
  color: rgba(149, 233, 255, 0.88);
  font-size: 1rem;
}

.contact-page .contact-faq .faq-item[open] summary::after {
  background:
    linear-gradient(var(--accent), var(--accent)) center / 10px 2px no-repeat,
    linear-gradient(var(--accent), var(--accent)) center / 2px 0 no-repeat,
    rgba(54, 231, 255, 0.05);
}

.contact-page .contact-faq .faq-item p {
  font-size: 0.95rem;
  line-height: 1.66;
  color: rgba(214, 230, 248, 0.72);
}

.contact-page .contact-faq .faq-answer-inner {
  padding: 0 8px 18px 0;
}

.contact-page .contact-routes {
  display: grid;
  gap: 28px;
  position: relative;
  padding-top: 8px;
}

.contact-page .contact-routes::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 148px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.09), transparent 72%);
  opacity: 0.48;
  pointer-events: none;
}

.contact-page .contact-route-rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  position: relative;
  align-items: stretch;
}

.contact-page .contact-route {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  align-content: start;
  gap: 16px;
  min-height: 316px;
  padding: 30px 24px 24px;
  border-radius: 30px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 86%),
    linear-gradient(135deg, rgba(8, 19, 33, 0.92), rgba(7, 17, 30, 0.82));
  box-shadow: 0 24px 56px rgba(2, 10, 23, 0.24);
  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-page .contact-route::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(54, 231, 255, 0.34), transparent 72%);
  opacity: 0.84;
}

.contact-page .contact-route:hover {
  transform: translateY(-4px);
  border-color: rgba(179, 220, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(54, 231, 255, 0.05), transparent 82%),
    linear-gradient(135deg, rgba(8, 19, 33, 0.92), rgba(7, 17, 30, 0.82));
  box-shadow: 0 30px 62px rgba(2, 10, 23, 0.3);
}

.contact-page .contact-route:first-child {
  grid-column: auto;
  grid-row: auto;
  background:
    radial-gradient(circle at 82% 18%, rgba(54, 231, 255, 0.1), transparent 28%),
    linear-gradient(135deg, rgba(10, 25, 41, 0.98), rgba(8, 19, 33, 0.86));
}

.contact-page .contact-route:nth-child(2) {
  grid-column: auto;
  grid-row: auto;
}

.contact-page .contact-route:nth-child(3) {
  grid-column: auto;
  grid-row: auto;
}

.contact-page .contact-route:nth-child(4) {
  grid-column: auto;
  grid-row: auto;
  background:
    radial-gradient(circle at 70% 20%, rgba(157, 115, 255, 0.08), transparent 26%),
    linear-gradient(135deg, rgba(8, 19, 33, 0.92), rgba(7, 17, 30, 0.82));
}

.contact-page .contact-route-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.contact-page .contact-route .btn {
  margin-top: 8px;
  width: 100%;
}

.contact-page .contact-route-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.contact-page .contact-route-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 8px;
}

.contact-page .contact-route-links a {
  color: var(--accent-2);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
}

.contact-page .contact-route-links a:hover,
.contact-page .contact-route-links a:focus-visible {
  text-decoration: underline;
}

.contact-page .contact-feedback {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  position: relative;
  align-items: start;
}

.contact-page .contact-feedback::before {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: -16px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(54, 231, 255, 0.08), transparent 72%);
  pointer-events: none;
}

.contact-page .contact-feedback-intro {
  display: grid;
  gap: 16px;
  max-width: 42rem;
  position: relative;
  top: auto;
  padding-top: 0;
}

.contact-page .contact-feedback-shell {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 0.72fr);
  gap: 26px;
  padding: clamp(24px, 4vw, 34px);
  border-radius: 34px;
  border: 1px solid rgba(179, 220, 255, 0.12);
  background:
    linear-gradient(160deg, rgba(8, 20, 35, 0.94), rgba(7, 18, 31, 0.84)),
    radial-gradient(circle at 18% 10%, rgba(54, 231, 255, 0.06), transparent 30%);
  box-shadow:
    0 30px 70px rgba(2, 10, 23, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.contact-page .contact-feedback-guide {
  display: grid;
  gap: 10px;
  align-content: start;
  padding-right: 18px;
  border-right: 1px solid rgba(179, 220, 255, 0.1);
}

.contact-page .contact-feedback-guide strong {
  margin-right: 0;
  margin-bottom: 2px;
  font-size: 0.92rem;
  color: rgba(228, 239, 250, 0.9);
}

.contact-page .feedback-form {
  display: grid;
  gap: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.contact-page .feedback-form-grid {
  gap: 18px;
}

.contact-page .feedback-field {
  gap: 10px;
}

.contact-page .feedback-field span {
  font-size: 0.86rem;
  line-height: 1.2;
  text-transform: none;
  color: rgba(228, 239, 250, 0.86);
}

.contact-page .feedback-field input,
.contact-page .feedback-field select,
.contact-page .feedback-field textarea {
  min-height: 56px;
  padding: 15px 16px;
  border-radius: 18px;
  border: 1px solid rgba(179, 220, 255, 0.16);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.98rem;
}

.contact-page .feedback-field textarea {
  min-height: 190px;
}

.contact-page .feedback-actions {
  justify-content: flex-start;
}

.contact-page .feedback-legal {
  max-width: 28rem;
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(214, 230, 248, 0.62);
}

.contact-page .feedback-legal a {
  color: rgba(126, 231, 200, 0.88);
}

.contact-page .feedback-legal a:hover,
.contact-page .feedback-legal a:focus-visible {
  color: rgba(170, 244, 220, 0.96);
}

@media (max-width: 1180px) {
  .contact-page .contact-cinema-hero,
  .contact-page .contact-faq-layout {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-hero-stage {
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto auto;
  }

  .contact-page .contact-help-rail,
  .contact-page .contact-route-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-page .contact-section-head {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-routes .contact-section-head > div,
  .contact-page .contact-routes .contact-section-head p:last-child {
    order: initial;
    justify-self: start;
    padding-top: 0;
  }

  .contact-page .contact-faq-copy {
    position: static;
    max-width: none;
  }

  .contact-page .contact-stage-panel-primary {
    grid-column: 1 / -1;
    padding-right: 22px;
  }

  .contact-page .contact-stage-panel-a,
  .contact-page .contact-stage-panel-b,
  .contact-page .contact-stage-panel-c {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
  }

  .contact-page .contact-route {
    grid-column: auto;
    grid-row: auto;
    min-height: 320px;
    transform: none;
  }

  .contact-page .contact-feedback {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-feedback-intro {
    position: static;
    max-width: none;
    padding-top: 0;
  }

  .contact-page .contact-feedback-shell {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-feedback-guide {
    padding-right: 0;
    border-right: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(179, 220, 255, 0.1);
  }
}

@media (max-width: 780px) {
  .contact-page .contact-cinema-hero {
    padding: 30px 24px;
    border-radius: 30px;
    min-height: auto;
  }

  .contact-page .contact-hero-copy h1 {
    font-size: clamp(2.4rem, 12vw, 4rem);
  }

  .contact-page .contact-hero-stage {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: 18px;
  }

  .contact-page .contact-help-rail,
  .contact-page .contact-route-rail,
  .contact-page .feedback-form-grid {
    grid-template-columns: 1fr;
  }

  .contact-page .contact-route {
    min-height: auto;
    transform: none;
  }

  .contact-page .contact-faq {
    padding: 24px 20px;
    border-radius: 28px;
  }

  .contact-page .contact-feedback-shell {
    padding: 24px 20px;
    border-radius: 28px;
  }

  .contact-page .contact-faq .faq-item summary {
    min-height: 78px;
    padding-right: 48px;
  }

  .contact-page .contact-faq .faq-answer-inner {
    padding-right: 0;
  }

  .contact-page .contact-stage-panel,
  .contact-page .contact-stage-panel-primary {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-page .contact-help-item,
  .contact-page .contact-route,
  .contact-page .contact-stage-panel {
    transition: none;
  }
}

/* Keep legacy direct-child headers on one clean row. */
.site-header:has(> .brand-center) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(18px, 4vw, 44px);
  row-gap: 0;
}

.site-header:has(> .brand-center) > .nav-left,
.site-header:has(> .brand-center) > .brand-center,
.site-header:has(> .brand-center) > .nav-right {
  min-width: 0;
}

.site-header:has(> .brand-center) > .nav-left {
  justify-content: flex-start;
}

.site-header:has(> .brand-center) > .brand-center {
  justify-self: center;
  white-space: nowrap;
}

.site-header:has(> .brand-center) > .nav-right {
  justify-content: flex-end;
  margin-left: 0;
}

.site-header:has(> .brand-center) > .nav-group {
  flex-wrap: nowrap;
  width: auto;
}

.site-header:has(> .brand-center) > .nav-group > a {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .site-header:has(> .brand-center) {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    row-gap: 8px;
  }

  .site-header:has(> .brand-center) > .brand-center {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .site-header:has(> .brand-center) > .nav-right {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .site-header:has(> .brand-center) > .nav-left {
    grid-column: 1 / -1;
    grid-row: 2;
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .site-header:has(> .brand-center) > .nav-left::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 540px) {
  .site-header:has(> .brand-center) {
    grid-template-columns: 1fr;
  }

  .site-header:has(> .brand-center) > .nav-left,
  .site-header:has(> .brand-center) > .brand-center,
  .site-header:has(> .brand-center) > .nav-right {
    grid-column: 1;
    justify-self: start;
  }

  .site-header:has(> .brand-center) > .nav-left {
    grid-row: 2;
  }

  .site-header:has(> .brand-center) > .nav-right {
    grid-row: 3;
    justify-content: flex-start;
  }
}

/* Modern Plutar public website color system. Scoped away from app/auth pages. */
:where(
  body.site-home,
  body.site-get-started,
  body.get-started-page
) {
  color-scheme: dark;
  background-color: var(--plutar-bg-ink);
  background:
    radial-gradient(circle at 22% 0%, rgba(30, 123, 255, 0.16), transparent 32%),
    radial-gradient(circle at 78% 6%, rgba(124, 58, 237, 0.2), transparent 30%),
    radial-gradient(circle at 52% 42%, rgba(34, 211, 238, 0.08), transparent 38%),
    linear-gradient(180deg, #020617 0%, #050816 48%, #07111f 100%);
  color: var(--plutar-text);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
)::selection {
  background: rgba(34, 211, 238, 0.32);
  color: #f5f7ff;
}

:where(
  body.site-home,
  body.site-get-started,
  body.get-started-page
)::before {
  background:
    radial-gradient(circle at 15% 18%, rgba(0, 194, 255, 0.12), transparent 24%),
    radial-gradient(circle at 86% 12%, rgba(107, 61, 255, 0.14), transparent 25%),
    radial-gradient(circle at 62% 76%, rgba(34, 211, 238, 0.08), transparent 24%);
  opacity: 0.9;
  pointer-events: none;
}

:where(
  body.site-home,
  body.site-get-started,
  body.get-started-page
)::after {
  background:
    linear-gradient(90deg, rgba(30, 123, 255, 0.08), transparent 18%, transparent 82%, rgba(124, 58, 237, 0.08)),
    linear-gradient(180deg, transparent 0%, rgba(2, 6, 23, 0.66) 100%);
  pointer-events: none;
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .shell {
  color: var(--plutar-text);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) h1,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) h2,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) h3,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) strong {
  color: var(--plutar-text);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) p,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) li,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) small,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .sub,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .section-head-note,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-kicker,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-summary,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-foot {
  color: var(--plutar-muted);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .eyebrow,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .section-kicker,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .about-kicker,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-label,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-chip,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .badge {
  color: var(--plutar-cyan-bright);
  border-color: rgba(34, 211, 238, 0.28);
  background: rgba(0, 194, 255, 0.08);
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.08);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .site-header,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .panel,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .section.panel,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .feature,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-card,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .metric,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .proof-feature-row,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pipeline-flow-step,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .price-card,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-access-step,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-support-card,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .about-story-stage,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .about-story-panel,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .about-principle-panel,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-help-item,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-faq,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-route,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-feedback-shell,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .get-started-stage-step,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .get-started-support-card,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .faq-item {
  border-color: var(--plutar-border);
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 194, 255, 0.08), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(124, 58, 237, 0.08), transparent 30%),
    var(--plutar-glass-gradient);
  box-shadow:
    0 24px 70px rgba(2, 6, 23, 0.34),
    inset 0 1px 0 rgba(245, 247, 255, 0.04);
  backdrop-filter: blur(22px);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .site-header {
  background:
    linear-gradient(135deg, rgba(2, 6, 23, 0.84), rgba(7, 17, 31, 0.7)),
    radial-gradient(circle at 50% 0%, rgba(30, 123, 255, 0.12), transparent 60%);
  border-color: rgba(34, 211, 238, 0.22);
  box-shadow:
    0 22px 60px rgba(2, 6, 23, 0.42),
    0 0 0 1px rgba(124, 58, 237, 0.06);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .brand,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .site-brand {
  color: #f5f7ff;
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .brand-mark {
  filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.44));
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .nav-group > a {
  color: var(--plutar-muted);
  border-color: transparent;
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .nav-group > a:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .nav-group > a.is-active {
  color: #f5f7ff;
  background: rgba(30, 123, 255, 0.1);
  border-color: rgba(34, 211, 238, 0.18);
  box-shadow: 0 0 26px rgba(30, 123, 255, 0.12);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .btn-primary,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-pro .pricing-tier-btn,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-pro-plus .pricing-tier-btn {
  color: #f5f7ff;
  border-color: rgba(34, 211, 238, 0.34);
  background: var(--plutar-primary-gradient);
  box-shadow:
    0 18px 40px rgba(30, 123, 255, 0.28),
    0 0 28px rgba(34, 211, 238, 0.16),
    inset 0 1px 0 rgba(245, 247, 255, 0.18);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .btn-ghost,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-free .pricing-tier-btn {
  color: #f5f7ff;
  border-color: rgba(174, 184, 200, 0.18);
  background: rgba(8, 20, 36, 0.64);
  box-shadow:
    0 16px 34px rgba(2, 6, 23, 0.24),
    inset 0 1px 0 rgba(245, 247, 255, 0.04);
  backdrop-filter: blur(18px);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .btn:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .feature:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-card:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-help-item:hover,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-route:hover {
  border-color: var(--plutar-border-strong);
  box-shadow:
    0 28px 76px rgba(2, 6, 23, 0.42),
    0 0 34px rgba(34, 211, 238, 0.14),
    0 0 48px rgba(124, 58, 237, 0.1),
    inset 0 1px 0 rgba(245, 247, 255, 0.06);
}

:where(
  body.site-home,
  body.site-get-started,
  body.get-started-page
) .hero,
:where(
  body.site-home,
  body.site-get-started,
  body.get-started-page
) .get-started-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(30, 123, 255, 0.22), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(124, 58, 237, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(7, 17, 31, 0.92), rgba(2, 6, 23, 0.82));
  border-color: rgba(34, 211, 238, 0.22);
  box-shadow:
    0 40px 120px rgba(2, 6, 23, 0.48),
    0 0 64px rgba(30, 123, 255, 0.12),
    inset 0 1px 0 rgba(245, 247, 255, 0.05);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .hero h1,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .about-hero-copy h1,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-hero-copy h1,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .get-started-hero-copy h1 {
  text-shadow:
    0 18px 46px rgba(2, 6, 23, 0.54),
    0 0 34px rgba(30, 123, 255, 0.18);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .hero-type-line-text,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-amount,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .hero-proof-chip,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-state,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .footer-links a:hover {
  color: var(--plutar-cyan-bright);
  text-shadow: 0 0 22px rgba(34, 211, 238, 0.24);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-icon,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .step-number,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .contact-help-icon {
  border-color: rgba(34, 211, 238, 0.28);
  background:
    radial-gradient(circle at 30% 20%, rgba(34, 211, 238, 0.26), transparent 44%),
    linear-gradient(135deg, rgba(30, 123, 255, 0.42), rgba(124, 58, 237, 0.5));
  color: #f5f7ff;
  box-shadow:
    0 18px 38px rgba(30, 123, 255, 0.24),
    inset 0 1px 0 rgba(245, 247, 255, 0.12);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-tier-pro,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .is-recommended {
  border-color: rgba(124, 58, 237, 0.48);
  background:
    radial-gradient(circle at 20% 0%, rgba(34, 211, 238, 0.16), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(124, 58, 237, 0.26), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(7, 17, 31, 0.84));
  box-shadow:
    0 36px 100px rgba(2, 6, 23, 0.52),
    0 0 64px rgba(124, 58, 237, 0.18),
    0 0 42px rgba(30, 123, 255, 0.12),
    inset 0 1px 0 rgba(245, 247, 255, 0.06);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .badge-recommended {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.34), rgba(30, 123, 255, 0.22));
  border-color: rgba(34, 211, 238, 0.34);
  color: #f5f7ff;
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-feature-list li::before,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-support-list li::before,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .module-state-dot {
  background: var(--plutar-cyan-bright);
  box-shadow: 0 0 14px rgba(34, 211, 238, 0.48);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-trial-overlay {
  background:
    radial-gradient(circle at 50% 12%, rgba(30, 123, 255, 0.18), transparent 34%),
    rgba(2, 6, 23, 0.78);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-trial-dialog,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .pricing-trial-choice {
  border-color: var(--plutar-border);
  background:
    radial-gradient(circle at 82% 0%, rgba(124, 58, 237, 0.14), transparent 32%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(7, 17, 31, 0.9));
  color: var(--plutar-text);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) input,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) select,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) textarea {
  background: rgba(8, 20, 36, 0.82);
  border-color: rgba(174, 184, 200, 0.18);
  color: var(--plutar-text);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) input:focus,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) select:focus,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) textarea:focus {
  border-color: rgba(34, 211, 238, 0.48);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.12);
  outline: none;
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) .footer-links a,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) footer p {
  color: var(--plutar-muted-2);
}

:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) footer,
:where(
  body.site-home,
  body.site-pricing,
  body.site-about,
  body.site-contact,
  body.site-get-started,
  body.pricing-page,
  body.about-page,
  body.contact-page,
  body.get-started-page
) #site-footer {
  border-top-color: rgba(34, 211, 238, 0.14);
  background:
    radial-gradient(circle at 50% 0%, rgba(30, 123, 255, 0.1), transparent 42%),
    linear-gradient(180deg, rgba(7, 17, 31, 0.34), rgba(2, 6, 23, 0.78));
}

@media (max-width: 760px) {
  :where(
    body.site-home,
    body.site-get-started,
    body.get-started-page
  ) {
    background:
      radial-gradient(circle at 18% 0%, rgba(30, 123, 255, 0.14), transparent 34%),
      radial-gradient(circle at 82% 6%, rgba(124, 58, 237, 0.16), transparent 30%),
      linear-gradient(180deg, #020617 0%, #050816 52%, #07111f 100%);
  }

  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) .site-header,
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) .panel,
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) .feature,
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) .price-card {
    backdrop-filter: blur(16px);
    box-shadow:
      0 18px 46px rgba(2, 6, 23, 0.32),
      inset 0 1px 0 rgba(245, 247, 255, 0.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) *,
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) *::before,
  :where(
    body.site-home,
    body.site-pricing,
    body.site-about,
    body.site-contact,
    body.site-get-started,
    body.pricing-page,
    body.about-page,
    body.contact-page,
    body.get-started-page
  ) *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Higher-specificity public polish for legacy page hero rules. */
body.site-home::before,
body.site-home::after,
body.site-get-started::before,
body.site-get-started::after {
  display: block;
}

body.site-home .hero-stage,
body.site-get-started {
  background:
    radial-gradient(circle at 18% 0%, rgba(30, 123, 255, 0.17), transparent 34%),
    radial-gradient(circle at 82% 4%, rgba(124, 58, 237, 0.18), transparent 32%),
    linear-gradient(180deg, #020617 0%, #050816 46%, #07111f 100%);
}

body.site-home .hero h1,
body.site-home .hero-type-line-text,
body.site-pricing .pricing-hero h1,
body.site-about .about-hero-copy h1,
body.site-contact .contact-hero-copy h1,
body.site-get-started .get-started-hero-copy h1 {
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #f5f7ff;
  -webkit-text-fill-color: #f5f7ff;
  text-shadow:
    0 20px 48px rgba(2, 6, 23, 0.58),
    0 0 36px rgba(30, 123, 255, 0.2);
}

body.site-home .hero p,
body.site-pricing .pricing-hero p,
body.site-about .about-hero-lead,
body.site-contact .contact-hero-sub,
body.site-get-started .get-started-hero-copy p {
  color: #cbd7e8;
}

body.site-get-started .get-started-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(30, 123, 255, 0.22), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(124, 58, 237, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(7, 17, 31, 0.94), rgba(2, 6, 23, 0.88));
  border-color: rgba(34, 211, 238, 0.24);
}

body.site-home .btn.btn-primary,
body.site-pricing .btn.btn-primary,
body.site-about .btn.btn-primary,
body.site-contact .btn.btn-primary,
body.site-get-started .btn.btn-primary {
  color: #f5f7ff;
  background: linear-gradient(135deg, #1e7bff 0%, #00c2ff 52%, #7c3aed 100%);
  border-color: rgba(34, 211, 238, 0.36);
  text-shadow: 0 1px 12px rgba(2, 6, 23, 0.34);
  box-shadow:
    0 18px 40px rgba(30, 123, 255, 0.28),
    0 0 30px rgba(34, 211, 238, 0.16),
    inset 0 1px 0 rgba(245, 247, 255, 0.18);
}

body.site-home .btn.btn-ghost,
body.site-pricing .btn.btn-ghost,
body.site-about .btn.btn-ghost,
body.site-contact .btn.btn-ghost,
body.site-get-started .btn.btn-ghost {
  color: #f5f7ff;
  background: rgba(8, 20, 36, 0.68);
  border-color: rgba(174, 184, 200, 0.2);
}

@media (max-width: 700px) {
  body.site-pricing .shell {
    width: 100%;
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  body.site-pricing .pricing-hero {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  body.site-pricing .pricing-hero-copy,
  body.site-pricing .pricing-hero-side,
  body.site-pricing .pricing-hero-visual,
  body.site-pricing .pricing-hero-note,
  body.site-pricing .hero-actions,
  body.site-pricing .hero-actions .btn {
    min-width: 0;
    max-width: 100%;
  }

  body.site-pricing .hero-actions .btn {
    width: 100%;
    color: #f5f7ff;
    -webkit-text-fill-color: #f5f7ff;
  }

  body.site-pricing .pricing-hero h1 {
    width: min(100%, 10ch);
    max-width: 10ch;
    font-size: clamp(2rem, 9vw, 2.55rem);
    line-height: 1.04;
    letter-spacing: -0.035em;
  }
}

@media (max-width: 420px) {
  body.site-pricing .pricing-hero h1 {
    font-size: clamp(2rem, 8.4vw, 2.22rem);
    line-height: 1.08;
  }
}

/* Homepage hero visibility guard: keep legacy overlays subdued without washing out the headline. */
body.site-home .hero-stage::before {
  background:
    radial-gradient(ellipse at 18% 12%, rgba(30, 123, 255, 0.2), transparent 34%),
    radial-gradient(ellipse at 82% 10%, rgba(124, 58, 237, 0.22), transparent 34%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.16), rgba(2, 6, 23, 0.08) 42%, rgba(2, 6, 23, 0.28));
}

body.site-home .hero-stage::after {
  background: linear-gradient(180deg, transparent 0%, rgba(2, 6, 23, 0.2) 72%, rgba(2, 6, 23, 0.72) 100%);
}

body.site-home::after {
  background:
    linear-gradient(90deg, rgba(30, 123, 255, 0.1), transparent 24%, transparent 76%, rgba(124, 58, 237, 0.12)),
    linear-gradient(180deg, transparent 0%, rgba(2, 6, 23, 0.18) 100%);
}

body.site-home .hero-type-line,
body.site-home .hero-hook-sub,
body.site-home .eyebrow {
  text-shadow:
    0 2px 18px rgba(2, 6, 23, 0.68),
    0 18px 54px rgba(2, 6, 23, 0.44);
}

/* Homepage fullscreen cinematic hero guard: no image/video media shell. */
body.site-home.home-page,
.home-page {
  min-height: 100vh;
  background:
    linear-gradient(180deg, #020617 0%, #050816 45%, #07111f 100%);
  isolation: isolate;
  perspective: none;
}

body.site-home.home-page::before,
.home-page::before {
  content: none !important;
  display: none !important;
  pointer-events: none;
  background: none !important;
}

body.site-home.home-page::after,
.home-page::after,
body.site-home.home-page .hero-stage::before,
body.site-home.home-page .hero-stage::after,
body.site-home.home-page .hero-home-refresh::before,
body.site-home.home-page .hero-home-refresh::after,
body.site-home.home-page .site-header::before,
body.site-home.home-page .site-header::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page .hero-stage {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #020617 !important;
  box-shadow: none !important;
}

body.site-home.home-page .hero-stage-shell,
body.site-home.home-page .hero-stage-shell.shell {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: transparent !important;
}

body.site-home.home-page .hero-stage-shell > .site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 5;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page .site-header-inner {
  width: 100%;
  max-width: none;
  min-height: 86px;
  padding: 24px clamp(28px, 4vw, 72px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(28px, 4vw, 72px);
}

body.site-home.home-page .site-header-left {
  display: flex;
  align-items: center;
  gap: clamp(38px, 4.8vw, 78px);
  min-width: 0;
}

body.site-home.home-page .site-brand {
  position: static !important;
  transform: none !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f5f7ff;
  font-size: clamp(1.45rem, 2vw, 1.95rem);
  font-weight: 800;
  text-shadow: 0 10px 28px rgba(2, 6, 23, 0.72);
}

body.site-home.home-page .site-brand .brand-mark {
  width: 30px;
  height: 30px;
  filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.38));
}

body.site-home.home-page .site-header .nav-group {
  display: flex;
  align-items: center;
}

body.site-home.home-page .site-header .nav-primary {
  gap: clamp(22px, 2.5vw, 38px);
}

body.site-home.home-page .site-header .nav-actions {
  justify-content: flex-end;
  gap: clamp(20px, 2vw, 34px);
}

body.site-home.home-page .site-header .nav-group > a {
  position: relative;
  color: rgba(245, 247, 255, 0.92);
  font-size: clamp(0.95rem, 0.9vw, 1.08rem);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 8px 24px rgba(2, 6, 23, 0.7);
  transition: color 240ms ease, transform 240ms ease, border-color 240ms ease, background 240ms ease;
}

body.site-home.home-page .site-header .nav-group > a:not(.btn)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22d3ee, #7c3aed);
  opacity: 0;
  transform: scaleX(0.55);
  transition: opacity 240ms ease, transform 240ms ease;
}

body.site-home.home-page .site-header .nav-group > a.is-active {
  color: rgba(229, 238, 247, 0.88);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

body.site-home.home-page .site-header .nav-group > a:not(.btn):hover,
body.site-home.home-page .site-header .nav-group > a:not(.btn):focus-visible {
  color: #67e8f9;
}

body.site-home.home-page .site-header .nav-group > a:not(.btn):hover::after,
body.site-home.home-page .site-header .nav-group > a:not(.btn):focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

body.site-home.home-page .site-header .nav-actions .btn {
  min-height: 52px;
  padding: 0 26px;
  border: 1px solid rgba(245, 247, 255, 0.2);
  border-radius: 14px;
  background: rgba(8, 18, 32, 0.36);
  box-shadow: inset 0 1px 0 rgba(245, 247, 255, 0.08);
}

body.site-home.home-page .hero,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero__grid {
  width: 100%;
  max-width: none;
  min-height: 100vh !important;
  margin: 0;
  padding: clamp(118px, 14vh, 172px) clamp(20px, 4vw, 72px) clamp(72px, 9vh, 116px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2.5vh, 30px);
  overflow: clip !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.18), transparent 35%),
    radial-gradient(circle at top right, rgba(168, 85, 247, 0.16), transparent 35%),
    linear-gradient(180deg, #020617 0%, #07111f 55%, #020617 100%) !important;
  box-shadow: none !important;
}

body.site-home.home-page .hero__top,
body.site-home.home-page .hero__title,
body.site-home.home-page .hero__subtext,
body.site-home.home-page .hero-home-copy,
body.site-home.home-page .hero-home-subtext {
  position: relative;
  z-index: 3;
  width: min(100%, 1080px);
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

body.site-home.home-page .hero-home-top .eyebrow {
  margin: 0;
  color: #67e8f9;
  font-size: clamp(0.76rem, 0.8vw, 0.92rem);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow:
    0 0 20px rgba(34, 211, 238, 0.45),
    0 8px 24px rgba(2, 6, 23, 0.78);
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  color: #f5f7ff;
  -webkit-text-fill-color: #f5f7ff;
  font-size: clamp(3.4rem, 7.2vw, 7rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.98;
  text-align: center;
  text-wrap: balance;
  text-shadow:
    0 4px 18px rgba(2, 6, 23, 0.82),
    0 24px 72px rgba(2, 6, 23, 0.7),
    0 0 38px rgba(30, 123, 255, 0.18);
}

body.site-home.home-page .hero-home-copy .hero-type-line,
body.site-home.home-page .hero-home-copy .hero-type-line-text {
  color: #f5f7ff;
  -webkit-text-fill-color: #f5f7ff;
  letter-spacing: 0;
  text-shadow: inherit;
}

body.site-home.home-page .hero-refresh-actions {
  position: relative;
  z-index: 3;
  margin: clamp(16px, 2vh, 24px) auto 0;
  display: flex;
  justify-content: center;
  gap: 14px;
}

body.site-home.home-page .hero-refresh-actions .btn {
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  font-size: 0.98rem;
  font-weight: 800;
}

body.site-home.home-page .hero-refresh-actions .btn-primary {
  background: linear-gradient(135deg, #00c2ff 0%, #1e7bff 48%, #7c3aed 100%);
  border-color: rgba(103, 232, 249, 0.44);
  box-shadow:
    0 18px 46px rgba(30, 123, 255, 0.36),
    0 0 34px rgba(34, 211, 238, 0.18),
    inset 0 1px 0 rgba(245, 247, 255, 0.22);
}

body.site-home.home-page .hero-refresh-actions .btn-ghost {
  background: rgba(2, 6, 23, 0.42);
  border-color: rgba(245, 247, 255, 0.2);
  box-shadow:
    0 16px 40px rgba(2, 6, 23, 0.34),
    inset 0 1px 0 rgba(245, 247, 255, 0.08);
}

body.site-home.home-page .hero-hook-sub {
  max-width: 740px;
  margin: 0 auto;
  color: rgba(245, 247, 255, 0.88);
  font-size: clamp(1.08rem, 1.45vw, 1.38rem);
  font-weight: 600;
  line-height: 1.5;
  text-shadow:
    0 3px 16px rgba(2, 6, 23, 0.86),
    0 20px 54px rgba(2, 6, 23, 0.72);
}

body.site-home.home-page .hero-proof-list {
  position: relative;
  z-index: 3;
  margin: clamp(18px, 2.3vh, 28px) auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

body.site-home.home-page .hero-proof-chip {
  min-height: 42px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(245, 247, 255, 0.2);
  border-radius: 999px;
  background: rgba(8, 18, 32, 0.36);
  color: #f5f7ff;
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1;
  box-shadow:
    0 14px 36px rgba(2, 6, 23, 0.32),
    inset 0 1px 0 rgba(245, 247, 255, 0.08);
  backdrop-filter: blur(14px);
}

body.site-home.home-page .plutar-marquee {
  --marquee-edge-space: clamp(52px, 9vw, 170px);
  --marquee-gap: clamp(76px, 7vw, 144px);
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  overflow: visible;
  width: 100vw;
  max-width: none;
  margin:
    clamp(10px, 2vw, 28px)
    calc(50% - 50vw)
    clamp(0px, 0.8vw, 10px);
  min-height: clamp(120px, 8vw, 140px);
  padding: clamp(10px, 1.2vw, 16px) 0;
  display: flex;
  align-items: center;
  isolation: isolate;
}

body.site-home.home-page .plutar-marquee::before {
  content: none;
  display: none;
}

body.site-home.home-page .marquee-viewport {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  width: 100%;
  min-height: clamp(108px, 7vw, 128px);
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid rgba(255, 255, 255, 0.035);
  background: transparent;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
}

body.site-home.home-page .marquee-viewport::before,
body.site-home.home-page .marquee-viewport::after {
  content: none;
  display: none;
}

body.site-home.home-page .marquee-viewport::before {
  background: none;
}

body.site-home.home-page .marquee-viewport::after {
  background: none;
}

body.site-home.home-page .marquee-track {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: marqueeMove 58s linear infinite;
}

body.site-home.home-page .marquee-group {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--marquee-gap);
  padding-right: var(--marquee-gap);
}

body.site-home.home-page .marquee-group::before {
  content: "";
  flex: 0 0 var(--marquee-edge-space);
}

body.site-home.home-page .marquee-track span {
  flex: 0 0 auto;
  display: inline-block;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.055em;
  white-space: nowrap;
  padding: 16px 0 18px;
  overflow: visible;
  color: #7dd3fc;
  background: linear-gradient(
    90deg,
    #7dd3fc 0%,
    #38bdf8 20%,
    #22d3ee 45%,
    #60a5fa 72%,
    #8b5cf6 100%
  );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 5px rgba(34, 211, 238, 0.2),
    0 0 14px rgba(56, 189, 248, 0.1);
  opacity: 0.96;
  animation: marqueeGlow 8s linear infinite;
}

body.site-home.home-page .plutar-marquee:hover .marquee-track {
  animation-duration: 72s;
}

@keyframes marqueeMove {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes marqueeGlow {
  from {
    background-position: 0% center;
  }

  to {
    background-position: 200% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .marquee-track,
  body.site-home.home-page .marquee-track span {
    animation: none;
    transform: none;
  }
}

body.site-home.home-page .shell-main {
  position: relative;
  z-index: 1;
  background: #020617;
}

@media (max-width: 920px) {
  body.site-home.home-page .site-header-inner {
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    padding: 20px 18px 0;
  }

  body.site-home.home-page .site-header-left,
  body.site-home.home-page .site-header .nav-primary,
  body.site-home.home-page .site-header .nav-actions {
    justify-content: center;
  }

  body.site-home.home-page .site-header-left {
    flex-wrap: wrap;
    gap: 16px 24px;
  }

  body.site-home.home-page .site-header .nav-primary {
    gap: 16px;
  }

  body.site-home.home-page .site-header .nav-actions {
    gap: 14px;
  }

  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding-top: 176px;
  }
}

@media (max-width: 640px) {
  body.site-home.home-page,
  .home-page {
    background-position: center top;
    overflow-x: hidden;
  }

  body.site-home.home-page .site-brand {
    font-size: 1.4rem;
  }

  body.site-home.home-page .site-header-left,
  body.site-home.home-page .site-header .nav-actions {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  body.site-home.home-page .site-header .nav-primary {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center;
    gap: 12px 16px;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  body.site-home.home-page .site-header .nav-primary::-webkit-scrollbar {
    display: none;
  }

  body.site-home.home-page .site-header .nav-actions .btn {
    min-height: 46px;
    padding: 0 18px;
  }

  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding: 198px 18px 72px;
    gap: 16px;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(3rem, 13.5vw, 4.5rem);
    line-height: 1.02;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    flex: 1 1 150px;
    max-width: 210px;
    min-width: 0;
    padding: 0 18px;
  }

  body.site-home.home-page .hero-proof-list {
    gap: 10px;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 38px;
    padding: 0 16px;
    font-size: 0.84rem;
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: 48px;
    --marquee-gap: 64px;
    width: 100vw;
    margin:
      20px
      calc(50% - 50vw)
      0;
    min-height: 116px;
    padding: 8px 0;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 102px;
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(29px, 8.8vw, 38px);
    line-height: 1.04;
    padding: 15px 0 17px;
    text-shadow:
      0 0 5px rgba(34, 211, 238, 0.22),
      0 0 12px rgba(56, 189, 248, 0.12);
  }
}

/* Homepage open composition pass: keep the page atmosphere visible and remove large boxed section shells. */
body.site-home.home-page,
body.site-home.home-page.home-page {
  background-attachment: scroll;
  background-position: center top;
  background-size: auto;
}

body.site-home.home-page::before,
.home-page::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.site-home.home-page .shell-main,
body.site-home .shell-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(92px, 10vw, 168px) clamp(22px, 5vw, 96px) 0 !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.22), rgba(2, 6, 23, 0.08) 16%, rgba(2, 6, 23, 0.18) 60%, rgba(2, 6, 23, 0.64) 100%) !important;
  overflow: hidden;
  isolation: isolate;
}

body.site-home.home-page .shell-main::before,
body.site-home .shell-main::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.site-home .section,
body.site-home .panel,
body.site-home .infra-section,
body.site-home .proof-section,
body.site-home .results-section,
body.site-home .pipeline-section,
body.site-home .product-proof-section,
body.site-home .systems-section {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.site-home .section {
  position: relative;
  width: min(100%, 1540px);
  margin: 0 auto !important;
  padding: clamp(76px, 9vw, 150px) 0 !important;
  overflow: clip !important;
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

body.site-home .section::before,
body.site-home .section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
  opacity: 0 !important;
}

body.site-home .section > * {
  position: relative;
  z-index: 1;
}

body.site-home .section-head,
body.site-home .results-intro,
body.site-home .pipeline-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(24px, 5vw, 72px);
  width: min(100%, 1320px);
  margin: 0 auto clamp(24px, 3vw, 42px);
  text-align: left;
}

body.site-home .section-head > div:first-child,
body.site-home .results-intro-copy,
body.site-home .pipeline-intro-copy {
  justify-items: start;
  max-width: 760px;
  text-align: left;
}

body.site-home .section-head h2,
body.site-home .proof-section .section-head h2,
body.site-home .pipeline-section .section-head h2,
body.site-home .results-section .section-head h2,
body.site-home .product-proof-section .section-head h2,
body.site-home .systems-section .section-head h2,
body.site-home .proof-editorial-copy h2,
body.site-home .results-intro-copy h2,
body.site-home .pipeline-intro-copy h2,
body.site-home .results-featured-copy h3 {
  max-width: 13.5ch;
  white-space: normal;
  letter-spacing: 0;
  text-align: left;
  text-wrap: balance;
}

body.site-home .section-head h2,
body.site-home .systems-section .section-head h2,
body.site-home .product-proof-section .section-head h2 {
  font-size: clamp(2.45rem, 5vw, 5.35rem);
  line-height: 0.98;
}

body.site-home .section-kicker,
body.site-home .proof-kicker,
body.site-home .hero-visual-kicker {
  letter-spacing: 0.08em;
}

body.site-home .section-head-note,
body.site-home .results-note-pill,
body.site-home .pipeline-note-pill {
  align-self: start;
  border-color: rgba(245, 247, 255, 0.14) !important;
  background: rgba(5, 8, 22, 0.34) !important;
  box-shadow:
    0 16px 42px rgba(2, 6, 23, 0.16),
    inset 0 1px 0 rgba(245, 247, 255, 0.05) !important;
  backdrop-filter: blur(10px);
}

body.site-home .sub,
body.site-home .results-intro-copy .sub,
body.site-home .pipeline-intro-copy .sub {
  max-width: 58ch;
  margin: 0;
  color: rgba(214, 230, 248, 0.78);
}

body.site-home .systems-section .sub,
body.site-home .product-proof-section .sub {
  width: min(100%, 1320px);
  margin: 0 auto;
}

body.site-home .module-card,
body.site-home .proof-feature-row,
body.site-home .proof-editorial-copy,
body.site-home .proof-feature-rail,
body.site-home .results-featured,
body.site-home .results-timeline-item,
body.site-home .pipeline-flow-step,
body.site-home .results__modal,
body.site-home .proof-modal-card,
body.site-home .industry-tag,
body.site-home .module-stats span,
body.site-home .module-lane span,
body.site-home .pipeline-tag-row span,
body.site-home .pipeline-assurance span {
  border-color: rgba(245, 247, 255, 0.1) !important;
  background:
    linear-gradient(145deg, rgba(245, 247, 255, 0.07), rgba(245, 247, 255, 0.018)),
    rgba(5, 8, 22, 0.35) !important;
  box-shadow:
    0 30px 82px rgba(2, 6, 23, 0.22),
    inset 0 1px 0 rgba(245, 247, 255, 0.05) !important;
  backdrop-filter: blur(10px);
}

body.site-home .module-card,
body.site-home .proof-editorial-copy,
body.site-home .proof-feature-rail,
body.site-home .results-featured,
body.site-home .results-timeline-item,
body.site-home .pipeline-flow-step,
body.site-home .results__modal {
  border-width: 1px;
  border-style: solid;
}

body.site-home .module-card:hover,
body.site-home .proof-feature-row:hover,
body.site-home .results-featured:hover,
body.site-home .results-timeline-item:hover,
body.site-home .pipeline-flow-step:hover {
  border-color: rgba(34, 211, 238, 0.22) !important;
  box-shadow:
    0 38px 96px rgba(2, 6, 23, 0.28),
    0 0 56px rgba(34, 211, 238, 0.08),
    inset 0 1px 0 rgba(245, 247, 255, 0.06) !important;
}

body.site-home .systems-section {
  width: min(100%, 1500px);
}

body.site-home .systems-section .section-head {
  grid-template-columns: minmax(0, 0.78fr) minmax(220px, auto);
}

body.site-home .systems-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.74fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: start;
  width: min(100%, 1320px);
  margin: clamp(42px, 5vw, 82px) auto 0;
}

body.site-home .systems-side {
  display: grid;
  gap: clamp(24px, 3.2vw, 46px);
  padding-top: clamp(64px, 8vw, 132px);
}

body.site-home .systems-section .module-card,
body.site-home .systems-section .module-card-primary {
  min-height: auto;
  padding: clamp(26px, 3.2vw, 44px);
  border-radius: 28px;
  gap: 22px;
}

body.site-home .systems-section .module-card-primary {
  min-height: clamp(560px, 52vw, 760px);
}

body.site-home .systems-side .module-card:first-child {
  transform: translate3d(0, 0, 0);
}

body.site-home .systems-side .module-card:not(:first-child):last-child {
  transform: translate3d(clamp(0px, 3vw, 46px), 0, 0);
}

body.site-home .systems-side .module-card:hover:first-child {
  transform: translate3d(0, -6px, 0);
}

body.site-home .systems-side .module-card:hover:not(:first-child):last-child {
  transform: translate3d(clamp(0px, 3vw, 46px), -6px, 0);
}

body.site-home .systems-section .module-card h3 {
  max-width: 12.5ch;
  font-size: clamp(1.5rem, 2.2vw, 2.35rem);
  line-height: 1.02;
  letter-spacing: 0;
}

body.site-home .systems-section .module-card p,
body.site-home .bullet-list li,
body.site-home .proof-feature-copy p,
body.site-home .results-featured-copy p,
body.site-home .results-timeline-copy p,
body.site-home .pipeline-flow-step p {
  color: rgba(214, 230, 248, 0.75);
}

body.site-home .product-proof-section {
  width: min(100%, 1560px);
}

body.site-home .product-proof-results-grid {
  width: min(100%, 1360px);
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(320px, 0.76fr);
  gap: clamp(30px, 5vw, 82px);
  align-items: center;
  margin: clamp(46px, 5vw, 86px) auto 0;
}

body.site-home .product-proof-results-grid .results__preview {
  min-height: clamp(520px, 52vw, 760px);
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
  transform: translate3d(clamp(-28px, -2vw, -10px), 0, 0) rotateY(3deg);
  transform-style: preserve-3d;
}

body.site-home .proof-main-screen img {
  width: min(100%, 1040px);
  max-width: none;
  border-radius: 24px;
  background: rgba(5, 8, 22, 0.42);
  box-shadow:
    0 46px 120px rgba(2, 6, 23, 0.42),
    0 0 72px rgba(34, 211, 238, 0.12),
    inset 0 1px 0 rgba(245, 247, 255, 0.08);
}

body.site-home .product-proof-results-grid .results__modal {
  padding: clamp(26px, 3.6vw, 46px);
  border-radius: 30px;
  transform: translate3d(0, clamp(34px, 5vw, 84px), 0);
}

body.site-home .proof-modal-copy h3 {
  max-width: 11ch;
  font-size: clamp(2rem, 3.1vw, 4rem);
  letter-spacing: 0;
}

body.site-home .proof-section {
  width: min(100%, 1460px);
}

body.site-home .proof-editorial {
  width: min(100%, 1280px);
  margin: 0 auto;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
  gap: clamp(36px, 6vw, 96px);
  align-items: center;
}

body.site-home .proof-editorial-copy,
body.site-home .proof-feature-rail {
  border-radius: 30px;
}

body.site-home .proof-editorial-copy {
  padding: clamp(28px, 3.8vw, 48px);
  transform: translate3d(0, 0, 0) rotateY(3deg);
  overflow: visible;
}

body.site-home .proof-editorial-copy h2 {
  max-width: 10.4ch;
  font-size: clamp(2.45rem, 4vw, 4.7rem);
  line-height: 1;
}

body.site-home .proof-feature-rail {
  padding: clamp(18px, 2.4vw, 30px);
  transform: translate3d(0, 64px, 0) rotateY(-2deg);
}

body.site-home .proof-feature-list {
  gap: clamp(14px, 1.7vw, 24px);
}

body.site-home .proof-feature-row {
  justify-self: start;
  width: min(100%, 820px);
  padding: clamp(18px, 2vw, 26px);
}

body.site-home .proof-feature-row:nth-child(2) {
  margin-left: clamp(0px, 4vw, 74px);
}

body.site-home .proof-feature-row:nth-child(3) {
  margin-left: clamp(0px, 8vw, 140px);
}

body.site-home .results-section {
  --results-entry-offset: clamp(120px, 12vw, 260px);
  --results-featured-entry-offset: clamp(90px, 10vw, 220px);
  width: min(100%, 1500px);
}

body.site-home .results-intro {
  grid-template-columns: minmax(0, 0.72fr) minmax(220px, auto);
  justify-items: stretch;
  text-align: left;
}

body.site-home .results-intro-copy {
  justify-items: start;
}

body.site-home .results-intro-copy h2 {
  max-width: 12ch;
  font-size: clamp(2.65rem, 5vw, 5.8rem);
  text-align: left;
}

body.site-home .results-note-pill {
  justify-self: end;
}

body.site-home .results-featured {
  width: min(100%, 1120px);
  grid-template-columns: minmax(0, 1fr) auto;
  justify-items: start;
  align-items: center;
  gap: clamp(24px, 5vw, 74px);
  margin: clamp(42px, 4vw, 72px) 0 0 auto;
  padding: clamp(28px, 3.6vw, 46px);
  text-align: left;
}

body.site-home .results-featured-copy {
  justify-items: start;
  text-align: left;
}

body.site-home .results-featured-copy h3,
body.site-home .results-featured-copy p {
  text-align: left;
}

body.site-home .results-timeline {
  width: min(100%, 1220px);
  gap: clamp(22px, 2.8vw, 40px);
  margin: clamp(30px, 4vw, 58px) auto 0;
  justify-items: stretch;
}

body.site-home .results-timeline-item {
  width: min(76%, 880px);
  justify-items: start;
  text-align: left;
  padding: clamp(22px, 2.4vw, 32px);
}

body.site-home .results-timeline-item:nth-child(1),
body.site-home .results-timeline-item:nth-child(3) {
  justify-self: start;
}

body.site-home .results-timeline-item:nth-child(2) {
  justify-self: end;
}

body.site-home .results-timeline-copy {
  justify-items: start;
  text-align: left;
}

body.site-home .results-timeline-copy h3,
body.site-home .results-timeline-copy p {
  text-align: left;
}

body.site-home .results-section .result-note {
  margin: clamp(28px, 4vw, 62px) 0 0 auto;
  text-align: left;
}

body.site-home .pipeline-section {
  width: min(100%, 1520px);
}

body.site-home .pipeline-intro {
  grid-template-columns: minmax(0, 0.82fr) minmax(220px, auto);
}

body.site-home .pipeline-intro-copy h2 {
  max-width: 13ch;
  font-size: clamp(2.5rem, 4.8vw, 5.45rem);
}

body.site-home .pipeline-rail {
  width: min(100%, 1240px);
  margin: clamp(30px, 4vw, 58px) auto clamp(18px, 3vw, 38px);
  opacity: 0.64;
}

body.site-home .pipeline-flow {
  width: min(100%, 1280px);
  grid-template-columns: minmax(0, 0.9fr) minmax(42px, 0.12fr) minmax(0, 1.05fr) minmax(42px, 0.12fr) minmax(0, 0.9fr);
  gap: clamp(10px, 2vw, 28px);
  margin: 0 auto;
}

body.site-home .pipeline-flow-step {
  padding: clamp(24px, 2.7vw, 36px);
  border-radius: 30px;
}

body.site-home .pipeline-flow-step-featured {
  transform: translateY(clamp(-42px, -4vw, -24px));
}

body.site-home .pipeline-flow-step p {
  max-width: 32ch;
}

body.site-home .pipeline-footer {
  width: min(100%, 1180px);
  margin: clamp(34px, 5vw, 72px) auto 0;
  border-top: 0;
}

@media (max-width: 1180px) {
  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    padding-inline: clamp(18px, 4vw, 48px) !important;
  }

  body.site-home .section {
    width: min(100%, 960px);
  }

  body.site-home .section-head,
  body.site-home .results-intro,
  body.site-home .pipeline-intro,
  body.site-home .systems-section .section-head {
    grid-template-columns: 1fr;
  }

  body.site-home .section-head-note,
  body.site-home .results-note-pill,
  body.site-home .pipeline-note-pill {
    justify-self: start;
  }

  body.site-home .systems-layout,
  body.site-home .product-proof-results-grid,
  body.site-home .proof-editorial,
  body.site-home .results-featured,
  body.site-home .pipeline-flow {
    grid-template-columns: 1fr;
  }

  body.site-home .systems-side,
  body.site-home .proof-feature-rail,
  body.site-home .product-proof-results-grid .results__modal,
  body.site-home .product-proof-results-grid .results__preview,
  body.site-home .pipeline-flow-step-featured,
  body.site-home .proof-editorial-copy {
    padding-top: 0;
    transform: none;
  }

  body.site-home .systems-side .module-card:last-child,
  body.site-home .systems-side .module-card:hover:last-child {
    transform: none;
  }

  body.site-home .systems-section .module-card-primary {
    min-height: auto;
  }

  body.site-home .product-proof-results-grid .results__preview {
    min-height: auto;
  }

  body.site-home .proof-feature-row,
  body.site-home .proof-feature-row:nth-child(2),
  body.site-home .proof-feature-row:nth-child(3),
  body.site-home .results-timeline-item {
    width: 100%;
    margin-left: 0;
    justify-self: stretch;
  }

  body.site-home .pipeline-flow-connector {
    display: none;
  }

  body.site-home .pipeline-footer {
    grid-template-columns: 1fr;
  }

  body.site-home .pipeline-assurance {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page,
  body.site-home.home-page.home-page {
    background-attachment: scroll;
    background-position: center top;
  }

  body.site-home.home-page .hero-home-copy,
  body.site-home.home-page .hero-home-subtext,
  body.site-home.home-page .hero__top,
  body.site-home.home-page .hero__title,
  body.site-home.home-page .hero__subtext {
    width: 100%;
    max-width: 100%;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    width: calc(100vw - 54px);
    max-width: calc(100vw - 54px);
    font-size: clamp(2rem, 8.65vw, 2.78rem) !important;
    line-height: 1.04;
  }

  body.site-home.home-page .hero-home-copy .hero-type-line,
  body.site-home.home-page .hero-home-copy .hero-type-line-text {
    max-width: 100%;
    white-space: nowrap;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: 100%;
    max-width: 100%;
    gap: 10px;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    flex: 1 1 0;
    min-width: 0 !important;
    padding: 0 12px;
    font-size: 0.9rem;
  }

  body.site-home.home-page .site-header-inner {
    width: 100%;
    max-width: 100%;
    padding-inline: 18px;
  }

  body.site-home.home-page .site-header-left {
    width: 100%;
  }

  body.site-home.home-page .site-header .nav-primary {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
    overflow: visible;
  }

  body.site-home.home-page .site-header .nav-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
  }

  body.site-home.home-page .site-header .nav-group > a {
    font-size: 0.84rem;
  }

  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    padding: 72px 18px 0 !important;
  }

  body.site-home .section {
    padding: clamp(58px, 15vw, 96px) 0 !important;
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    max-width: none;
    font-size: clamp(2.3rem, 11vw, 3.55rem);
    line-height: 1.02;
  }

  body.site-home .section-head-note,
  body.site-home .results-note-pill,
  body.site-home .pipeline-note-pill {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  body.site-home .systems-section .module-card,
  body.site-home .systems-section .module-card-primary,
  body.site-home .proof-editorial-copy,
  body.site-home .proof-feature-rail,
  body.site-home .results-featured,
  body.site-home .results-timeline-item,
  body.site-home .pipeline-flow-step,
  body.site-home .product-proof-results-grid .results__modal {
    padding: 22px;
    border-radius: 24px;
  }

  body.site-home .proof-main-screen img {
    border-radius: 18px;
  }

  body.site-home .product-proof-results-grid {
    gap: 24px;
  }

  body.site-home .proof-feature-row {
    grid-template-columns: 1fr;
  }

  body.site-home .results-featured-metric {
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
    border-radius: 24px;
  }

  body.site-home .pipeline-flow-step .btn {
    width: 100%;
    justify-content: center;
  }

}

/* Homepage wrapper flattening: parent areas stay invisible, only individual islands carry glass. */
body.site-home .proof-feature-rail,
body.site-home .product-proof-results-grid .results__modal {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

body.site-home .proof-feature-rail::before,
body.site-home .proof-feature-rail::after,
body.site-home .product-proof-results-grid .results__modal::before,
body.site-home .product-proof-results-grid .results__modal::after {
  display: none !important;
}

body.site-home .proof-feature-rail {
  padding: 0 !important;
}

body.site-home .product-proof-results-grid .results__modal {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
  padding: 0 !important;
}

body.site-home .product-proof-results-grid .results__modal > .hero-visual-caption,
body.site-home .product-proof-results-grid .proof-modal-copy {
  width: fit-content;
  max-width: min(100%, 460px);
}

body.site-home .proof-modal-stack {
  gap: 16px;
}

body.site-home .proof-modal-card {
  box-shadow:
    0 22px 62px rgba(2, 6, 23, 0.24),
    inset 0 1px 0 rgba(245, 247, 255, 0.05) !important;
}

body.site-home .module-stats span,
body.site-home .results-featured-metric {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.site-home .module-stats span {
  padding: 2px 0 2px 14px;
  border-left: 1px solid rgba(34, 211, 238, 0.28) !important;
  border-radius: 0;
}

body.site-home .results-featured-metric {
  padding: 0;
}

body.site-home .results-featured-metric::before,
body.site-home .results-featured-metric::after {
  display: none;
}

/* Homepage cinematic composition pass: de-emphasize large boxes while preserving small UI islands. */
body.site-home.home-page .shell-main,
body.site-home .shell-main {
  padding-top: clamp(112px, 12vw, 190px) !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.08), rgba(2, 6, 23, 0.03) 18%, rgba(2, 6, 23, 0.1) 58%, rgba(2, 6, 23, 0.5) 100%) !important;
}

body.site-home .section {
  padding: clamp(96px, 12vw, 190px) 0 !important;
}

body.site-home .systems-section .module-card,
body.site-home .systems-section .module-card-primary,
body.site-home .proof-editorial-copy,
body.site-home .results-featured,
body.site-home .results-timeline-item,
body.site-home .pipeline-flow-step {
  border: 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(34, 211, 238, 0.12), transparent 42%),
    radial-gradient(circle at 100% 8%, rgba(124, 58, 237, 0.12), transparent 38%),
    linear-gradient(145deg, rgba(245, 247, 255, 0.052), rgba(245, 247, 255, 0.014)),
    rgba(5, 8, 22, 0.31) !important;
  box-shadow:
    0 36px 110px rgba(2, 6, 23, 0.3),
    0 0 76px rgba(34, 211, 238, 0.055) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.site-home .systems-section .module-card::after,
body.site-home .proof-editorial-copy::after,
body.site-home .results-featured::after,
body.site-home .results-timeline-item::after,
body.site-home .pipeline-flow-step::after {
  display: none !important;
}

body.site-home .systems-layout,
body.site-home .product-proof-results-grid,
body.site-home .proof-editorial,
body.site-home .pipeline-flow {
  gap: clamp(48px, 7vw, 116px);
}

body.site-home .systems-section .module-card-primary {
  transform: translate3d(clamp(-38px, -2.4vw, -18px), 0, 0);
}

body.site-home .systems-side {
  gap: clamp(42px, 5vw, 84px);
  padding-top: clamp(94px, 10vw, 172px);
}

body.site-home.home-page #systems.systems-section {
  padding-bottom: clamp(28px, 3.6vw, 56px) !important;
}

body.site-home.home-page #systems .systems-layout {
  margin-top: clamp(36px, 4.6vw, 72px);
  margin-bottom: clamp(22px, 3vw, 46px);
}

body.site-home.home-page #systems .systems-side {
  gap: clamp(30px, 4vw, 58px);
  padding-top: clamp(58px, 7vw, 118px);
}

body.site-home.home-page #systems + #visual-proof {
  padding-top: clamp(36px, 4vw, 64px) !important;
}

body.site-home .systems-side .module-card:first-child {
  transform: translate3d(0, clamp(-34px, -2vw, -16px), 0);
}

body.site-home .systems-side .module-card:last-child {
  transform: translate3d(clamp(28px, 4.5vw, 78px), clamp(34px, 4vw, 72px), 0);
}

body.site-home .systems-side .module-card:hover:first-child {
  transform: translate3d(0, calc(clamp(-34px, -2vw, -16px) - 6px), 0);
}

body.site-home .systems-side .module-card:hover:last-child {
  transform: translate3d(clamp(28px, 4.5vw, 78px), calc(clamp(34px, 4vw, 72px) - 6px), 0);
}

body.site-home .product-proof-results-grid .results__preview {
  transform: translate3d(clamp(-58px, -4vw, -18px), 0, 0) rotateY(4deg);
}

body.site-home .proof-main-screen img {
  border: 0;
  background: rgba(5, 8, 22, 0.25);
  box-shadow:
    0 52px 142px rgba(2, 6, 23, 0.44),
    0 0 98px rgba(34, 211, 238, 0.13);
}

body.site-home .product-proof-results-grid .proof-modal-card:nth-child(2) {
  transform: translateX(clamp(0px, 2.6vw, 42px));
}

body.site-home .product-proof-results-grid .proof-modal-card:nth-child(3) {
  transform: translateX(clamp(0px, 5vw, 76px));
}

body.site-home .proof-editorial-copy {
  padding-left: 0;
  background:
    radial-gradient(ellipse at 0% 12%, rgba(34, 211, 238, 0.16), transparent 48%),
    transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.site-home .proof-feature-row,
body.site-home .proof-modal-card {
  border-color: rgba(245, 247, 255, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(245, 247, 255, 0.052), rgba(245, 247, 255, 0.018)),
    rgba(5, 8, 22, 0.28) !important;
}

body.site-home .results-featured {
  margin-right: clamp(0px, 5vw, 96px);
}

body.site-home .results-timeline {
  gap: clamp(36px, 4.5vw, 76px);
}

body.site-home .pipeline-flow-step-featured {
  transform: translateY(clamp(-60px, -5vw, -32px));
}

body.site-home .pipeline-flow-step:nth-child(1) {
  transform: translateY(clamp(18px, 3vw, 46px));
}

body.site-home .pipeline-flow-step:nth-child(5) {
  transform: translateY(clamp(48px, 5vw, 86px));
}

/* Homepage typography balance: Satoshi wordmark font across display and support copy. */
body.site-home.home-page,
body.site-home.home-page p,
body.site-home.home-page a,
body.site-home.home-page button,
body.site-home.home-page span,
body.site-home.home-page li,
body.site-home.home-page .sub,
body.site-home.home-page .hero-hook-sub,
body.site-home.home-page .section-head-note,
body.site-home.home-page .module-chip,
body.site-home.home-page .industry-tag,
body.site-home.home-page .result-note {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}

body.site-home.home-page h1,
body.site-home.home-page h2,
body.site-home.home-page h3,
body.site-home.home-page .hero-type-lockup,
body.site-home.home-page .hero-type-line,
body.site-home.home-page .hero-type-line-text,
body.site-home.home-page .section-title {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.04em;
}

body.site-home.home-page .hero-home-copy,
body.site-home.home-page .hero-home-subtext {
  width: min(100%, 1010px);
  max-width: 1010px;
}

body.site-home.home-page .hero,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero__grid {
  gap: clamp(14px, 2vh, 24px);
  padding-right: clamp(28px, 5vw, 80px);
  padding-left: clamp(28px, 5vw, 80px);
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  max-width: min(100%, 930px);
  font-size: clamp(3.05rem, 6.15vw, 6.05rem);
  line-height: 1.02;
}

body.site-home.home-page .hero-home-subtext {
  gap: clamp(14px, 1.8vh, 22px);
  padding-top: clamp(12px, 2.2vh, 32px);
}

body.site-home.home-page .hero-hook-sub {
  max-width: 54ch;
  color: rgba(232, 240, 250, 0.9);
  font-size: clamp(1.18rem, 1.35vw, 1.5rem);
  line-height: 1.66;
}

body.site-home.home-page .hero-proof-list {
  margin-top: clamp(10px, 1.8vh, 22px);
}

body.site-home .section-head,
body.site-home .results-intro,
body.site-home .pipeline-intro {
  align-items: start;
  gap: clamp(18px, 4vw, 58px);
  margin-bottom: clamp(18px, 2.4vw, 34px);
}

body.site-home .section-head > div:first-child,
body.site-home .results-intro-copy,
body.site-home .pipeline-intro-copy {
  max-width: 700px;
  display: grid;
  gap: clamp(8px, 1vw, 14px);
}

body.site-home .section-head h2,
body.site-home .proof-section .section-head h2,
body.site-home .pipeline-section .section-head h2,
body.site-home .results-section .section-head h2,
body.site-home .product-proof-section .section-head h2,
body.site-home .systems-section .section-head h2,
body.site-home .proof-editorial-copy h2,
body.site-home .results-intro-copy h2,
body.site-home .pipeline-intro-copy h2 {
  max-width: 14.25ch;
  font-size: clamp(2.15rem, 4.25vw, 4.65rem);
  line-height: 1.03;
}

body.site-home .results-featured-copy h3,
body.site-home .systems-section .module-card h3,
body.site-home .proof-feature-copy h3,
body.site-home .results-timeline-copy h3,
body.site-home .pipeline-flow-step h3,
body.site-home .proof-modal-copy h3 {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

body.site-home .sub,
body.site-home .results-intro-copy .sub,
body.site-home .pipeline-intro-copy .sub {
  max-width: 62ch;
  color: rgba(226, 236, 249, 0.88);
  font-size: clamp(1.08rem, 1.12vw, 1.28rem);
  line-height: 1.72;
}

body.site-home .systems-section .module-card p,
body.site-home .bullet-list li,
body.site-home .proof-feature-copy p,
body.site-home .results-featured-copy p,
body.site-home .results-timeline-copy p,
body.site-home .pipeline-flow-step p,
body.site-home .proof-modal-copy p,
body.site-home .proof-modal-card span,
body.site-home .result-note {
  color: rgba(226, 236, 249, 0.84);
  font-size: clamp(0.98rem, 0.98vw, 1.12rem);
  line-height: 1.68;
}

body.site-home .section-kicker,
body.site-home .proof-kicker,
body.site-home .hero-visual-kicker,
body.site-home .module-chip {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
}

@media (max-width: 1180px) {
  body.site-home .systems-section .module-card-primary,
  body.site-home .systems-side .module-card:first-child,
  body.site-home .systems-side .module-card:hover:first-child,
  body.site-home .systems-side .module-card:last-child,
  body.site-home .systems-side .module-card:hover:last-child,
  body.site-home .product-proof-results-grid .results__preview,
  body.site-home .pipeline-flow-step,
  body.site-home .pipeline-flow-step-featured,
  body.site-home .pipeline-flow-step:nth-child(1),
  body.site-home .pipeline-flow-step:nth-child(5),
  body.site-home .product-proof-results-grid .proof-modal-card:nth-child(2),
  body.site-home .product-proof-results-grid .proof-modal-card:nth-child(3) {
    transform: none;
  }

  body.site-home .systems-side {
    padding-top: 0;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    padding-top: 82px !important;
  }

  body.site-home .section {
    padding: clamp(68px, 18vw, 112px) 0 !important;
  }

  body.site-home .systems-section .module-card,
  body.site-home .systems-section .module-card-primary,
  body.site-home .proof-feature-row,
  body.site-home .results-featured,
  body.site-home .results-timeline-item,
  body.site-home .pipeline-flow-step,
  body.site-home .proof-modal-card {
    background:
      linear-gradient(145deg, rgba(245, 247, 255, 0.06), rgba(245, 247, 255, 0.018)),
      rgba(5, 8, 22, 0.36) !important;
  }

  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding-right: 26px;
    padding-left: 26px;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.5rem, 11.8vw, 3.85rem);
    line-height: 1.05;
  }

  body.site-home.home-page .hero-hook-sub,
  body.site-home .sub,
  body.site-home .results-intro-copy .sub,
  body.site-home .pipeline-intro-copy .sub {
    font-size: clamp(1.06rem, 4.6vw, 1.22rem);
    line-height: 1.7;
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    font-size: clamp(2.05rem, 9.6vw, 3.15rem);
    line-height: 1.06;
  }
}

/* Keep primary narrative areas open; reserve glass boxes for supporting islands. */
body.site-home .systems-section .module-card-primary,
body.site-home .proof-editorial-copy,
body.site-home .results-featured {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

body.site-home .systems-section .module-card-primary::before,
body.site-home .systems-section .module-card-primary::after,
body.site-home .proof-editorial-copy::before,
body.site-home .proof-editorial-copy::after,
body.site-home .results-featured::before,
body.site-home .results-featured::after {
  display: none !important;
}

body.site-home .systems-section .module-card-primary {
  padding-left: 0;
  padding-right: clamp(14px, 2vw, 28px);
}

body.site-home .systems-section .module-card-primary h3,
body.site-home .systems-section .module-card-primary p,
body.site-home .proof-editorial-copy h2,
body.site-home .proof-editorial-copy .sub,
body.site-home .results-featured-copy h3,
body.site-home .results-featured-copy p {
  text-shadow: 0 18px 40px rgba(2, 6, 23, 0.5);
}

body.site-home .systems-section .module-card-primary p,
body.site-home .systems-section .module-card-primary li,
body.site-home .systems-section .module-card-primary .module-foot-copy,
body.site-home .proof-editorial-copy .sub,
body.site-home .results-featured-copy p {
  color: rgba(240, 248, 255, 0.88) !important;
  text-shadow:
    0 2px 16px rgba(2, 6, 23, 0.72),
    0 18px 44px rgba(2, 6, 23, 0.56);
}

body.site-home .results-featured {
  width: min(100%, 980px);
  padding-inline: 0;
}

body.site-home .results-featured-metric {
  background: rgba(5, 8, 22, 0.22) !important;
  box-shadow: 0 24px 70px rgba(2, 6, 23, 0.22) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 28px;
  padding: clamp(18px, 2.2vw, 28px);
}

body.site-home .results-timeline-item {
  width: min(64%, 760px);
}

body.site-home .pipeline-flow-step:nth-child(1),
body.site-home .pipeline-flow-step:nth-child(5) {
  background:
    linear-gradient(145deg, rgba(245, 247, 255, 0.035), rgba(245, 247, 255, 0.01)),
    rgba(5, 8, 22, 0.2) !important;
  box-shadow: 0 30px 92px rgba(2, 6, 23, 0.22) !important;
}

@media (max-width: 1180px) {
  body.site-home .systems-section .module-card-primary,
  body.site-home .proof-editorial-copy,
  body.site-home .results-featured {
    padding-inline: 0;
  }

  body.site-home .results-timeline-item {
    width: 100%;
  }
}

/* Homepage 4K space background system: clean layered stars, no image/video media layer. */
body.site-home.home-page {
  background: transparent !important;
}

body.site-home.home-page .site-space-background {
  position: fixed;
  inset: 0;
  width: auto;
  height: 100vh;
  z-index: -10;
  overflow: hidden;
  background: #020617;
  pointer-events: none;
  perspective: none;
  transform-style: flat;
}

body.site-home.home-page .space-layer {
  position: absolute;
  inset: -10vh -10vw;
  background-repeat: no-repeat;
  z-index: 0;
  transform-style: flat;
  backface-visibility: hidden;
  transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: auto;
}

body.site-home.home-page .space-layer-deep {
  background:
    linear-gradient(180deg, #000106 0%, #020512 46%, #000107 100%);
  transform: translate3d(0, var(--space-deep-y, 0px), 0);
}

body.site-home.home-page .space-layer-mid {
  background: none;
  opacity: 0;
  filter: none;
  transform: translate3d(var(--space-mid-x, 0px), var(--space-mid-y, 0px), 0) scale(1.08);
  animation: none;
}

body.site-home.home-page .space-layer-near {
  background: none;
  opacity: 0;
  filter: none;
  transform: translate3d(var(--space-near-x, 0px), calc(var(--space-near-y, 0px) + var(--why-parallax-y, 0px)), 0) scale(1.12);
  animation: none;
}

body.site-home.home-page .space-vignette {
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(0, 1, 7, 0.28), rgba(0, 1, 7, 0.12) 38%, rgba(0, 1, 7, 0.58) 84%),
    linear-gradient(90deg, rgba(0, 1, 7, 0.66), rgba(0, 1, 7, 0.08) 26%, rgba(0, 1, 7, 0.1) 72%, rgba(0, 1, 7, 0.68)),
    linear-gradient(180deg, rgba(0, 1, 7, 0.22), rgba(0, 1, 7, 0.04) 36%, rgba(0, 1, 7, 0.74) 100%);
}

/* Homepage star rush canvas intro: individual stars only, no overlay streaks. */
body.site-home.home-page .star-bg {
  transform-origin: 50% 50%;
  animation: none;
  will-change: auto;
}

body.site-home.home-page .star-bg::before,
body.site-home.home-page .star-bg::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
  pointer-events: none;
  opacity: 0;
}

html.performance-pending body.site-home.home-page .site-space-background {
  display: block !important;
  background-color: #020617 !important;
  background-image: none !important;
}

html.performance-pending body.site-home.home-page .site-space-background .space-layer {
  display: block !important;
  animation: none !important;
}

html.performance-pending body.site-home.home-page .site-space-background .space-layer-mid {
  opacity: 0 !important;
}

html.performance-pending body.site-home.home-page .site-space-background .space-layer-near {
  opacity: 0 !important;
}

html.low-performance body.site-home.home-page .site-space-background {
  display: block !important;
  background-color: #020617 !important;
  background-image: none !important;
}

html.low-performance body.site-home.home-page .site-space-background .space-layer {
  display: block !important;
  animation: none !important;
  filter: none !important;
  will-change: auto !important;
}

html.low-performance body.site-home.home-page .site-space-background .space-layer-mid {
  opacity: 0 !important;
  transform: translate3d(0, 0, 0) scale(1.08) !important;
}

html.low-performance body.site-home.home-page .site-space-background .space-layer-near {
  opacity: 0 !important;
  transform: translate3d(0, 0, 0) scale(1.12) !important;
}

html.low-performance body.site-home.home-page .star-rush-canvas {
  display: block !important;
}

body.site-home.home-page .star-rush-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block !important;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout paint style;
  transition: none !important;
  will-change: auto;
}

/* Live marker guard: one persistent star canvas owns both intro rush and calm drift. */
body.site-home.home-page .star-rush-canvas {
  z-index: 2 !important;
}

body.site-home.home-page .star-rush-canvas.is-fading-out {
  opacity: 1 !important;
  transition: none !important;
}

body.site-home.home-page .hero-home-copy,
body.site-home.home-page .hero-refresh-actions,
body.site-home.home-page .hero-home-subtext,
body.site-home.home-page .hero-proof-list,
body.site-home.home-page .scroll-arrow-3d {
  position: relative;
  z-index: 10 !important;
}

body.site-home.home-page .hero-stage,
body.site-home.home-page .hero,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero__grid {
  background: transparent !important;
}

body.site-home.home-page .hero-stage,
body.site-home.home-page .shell-main,
body.site-home.home-page #site-footer {
  position: relative;
  z-index: 1;
}

body.site-home.home-page .shell-main,
body.site-home .shell-main {
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.3), rgba(2, 6, 23, 0.08) 18%, rgba(2, 6, 23, 0.16) 58%, rgba(2, 6, 23, 0.62) 100%) !important;
}

body.site-home.home-page .hero-home-refresh {
  padding-top: clamp(154px, 19vh, 230px);
  padding-bottom: clamp(104px, 12vh, 156px);
}

body.site-home.home-page .hero__grid {
  gap: clamp(22px, 3.2vh, 42px);
}

body.site-home.home-page .hero-home-copy {
  position: relative;
  z-index: 2;
  transform: translateY(clamp(8px, 1.7vh, 24px));
  background:
    radial-gradient(ellipse at 42% 46%, rgba(0, 1, 7, 0.68), rgba(0, 1, 7, 0.32) 44%, transparent 72%);
  filter: drop-shadow(0 24px 70px rgba(2, 6, 23, 0.42));
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  letter-spacing: -0.047em;
  line-height: 0.99;
  text-shadow:
    0 5px 28px rgba(2, 6, 23, 0.78),
    0 22px 78px rgba(14, 165, 233, 0.1);
}

body.site-home.home-page .hero-home-subtext {
  gap: clamp(13px, 1.45vh, 20px);
  padding-top: clamp(10px, 1.8vh, 24px);
}

body.site-home.home-page .hero-hook-sub {
  color: rgba(239, 246, 255, 0.92);
  line-height: 1.62;
  text-shadow: 0 4px 28px rgba(2, 6, 23, 0.74);
}

body.site-home.home-page .hero-refresh-actions {
  position: relative;
  z-index: 3;
  margin-top: clamp(20px, 2.7vh, 34px);
}

body.site-home.home-page .hero-refresh-actions .btn-primary {
  box-shadow:
    0 0 0 1px rgba(125, 211, 252, 0.18),
    0 16px 42px rgba(14, 165, 233, 0.18),
    0 34px 90px rgba(2, 6, 23, 0.42);
}

@keyframes midStarDrift {
  from {
    transform: translate3d(var(--space-mid-x, 0px), var(--space-mid-y, 0px), 0) scale(1.08);
  }
  to {
    transform: translate3d(calc(var(--space-mid-x, 0px) + 0.82%), calc(var(--space-mid-y, 0px) - 0.54%), 0) scale(1.085);
  }
}

@keyframes nearStarsDrift {
  from {
    transform: translate3d(var(--space-near-x, 0px), calc(var(--space-near-y, 0px) + var(--why-parallax-y, 0px)), 0) scale(1.12);
  }
  to {
    transform: translate3d(calc(var(--space-near-x, 0px) + 1.35%), calc(var(--space-near-y, 0px) + var(--why-parallax-y, 0px) - 0.88%), 0) scale(1.125);
  }
}

@keyframes naturalStarTwinkle {
  0%, 100% { opacity: 0.62; }
  38% { opacity: 0.74; }
  68% { opacity: 0.66; }
}

@keyframes starTwinkle {
  from { opacity: 0.74; }
  to { opacity: 0.88; }
}

html.high-performance body.site-home.home-page .space-layer-mid,
html.high-performance body.site-home.home-page.is-motion-optimized .space-layer-mid {
  animation: midStarDrift 68s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}

html.high-performance body.site-home.home-page .space-layer-near,
html.high-performance body.site-home.home-page.is-motion-optimized .space-layer-near {
  animation: nearStarsDrift 54s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}

html.medium-performance body.site-home.home-page .space-layer-mid,
html.medium-performance body.site-home.home-page.is-motion-optimized .space-layer-mid {
  animation: midStarDrift 96s ease-in-out infinite alternate !important;
  will-change: transform;
}

html.medium-performance body.site-home.home-page .space-layer-near,
html.medium-performance body.site-home.home-page.is-motion-optimized .space-layer-near {
  animation: nearStarsDrift 82s ease-in-out infinite alternate !important;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .star-bg,
  body.site-home.home-page .space-layer-mid,
  body.site-home.home-page .space-layer-near {
    animation: none !important;
  }

  body.site-home.home-page .star-bg {
    transform: none !important;
    filter: none !important;
  }

  body.site-home.home-page .star-bg::before,
  body.site-home.home-page .star-bg::after {
    opacity: 0 !important;
    display: none !important;
  }

  body.site-home.home-page .star-rush-canvas {
    opacity: 1 !important;
    transition: none !important;
  }
}

@media (max-width: 700px) {
  body.site-home.home-page .star-bg {
    animation: none;
  }

  body.site-home.home-page .space-layer {
    inset: -8vh -18vw;
  }

  body.site-home.home-page .space-layer-mid {
    background: none;
    opacity: 0;
  }

  body.site-home.home-page .space-layer-near {
    background: none;
    opacity: 0;
  }
}

/* Homepage Why Plutar premium motion: scoped to the existing section only. */
body.site-home.home-page #systems.reveal-section {
  opacity: 0;
  transform: translateY(40px);
  filter: blur(10px);
  transition:
    opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 900ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform, filter;
}

body.site-home.home-page #systems.reveal-section.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

body.site-home.home-page #systems .systems-layout {
  perspective: 1200px;
}

body.site-home.home-page #systems .section-eyebrow {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 500ms ease, transform 500ms ease;
}

body.site-home.home-page #systems.is-visible .section-eyebrow {
  opacity: 1;
  transform: translateY(0);
  animation: eyebrowGlow 1.8s ease-out 1;
}

@keyframes eyebrowGlow {
  0% { text-shadow: 0 0 0 rgba(34, 211, 238, 0); }
  45% { text-shadow: 0 0 18px rgba(34, 211, 238, 0.65); }
  100% { text-shadow: 0 0 0 rgba(34, 211, 238, 0); }
}

body.site-home.home-page #systems .why-title span {
  display: block;
  opacity: 0;
  transform: translateY(24px);
  letter-spacing: -0.01em;
  transition:
    opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
    letter-spacing 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .why-title span {
  opacity: 1;
  transform: translateY(0);
  letter-spacing: -0.04em;
}

body.site-home.home-page #systems.is-visible .why-title span:nth-child(1) { transition-delay: 100ms; }
body.site-home.home-page #systems.is-visible .why-title span:nth-child(2) { transition-delay: 220ms; }
body.site-home.home-page #systems.is-visible .why-title span:nth-child(3) { transition-delay: 340ms; }

body.site-home.home-page #systems .why-intro {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 650ms ease,
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .why-intro {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 520ms;
}

body.site-home.home-page #systems .section-pill {
  opacity: 0;
  transform: translateX(16px);
  transition:
    opacity 650ms ease,
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 250ms ease;
}

body.site-home.home-page #systems.is-visible .section-pill {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 420ms;
}

body.site-home.home-page #systems .section-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.25);
}

body.site-home.home-page #systems .feature-icon {
  opacity: 0;
  transform: scale(0.8) rotate(-6deg);
  transition:
    opacity 600ms ease,
    transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .feature-icon {
  opacity: 1;
  transform: scale(1) rotate(0deg);
  transition-delay: 620ms;
  animation: iconPulse 2.4s ease-in-out 1;
}

@keyframes iconPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(34, 211, 238, 0); }
  45% { box-shadow: 0 0 28px rgba(34, 211, 238, 0.35); }
}

body.site-home.home-page #systems .feature-title,
body.site-home.home-page #systems .feature-copy {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 650ms ease,
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .feature-title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 720ms;
}

body.site-home.home-page #systems.is-visible .feature-copy {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 820ms;
}

body.site-home.home-page #systems .stat-item {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 500ms ease,
    transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .stat-item {
  opacity: 1;
  transform: translateY(0);
}

body.site-home.home-page #systems.is-visible .stat-item:nth-child(1) { transition-delay: 920ms; }
body.site-home.home-page #systems.is-visible .stat-item:nth-child(2) { transition-delay: 1020ms; }
body.site-home.home-page #systems.is-visible .stat-item:nth-child(3) { transition-delay: 1120ms; }

body.site-home.home-page #systems .stat-item::before {
  transition: box-shadow 250ms ease;
}

body.site-home.home-page #systems .stat-item:hover::before {
  box-shadow: 0 0 14px rgba(34, 211, 238, 0.45);
}

body.site-home.home-page #systems .feature-tag {
  opacity: 0;
  transform: translateY(10px) scale(0.96);
  transition:
    opacity 450ms ease,
    transform 450ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 250ms ease;
}

body.site-home.home-page #systems.is-visible .feature-tag {
  opacity: 1;
  transform: translateY(0) scale(1);
}

body.site-home.home-page #systems.is-visible .feature-tag:nth-child(1) { transition-delay: 1180ms; }
body.site-home.home-page #systems.is-visible .feature-tag:nth-child(2) { transition-delay: 1260ms; }
body.site-home.home-page #systems.is-visible .feature-tag:nth-child(3) { transition-delay: 1340ms; }

body.site-home.home-page #systems .feature-tag:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.18);
}

body.site-home.home-page #systems .bullet-row {
  opacity: 0;
  transform: translateX(-12px);
  transition:
    opacity 550ms ease,
    transform 550ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .bullet-row {
  opacity: 1;
  transform: translateX(0);
}

body.site-home.home-page #systems.is-visible .bullet-row:nth-child(1) { transition-delay: 1420ms; }
body.site-home.home-page #systems.is-visible .bullet-row:nth-child(2) { transition-delay: 1520ms; }
body.site-home.home-page #systems.is-visible .bullet-row:nth-child(3) { transition-delay: 1620ms; }

body.site-home.home-page #systems .bullet-row::before {
  animation: bulletGlow 2.8s ease-in-out infinite;
}

@keyframes bulletGlow {
  0%, 100% { box-shadow: 0 0 4px rgba(34, 211, 238, 0.25); }
  50% { box-shadow: 0 0 14px rgba(34, 211, 238, 0.65); }
}

body.site-home.home-page #systems .proof-note {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 650ms ease,
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .proof-note {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1760ms;
}

body.site-home.home-page #systems .right-feature-card {
  opacity: 0;
  transform: translateY(32px) scale(0.96) rotateX(4deg);
  transform-style: preserve-3d;
  transition:
    opacity 800ms ease,
    transform 800ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 250ms ease,
    border-color 250ms ease;
}

body.site-home.home-page #systems.is-visible .right-feature-card {
  opacity: 1;
  transform: translateY(0) scale(1) rotateX(0deg);
  transition-delay: 850ms;
}

body.site-home.home-page #systems .right-feature-card:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(34, 211, 238, 0.22);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.45),
    0 0 40px rgba(34, 211, 238, 0.14);
}

body.site-home.home-page #systems.is-visible .right-feature-card .card-icon {
  animation: cardIconFloat 4s ease-in-out infinite;
}

@keyframes cardIconFloat {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.16);
  }
  50% {
    transform: translateY(-4px);
    box-shadow: 0 0 28px rgba(34, 211, 238, 0.32);
  }
}

body.site-home.home-page #systems .right-card-list li {
  opacity: 0;
  transform: translateX(-10px);
  transition:
    opacity 500ms ease,
    transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.site-home.home-page #systems.is-visible .right-card-list li {
  opacity: 1;
  transform: translateX(0);
}

body.site-home.home-page #systems.is-visible .right-card-list li:nth-child(1) { transition-delay: 1200ms; }
body.site-home.home-page #systems.is-visible .right-card-list li:nth-child(2) { transition-delay: 1300ms; }
body.site-home.home-page #systems.is-visible .right-card-list li:nth-child(3) { transition-delay: 1400ms; }

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #systems.reveal-section,
  body.site-home.home-page #systems .section-eyebrow,
  body.site-home.home-page #systems .why-title span,
  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #systems .section-pill,
  body.site-home.home-page #systems .feature-icon,
  body.site-home.home-page #systems .feature-title,
  body.site-home.home-page #systems .feature-copy,
  body.site-home.home-page #systems .stat-item,
  body.site-home.home-page #systems .feature-tag,
  body.site-home.home-page #systems .bullet-row,
  body.site-home.home-page #systems .proof-note,
  body.site-home.home-page #systems .right-feature-card,
  body.site-home.home-page #systems .right-card-list li,
  body.site-home.home-page #systems .card-icon {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* Product proof section typography: match the homepage Satoshi wordmark system. */
body.site-home.home-page #visual-proof.product-proof-section h1,
body.site-home.home-page #visual-proof.product-proof-section h2,
body.site-home.home-page #visual-proof.product-proof-section h3,
body.site-home.home-page #visual-proof.product-proof-section .section-title {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.04em;
}

body.site-home.home-page #visual-proof.product-proof-section p,
body.site-home.home-page #visual-proof.product-proof-section span,
body.site-home.home-page #visual-proof.product-proof-section li,
body.site-home.home-page #visual-proof.product-proof-section button,
body.site-home.home-page #visual-proof.product-proof-section .card-copy,
body.site-home.home-page #visual-proof.product-proof-section .small-label {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}

body.site-home.home-page #visual-proof.product-proof-section .section-head h2,
body.site-home.home-page #visual-proof.product-proof-section .proof-modal-copy h3 {
  line-height: 1.04;
  text-wrap: balance;
}

body.site-home.home-page #visual-proof.product-proof-section .sub,
body.site-home.home-page #visual-proof.product-proof-section .proof-modal-copy p,
body.site-home.home-page #visual-proof.product-proof-section .proof-modal-card span {
  color: rgba(226, 236, 249, 0.86);
  font-size: clamp(1rem, 1vw, 1.14rem);
  line-height: 1.7;
}

body.site-home.home-page #visual-proof.product-proof-section .section-kicker,
body.site-home.home-page #visual-proof.product-proof-section .section-head-note,
body.site-home.home-page #visual-proof.product-proof-section .hero-visual-caption,
body.site-home.home-page #visual-proof.product-proof-section .hero-visual-kicker,
body.site-home.home-page #visual-proof.product-proof-section .hero-visual-caption strong,
body.site-home.home-page #visual-proof.product-proof-section .proof-modal-card strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
}

body.site-home.home-page #visual-proof.product-proof-section .section-kicker,
body.site-home.home-page #visual-proof.product-proof-section .hero-visual-kicker {
  letter-spacing: 0.08em;
}

/* Website font system: match the homepage display type across public pages only. */
:root {
  --plutar-font-display: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --plutar-font-body: "Satoshi", "Helvetica Neue", Arial, sans-serif;
}

:is(
  body.site-home.home-page,
  body.site-pricing.pricing-page,
  body.site-about.about-page,
  body.site-contact.contact-page,
  body.site-get-started.get-started-page
) {
  font-family: var(--plutar-font-body);
}

:is(
  body.site-home.home-page,
  body.site-pricing.pricing-page,
  body.site-about.about-page,
  body.site-contact.contact-page,
  body.site-get-started.get-started-page
) :is(
  p,
  a,
  button,
  span,
  li,
  small,
  label,
  input,
  textarea,
  select,
  .btn,
  .sub,
  .eyebrow,
  .section-kicker,
  .section-head-note,
  .pricing-tier-kicker,
  .pricing-tier-summary,
  .pricing-tier-foot,
  .module-chip,
  .badge,
  .hero-proof-chip,
  .module-state,
  .card-copy,
  .small-label
) {
  font-family: var(--plutar-font-body) !important;
}

:is(
  body.site-home.home-page,
  body.site-pricing.pricing-page,
  body.site-about.about-page,
  body.site-contact.contact-page,
  body.site-get-started.get-started-page
) :is(
  h1,
  h2,
  h3,
  .hero-type-lockup,
  .hero-type-line,
  .hero-type-line-text,
  .section-title,
  .pricing-tier-amount,
  .about-hero-copy h1,
  .contact-hero-copy h1,
  .get-started-hero-copy h1,
  .pricing-hero h1,
  .section-head h2
) {
  font-family: var(--plutar-font-display) !important;
  font-weight: 700;
  letter-spacing: -0.04em;
}

body.site-get-started.get-started-page::before {
  right: 0;
}

body.site-get-started.get-started-page::after {
  left: 0;
}

/* Homepage responsive composition system: phone and tablet are intentionally recomposed, not desktop-shrunk. */
body.site-home.home-page .mobile-nav-toggle {
  display: none;
}

@media (min-width: 1600px) {
  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: 1120px;
  }

  body.site-home.home-page .shell-main {
    width: min(100% - 96px, 1480px);
  }

  body.site-home.home-page .space-layer-mid,
  body.site-home.home-page .space-layer-near {
    background-size: cover;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  body.site-home.home-page .site-header-inner {
    min-height: 72px;
    padding: 20px clamp(28px, 3.8vw, 48px);
    gap: clamp(18px, 2vw, 28px);
  }

  body.site-home.home-page .site-header-left {
    gap: clamp(22px, 2.6vw, 34px);
  }

  body.site-home.home-page .site-brand {
    font-size: clamp(1.22rem, 1.8vw, 1.5rem);
  }

  body.site-home.home-page .site-brand .brand-mark {
    width: 26px;
    height: 26px;
  }

  body.site-home.home-page .site-header .nav-primary {
    gap: clamp(14px, 1.7vw, 24px);
  }

  body.site-home.home-page .site-header .nav-actions {
    gap: clamp(12px, 1.4vw, 20px);
  }

  body.site-home.home-page .site-header .nav-group > a {
    font-size: clamp(0.8rem, 1.02vw, 0.94rem);
  }

  body.site-home.home-page .site-header .nav-actions .btn {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
  }

  body.site-home.home-page .hero-home-refresh {
    min-height: 88svh !important;
    padding: clamp(132px, 15vh, 170px) clamp(34px, 4vw, 56px) clamp(82px, 9vh, 120px) !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: 900px;
    font-size: clamp(3.2rem, 5.1vw, 4.45rem);
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 660px;
    font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  }

  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    width: min(100% - 52px, 1120px);
    padding-top: clamp(84px, 9vw, 128px) !important;
  }

  body.site-home .section {
    padding: clamp(76px, 9vw, 126px) 0 !important;
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    white-space: normal !important;
    font-size: clamp(3rem, 5.4vw, 4.8rem);
    line-height: 1.01;
  }

  body.site-home.home-page #systems .systems-layout {
    grid-template-columns: minmax(0, 1.04fr) minmax(300px, 0.84fr);
    gap: clamp(34px, 4vw, 58px);
    align-items: start;
    margin-top: clamp(34px, 4vw, 56px);
  }

  body.site-home.home-page #systems .systems-side {
    display: grid;
    padding-top: clamp(26px, 4vw, 52px);
  }

  body.site-home .systems-section .module-card-primary,
  body.site-home .systems-side .module-card:first-child,
  body.site-home .systems-side .module-card:last-child,
  body.site-home .product-proof-results-grid .results__preview,
  body.site-home .pipeline-flow-step-featured,
  body.site-home .pipeline-flow-step:nth-child(1),
  body.site-home .pipeline-flow-step:nth-child(5) {
    transform: none !important;
  }

  body.site-home .product-proof-results-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(290px, 0.78fr);
    gap: clamp(34px, 4vw, 54px);
  }

  body.site-home .product-proof-results-grid .results__preview {
    min-height: clamp(430px, 44vw, 560px);
  }

  body.site-home .proof-modal-copy h3 {
    max-width: 12ch;
  }

  body.site-home .proof-editorial,
  body.site-home .results-featured,
  body.site-home .pipeline-flow {
    gap: clamp(34px, 4vw, 58px);
  }

  body.site-home .results-section {
    --results-entry-offset: 0px;
    --results-featured-entry-offset: 0px;
  }

  body.site-home .results-timeline {
    display: grid;
    gap: clamp(24px, 3vw, 38px);
  }

  body.site-home .results-timeline-item,
  body.site-home .results-timeline-item:nth-child(1),
  body.site-home .results-timeline-item:nth-child(2),
  body.site-home .results-timeline-item:nth-child(3) {
    width: 100%;
    transform: none !important;
  }

  body.site-home .pipeline-flow {
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1.08fr) 42px minmax(0, 1fr);
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: clamp(78px, 11vw, 140px);
    --marquee-gap: clamp(88px, 9vw, 132px);
    margin-top: clamp(14px, 2vw, 26px);
    min-height: 128px;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 116px;
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(34px, 4.2vw, 48px);
  }
}

@media (max-width: 900px) {
  body.site-home.home-page,
  body.site-home.home-page.is-home-nav-open {
    overflow-x: clip;
  }

  body.site-home.home-page .hero-stage-shell > .site-header {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 10px);
    right: max(14px, env(safe-area-inset-right, 0px));
    left: max(14px, env(safe-area-inset-left, 0px));
    z-index: 60;
    width: auto;
    max-width: none;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 24px !important;
    background: rgba(3, 8, 20, 0.56) !important;
    box-shadow:
      0 18px 54px rgba(0, 1, 7, 0.34),
      0 0 32px rgba(34, 211, 238, 0.055),
      inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(16px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
    overflow: hidden;
    transition:
      background 240ms ease,
      border-color 240ms ease,
      box-shadow 240ms ease,
      transform 240ms ease;
  }

  body.site-home.home-page .site-header-inner {
    width: 100%;
    min-height: 58px;
    padding: 8px 9px 8px 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0 10px;
  }

  body.site-home.home-page .site-header-left {
    display: contents;
  }

  body.site-home.home-page .site-brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    gap: 10px;
    font-size: 1.18rem;
    letter-spacing: -0.035em;
  }

  body.site-home.home-page .site-brand .brand-mark {
    width: 25px;
    height: 25px;
  }

  body.site-home.home-page .mobile-nav-toggle {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    color: #eef7ff;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      0 0 22px rgba(34, 211, 238, 0.06);
    cursor: pointer;
    transition:
      border-color 220ms ease,
      background 220ms ease,
      box-shadow 220ms ease,
      transform 220ms ease;
    -webkit-tap-highlight-color: transparent;
  }

  body.site-home.home-page .mobile-nav-toggle:hover,
  body.site-home.home-page .mobile-nav-toggle:focus-visible {
    border-color: rgba(125, 211, 252, 0.28);
    background: rgba(125, 211, 252, 0.065);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      0 0 24px rgba(34, 211, 238, 0.13);
  }

  body.site-home.home-page .mobile-nav-toggle span {
    position: absolute;
    width: 17px;
    height: 1.5px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f8fafc, #67e8f9);
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.site-home.home-page .mobile-nav-toggle span:first-child {
    transform: translateY(-4px);
  }

  body.site-home.home-page .mobile-nav-toggle span:last-child {
    transform: translateY(4px);
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle {
    border-color: rgba(125, 211, 252, 0.34);
    background: rgba(14, 165, 233, 0.09);
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle span:first-child {
    transform: rotate(42deg);
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle span:last-child {
    transform: rotate(-42deg);
  }

  body.site-home.home-page .site-header .nav-primary,
  body.site-home.home-page .site-header .nav-actions {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    max-height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    transform: translateY(-8px);
    transition:
      max-height 320ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 220ms ease,
      visibility 220ms ease,
      transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
      padding 320ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    max-height: 340px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.065);
  }

  body.site-home.home-page .site-header .nav-primary {
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  body.site-home.home-page .site-header .nav-actions {
    grid-row: 3;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    padding-top: 8px;
  }

  body.site-home.home-page .site-header .nav-group > a,
  body.site-home.home-page .site-header .nav-actions .btn {
    min-height: 39px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.032);
    color: rgba(241, 247, 255, 0.88);
    font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.015em;
    text-shadow: none;
    white-space: nowrap;
  }

  body.site-home.home-page .site-header .nav-group > a:not(.btn)::after {
    display: none;
  }

  body.site-home.home-page .site-header .nav-group > a:hover,
  body.site-home.home-page .site-header .nav-group > a:focus-visible,
  body.site-home.home-page .site-header .nav-actions .btn:hover,
  body.site-home.home-page .site-header .nav-actions .btn:focus-visible {
    color: #f8fafc;
    border-color: rgba(125, 211, 252, 0.26);
    background: rgba(34, 211, 238, 0.075);
    transform: translateY(-1px);
  }

  body.site-home.home-page .site-header .nav-group > a.is-active {
    color: rgba(241, 247, 255, 0.88);
    background: rgba(255, 255, 255, 0.032);
    border-color: rgba(255, 255, 255, 0.075);
  }

  body.site-home.home-page .hero-home-refresh {
    min-height: 100svh !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + clamp(124px, 16vh, 158px))
      clamp(24px, 5vw, 46px)
      clamp(72px, 10vh, 108px) !important;
    gap: clamp(18px, 2.4vh, 28px);
  }

  body.site-home.home-page .hero-home-copy {
    width: min(100%, 760px);
    max-width: 760px;
    transform: translateY(clamp(10px, 2vh, 22px));
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(3rem, 6.6vw, 4rem) !important;
    line-height: 1.015;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 600px;
    font-size: clamp(1.02rem, 2.2vw, 1.18rem);
    line-height: 1.64;
  }

  body.site-home.home-page .hero-refresh-actions {
    gap: 10px;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-height: 46px;
    padding: 0 20px;
    font-size: 0.92rem;
  }

  body.site-home.home-page .hero-proof-list {
    max-width: 600px;
    gap: 9px;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 36px;
    padding: 0 14px;
    font-size: 0.8rem;
  }

  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    width: min(100% - 40px, 820px);
    padding-top: clamp(60px, 8vw, 86px) !important;
  }

  body.site-home .section {
    padding: clamp(62px, 9vw, 92px) 0 !important;
  }

  body.site-home .section-head,
  body.site-home .results-intro,
  body.site-home .pipeline-intro {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    width: 100%;
    max-width: 11.5ch;
    white-space: normal !important;
    font-size: clamp(3.2rem, 9vw, 5rem);
    line-height: 1.015;
    text-wrap: balance;
  }

  body.site-home .sub,
  body.site-home .why-intro,
  body.site-home .results-intro-copy .sub,
  body.site-home .pipeline-intro-copy .sub,
  body.site-home .product-proof-section .sub {
    max-width: 62ch;
    font-size: clamp(1.02rem, 2.1vw, 1.16rem);
    line-height: 1.72;
  }

  body.site-home.home-page #systems .systems-layout,
  body.site-home .product-proof-results-grid,
  body.site-home .proof-editorial,
  body.site-home .results-featured,
  body.site-home .pipeline-flow {
    grid-template-columns: 1fr !important;
    gap: clamp(26px, 5vw, 44px) !important;
    align-items: stretch;
  }

  body.site-home.home-page #systems .systems-layout {
    margin-top: clamp(28px, 5vw, 44px);
    margin-bottom: clamp(10px, 3vw, 22px);
  }

  body.site-home.home-page #systems .systems-side {
    display: grid;
    padding-top: 0 !important;
    gap: clamp(22px, 4vw, 34px);
  }

  body.site-home .systems-section .module-card-primary,
  body.site-home .systems-side .module-card:first-child,
  body.site-home .systems-side .module-card:last-child,
  body.site-home .product-proof-results-grid .results__preview,
  body.site-home .product-proof-results-grid .proof-modal-card:nth-child(2),
  body.site-home .product-proof-results-grid .proof-modal-card:nth-child(3),
  body.site-home .pipeline-flow-step-featured,
  body.site-home .pipeline-flow-step:nth-child(1),
  body.site-home .pipeline-flow-step:nth-child(5) {
    transform: none !important;
  }

  body.site-home .systems-section .module-card,
  body.site-home .systems-section .module-card-primary,
  body.site-home .proof-editorial-copy,
  body.site-home .results-featured,
  body.site-home .results-timeline-item,
  body.site-home .pipeline-flow-step,
  body.site-home .product-proof-results-grid .results__modal {
    padding: clamp(22px, 4vw, 32px);
    border-radius: clamp(22px, 3.2vw, 30px);
  }

  body.site-home .module-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  body.site-home .product-proof-results-grid .results__preview {
    min-height: auto;
    padding: clamp(12px, 2.2vw, 18px);
  }

  body.site-home .proof-main-screen img {
    width: 100%;
    max-width: none;
  }

  body.site-home .results-featured {
    margin-right: 0 !important;
  }

  body.site-home .results-timeline {
    display: grid;
    gap: 20px;
  }

  body.site-home .results-timeline-item {
    width: 100%;
    transform: none !important;
  }

  body.site-home .pipeline-flow-connector {
    display: none !important;
  }

  body.site-home .pipeline-footer,
  body.site-home .pipeline-assurance {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: clamp(72px, 12vw, 128px);
    --marquee-gap: clamp(72px, 12vw, 120px);
    min-height: 124px;
    margin:
      clamp(6px, 2vw, 18px)
      calc(50% - 50vw)
      clamp(0px, 1vw, 10px);
    padding: 8px 0;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 112px;
    overflow-x: clip;
    overflow-y: visible;
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(28px, 5.6vw, 40px);
    line-height: 1.06;
    letter-spacing: -0.05em;
    padding: 15px 0 17px;
    text-shadow:
      0 0 4px rgba(34, 211, 238, 0.18),
      0 0 12px rgba(56, 189, 248, 0.09);
  }

  body.site-home.home-page .space-layer {
    inset: -9vh -22vw;
  }

  body.site-home.home-page .space-layer-mid {
    opacity: 0.48;
    filter: none;
  }

  body.site-home.home-page .space-layer-near {
    opacity: 0.56;
    filter: none;
  }
}

@media (max-width: 640px) {
  body.site-home.home-page .hero-stage-shell > .site-header {
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: max(10px, env(safe-area-inset-right, 0px));
    left: max(10px, env(safe-area-inset-left, 0px));
    border-radius: 22px !important;
  }

  body.site-home.home-page .site-header-inner {
    min-height: 54px;
    padding: 7px 8px 7px 12px;
  }

  body.site-home.home-page .site-brand {
    font-size: 1.08rem;
  }

  body.site-home.home-page .site-brand .brand-mark {
    width: 23px;
    height: 23px;
  }

  body.site-home.home-page .mobile-nav-toggle {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  body.site-home.home-page .site-header .nav-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.site-home.home-page .site-header .nav-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.site-home.home-page .site-header .nav-actions .btn {
    grid-column: 1 / -1;
  }

  body.site-home.home-page .site-header .nav-group > a,
  body.site-home.home-page .site-header .nav-actions .btn {
    min-height: 38px;
    padding: 0 9px;
    border-radius: 13px;
    font-size: 0.75rem;
  }

  body.site-home.home-page .hero-home-refresh {
    min-height: 100svh !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 118px)
      20px
      clamp(62px, 9vh, 86px) !important;
    justify-content: center;
    gap: 17px;
  }

  body.site-home.home-page .hero-home-top .eyebrow {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
  }

  body.site-home.home-page .hero-home-copy {
    max-width: 420px;
    transform: translateY(6px);
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2rem, 8.1vw, 2.8rem) !important;
    line-height: 1.045;
    letter-spacing: -0.046em;
  }

  body.site-home.home-page .hero-home-copy .hero-type-line,
  body.site-home.home-page .hero-home-copy .hero-type-line-text {
    max-width: 100%;
    white-space: nowrap;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 34ch;
    font-size: clamp(0.98rem, 4.1vw, 1.08rem);
    line-height: 1.62;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 330px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    width: 100%;
    max-width: none;
    min-height: 43px;
    padding: 0 12px;
    font-size: 0.84rem;
  }

  body.site-home.home-page .hero-proof-list {
    width: min(100%, 340px);
    gap: 8px;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.72rem;
  }

  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    width: min(100% - 32px, 480px);
    padding-top: 52px !important;
  }

  body.site-home .section {
    padding: clamp(54px, 14vw, 78px) 0 !important;
  }

  body.site-home .section-head,
  body.site-home .results-intro,
  body.site-home .pipeline-intro {
    gap: 13px;
  }

  body.site-home .section-kicker,
  body.site-home .hero-visual-kicker,
  body.site-home .proof-kicker {
    font-size: 0.68rem;
    letter-spacing: 0.085em;
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    max-width: 10.5ch;
    font-size: clamp(2.35rem, 12vw, 3.75rem);
    line-height: 1.03;
  }

  body.site-home .product-proof-section .section-head h2 {
    max-width: 12ch;
  }

  body.site-home .sub,
  body.site-home .why-intro,
  body.site-home .feature-copy,
  body.site-home .results-intro-copy .sub,
  body.site-home .pipeline-intro-copy .sub,
  body.site-home .product-proof-section .sub,
  body.site-home .product-proof-section .proof-modal-copy p,
  body.site-home .results-featured-copy p,
  body.site-home .results-timeline-copy p,
  body.site-home .pipeline-flow-step p {
    font-size: 0.98rem;
    line-height: 1.72;
  }

  body.site-home.home-page #systems .systems-layout {
    gap: 22px !important;
    margin-top: 26px;
  }

  body.site-home .systems-section .module-card,
  body.site-home .systems-section .module-card-primary,
  body.site-home .proof-editorial-copy,
  body.site-home .results-featured,
  body.site-home .results-timeline-item,
  body.site-home .pipeline-flow-step,
  body.site-home .product-proof-results-grid .results__modal {
    padding: 22px;
    border-radius: 22px;
  }

  body.site-home .systems-section .module-card h3,
  body.site-home .results-featured-copy h3,
  body.site-home .results-timeline-copy h3,
  body.site-home .pipeline-flow-step h3 {
    max-width: none;
    font-size: clamp(1.55rem, 6.8vw, 2.15rem);
    line-height: 1.06;
  }

  body.site-home .module-stats {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.site-home .module-stats span {
    min-width: 0;
  }

  body.site-home .module-lane,
  body.site-home .industry-row,
  body.site-home .pipeline-tag-row,
  body.site-home .pipeline-assurance {
    gap: 8px;
  }

  body.site-home .module-foot,
  body.site-home .pipeline-footer {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.site-home .product-proof-results-grid {
    gap: 24px !important;
  }

  body.site-home .proof-modal-copy h3 {
    max-width: 12ch;
    font-size: clamp(2rem, 10vw, 3.1rem);
  }

  body.site-home .proof-modal-card {
    padding: 16px;
    border-radius: 18px;
  }

  body.site-home .proof-editorial-note,
  body.site-home .results-note-pill,
  body.site-home .pipeline-note-pill {
    max-width: 100%;
    justify-self: start;
  }

  body.site-home .results-featured {
    grid-template-columns: 1fr;
  }

  body.site-home .results-featured-metric {
    justify-content: start;
  }

  body.site-home .pipeline-flow-step .btn {
    width: 100%;
    justify-content: center;
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: clamp(84px, 22vw, 118px);
    --marquee-gap: clamp(62px, 17vw, 86px);
    min-height: 108px;
    margin:
      clamp(0px, 1.6vw, 10px)
      calc(50% - 50vw)
      0;
    padding: 4px 0;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 98px;
    border-top-color: rgba(255, 255, 255, 0.028);
    border-bottom-color: rgba(255, 255, 255, 0.028);
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(21px, 6.2vw, 28px);
    line-height: 1.08;
    letter-spacing: -0.04em;
    padding: 13px 0 15px;
    text-shadow:
      0 0 3px rgba(34, 211, 238, 0.18),
      0 0 9px rgba(56, 189, 248, 0.08);
  }

  body.site-home.home-page .space-layer {
    inset: -8vh -28vw;
  }
}

@media (max-width: 390px) {
  body.site-home.home-page .hero-stage-shell > .site-header {
    right: 8px;
    left: 8px;
  }

  body.site-home.home-page .site-header-inner {
    padding-left: 10px;
  }

  body.site-home.home-page .site-brand {
    font-size: 1rem;
  }

  body.site-home.home-page .site-header .nav-group > a,
  body.site-home.home-page .site-header .nav-actions .btn {
    min-height: 36px;
    font-size: 0.71rem;
  }

  body.site-home.home-page .hero-home-refresh {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(1.85rem, 8vw, 2.1rem) !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 300px);
  }

  body.site-home.home-page .shell-main,
  body.site-home .shell-main {
    width: min(100% - 26px, 380px);
  }

  body.site-home .section-head h2,
  body.site-home .systems-section .section-head h2,
  body.site-home .product-proof-section .section-head h2,
  body.site-home .proof-editorial-copy h2,
  body.site-home .results-intro-copy h2,
  body.site-home .pipeline-intro-copy h2 {
    font-size: clamp(2.08rem, 11.2vw, 3.1rem);
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: 94px;
    --marquee-gap: 58px;
    min-height: 100px;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 92px;
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(19px, 5.9vw, 23px);
  }
}

/* Homepage cinematic footer: final landing section tied back to the space system. */
body.site-home.home-page #site-footer,
body.site-home #site-footer {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  min-height: clamp(390px, 34vw, 560px);
  margin: clamp(36px, 6vw, 92px) calc(50% - 50vw) 0 !important;
  padding:
    clamp(74px, 8vw, 128px)
    clamp(24px, 7vw, 112px)
    clamp(42px, 5vw, 72px);
  overflow: hidden;
  border-top: 1px solid rgba(125, 211, 252, 0.09);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(34, 211, 238, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.5) 0%, rgba(0, 2, 10, 0.86) 46%, #000106 100%);
  color: rgba(226, 236, 249, 0.84);
  text-align: left;
}

body.site-home.home-page #site-footer::before,
body.site-home #site-footer::before {
  content: "";
  position: absolute;
  inset: -18% -8% 0;
  z-index: -2;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(125, 211, 252, 0.08), transparent 48%),
    linear-gradient(180deg, transparent, rgba(0, 1, 7, 0.32));
  opacity: 0.34;
  transform: scale(1.04);
  pointer-events: none;
}

body.site-home.home-page #site-footer::after,
body.site-home #site-footer::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: auto;
  left: 0;
  top: 0;
  z-index: -1;
  height: 42%;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(103, 232, 249, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(34, 211, 238, 0.1), transparent 70%);
  opacity: 0.72;
  pointer-events: none;
}

body.site-home.home-page #site-footer .footer-inner,
body.site-home #site-footer .footer-inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1280px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(420px, 1fr);
  grid-template-areas:
    "cta cta"
    "brand links";
  align-items: end;
  gap: clamp(54px, 6vw, 92px) clamp(54px, 7vw, 118px);
}

body.site-home.home-page #site-footer .footer-cta,
body.site-home #site-footer .footer-cta {
  grid-area: cta;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(24px, 4vw, 56px);
  padding-bottom: clamp(42px, 5vw, 72px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.site-home.home-page #site-footer .footer-kicker,
body.site-home #site-footer .footer-kicker {
  margin: 0 0 12px;
  color: #67e8f9;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(34, 211, 238, 0.32);
}

body.site-home.home-page #site-footer .footer-cta h3,
body.site-home #site-footer .footer-cta h3 {
  max-width: 13ch;
  margin: 0;
  color: #f8fafc;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(3rem, 6vw, 6.6rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-wrap: balance;
  text-shadow:
    0 18px 70px rgba(2, 6, 23, 0.58),
    0 0 32px rgba(34, 211, 238, 0.08);
}

body.site-home.home-page #site-footer .footer-cta-actions,
body.site-home #site-footer .footer-cta-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

body.site-home.home-page #site-footer .footer-cta-actions .btn,
body.site-home #site-footer .footer-cta-actions .btn {
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.92rem;
  font-weight: 800;
}

body.site-home.home-page #site-footer .footer-brand,
body.site-home #site-footer .footer-brand {
  grid-area: brand;
  display: grid;
  gap: 14px;
  max-width: 480px;
}

body.site-home.home-page #site-footer h4,
body.site-home #site-footer h4 {
  margin: 0;
  color: #f8fafc;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(2rem, 2.9vw, 3.15rem);
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.052em;
  text-shadow: 0 0 28px rgba(125, 211, 252, 0.1);
}

body.site-home.home-page #site-footer p,
body.site-home #site-footer p {
  margin: 0;
  color: rgba(226, 236, 249, 0.8);
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);
  font-weight: 500;
  line-height: 1.72;
}

body.site-home.home-page #site-footer .footer-copyright,
body.site-home #site-footer .footer-copyright {
  margin-top: 8px;
  color: rgba(148, 163, 184, 0.72);
  font-size: 0.92rem;
  line-height: 1.4;
}

body.site-home.home-page #site-footer .footer-social,
body.site-home #site-footer .footer-social {
  justify-content: flex-start;
  margin-top: 4px;
}

body.site-home.home-page #site-footer .footer-social-link,
body.site-home #site-footer .footer-social-link {
  width: 32px;
  height: 32px;
  border-color: rgba(179, 220, 255, 0.14);
  background: rgba(255, 255, 255, 0.018);
  color: rgba(226, 236, 249, 0.5);
}

body.site-home.home-page #site-footer .footer-social-link:hover,
body.site-home.home-page #site-footer .footer-social-link:focus-visible,
body.site-home #site-footer .footer-social-link:hover,
body.site-home #site-footer .footer-social-link:focus-visible {
  color: rgba(248, 250, 252, 0.94);
  border-color: rgba(125, 211, 252, 0.3);
  box-shadow:
    0 0 22px rgba(34, 211, 238, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transform: translateY(-1px);
}

body.site-home.home-page #site-footer .footer-links,
body.site-home #site-footer .footer-links {
  grid-area: links;
  display: grid;
  grid-template-columns: repeat(4, minmax(96px, 1fr));
  gap: clamp(28px, 4vw, 56px);
  justify-content: end;
  padding: 0;
}

body.site-home.home-page #site-footer .footer-link-group,
body.site-home #site-footer .footer-link-group {
  display: grid;
  gap: 13px;
  align-content: start;
}

body.site-home.home-page #site-footer .footer-link-group > span,
body.site-home #site-footer .footer-link-group > span {
  color: rgba(103, 232, 249, 0.86);
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

body.site-home.home-page #site-footer .footer-links a,
body.site-home #site-footer .footer-links a {
  width: fit-content;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  color: rgba(226, 236, 249, 0.72);
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition:
    color 180ms ease,
    text-shadow 180ms ease,
    transform 180ms ease;
}

body.site-home.home-page #site-footer .footer-links a:hover,
body.site-home.home-page #site-footer .footer-links a:focus-visible,
body.site-home #site-footer .footer-links a:hover,
body.site-home #site-footer .footer-links a:focus-visible {
  color: #f8fafc;
  text-shadow: 0 0 20px rgba(34, 211, 238, 0.24);
  transform: translateX(2px);
}

@media (max-width: 900px) {
  body.site-home.home-page #site-footer,
  body.site-home #site-footer {
    min-height: auto;
    margin-top: clamp(28px, 7vw, 64px) !important;
    padding:
      clamp(58px, 10vw, 84px)
      clamp(20px, 6vw, 46px)
      clamp(40px, 8vw, 60px);
  }

  body.site-home.home-page #site-footer .footer-inner,
  body.site-home #site-footer .footer-inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "cta"
      "brand"
      "links";
    gap: 42px;
  }

  body.site-home.home-page #site-footer .footer-cta,
  body.site-home #site-footer .footer-cta {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 22px;
    padding-bottom: 38px;
  }

  body.site-home.home-page #site-footer .footer-cta h3,
  body.site-home #site-footer .footer-cta h3 {
    max-width: 12ch;
    font-size: clamp(2.7rem, 9vw, 4.8rem);
  }

  body.site-home.home-page #site-footer .footer-cta-actions,
  body.site-home #site-footer .footer-cta-actions {
    justify-content: flex-start;
  }

  body.site-home.home-page #site-footer .footer-links,
  body.site-home #site-footer .footer-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 640px) {
  body.site-home.home-page #site-footer,
  body.site-home #site-footer {
    padding: 54px 20px 44px;
    text-align: left;
  }

  body.site-home.home-page #site-footer::before,
  body.site-home #site-footer::before {
    opacity: 0.28;
    background-size: auto 100%;
  }

  body.site-home.home-page #site-footer .footer-inner,
  body.site-home #site-footer .footer-inner {
    gap: 36px;
  }

  body.site-home.home-page #site-footer .footer-cta h3,
  body.site-home #site-footer .footer-cta h3 {
    max-width: 10.5ch;
    font-size: clamp(2.25rem, 12vw, 3.35rem);
    line-height: 1.02;
  }

  body.site-home.home-page #site-footer .footer-cta-actions,
  body.site-home #site-footer .footer-cta-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  body.site-home.home-page #site-footer .footer-cta-actions .btn,
  body.site-home #site-footer .footer-cta-actions .btn {
    width: 100%;
    min-height: 43px;
    padding: 0 12px;
    justify-content: center;
    font-size: 0.84rem;
  }

  body.site-home.home-page #site-footer h4,
  body.site-home #site-footer h4 {
    font-size: clamp(2rem, 10vw, 2.65rem);
  }

  body.site-home.home-page #site-footer p,
  body.site-home #site-footer p {
    font-size: 0.98rem;
  }

  body.site-home.home-page #site-footer .footer-links,
  body.site-home #site-footer .footer-links {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  body.site-home.home-page #site-footer .footer-link-group,
  body.site-home #site-footer .footer-link-group {
    gap: 10px;
  }

body.site-home.home-page #site-footer .footer-links a,
body.site-home #site-footer .footer-links a {
    min-height: 38px;
    font-size: 1rem;
  }
}

/* Homepage cinematic art-direction rebuild: replace boxed SaaS sections with open editorial scenes. */
body.site-home.home-page {
  --scene-gutter: clamp(24px, 7vw, 128px);
  --scene-max: 1500px;
  --scene-copy: rgba(226, 236, 249, 0.83);
  --scene-muted: rgba(174, 190, 211, 0.72);
}

body.site-home.home-page .shell-main,
body.site-home .shell-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(64px, 7vw, 124px) 0 0 !important;
  overflow: clip !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.08), rgba(2, 6, 23, 0.24) 42%, rgba(0, 1, 8, 0.46) 100%) !important;
}

body.site-home.home-page .shell-main > .section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(108px, 12vw, 214px) var(--scene-gutter) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.site-home.home-page .shell-main > .section > :is(.section-head, .systems-layout, .product-proof-grid, .proof-editorial, .results-intro, .results-featured, .results-timeline, .pipeline-intro, .pipeline-flow, .pipeline-footer, .sub) {
  width: min(100%, var(--scene-max)) !important;
  max-width: var(--scene-max) !important;
}

body.site-home.home-page .section-head-note,
body.site-home.home-page .results-note-pill,
body.site-home.home-page .pipeline-note-pill,
body.site-home.home-page #systems .module-top,
body.site-home.home-page .hero-visual-caption {
  display: none !important;
}

body.site-home.home-page :is(.module-card, .right-feature-card, .proof-editorial-copy, .proof-feature-rail, .proof-feature-row, .results-featured, .results-timeline-item, .pipeline-flow-step, .results__modal, .proof-modal-card, .industry-tag, .module-stats span, .module-lane span, .pipeline-tag-row span, .pipeline-assurance span) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page :is(.module-card, .right-feature-card, .proof-editorial-copy, .proof-feature-rail, .proof-feature-row, .results-featured, .results-timeline-item, .pipeline-flow-step, .results__modal, .proof-modal-card):hover {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page :is(.section-kicker, .proof-kicker, .hero-visual-kicker, .module-state) {
  color: #22d3ee;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(0.68rem, 0.72vw, 0.8rem);
  font-weight: 800;
  letter-spacing: 0.11em;
  line-height: 1;
  text-transform: uppercase;
}

body.site-home.home-page :is(.sub, .why-intro, .feature-copy, .bullet-list li, .proof-feature-copy p, .results-featured-copy p, .results-timeline-copy p, .pipeline-flow-step p, .proof-modal-copy p, .proof-modal-card span, .pay-note) {
  color: var(--scene-copy) !important;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.04rem, 1.08vw, 1.22rem);
  font-weight: 500;
  line-height: 1.74;
}

body.site-home.home-page :is(.section-head h2, .why-title, .product-proof-section .section-head h2, .proof-editorial-copy h2, .results-intro-copy h2, .pipeline-intro-copy h2) {
  color: #f8fafc;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.052em !important;
  line-height: 0.95 !important;
  text-wrap: balance;
  text-shadow:
    0 18px 70px rgba(0, 1, 8, 0.58),
    0 0 34px rgba(125, 211, 252, 0.06);
}

body.site-home.home-page #systems {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.68fr);
  column-gap: clamp(42px, 7vw, 132px);
  row-gap: clamp(40px, 6vw, 96px);
  align-items: start;
}

body.site-home.home-page #systems .section-head {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(34px, 6vw, 118px);
  align-items: end;
  margin: 0 auto !important;
}

body.site-home.home-page #systems .section-head > div:first-child {
  max-width: none;
}

body.site-home.home-page #systems .why-title {
  max-width: 9.5ch !important;
  font-size: clamp(4.8rem, 8.3vw, 9.7rem) !important;
}

body.site-home.home-page #systems .why-intro {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  width: min(100%, 660px) !important;
  max-width: 660px !important;
  margin: 0 auto clamp(22px, 4vw, 82px) 0 !important;
}

body.site-home.home-page #systems .systems-layout {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.76fr) minmax(360px, 0.82fr);
  gap: clamp(48px, 8vw, 146px);
  align-items: start;
  margin: 0 auto !important;
}

body.site-home.home-page #systems .systems-side {
  padding-top: clamp(84px, 9vw, 168px) !important;
}

body.site-home.home-page #systems .module-card-primary {
  position: relative;
  min-height: auto !important;
  padding: 0 0 0 clamp(18px, 2vw, 34px) !important;
  border-left: 1px solid rgba(34, 211, 238, 0.22) !important;
  border-radius: 0 !important;
}

body.site-home.home-page #systems .module-card-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 38%;
  background: linear-gradient(180deg, #67e8f9, rgba(34, 211, 238, 0));
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.22);
}

body.site-home.home-page #systems .feature-title {
  max-width: 12ch !important;
  font-size: clamp(2.35rem, 4.1vw, 5.4rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.052em !important;
}

body.site-home.home-page #systems .feature-copy {
  max-width: 58ch;
  margin-top: clamp(18px, 2vw, 30px);
}

body.site-home.home-page #systems .module-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 48px);
  margin-top: clamp(34px, 4vw, 62px);
}

body.site-home.home-page #systems .module-stats span {
  min-width: 0;
  padding: 0 0 0 16px;
  border-left: 1px solid rgba(34, 211, 238, 0.28) !important;
  border-radius: 0;
}

body.site-home.home-page #systems .module-stats strong {
  color: #38bdf8;
  font-size: clamp(1rem, 1.25vw, 1.35rem);
  font-weight: 700;
}

body.site-home.home-page #systems .module-stats small {
  color: rgba(226, 236, 249, 0.64);
  font-weight: 700;
  letter-spacing: 0.08em;
}

body.site-home.home-page #systems .module-lane,
body.site-home.home-page .industry-row,
body.site-home.home-page .pipeline-tag-row,
body.site-home.home-page .pipeline-assurance {
  gap: 10px;
}

body.site-home.home-page #systems .module-lane {
  display: none !important;
}

body.site-home.home-page #systems .module-lane span,
body.site-home.home-page .industry-tag,
body.site-home.home-page .pipeline-tag-row span,
body.site-home.home-page .pipeline-assurance span {
  padding: 0;
  color: rgba(226, 236, 249, 0.76);
}

body.site-home.home-page #systems .module-lane span::before,
body.site-home.home-page .industry-tag::before,
body.site-home.home-page .pipeline-tag-row span::before,
body.site-home.home-page .pipeline-assurance span::before {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 999px;
  background: #22d3ee;
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.42);
  vertical-align: middle;
}

body.site-home.home-page #systems .bullet-list {
  margin-top: clamp(34px, 4vw, 58px);
}

body.site-home.home-page #systems .bullet-list li {
  font-size: clamp(1.08rem, 1.25vw, 1.35rem);
}

body.site-home.home-page #systems .module-foot {
  margin-top: clamp(40px, 5vw, 72px);
  padding-top: clamp(22px, 2.5vw, 34px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.site-home.home-page #systems .right-feature-card {
  position: relative;
  max-width: 680px;
  padding: clamp(6px, 1.2vw, 18px) 0 0 clamp(20px, 2.4vw, 38px) !important;
  border-left: 1px solid rgba(34, 211, 238, 0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

body.site-home.home-page #systems .right-feature-card::before {
  content: "";
  position: absolute;
  top: 4%;
  bottom: 18%;
  left: -1px;
  width: 1px;
  background: linear-gradient(180deg, rgba(103, 232, 249, 0.7), rgba(34, 211, 238, 0));
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.2);
}

body.site-home.home-page #systems .right-feature-card:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(34, 211, 238, 0.28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page #systems .right-feature-card h3 {
  max-width: 11ch !important;
  font-size: clamp(2.45rem, 4.5vw, 5.9rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.052em !important;
}

body.site-home.home-page #systems .right-feature-card p {
  max-width: 36ch;
  color: var(--scene-copy) !important;
  font-size: clamp(1.08rem, 1.18vw, 1.28rem);
  line-height: 1.72;
}

body.site-home.home-page .plutar-marquee {
  margin-top: clamp(26px, 4vw, 70px) !important;
  margin-bottom: clamp(-46px, -3vw, -18px) !important;
}

body.site-home.home-page #visual-proof {
  display: grid;
  grid-template-columns: minmax(0, 0.66fr) minmax(380px, 0.58fr);
  gap: clamp(36px, 5vw, 88px);
}

body.site-home.home-page #visual-proof .section-head {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(42px, 8vw, 160px);
  align-items: end;
  margin: 0 auto !important;
}

body.site-home.home-page #visual-proof .section-head h2 {
  max-width: 11ch !important;
  font-size: clamp(3.9rem, 6.9vw, 8.4rem) !important;
}

body.site-home.home-page #visual-proof > .sub {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  width: min(100%, 640px) !important;
  margin: 0 0 clamp(20px, 4vw, 76px) auto !important;
}

body.site-home.home-page #visual-proof .product-proof-results-grid {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.62fr) !important;
  gap: clamp(54px, 8vw, 144px) !important;
  align-items: center;
  margin: 0 auto !important;
}

body.site-home.home-page #visual-proof .product-proof-results-grid .results__preview {
  min-height: 0 !important;
  padding: 0 !important;
  transform: translate3d(clamp(-80px, -5vw, -28px), 0, 0) perspective(1100px) rotateY(4deg) !important;
}

body.site-home.home-page .proof-main-screen img {
  width: min(104%, 1120px);
  border-radius: 18px;
  background: transparent !important;
  box-shadow:
    0 52px 140px rgba(0, 1, 8, 0.5),
    0 0 90px rgba(34, 211, 238, 0.08) !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 7%, #000 89%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 7%, #000 89%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 88%, transparent 100%);
  mask-composite: intersect;
}

body.site-home.home-page .product-proof-results-grid .results__modal {
  display: grid;
  gap: clamp(26px, 3vw, 42px);
  padding: 0 !important;
  transform: translateY(clamp(8px, 1.6vw, 28px)) !important;
}

body.site-home.home-page .proof-modal-copy h3 {
  max-width: 12ch !important;
  font-size: clamp(2.75rem, 4.35vw, 5.65rem) !important;
  line-height: 0.95 !important;
}

body.site-home.home-page .proof-modal-stack {
  display: grid;
  gap: 22px;
}

body.site-home.home-page .proof-modal-card {
  position: relative;
  padding: 0 0 0 18px !important;
  border-left: 1px solid rgba(34, 211, 238, 0.22) !important;
  border-radius: 0 !important;
}

body.site-home.home-page .proof-modal-card strong {
  color: #f8fafc;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.05rem, 1.1vw, 1.28rem);
  letter-spacing: -0.035em;
}

body.site-home.home-page #proof .proof-editorial {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(420px, 0.88fr);
  gap: clamp(64px, 11vw, 190px);
  align-items: start;
}

body.site-home.home-page #proof .proof-editorial-copy {
  padding: 0 !important;
  transform: none !important;
}

body.site-home.home-page #proof .proof-editorial-copy h2 {
  max-width: 9.5ch !important;
  font-size: clamp(4.3rem, 7.2vw, 9rem) !important;
}

body.site-home.home-page #proof .proof-feature-rail {
  padding: clamp(36px, 5vw, 80px) 0 0 !important;
  transform: none !important;
}

body.site-home.home-page #proof .proof-feature-list {
  display: grid;
  gap: clamp(28px, 4vw, 54px);
}

body.site-home.home-page #proof .proof-feature-row {
  width: min(100%, 760px) !important;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(18px, 2vw, 30px);
  padding: 0 !important;
}

body.site-home.home-page #proof .proof-feature-row:nth-child(2) {
  margin-left: clamp(0px, 5vw, 96px) !important;
}

body.site-home.home-page #proof .proof-feature-row:nth-child(3) {
  margin-left: clamp(0px, 10vw, 176px) !important;
}

body.site-home.home-page #proof .proof-feature-icon {
  opacity: 0.82;
  transform: translateY(3px);
}

body.site-home.home-page #proof .proof-feature-copy h3,
body.site-home.home-page .results-featured-copy h3,
body.site-home.home-page .results-timeline-copy h3,
body.site-home.home-page .pipeline-flow-step h3 {
  color: #f8fafc;
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.75rem, 2.45vw, 3.25rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

body.site-home.home-page #results .results-intro,
body.site-home.home-page #flow .pipeline-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(340px, 0.54fr);
  gap: clamp(44px, 8vw, 156px);
  margin: 0 auto !important;
}

body.site-home.home-page #results .results-intro-copy h2,
body.site-home.home-page #flow .pipeline-intro-copy h2 {
  max-width: 10.5ch !important;
  font-size: clamp(4rem, 7vw, 8.8rem) !important;
}

body.site-home.home-page .results-featured {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) auto;
  gap: clamp(34px, 7vw, 118px);
  width: min(100%, 1180px) !important;
  margin: clamp(70px, 8vw, 132px) auto 0 !important;
  padding: 0 !important;
}

body.site-home.home-page .results-featured-metric {
  align-self: end;
  color: #f8fafc;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.site-home.home-page .results-featured-metric strong {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(5rem, 9vw, 11rem);
  line-height: 0.8;
  letter-spacing: -0.07em;
}

body.site-home.home-page .results-timeline {
  display: grid;
  width: min(100%, 1280px) !important;
  gap: clamp(30px, 4vw, 58px);
  margin: clamp(72px, 8vw, 132px) auto 0 !important;
}

body.site-home.home-page .results-timeline-item {
  width: min(76%, 860px) !important;
  padding: 0 0 0 24px !important;
  border-left: 1px solid rgba(34, 211, 238, 0.22) !important;
  border-radius: 0 !important;
}

body.site-home.home-page .results-timeline-item:nth-child(2) {
  justify-self: end;
}

body.site-home.home-page #flow .pipeline-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(30px, 5vw, 86px) !important;
  width: min(100%, 1280px) !important;
  margin: clamp(78px, 8vw, 138px) auto 0 !important;
}

body.site-home.home-page .pipeline-flow-connector,
body.site-home.home-page .pipeline-rail {
  display: none !important;
}

body.site-home.home-page .pipeline-flow-step {
  position: relative;
  min-height: 0;
  padding: clamp(16px, 2vw, 26px) 0 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(34, 211, 238, 0.2) !important;
}

body.site-home.home-page .pipeline-flow-step::before,
body.site-home.home-page .pipeline-flow-step::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page .pipeline-flow-step-featured {
  transform: translateY(clamp(-42px, -3vw, -18px)) !important;
}

body.site-home.home-page .pipeline-flow-step .step-number {
  width: auto !important;
  height: auto !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(125, 211, 252, 0.42);
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(4.8rem, 8vw, 9.4rem);
  line-height: 0.78;
  letter-spacing: -0.08em;
  transform: none !important;
}

body.site-home.home-page .pipeline-flow-step .module-chip {
  display: none;
}

body.site-home.home-page .pipeline-step-meta {
  color: rgba(125, 211, 252, 0.86) !important;
}

body.site-home.home-page .pipeline-footer {
  width: min(100%, 1280px) !important;
  margin: clamp(66px, 8vw, 128px) auto 0 !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page #systems,
  body.site-home.home-page #systems .section-head,
  body.site-home.home-page #visual-proof,
  body.site-home.home-page #systems .systems-layout,
  body.site-home.home-page #visual-proof .section-head,
  body.site-home.home-page .product-proof-results-grid,
  body.site-home.home-page #proof .proof-editorial,
  body.site-home.home-page #results .results-intro,
  body.site-home.home-page #flow .pipeline-intro {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #visual-proof > .sub {
    grid-column: 1;
    justify-self: start;
    margin: 0 auto 0 0 !important;
  }

  body.site-home.home-page #systems .systems-side,
  body.site-home.home-page .product-proof-results-grid .results__modal,
  body.site-home.home-page #proof .proof-feature-rail {
    padding-top: 0 !important;
    transform: none !important;
  }

  body.site-home.home-page #proof .proof-feature-row,
  body.site-home.home-page #proof .proof-feature-row:nth-child(2),
  body.site-home.home-page #proof .proof-feature-row:nth-child(3),
  body.site-home.home-page .results-timeline-item,
  body.site-home.home-page .results-timeline-item:nth-child(2) {
    width: 100% !important;
    margin-left: 0 !important;
    justify-self: stretch !important;
  }

  body.site-home.home-page #flow .pipeline-flow {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page .pipeline-flow-step-featured {
    transform: none !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page {
    --scene-gutter: clamp(18px, 5vw, 24px);
  }

  body.site-home.home-page .shell-main {
    padding-top: 46px !important;
  }

  body.site-home.home-page .shell-main > .section {
    padding-top: clamp(74px, 18vw, 112px) !important;
    padding-bottom: clamp(74px, 18vw, 112px) !important;
  }

  body.site-home.home-page :is(.section-head h2, .why-title, .product-proof-section .section-head h2, .proof-editorial-copy h2, .results-intro-copy h2, .pipeline-intro-copy h2) {
    max-width: 10.8ch !important;
    font-size: clamp(3.15rem, 15vw, 5.1rem) !important;
    line-height: 0.98 !important;
  }

  body.site-home.home-page #systems .feature-title,
  body.site-home.home-page #systems .right-feature-card h3,
  body.site-home.home-page .proof-modal-copy h3 {
    max-width: 11.5ch !important;
    font-size: clamp(2.45rem, 11vw, 3.7rem) !important;
  }

  body.site-home.home-page #systems .module-card-primary {
    padding-left: 18px !important;
  }

  body.site-home.home-page #systems .module-stats {
    grid-template-columns: 1fr;
  }

  body.site-home.home-page #systems .right-feature-card {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  body.site-home.home-page .product-proof-results-grid .results__preview {
    transform: none !important;
  }

  body.site-home.home-page .proof-main-screen img {
    width: 120%;
    margin-left: -10%;
    border-radius: 14px;
  }

  body.site-home.home-page #proof .proof-feature-row {
    grid-template-columns: 1fr;
  }

  body.site-home.home-page .results-featured,
  body.site-home.home-page #flow .pipeline-flow {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page .pipeline-flow-step .step-number {
    font-size: clamp(4.5rem, 22vw, 7rem);
  }
}

/* Homepage cinematic composition refinement: keep every section in the same editorial type system. */
body.site-home.home-page :is(
  .why-title,
  .why-title span,
  .section-head h2,
  .feature-title,
  .right-feature-card h3,
  .proof-modal-copy h3,
  .proof-feature-copy h3,
  .results-featured-copy h3,
  .results-timeline-copy h3,
  .pipeline-flow-step h3,
  #site-footer h3,
  #site-footer h4
) {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700;
}

body.site-home.home-page :is(
  p,
  a,
  button,
  span,
  li,
  small,
  .section-kicker,
  .proof-kicker,
  .module-state,
  .hero-visual-kicker,
  .pipeline-step-meta,
  .footer-kicker
) {
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif !important;
}

body.site-home.home-page #visual-proof {
  row-gap: clamp(30px, 4vw, 68px);
}

body.site-home.home-page #visual-proof .section-head h2 {
  max-width: 12ch !important;
  font-size: clamp(3.5rem, 5.75vw, 7.25rem) !important;
  line-height: 0.97 !important;
}

body.site-home.home-page #visual-proof > .sub {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  align-self: center;
  margin: 0 0 clamp(2px, 1.2vw, 18px) auto !important;
  font-size: clamp(1.08rem, 1.1vw, 1.24rem);
}

body.site-home.home-page .product-proof-results-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.64fr) !important;
  gap: clamp(44px, 7vw, 120px) !important;
  align-items: start;
}

body.site-home.home-page .product-proof-results-grid .results__preview {
  transform: translate3d(clamp(-64px, -4vw, -22px), clamp(-20px, -1.6vw, -8px), 0) perspective(1100px) rotateY(3deg) !important;
}

body.site-home.home-page .product-proof-results-grid .results__modal {
  gap: clamp(20px, 2.3vw, 34px);
  transform: translateY(clamp(-12px, -0.8vw, 0px)) !important;
}

body.site-home.home-page .proof-modal-copy h3 {
  max-width: 13ch !important;
  font-size: clamp(2.45rem, 3.55vw, 4.85rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.052em !important;
}

body.site-home.home-page .proof-modal-copy p {
  max-width: 40ch;
  font-size: clamp(1.04rem, 1.05vw, 1.18rem);
}

body.site-home.home-page .proof-modal-stack {
  gap: clamp(16px, 1.7vw, 22px);
}

body.site-home.home-page .proof-modal-card {
  max-width: 520px;
}

body.site-home.home-page #proof .proof-editorial-copy h2,
body.site-home.home-page #results .results-intro-copy h2,
body.site-home.home-page #flow .pipeline-intro-copy h2 {
  font-size: clamp(3.6rem, 6.1vw, 7.4rem) !important;
}

body.site-home.home-page #proof .proof-feature-row,
body.site-home.home-page .results-timeline-item,
body.site-home.home-page .pipeline-flow-step {
  color: var(--scene-copy);
}

body.site-home.home-page #proof .proof-feature-copy h3,
body.site-home.home-page .results-featured-copy h3,
body.site-home.home-page .results-timeline-copy h3,
body.site-home.home-page .pipeline-flow-step h3 {
  letter-spacing: -0.05em !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page #visual-proof > .sub {
    margin: 0 !important;
  }

  body.site-home.home-page #systems .section-head,
  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #visual-proof .section-head,
  body.site-home.home-page #visual-proof > .sub {
    grid-row: auto !important;
  }

  body.site-home.home-page #systems .why-title {
    max-width: 10ch !important;
    font-size: clamp(4.1rem, 9vw, 6.6rem) !important;
  }

  body.site-home.home-page .product-proof-results-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(36px, 7vw, 72px) !important;
  }

  body.site-home.home-page .product-proof-results-grid .results__modal {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    justify-self: start !important;
  }

  body.site-home.home-page .product-proof-results-grid .results__preview,
  body.site-home.home-page .product-proof-results-grid .results__modal {
    transform: none !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .shell-main > .section > :is(.section-head, .systems-layout, .product-proof-grid, .product-proof-results-grid, .proof-editorial, .results-intro, .results-featured, .results-timeline, .pipeline-intro, .pipeline-flow, .pipeline-footer, .sub),
  body.site-home.home-page #systems,
  body.site-home.home-page #systems .section-head,
  body.site-home.home-page #systems .systems-layout,
  body.site-home.home-page #visual-proof,
  body.site-home.home-page #visual-proof .section-head {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.site-home.home-page :is(.sub, .why-intro, .feature-copy, .bullet-list li, .proof-feature-copy p, .results-featured-copy p, .results-timeline-copy p, .pipeline-flow-step p, .proof-modal-copy p, .proof-modal-card span, .pay-note) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
  }

  body.site-home.home-page .product-proof-results-grid,
  body.site-home.home-page .product-proof-results-grid .results__modal,
  body.site-home.home-page .proof-modal-copy,
  body.site-home.home-page .proof-modal-stack,
  body.site-home.home-page .proof-modal-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.site-home.home-page .product-proof-results-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(30px, 9vw, 44px) !important;
  }

  body.site-home.home-page .product-proof-results-grid .results__modal {
    transform: none !important;
  }

  body.site-home.home-page .proof-main-screen img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  body.site-home.home-page .marquee-viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(18px, 5vw, 24px) !important;
  }

  body.site-home.home-page #systems .why-title {
    max-width: 8.7ch !important;
    font-size: clamp(3rem, 12.4vw, 3.85rem) !important;
    line-height: 1.02 !important;
  }

  body.site-home.home-page #systems .why-intro {
    max-width: 100% !important;
  }

  body.site-home.home-page #visual-proof .section-head h2,
  body.site-home.home-page #proof .proof-editorial-copy h2,
  body.site-home.home-page #results .results-intro-copy h2,
  body.site-home.home-page #flow .pipeline-intro-copy h2 {
    max-width: 11.5ch !important;
    font-size: clamp(2.85rem, 13vw, 4.75rem) !important;
  }

  body.site-home.home-page .proof-modal-copy h3 {
    max-width: 12ch !important;
    font-size: clamp(2.35rem, 10.6vw, 3.55rem) !important;
  }
}

@media (max-width: 430px) {
  body.site-home.home-page .marquee-track span {
    font-size: clamp(16px, 4.6vw, 18px) !important;
    letter-spacing: -0.032em !important;
  }
}

/* Plutar wordmark font unification: one Satoshi system across the public site. */
body,
body *:not(svg):not(svg *),
body *::before,
body *::after {
  font-family: var(--plutar-font-wordmark, "Satoshi", "Helvetica Neue", Arial, sans-serif) !important;
}

body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .brand,
  .site-brand,
  .hero-type-lockup,
  .hero-type-line,
  .hero-type-line-text,
  .section-title,
  .why-title,
  .pricing-tier-amount,
  .marquee-track span
) {
  font-family: var(--plutar-font-wordmark, "Satoshi", "Helvetica Neue", Arial, sans-serif) !important;
}

/* Homepage exact polish pass: alignment, spacing, card consistency, and responsive cleanup only. */
body.site-home.home-page {
  --plutar-polish-radius: 22px;
  --plutar-polish-border: 1px solid rgba(148, 211, 255, 0.14);
  --plutar-polish-bg:
    linear-gradient(180deg, rgba(8, 17, 31, 0.5), rgba(4, 8, 18, 0.34));
  --plutar-polish-shadow:
    0 22px 72px rgba(0, 3, 12, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --plutar-polish-glow: 0 0 38px rgba(34, 211, 238, 0.055);
  --plutar-polish-chip-bg: rgba(7, 14, 27, 0.48);
  --plutar-polish-copy: rgba(238, 246, 255, 0.72);
}

body.site-home.home-page .site-header-inner {
  min-height: 76px !important;
  padding: 18px clamp(28px, 4vw, 64px) !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 46px) !important;
}

body.site-home.home-page .site-header-left {
  flex: 1 1 auto;
  align-items: center !important;
  gap: clamp(30px, 3.8vw, 62px) !important;
}

body.site-home.home-page .site-brand {
  min-height: 44px !important;
  align-items: center !important;
  gap: 11px !important;
  font-size: clamp(1.32rem, 1.58vw, 1.68rem) !important;
  line-height: 1 !important;
}

body.site-home.home-page .site-brand .brand-mark {
  width: 28px !important;
  height: 28px !important;
}

body.site-home.home-page .site-header .nav-primary,
body.site-home.home-page .site-header .nav-actions {
  min-height: 44px !important;
  align-items: center !important;
}

body.site-home.home-page .site-header .nav-primary {
  gap: clamp(20px, 2vw, 34px) !important;
}

body.site-home.home-page .site-header .nav-actions {
  gap: clamp(16px, 1.6vw, 26px) !important;
}

body.site-home.home-page .site-header .nav-group > a,
body.site-home.home-page .site-header .nav-actions .btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

body.site-home.home-page .site-header .nav-actions .btn {
  padding: 0 22px !important;
  border-radius: 999px !important;
  border-color: rgba(245, 247, 255, 0.16) !important;
  background: rgba(7, 15, 28, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.site-home.home-page .hero-home-refresh {
  padding-top: clamp(138px, 16vh, 188px) !important;
  padding-bottom: clamp(78px, 10vh, 122px) !important;
  gap: clamp(12px, 1.7vh, 22px) !important;
  background:
    radial-gradient(circle at 48% 36%, rgba(34, 211, 238, 0.105), transparent 30%),
    radial-gradient(circle at 23% 18%, rgba(125, 211, 252, 0.055), transparent 26%),
    linear-gradient(180deg, #02050d 0%, #05070b 58%, #02050d 100%) !important;
}

body.site-home.home-page .hero-home-copy {
  transform: none !important;
  filter: drop-shadow(0 18px 56px rgba(2, 6, 23, 0.44)) !important;
}

body.site-home.home-page .hero-home-copy::before {
  content: "";
  position: absolute;
  inset: -18% 9% -8%;
  z-index: -1;
  background: radial-gradient(ellipse at 50% 48%, rgba(34, 211, 238, 0.16), transparent 62%);
  filter: blur(64px);
  opacity: 0.42;
  pointer-events: none;
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  max-width: 1040px !important;
  gap: clamp(2px, 0.42vw, 8px) !important;
  font-size: clamp(3.8rem, 7.7vw, 7.8rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.055em !important;
}

body.site-home.home-page .hero-refresh-actions {
  margin-top: clamp(13px, 1.7vh, 22px) !important;
  gap: 12px !important;
}

body.site-home.home-page .hero-refresh-actions .btn {
  min-height: 50px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  letter-spacing: -0.018em !important;
}

body.site-home.home-page .hero-home-subtext {
  padding-top: clamp(6px, 1.15vh, 14px) !important;
  gap: clamp(8px, 1.1vh, 14px) !important;
}

body.site-home.home-page .hero-hook-sub {
  max-width: 690px !important;
  color: rgba(238, 246, 255, 0.74) !important;
  line-height: 1.54 !important;
}

body.site-home.home-page .hero-proof-list {
  margin-top: clamp(9px, 1.3vh, 16px) !important;
  gap: 10px !important;
}

body.site-home.home-page .hero-proof-chip,
body.site-home.home-page .industry-tag,
body.site-home.home-page .module-stats span,
body.site-home.home-page .pipeline-tag-row span,
body.site-home.home-page .pipeline-assurance span {
  border: 1px solid rgba(148, 211, 255, 0.13) !important;
  border-radius: 999px !important;
  background: var(--plutar-polish-chip-bg) !important;
  box-shadow:
    0 12px 34px rgba(0, 3, 12, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body.site-home.home-page .shell-main > .section {
  padding-top: clamp(94px, 9.5vw, 164px) !important;
  padding-bottom: clamp(94px, 9.5vw, 164px) !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #flow .pipeline-flow-step
) {
  border: var(--plutar-polish-border) !important;
  border-radius: var(--plutar-polish-radius) !important;
  background: var(--plutar-polish-bg) !important;
  box-shadow: var(--plutar-polish-shadow), var(--plutar-polish-glow) !important;
  backdrop-filter: blur(12px);
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #flow .pipeline-flow-step
):hover {
  border-color: rgba(148, 211, 255, 0.18) !important;
  box-shadow:
    0 26px 82px rgba(0, 3, 12, 0.32),
    0 0 44px rgba(34, 211, 238, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.site-home.home-page #systems .module-card-primary,
body.site-home.home-page #systems .right-feature-card {
  padding: clamp(26px, 3vw, 38px) !important;
  border-left: var(--plutar-polish-border) !important;
}

body.site-home.home-page #systems .module-card-primary::before,
body.site-home.home-page #systems .right-feature-card::before {
  opacity: 0.34 !important;
}

body.site-home.home-page .plutar-marquee {
  --marquee-edge-space: clamp(38px, 7vw, 120px) !important;
  --marquee-gap: clamp(58px, 6vw, 120px) !important;
  min-height: clamp(82px, 6vw, 106px) !important;
  margin-top: clamp(18px, 3vw, 48px) !important;
  margin-bottom: clamp(8px, 1vw, 18px) !important;
  padding: 4px 0 !important;
}

body.site-home.home-page .marquee-viewport {
  min-height: clamp(70px, 5.2vw, 92px) !important;
  border-color: rgba(255, 255, 255, 0.028) !important;
}

body.site-home.home-page .marquee-track {
  animation-duration: 68s !important;
}

body.site-home.home-page .marquee-track span {
  font-size: clamp(22px, 2.3vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  padding: 10px 0 12px !important;
  text-shadow:
    0 0 4px rgba(34, 211, 238, 0.16),
    0 0 12px rgba(56, 189, 248, 0.08) !important;
}

body.site-home.home-page .plutar-marquee:hover .marquee-track {
  animation-duration: 82s !important;
}

body.site-home.home-page #visual-proof {
  align-items: center !important;
}

body.site-home.home-page .product-proof-results-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.68fr) !important;
  gap: clamp(38px, 5.8vw, 96px) !important;
  align-items: center !important;
}

body.site-home.home-page .product-proof-results-grid .results__preview {
  align-self: center !important;
  aspect-ratio: 926 / 962 !important;
  transform: none !important;
}

body.site-home.home-page .proof-main-screen img {
  display: block !important;
  width: 100% !important;
  max-width: 980px !important;
  height: auto !important;
  aspect-ratio: 926 / 962 !important;
  object-fit: contain !important;
  margin: 0 !important;
}

body.site-home.home-page .product-proof-results-grid .results__modal {
  align-self: center !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
  padding: clamp(24px, 2.6vw, 32px) !important;
  transform: none !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-copy h3 {
  max-width: 14ch !important;
  font-size: clamp(2.05rem, 3.15vw, 4.15rem) !important;
  line-height: 0.98 !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-copy p {
  font-size: clamp(1rem, 1vw, 1.12rem) !important;
  line-height: 1.62 !important;
}

body.site-home.home-page .proof-modal-stack {
  gap: 12px !important;
}

body.site-home.home-page .proof-modal-card {
  min-height: 92px !important;
  padding: 16px !important;
}

body.site-home.home-page #proof .proof-feature-list {
  gap: clamp(18px, 2.2vw, 30px) !important;
}

body.site-home.home-page #proof .proof-feature-row,
body.site-home.home-page #proof .proof-feature-row:nth-child(2),
body.site-home.home-page #proof .proof-feature-row:nth-child(3) {
  width: 100% !important;
  min-height: 270px !important;
  margin-left: 0 !important;
  padding: clamp(24px, 2.8vw, 34px) !important;
  align-items: start !important;
}

body.site-home.home-page #results .results-featured {
  min-height: 220px !important;
  padding: clamp(26px, 3vw, 40px) !important;
  align-items: center !important;
}

body.site-home.home-page #results .results-timeline {
  gap: clamp(18px, 2.4vw, 32px) !important;
}

body.site-home.home-page #results .results-timeline-item {
  min-height: 242px !important;
  padding: clamp(24px, 2.6vw, 34px) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 18px !important;
}

body.site-home.home-page #results .results-timeline-copy p {
  max-width: 52ch !important;
}

body.site-home.home-page #flow .pipeline-flow {
  gap: clamp(18px, 2.4vw, 34px) !important;
  align-items: stretch !important;
}

body.site-home.home-page #flow .pipeline-flow-step,
body.site-home.home-page #flow .pipeline-flow-step-featured {
  min-height: 430px !important;
  padding: clamp(24px, 2.6vw, 36px) !important;
  display: flex !important;
  flex-direction: column !important;
  transform: none !important;
}

body.site-home.home-page #flow .pipeline-flow-step .btn {
  width: max-content !important;
  margin-top: auto !important;
}

body.site-home.home-page #flow .pipeline-flow-step p {
  color: var(--plutar-polish-copy) !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page .site-header-inner {
    padding: 16px clamp(22px, 3.4vw, 40px) !important;
    gap: clamp(16px, 2vw, 28px) !important;
  }

  body.site-home.home-page .site-header-left {
    gap: clamp(18px, 2.2vw, 30px) !important;
  }

  body.site-home.home-page .product-proof-results-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.site-home.home-page #flow .pipeline-flow {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step,
  body.site-home.home-page #flow .pipeline-flow-step-featured {
    min-height: auto !important;
  }
}

@media (max-width: 900px) {
  body.site-home.home-page .site-header-inner {
    min-height: 68px !important;
    padding: 12px 16px !important;
    gap: 12px !important;
  }

  body.site-home.home-page .site-header-left {
    gap: 12px !important;
  }

  body.site-home.home-page .site-brand {
    min-height: 42px !important;
    font-size: 1rem !important;
  }

  body.site-home.home-page .site-brand .brand-mark {
    width: 24px !important;
    height: 24px !important;
  }

  body.site-home.home-page .mobile-nav-toggle {
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .nav-primary,
  body.site-home.home-page .site-header:not(.is-mobile-open) .nav-actions {
    min-height: 0 !important;
    height: 0 !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    min-height: 44px !important;
    height: auto !important;
  }
}

@media (max-width: 760px) {
  html,
  body.site-home.home-page {
    overflow-x: clip;
  }

  body.site-home.home-page .hero-home-refresh {
    min-height: 94svh !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 104px)
      20px
      68px !important;
    gap: 12px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: 360px !important;
    font-size: clamp(2.35rem, 10.6vw, 3.35rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 350px) !important;
    gap: 10px !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-height: 44px !important;
    padding: 0 12px !important;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 34ch !important;
    font-size: clamp(1rem, 4.1vw, 1.12rem) !important;
  }

  body.site-home.home-page .hero-proof-list {
    width: min(100%, 354px) !important;
  }

  body.site-home.home-page .hero-proof-chip {
    flex: 1 1 calc(50% - 8px) !important;
    min-height: 36px !important;
    padding: 0 10px !important;
  }

  body.site-home.home-page .shell-main {
    padding-top: 42px !important;
  }

  body.site-home.home-page .shell-main > .section {
    padding: clamp(104px, 24vw, 132px) 20px clamp(76px, 17vw, 100px) !important;
    scroll-margin-top: 108px !important;
  }

  body.site-home.home-page #systems + #visual-proof {
    padding-top: clamp(104px, 24vw, 132px) !important;
  }

  body.site-home.home-page :is(
    #systems .module-card-primary,
    #systems .right-feature-card,
    #visual-proof .results__modal,
    #visual-proof .proof-modal-card,
    #proof .proof-feature-row,
    #results .results-featured,
    #results .results-timeline-item,
    #flow .pipeline-flow-step
  ) {
    border-radius: 18px !important;
    padding: 20px !important;
  }

  body.site-home.home-page .product-proof-results-grid .proof-modal-copy h3 {
    font-size: clamp(2rem, 10.2vw, 3.25rem) !important;
  }

  body.site-home.home-page .proof-modal-card {
    min-height: auto !important;
    padding: 16px !important;
  }

  body.site-home.home-page .plutar-marquee {
    --marquee-edge-space: 28px !important;
    --marquee-gap: 56px !important;
    min-height: 72px !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 62px !important;
  }

  body.site-home.home-page .marquee-track span {
    font-size: clamp(18px, 5vw, 22px) !important;
    padding: 8px 0 10px !important;
  }

  body.site-home.home-page .product-proof-results-grid {
    gap: 28px !important;
  }

  body.site-home.home-page .proof-main-screen img {
    max-width: 100% !important;
  }

  body.site-home.home-page #proof .proof-feature-row,
  body.site-home.home-page #results .results-featured,
  body.site-home.home-page #results .results-timeline-item,
  body.site-home.home-page #flow .pipeline-flow-step {
    min-height: auto !important;
    width: 100% !important;
  }

  body.site-home.home-page #results .results-featured {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step .btn {
    width: 100% !important;
  }
}

/* Homepage soft glass surface pass: remove sharp container feel without changing structure. */
body.site-home.home-page {
  --plutar-soft-radius: clamp(30px, 2.6vw, 44px);
  --plutar-soft-inner-radius: clamp(22px, 1.8vw, 32px);
  --plutar-soft-border: 1px solid rgba(186, 225, 255, 0.095);
  --plutar-soft-bg:
    linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.026) 42%, rgba(34, 211, 238, 0.024) 100%),
    rgba(3, 8, 18, 0.38);
  --plutar-soft-chip-bg:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(4, 10, 22, 0.44);
  --plutar-soft-shadow:
    0 26px 90px rgba(0, 3, 14, 0.34),
    0 0 72px rgba(34, 211, 238, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 -1px 0 rgba(125, 211, 252, 0.035);
  --plutar-soft-hover-shadow:
    0 30px 96px rgba(0, 3, 14, 0.38),
    0 0 78px rgba(34, 211, 238, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.085),
    inset 0 -1px 0 rgba(125, 211, 252, 0.045);
}

body.site-home.home-page .shell-main {
  background:
    radial-gradient(ellipse at 20% 10%, rgba(34, 211, 238, 0.06), transparent 34%),
    radial-gradient(ellipse at 82% 42%, rgba(124, 58, 237, 0.035), transparent 38%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.08), rgba(2, 6, 23, 0.24) 42%, rgba(0, 1, 8, 0.46) 100%) !important;
}

body.site-home.home-page .shell-main > .section {
  background:
    radial-gradient(ellipse at 48% 0%, rgba(125, 211, 252, 0.04), transparent 44%),
    radial-gradient(ellipse at 50% 100%, rgba(0, 3, 14, 0.24), transparent 52%) !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step
) {
  overflow: hidden !important;
  isolation: isolate;
  border: var(--plutar-soft-border) !important;
  border-radius: var(--plutar-soft-radius) !important;
  background: var(--plutar-soft-bg) !important;
  background-clip: padding-box !important;
  box-shadow: var(--plutar-soft-shadow) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
  backdrop-filter: blur(14px) saturate(1.12);
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #flow .pipeline-flow-step
):hover {
  border-color: rgba(202, 232, 255, 0.13) !important;
  box-shadow: var(--plutar-soft-hover-shadow) !important;
}

body.site-home.home-page #systems .module-card-primary,
body.site-home.home-page #systems .right-feature-card {
  border-left: var(--plutar-soft-border) !important;
}

body.site-home.home-page #systems .module-card-primary::before,
body.site-home.home-page #systems .module-card-primary::after,
body.site-home.home-page #systems .right-feature-card::before,
body.site-home.home-page #systems .right-feature-card::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page #systems .module-stats span {
  padding: 14px 18px !important;
  border: var(--plutar-soft-border) !important;
  border-radius: 999px !important;
  background: var(--plutar-soft-chip-bg) !important;
  box-shadow:
    0 14px 42px rgba(0, 3, 14, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.site-home.home-page #systems .module-foot {
  border-top: 0 !important;
  border-radius: var(--plutar-soft-inner-radius) !important;
  padding: clamp(18px, 2vw, 24px) !important;
  background:
    linear-gradient(135deg, rgba(34, 211, 238, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(2, 8, 18, 0.24) !important;
}

body.site-home.home-page #systems .bullet-list li,
body.site-home.home-page #systems .right-card-list li,
body.site-home.home-page .pipeline-tag-row span,
body.site-home.home-page .pipeline-assurance span,
body.site-home.home-page .industry-tag,
body.site-home.home-page .hero-proof-chip {
  border-color: rgba(186, 225, 255, 0.105) !important;
  background: var(--plutar-soft-chip-bg) !important;
  box-shadow:
    0 12px 34px rgba(0, 3, 14, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.site-home.home-page #systems .bullet-list,
body.site-home.home-page #systems .right-card-list {
  gap: 12px !important;
}

body.site-home.home-page #systems .bullet-list li,
body.site-home.home-page #systems .right-card-list li {
  width: fit-content;
  max-width: 100%;
  min-height: 46px;
  padding: 10px 18px !important;
  border: var(--plutar-soft-border) !important;
  border-radius: 999px !important;
}

body.site-home.home-page #systems .bullet-list li::before,
body.site-home.home-page #systems .right-card-list li::before {
  margin-right: 10px !important;
}

body.site-home.home-page .proof-main-screen img {
  border-radius: clamp(26px, 2.35vw, 38px) !important;
  filter:
    drop-shadow(0 34px 82px rgba(0, 3, 14, 0.44))
    drop-shadow(0 0 54px rgba(34, 211, 238, 0.075)) !important;
}

body.site-home.home-page .results-featured-metric {
  padding: clamp(22px, 2.4vw, 34px) !important;
}

body.site-home.home-page .site-header .nav-actions .btn,
body.site-home.home-page .hero-refresh-actions .btn {
  border-color: rgba(202, 232, 255, 0.15) !important;
  box-shadow:
    0 16px 46px rgba(0, 3, 14, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
}

@media (max-width: 760px) {
  body.site-home.home-page {
    --plutar-soft-radius: 26px;
    --plutar-soft-inner-radius: 20px;
  }

  body.site-home.home-page :is(
    #systems .module-card-primary,
    #systems .right-feature-card,
    #visual-proof .results__modal,
    #visual-proof .proof-modal-card,
    #proof .proof-feature-row,
    #results .results-featured,
    #results .results-timeline-item,
    #results .results-featured-metric,
    #flow .pipeline-flow-step
  ) {
    border-radius: var(--plutar-soft-radius) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.08);
    backdrop-filter: blur(10px) saturate(1.08);
  }

  body.site-home.home-page .proof-main-screen img {
    border-radius: 24px !important;
  }
}

/* Homepage true continuous marquee pass: equal right-to-left loop with no anchored start. */
body.site-home.home-page .plutar-marquee {
  --marquee-gap: clamp(72px, 7vw, 132px);
  --marquee-start-offset: calc(100vw - 1px);
  position: relative;
  overflow: visible !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: clamp(76px, 5.6vw, 104px) !important;
  margin:
    clamp(20px, 3vw, 50px)
    calc(50% - 50vw)
    clamp(8px, 1.2vw, 20px) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.site-home.home-page .marquee-viewport {
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  width: 100% !important;
  min-height: clamp(76px, 5.6vw, 104px) !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
}

body.site-home.home-page .marquee-track {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  width: max-content !important;
  min-width: max-content !important;
  transform: translate3d(var(--marquee-start-offset), 0, 0);
  will-change: transform;
  animation: marqueeContinuousLoop 64s linear infinite !important;
}

body.site-home.home-page .marquee-group {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--marquee-gap) !important;
  padding: 0 var(--marquee-gap) 0 0 !important;
  margin: 0 !important;
}

body.site-home.home-page .marquee-group::before {
  content: none !important;
  display: none !important;
  flex: 0 0 0 !important;
}

body.site-home.home-page .marquee-track span {
  flex: 0 0 auto !important;
  display: inline-block !important;
  min-height: 0 !important;
  padding: 8px 0 10px !important;
  white-space: nowrap !important;
}

body.site-home.home-page #systems.reveal-section {
  filter: none !important;
  will-change: opacity, transform;
}

body.site-home.home-page .plutar-marquee:hover .marquee-track {
  animation-duration: 78s !important;
}

@keyframes marqueeContinuousLoop {
  from {
    transform: translate3d(calc(100vw - 1px), 0, 0);
  }

  to {
    transform: translate3d(calc(-50% + 100vw - 1px), 0, 0);
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .plutar-marquee {
    --marquee-gap: 64px;
    min-height: 70px !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }

  body.site-home.home-page .marquee-viewport {
    min-height: 70px !important;
  }

  body.site-home.home-page .marquee-track {
    animation-duration: 52s !important;
  }

  body.site-home.home-page .marquee-track span {
    min-height: 0 !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.08 !important;
    padding: 8px 0 9px !important;
  }
}

/* Homepage effects pass: add motion to the current layout and copy only. */
body.site-home.home-page .homepage-effect-item {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(0.985);
  filter: saturate(0.94);
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1) var(--effect-delay, 0ms),
    transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) var(--effect-delay, 0ms),
    filter 1.15s cubic-bezier(0.16, 1, 0.3, 1) var(--effect-delay, 0ms);
  will-change: opacity, transform;
}

body.site-home.home-page .homepage-effect-item.effect-left {
  transform: translate3d(-46px, 0, 0) scale(0.99);
}

body.site-home.home-page .homepage-effect-item.effect-right {
  transform: translate3d(46px, 0, 0) scale(0.99);
}

body.site-home.home-page .homepage-effect-item.effect-scale {
  transform: translate3d(0, 28px, 0) scale(0.955);
}

body.site-home.home-page .homepage-effect-item.effect-fade {
  transform: translate3d(0, 14px, 0);
}

body.site-home.home-page .homepage-effect-item.is-effect-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: none;
}

body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-product-float {
  animation: homepageProductFloat 8.5s ease-in-out var(--effect-delay, 0ms) infinite;
}

body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-glow-pulse {
  animation: homepageSoftGlowPulse 5.8s ease-in-out var(--effect-delay, 0ms) infinite;
}

body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-rail-flow {
  animation: homepageRailBreath 6.4s ease-in-out var(--effect-delay, 0ms) infinite;
}

body.site-home.home-page .hero-home-top .eyebrow,
body.site-home.home-page .hero-refresh-actions,
body.site-home.home-page .hero-home-subtext,
body.site-home.home-page .hero-proof-chip {
  animation: homepageLoadLift 1s cubic-bezier(0.16, 1, 0.3, 1) both;
}

body.site-home.home-page .hero-home-top .eyebrow {
  animation-delay: 120ms;
}

body.site-home.home-page .hero-refresh-actions {
  animation-delay: 760ms;
}

body.site-home.home-page .hero-home-subtext {
  animation-delay: 960ms;
}

body.site-home.home-page .hero-proof-chip:nth-child(1) { animation-delay: 1120ms; }
body.site-home.home-page .hero-proof-chip:nth-child(2) { animation-delay: 1190ms; }
body.site-home.home-page .hero-proof-chip:nth-child(3) { animation-delay: 1260ms; }
body.site-home.home-page .hero-proof-chip:nth-child(4) { animation-delay: 1330ms; }

body.site-home.home-page .site-header {
  animation:
    rise 0.7s ease both,
    homepageHeaderFloat 7s ease-in-out 1.2s infinite;
}

body.site-home.home-page .btn {
  position: relative;
  overflow: hidden;
}

body.site-home.home-page .btn::after {
  content: "";
  position: absolute;
  inset: -60% -45%;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.2) 50%, transparent 62%);
  opacity: 0;
  transform: translate3d(-44%, 0, 0);
  transition:
    opacity 260ms ease,
    transform 850ms cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

body.site-home.home-page .btn:hover::after {
  opacity: 0.8;
  transform: translate3d(44%, 0, 0);
}

body.site-home.home-page .infra-section.is-live :is(.section-kicker, .proof-kicker, .footer-kicker) {
  animation: homepageAccentPulse 4.8s ease-in-out infinite;
}

body.site-home.home-page .results-timeline-dot,
body.site-home.home-page .status-dot,
body.site-home.home-page .module-state-dot {
  animation: homepageDotPulse 3.6s ease-in-out infinite;
}

body.site-home.home-page .pipeline-rail.is-effect-visible span {
  animation: homepageRailNode 3.2s ease-in-out infinite;
}

body.site-home.home-page .pipeline-rail.is-effect-visible span:nth-child(2) { animation-delay: 180ms; }
body.site-home.home-page .pipeline-rail.is-effect-visible span:nth-child(3) { animation-delay: 360ms; }
body.site-home.home-page .pipeline-rail.is-effect-visible span:nth-child(4) { animation-delay: 540ms; }
body.site-home.home-page .pipeline-rail.is-effect-visible span:nth-child(5) { animation-delay: 720ms; }

@keyframes homepageLoadLift {
  from {
    opacity: 0;
    transform: translate3d(0, 24px, 0) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes homepageHeaderFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes homepageProductFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(0, -12px, 0) scale(1.006);
  }
}

@keyframes homepageSoftGlowPulse {
  0%, 100% {
    box-shadow: var(--plutar-soft-shadow);
  }

  50% {
    box-shadow:
      0 30px 96px rgba(0, 3, 14, 0.36),
      0 0 86px rgba(34, 211, 238, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.085),
      inset 0 -1px 0 rgba(125, 211, 252, 0.045);
  }
}

@keyframes homepageRailBreath {
  0%, 100% {
    opacity: 0.8;
    transform: translate3d(0, 0, 0) scaleX(1);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -3px, 0) scaleX(1.01);
  }
}

@keyframes homepageRailNode {
  0%, 100% {
    opacity: 0.52;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@keyframes homepageAccentPulse {
  0%, 100% {
    text-shadow: 0 0 10px rgba(34, 211, 238, 0.22);
  }

  50% {
    text-shadow: 0 0 20px rgba(34, 211, 238, 0.45);
  }
}

@keyframes homepageDotPulse {
  0%, 100% {
    box-shadow: 0 0 12px rgba(34, 211, 238, 0.32);
  }

  50% {
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.65);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .homepage-effect-item,
  body.site-home.home-page .hero-home-top .eyebrow,
  body.site-home.home-page .hero-refresh-actions,
  body.site-home.home-page .hero-home-subtext,
  body.site-home.home-page .hero-proof-chip,
  body.site-home.home-page .site-header,
  body.site-home.home-page .results-timeline-dot,
  body.site-home.home-page .status-dot,
  body.site-home.home-page .module-state-dot,
  body.site-home.home-page .pipeline-rail span {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .homepage-effect-item,
  body.site-home.home-page .homepage-effect-item.effect-left,
  body.site-home.home-page .homepage-effect-item.effect-right,
  body.site-home.home-page .homepage-effect-item.effect-scale {
    transform: translate3d(0, 24px, 0) scale(0.985);
  }

  body.site-home.home-page .homepage-effect-item.is-effect-visible,
  body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-left,
  body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-right,
  body.site-home.home-page .homepage-effect-item.is-effect-visible.effect-scale {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Homepage duplicate hero starfield removal: the fixed site-space-background owns the stars. */
body.site-home.home-page .hero-stage,
body.site-home.home-page .hero,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero__grid {
  background: transparent !important;
}

body.site-home.home-page .hero-stage {
  isolation: isolate;
}

body.site-home.home-page .hero-stage::before {
  content: none !important;
  display: none !important;
  pointer-events: none;
  background: none !important;
  opacity: 0 !important;
  mix-blend-mode: normal !important;
}

body.site-home.home-page .hero-stage::after,
body.site-home.home-page .hero-home-refresh::before,
body.site-home.home-page .hero-home-refresh::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.site-home.home-page .hero-stage-shell,
body.site-home.home-page .hero-stage-shell.shell {
  position: relative;
  z-index: 3;
}

body.site-home.home-page .hero-home-copy {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(0, 1, 7, 0.34), rgba(0, 1, 7, 0.12) 44%, transparent 74%) !important;
}

/* Homepage open layout correction: remove decorative boxes and keep sections connected. */
body.site-home.home-page {
  --plutar-open-copy-width: min(100%, 620px);
}

body.site-home.home-page .site-header,
body.site-home.home-page .site-header.panel,
body.site-home.home-page .site-header-inner,
body.site-home.home-page .shell-main,
body.site-home.home-page .shell-main > .section,
body.site-home.home-page .shell-main > .section.panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page .site-header {
  overflow: visible !important;
}

body.site-home.home-page .shell-main {
  background:
    radial-gradient(ellipse at 18% 8%, rgba(34, 211, 238, 0.035), transparent 38%),
    radial-gradient(ellipse at 84% 42%, rgba(124, 58, 237, 0.026), transparent 42%),
    linear-gradient(180deg, rgba(0, 1, 7, 0), rgba(0, 1, 7, 0.18) 48%, rgba(0, 1, 7, 0.5) 100%) !important;
}

body.site-home.home-page .shell-main > .section {
  overflow: visible !important;
  isolation: isolate;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-editorial-copy,
  #proof .proof-feature-rail,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step,
  .footer-cta,
  .footer-link-group
) {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step
)::before,
body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step
)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #systems .module-card-primary,
body.site-home.home-page #systems .right-feature-card,
body.site-home.home-page #flow .pipeline-flow-step,
body.site-home.home-page #flow .pipeline-flow-step-featured {
  padding-left: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}

body.site-home.home-page #systems .module-stats span,
body.site-home.home-page #systems .bullet-list li,
body.site-home.home-page #systems .right-card-list li,
body.site-home.home-page .hero-proof-chip,
body.site-home.home-page .industry-tag,
body.site-home.home-page .pipeline-tag-row span,
body.site-home.home-page .pipeline-assurance span {
  min-height: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .module-stats span {
  padding-left: 0 !important;
  border-left: 0 !important;
}

body.site-home.home-page #systems .module-foot,
body.site-home.home-page .pipeline-footer {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page #proof .proof-feature-list,
body.site-home.home-page #results .results-timeline,
body.site-home.home-page #flow .pipeline-flow {
  gap: clamp(34px, 5vw, 74px) !important;
}

body.site-home.home-page #proof .proof-feature-icon,
body.site-home.home-page #flow .step-number {
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.16) !important;
}

body.site-home.home-page #flow .pipeline-flow-connector,
body.site-home.home-page #flow .pipeline-flow-connector::before,
body.site-home.home-page #flow .pipeline-flow-connector::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #visual-proof .results__modal,
body.site-home.home-page #proof .proof-editorial-copy,
body.site-home.home-page #results .results-featured-copy,
body.site-home.home-page #flow .pipeline-intro-copy {
  max-width: var(--plutar-open-copy-width);
}

/* Homepage frame-line removal: no cyan edge glow or injected rectangle borders. */
body.site-home.home-page .motion-frame {
  overflow: visible !important;
}

body.site-home.home-page .motion-frame > .border-top,
body.site-home.home-page .motion-frame > .border-right,
body.site-home.home-page .motion-frame > .border-btm,
body.site-home.home-page .motion-frame > .border-left,
body.site-home.home-page .border-top,
body.site-home.home-page .border-right,
body.site-home.home-page .border-btm,
body.site-home.home-page .border-left {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.site-home.home-page :is(
  .motion-frame,
  .module-card,
  .right-feature-card,
  .proof-feature-row,
  .results-featured,
  .results-timeline-item,
  .pipeline-flow-step
) {
  outline: 0 !important;
}

/* Homepage marquee right-edge connection: keep the loop filled across the full viewport. */
body.site-home.home-page .plutar-marquee {
  --marquee-gap: clamp(72px, 7vw, 132px) !important;
  --marquee-start-offset: calc(100dvw - 1px);
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  min-width: 0 !important;
  width: calc(100% + (var(--scene-gutter) * 2)) !important;
  max-width: none !important;
  margin-left: calc(var(--scene-gutter) * -1) !important;
  margin-right: calc(var(--scene-gutter) * -1) !important;
}

body.site-home.home-page .marquee-viewport {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.site-home.home-page .marquee-group {
  min-width: max-content !important;
}

@keyframes marqueeContinuousLoop {
  from {
    transform: translate3d(var(--marquee-start-offset), 0, 0);
  }

  to {
    transform: translate3d(calc(-50% + var(--marquee-start-offset)), 0, 0);
  }
}

/* Homepage marquee hover stability: keep the loop continuous under the cursor. */
body.site-home.home-page .plutar-marquee,
body.site-home.home-page .marquee-viewport,
body.site-home.home-page .marquee-track,
body.site-home.home-page .marquee-group,
body.site-home.home-page .marquee-track span {
  pointer-events: none !important;
}

body.site-home.home-page .marquee-track,
body.site-home.home-page .plutar-marquee:hover .marquee-track,
body.site-home.home-page .plutar-marquee:focus-within .marquee-track {
  animation: marqueeContinuousLoop 64s linear infinite !important;
  animation-duration: 64s !important;
  animation-play-state: running !important;
}

body.site-home.home-page .marquee-track {
  backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
}

/* Homepage performance optimization pass: pause offscreen motion and trim mobile GPU cost. */
body.is-page-hidden *,
body.site-home.home-page .is-animation-paused,
body.site-home.home-page .is-animation-paused *,
body.site-home.home-page .plutar-marquee.is-animation-paused .marquee-track,
body.site-home.home-page [data-scroll-arrow].is-animation-paused,
body.site-home.home-page .pipeline-rail.is-animation-paused span {
  animation-play-state: paused !important;
}

body.site-home.home-page :is(
  .homepage-effect-item,
  .marquee-track,
  [data-scroll-arrow],
  .fade-dust-section > :not(.dust-layer),
  #systems .module-stats span,
  #proof .proof-feature-row,
  #visual-proof .product-showcase-shell,
  #visual-proof .plutar-dashboard-preview
) {
  backface-visibility: hidden;
  will-change: transform, opacity;
}

body.site-home.home-page #visual-proof .product-showcase-shell {
  -webkit-backdrop-filter: blur(14px) saturate(1.06) !important;
  backdrop-filter: blur(14px) saturate(1.06) !important;
}

body.site-home.home-page #visual-proof .product-showcase-shell::after {
  filter: blur(44px) !important;
  opacity: 0.44 !important;
}

@media (max-width: 760px) {
  body.site-home.home-page .fade-dust-section.is-passed > :not(.dust-layer) {
    filter: blur(calc(var(--dust-progress) * 2.5px));
  }

  body.site-home.home-page .fade-dust-section.is-dusted .dust-layer {
    opacity: min(0.58, calc(var(--dust-progress) * 0.9));
  }

  body.site-home.home-page .dust-layer::before,
  body.site-home.home-page .dust-layer::after {
    background-size:
      150px 150px,
      220px 220px,
      290px 290px;
    filter: none;
    animation-duration: 1.45s;
  }

  body.site-home.home-page :is(
    #visual-proof .product-showcase-shell,
    #visual-proof .plutar-dashboard-preview,
    #systems .module-stats span,
    #systems .why-intro,
    #proof .proof-feature-row,
    #flow .pipeline-flow-step .btn
  ) {
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .site-header {
    padding: 18px 20px !important;
  }

  body.site-home.home-page .site-header,
  body.site-home.home-page .site-header-inner {
    border-radius: 0 !important;
  }

  body.site-home.home-page #proof .proof-feature-list,
  body.site-home.home-page #results .results-timeline,
  body.site-home.home-page #flow .pipeline-flow {
    gap: 34px !important;
  }
}

/* Homepage panoramic liquid-glass proportions: wide horizontal surfaces, not portrait cards. */
body.site-home.home-page {
  --scene-gutter: clamp(22px, 4.8vw, 86px);
  --scene-max: 1680px;
  --plutar-panorama-radius: clamp(28px, 2.4vw, 44px);
  --plutar-panorama-inner-radius: clamp(20px, 1.6vw, 30px);
  --plutar-panorama-border: 1px solid rgba(186, 225, 255, 0.11);
  --plutar-panorama-bg:
    linear-gradient(135deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.024) 48%, rgba(34, 211, 238, 0.026)),
    rgba(3, 8, 18, 0.36);
  --plutar-panorama-shadow:
    0 26px 90px rgba(0, 3, 14, 0.28),
    0 0 56px rgba(34, 211, 238, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 -1px 0 rgba(125, 211, 252, 0.028);
}

body.site-home.home-page .shell-main {
  background:
    radial-gradient(ellipse at 18% 8%, rgba(34, 211, 238, 0.035), transparent 38%),
    radial-gradient(ellipse at 84% 42%, rgba(124, 58, 237, 0.024), transparent 42%),
    linear-gradient(180deg, rgba(0, 1, 7, 0.02), rgba(0, 1, 7, 0.18) 48%, rgba(0, 1, 7, 0.48) 100%) !important;
}

body.site-home.home-page .shell-main > .section {
  padding: clamp(70px, 7.2vw, 128px) var(--scene-gutter) !important;
  background: transparent !important;
}

body.site-home.home-page .shell-main > .section > :is(
  .section-head,
  .systems-layout,
  .product-proof-grid,
  .product-proof-results-grid,
  .proof-editorial,
  .results-intro,
  .results-featured,
  .results-timeline,
  .pipeline-intro,
  .pipeline-flow,
  .pipeline-footer,
  .sub
) {
  width: min(100%, var(--scene-max)) !important;
  max-width: var(--scene-max) !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step
) {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  border: var(--plutar-panorama-border) !important;
  border-radius: var(--plutar-panorama-radius) !important;
  background: var(--plutar-panorama-bg) !important;
  background-clip: padding-box !important;
  box-shadow: var(--plutar-panorama-shadow) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .results__modal,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step
):hover {
  border-color: rgba(202, 232, 255, 0.14) !important;
  box-shadow:
    0 28px 94px rgba(0, 3, 14, 0.32),
    0 0 62px rgba(34, 211, 238, 0.046),
    inset 0 1px 0 rgba(255, 255, 255, 0.085),
    inset 0 -1px 0 rgba(125, 211, 252, 0.034) !important;
}

body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-timeline-item,
  #flow .pipeline-flow-step
)::before,
body.site-home.home-page :is(
  #systems .module-card-primary,
  #systems .right-feature-card,
  #visual-proof .proof-modal-card,
  #proof .proof-feature-row,
  #results .results-timeline-item,
  #flow .pipeline-flow-step
)::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page #systems .systems-layout {
  grid-template-columns: 1fr !important;
  gap: clamp(24px, 3.2vw, 52px) !important;
  align-items: stretch !important;
}

body.site-home.home-page #systems .systems-side {
  width: 100% !important;
  padding-top: 0 !important;
}

body.site-home.home-page #systems .module-card-primary {
  display: grid !important;
  grid-template-columns: minmax(310px, 0.92fr) minmax(0, 1.08fr);
  grid-template-areas:
    "title stats"
    "copy bullets"
    "foot foot";
  column-gap: clamp(34px, 5vw, 92px);
  row-gap: clamp(22px, 2.7vw, 38px);
  align-items: center !important;
  padding: clamp(28px, 3.2vw, 46px) clamp(36px, 5.2vw, 96px) !important;
  border-left: var(--plutar-panorama-border) !important;
  border-top: var(--plutar-panorama-border) !important;
}

body.site-home.home-page #systems .module-card-primary .feature-title {
  grid-area: title;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-card-primary .feature-copy {
  grid-area: copy;
  max-width: 52ch !important;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats {
  grid-area: stats;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-card-primary .bullet-list {
  grid-area: bullets;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-card-primary .module-foot {
  grid-area: foot;
  margin-top: clamp(8px, 1vw, 16px) !important;
}

body.site-home.home-page #systems .right-feature-card {
  display: grid !important;
  grid-template-columns: minmax(310px, 0.86fr) minmax(0, 1.14fr);
  grid-template-areas:
    "title copy"
    "title list"
    "foot foot";
  column-gap: clamp(34px, 5vw, 92px);
  row-gap: clamp(20px, 2.4vw, 34px);
  align-items: center !important;
  padding: clamp(28px, 3.2vw, 46px) clamp(36px, 5.2vw, 96px) !important;
  border-left: var(--plutar-panorama-border) !important;
  border-top: var(--plutar-panorama-border) !important;
}

body.site-home.home-page #systems .right-feature-card h3 {
  grid-area: title;
  margin: 0 !important;
}

body.site-home.home-page #systems .right-feature-card > p {
  grid-area: copy;
  max-width: 50ch !important;
  margin: 0 !important;
}

body.site-home.home-page #systems .right-feature-card .right-card-list {
  grid-area: list;
  margin: 0 !important;
}

body.site-home.home-page #systems .right-feature-card .module-foot {
  grid-area: foot;
  margin-top: clamp(8px, 1vw, 16px) !important;
}

body.site-home.home-page .product-proof-results-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(480px, 0.82fr) !important;
  gap: clamp(34px, 4.6vw, 78px) !important;
  align-items: stretch !important;
}

body.site-home.home-page .product-proof-results-grid .results__modal {
  display: grid !important;
  align-content: center !important;
  padding: clamp(28px, 3vw, 42px) clamp(34px, 4.6vw, 76px) !important;
}

body.site-home.home-page .proof-modal-stack {
  gap: clamp(12px, 1.5vw, 20px) !important;
}

body.site-home.home-page .proof-modal-card {
  min-height: 0 !important;
  padding: clamp(16px, 1.7vw, 22px) clamp(20px, 2.8vw, 38px) !important;
  border-radius: var(--plutar-panorama-inner-radius) !important;
}

body.site-home.home-page #proof .proof-editorial {
  grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr) !important;
  gap: clamp(44px, 6.8vw, 128px) !important;
  align-items: center !important;
}

body.site-home.home-page #proof .proof-feature-rail {
  width: 100% !important;
  padding-top: 0 !important;
}

body.site-home.home-page #proof .proof-feature-list {
  gap: clamp(18px, 2.2vw, 32px) !important;
}

body.site-home.home-page #proof .proof-feature-row,
body.site-home.home-page #proof .proof-feature-row:nth-child(2),
body.site-home.home-page #proof .proof-feature-row:nth-child(3) {
  margin-left: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center !important;
  padding: clamp(24px, 2.4vw, 34px) clamp(34px, 4vw, 68px) !important;
}

body.site-home.home-page #results .results-featured {
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.28fr) !important;
  gap: clamp(28px, 4.2vw, 76px) !important;
  width: min(100%, var(--scene-max)) !important;
  min-height: 0 !important;
  margin-top: clamp(44px, 5vw, 86px) !important;
  padding: clamp(28px, 3vw, 44px) clamp(38px, 5.2vw, 92px) !important;
}

body.site-home.home-page #results .results-featured-metric {
  align-self: center !important;
  padding: clamp(20px, 2.1vw, 30px) clamp(24px, 2.8vw, 42px) !important;
  border-radius: var(--plutar-panorama-inner-radius) !important;
}

body.site-home.home-page #results .results-timeline {
  width: min(100%, var(--scene-max)) !important;
  gap: clamp(18px, 2.1vw, 30px) !important;
  margin-top: clamp(34px, 4vw, 70px) !important;
}

body.site-home.home-page #results .results-timeline-item,
body.site-home.home-page #results .results-timeline-item:nth-child(2) {
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(118px, 0.18fr) minmax(0, 1fr);
  gap: clamp(24px, 3vw, 52px) !important;
  align-items: center !important;
  padding: clamp(24px, 2.6vw, 36px) clamp(34px, 4.8vw, 84px) !important;
}

body.site-home.home-page #results .results-timeline-dot {
  justify-self: start;
}

body.site-home.home-page #flow .pipeline-flow {
  grid-template-columns: 1fr !important;
  width: min(100%, var(--scene-max)) !important;
  gap: clamp(18px, 2.1vw, 30px) !important;
  margin-top: clamp(42px, 5vw, 84px) !important;
}

body.site-home.home-page #flow .pipeline-flow-step,
body.site-home.home-page #flow .pipeline-flow-step-featured {
  display: grid !important;
  grid-template-columns: minmax(150px, 0.22fr) minmax(0, 1fr) auto;
  grid-template-areas:
    "top title action"
    "top copy action"
    "top tags tags";
  column-gap: clamp(28px, 4vw, 76px);
  row-gap: 12px;
  align-items: center !important;
  min-height: 0 !important;
  padding: clamp(26px, 2.8vw, 40px) clamp(36px, 5vw, 88px) !important;
  border-top: var(--plutar-panorama-border) !important;
  transform: none !important;
}

body.site-home.home-page #flow .pipeline-flow-top {
  grid-area: top;
  align-self: center;
}

body.site-home.home-page #flow .pipeline-flow-step h3 {
  grid-area: title;
  max-width: 19ch;
  margin: 0 !important;
}

body.site-home.home-page #flow .pipeline-step-meta {
  grid-area: meta;
  margin: 0 !important;
}

body.site-home.home-page #flow .pipeline-flow-step > p:not(.pipeline-step-meta) {
  grid-area: copy;
  max-width: 58ch;
  margin: 0 !important;
}

body.site-home.home-page #flow .pipeline-tag-row {
  grid-area: tags;
  align-self: end;
  margin: 0 !important;
}

body.site-home.home-page #flow .pipeline-flow-step .btn {
  grid-area: action;
  align-self: center;
  width: max-content !important;
  margin: 0 !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page {
    --scene-gutter: clamp(20px, 5vw, 44px);
  }

  body.site-home.home-page #systems .module-card-primary,
  body.site-home.home-page #systems .right-feature-card,
  body.site-home.home-page #flow .pipeline-flow-step,
  body.site-home.home-page #flow .pipeline-flow-step-featured {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  body.site-home.home-page #systems .module-card-primary > *,
  body.site-home.home-page #systems .right-feature-card > *,
  body.site-home.home-page #flow .pipeline-flow-step > *,
  body.site-home.home-page #flow .pipeline-flow-step-featured > * {
    grid-area: auto !important;
  }

  body.site-home.home-page .product-proof-results-grid,
  body.site-home.home-page #proof .proof-editorial,
  body.site-home.home-page #results .results-featured {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step .btn {
    justify-self: start !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page {
    --scene-gutter: 20px;
    --plutar-panorama-radius: 26px;
    --plutar-panorama-inner-radius: 20px;
  }

  body.site-home.home-page .shell-main > .section {
    padding: clamp(78px, 18vw, 108px) var(--scene-gutter) !important;
  }

  body.site-home.home-page :is(
    #systems .module-card-primary,
    #systems .right-feature-card,
    #visual-proof .results__modal,
    #visual-proof .proof-modal-card,
    #proof .proof-feature-row,
    #results .results-featured,
    #results .results-timeline-item,
    #results .results-featured-metric,
    #flow .pipeline-flow-step
  ) {
    padding: 22px !important;
    border-radius: var(--plutar-panorama-radius) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
    backdrop-filter: blur(10px) saturate(1.06) !important;
  }

  body.site-home.home-page #systems .module-stats {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #proof .proof-feature-row,
  body.site-home.home-page #results .results-timeline-item {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step .btn {
    width: 100% !important;
  }
}

/* Homepage product proof panorama correction: keep the product copy surface horizontal. */
body.site-home.home-page .product-proof-results-grid {
  grid-template-columns: minmax(360px, 0.72fr) minmax(620px, 1.28fr) !important;
  gap: clamp(28px, 3.8vw, 66px) !important;
}

body.site-home.home-page .product-proof-results-grid .results__modal {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(22px, 3vw, 52px) !important;
  align-items: center !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-copy {
  display: grid !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: clamp(20px, 3vw, 48px) !important;
  align-items: end !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-copy h3 {
  font-size: clamp(2rem, 2.72vw, 3.55rem) !important;
  max-width: 16ch !important;
  margin: 0 !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-copy p {
  max-width: 46ch !important;
  margin: 0 !important;
}

body.site-home.home-page .product-proof-results-grid .proof-modal-stack {
  min-width: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page .product-proof-results-grid,
  body.site-home.home-page .product-proof-results-grid .results__modal {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page .product-proof-results-grid .proof-modal-copy,
  body.site-home.home-page .product-proof-results-grid .proof-modal-stack {
    grid-template-columns: 1fr !important;
  }
}

/* Homepage product proof wide surface: one panoramic glass field for image and copy. */
body.site-home.home-page #visual-proof .product-proof-results-grid {
  overflow: hidden !important;
  isolation: isolate;
  grid-template-columns: minmax(320px, 0.62fr) minmax(0, 1fr) !important;
  align-items: center !important;
  padding: clamp(28px, 3vw, 44px) clamp(34px, 4.8vw, 86px) !important;
  border: var(--plutar-panorama-border) !important;
  border-radius: var(--plutar-panorama-radius) !important;
  background: var(--plutar-panorama-bg) !important;
  box-shadow: var(--plutar-panorama-shadow) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
}

body.site-home.home-page #visual-proof .product-proof-results-grid .results__preview {
  align-self: center !important;
  aspect-ratio: auto !important;
}

body.site-home.home-page #visual-proof .product-proof-results-grid .proof-main-screen img {
  width: auto !important;
  max-width: 100% !important;
  max-height: clamp(420px, 46vw, 620px) !important;
  aspect-ratio: auto !important;
}

body.site-home.home-page #visual-proof .product-proof-results-grid .results__modal {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

@media (max-width: 1180px) {
  body.site-home.home-page #visual-proof .product-proof-results-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #visual-proof .product-proof-results-grid .proof-main-screen img {
    width: 100% !important;
    max-height: none !important;
  }
}

/* Homepage product showcase replacement: wide liquid-glass Plutar dashboard preview. */
body.site-home.home-page #visual-proof.product-showcase-section {
  display: block !important;
  padding-left: clamp(22px, 3vw, 46px) !important;
  padding-right: clamp(22px, 3vw, 46px) !important;
  background: transparent !important;
}

body.site-home.home-page #visual-proof .product-showcase-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: min(100%, var(--scene-max)) !important;
  max-width: var(--scene-max) !important;
  margin: 0 auto !important;
  padding: clamp(32px, 4.4vw, 64px) clamp(30px, 4.8vw, 78px) !important;
  display: grid;
  grid-template-columns: minmax(360px, 0.55fr) minmax(0, 1fr);
  gap: clamp(30px, 4.8vw, 78px);
  align-items: center;
  border: 1px solid rgba(222, 241, 255, 0.15);
  border-radius: clamp(34px, 4.2vw, 72px);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(190, 221, 255, 0.14), transparent 34%),
    radial-gradient(ellipse at 100% 100%, rgba(96, 165, 250, 0.11), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.076), rgba(255, 255, 255, 0.022) 46%, rgba(34, 211, 238, 0.024)),
    rgba(2, 7, 18, 0.58);
  box-shadow:
    0 34px 110px rgba(0, 4, 18, 0.42),
    0 0 78px rgba(147, 197, 253, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(147, 197, 253, 0.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
  backdrop-filter: blur(16px) saturate(1.08);
}

body.site-home.home-page #visual-proof .product-showcase-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  padding: 1px;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.05) 27%, rgba(147, 197, 253, 0.18) 55%, rgba(255, 255, 255, 0.32));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0.74;
  pointer-events: none;
}

body.site-home.home-page #visual-proof .product-showcase-shell::after {
  content: "";
  position: absolute;
  inset: 10% -8% -18% 42%;
  z-index: -2;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(125, 211, 252, 0.16), transparent 66%),
    radial-gradient(ellipse at 80% 32%, rgba(255, 255, 255, 0.08), transparent 54%);
  filter: blur(54px);
  opacity: 0.58;
  pointer-events: none;
}

body.site-home.home-page #visual-proof .product-showcase-copy {
  min-width: 0;
}

body.site-home.home-page #visual-proof .product-showcase-copy .section-kicker {
  margin: 0 0 clamp(18px, 2vw, 28px);
}

body.site-home.home-page #visual-proof .product-showcase-copy h2 {
  max-width: 10ch;
  margin: 0;
  padding-bottom: 0.14em;
  color: #f8fbff;
  font-size: clamp(2.8rem, 5.2vw, 5.8rem);
  line-height: 1.04;
  letter-spacing: -0.06em;
  text-wrap: balance;
}

body.site-home.home-page #visual-proof .product-showcase-lead {
  max-width: 43ch;
  margin: clamp(18px, 2vw, 28px) 0 0;
  color: rgba(236, 245, 255, 0.72);
  font-size: clamp(1.05rem, 1.18vw, 1.3rem);
  line-height: 1.68;
}

body.site-home.home-page #visual-proof .product-showcase-points {
  display: grid;
  gap: clamp(20px, 2.4vw, 34px);
  margin-top: clamp(36px, 4.5vw, 66px);
}

body.site-home.home-page #visual-proof .product-showcase-point {
  display: grid;
  grid-template-columns: clamp(52px, 4.8vw, 72px) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 26px);
  align-items: start;
}

body.site-home.home-page #visual-proof .product-showcase-icon {
  position: relative;
  width: clamp(52px, 4.8vw, 72px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(191, 219, 254, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 18%, rgba(125, 211, 252, 0.18), transparent 58%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(59, 130, 246, 0.08)),
    rgba(5, 13, 28, 0.56);
  box-shadow:
    0 18px 46px rgba(0, 4, 18, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

body.site-home.home-page #visual-proof .product-showcase-icon::before,
body.site-home.home-page #visual-proof .product-showcase-icon::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

body.site-home.home-page #visual-proof .product-showcase-icon-target::before {
  width: 25px;
  height: 25px;
  border: 3px solid #5b7cfa;
  box-shadow: 0 0 18px rgba(91, 124, 250, 0.42);
}

body.site-home.home-page #visual-proof .product-showcase-icon-target::after {
  width: 9px;
  height: 9px;
  background: #22d3ee;
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.55);
}

body.site-home.home-page #visual-proof .product-showcase-icon-client::before {
  width: 18px;
  height: 18px;
  border: 2px solid #67e8f9;
  top: 15px;
}

body.site-home.home-page #visual-proof .product-showcase-icon-client::after {
  width: 31px;
  height: 16px;
  border: 2px solid #5b7cfa;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom: 0;
  bottom: 15px;
}

body.site-home.home-page #visual-proof .product-showcase-icon-spark::before {
  width: 28px;
  height: 28px;
  border-radius: 0;
  background: linear-gradient(135deg, transparent 44%, #7dd3fc 45% 55%, transparent 56%), linear-gradient(45deg, transparent 44%, #5b7cfa 45% 55%, transparent 56%);
  filter: drop-shadow(0 0 12px rgba(125, 211, 252, 0.4));
}

body.site-home.home-page #visual-proof .product-showcase-point h3 {
  margin: 0;
  color: rgba(248, 251, 255, 0.96);
  font-size: clamp(1.12rem, 1.38vw, 1.5rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
}

body.site-home.home-page #visual-proof .product-showcase-point p {
  max-width: 34ch;
  margin: 8px 0 0;
  color: rgba(221, 232, 247, 0.66);
  font-size: clamp(0.96rem, 1vw, 1.08rem);
  line-height: 1.62;
}

body.site-home.home-page #visual-proof .product-showcase-link {
  width: max-content;
  margin-top: clamp(36px, 5vw, 72px);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #22d3ee;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-decoration: none;
  text-shadow: 0 0 20px rgba(34, 211, 238, 0.24);
}

body.site-home.home-page #visual-proof .product-showcase-link span {
  transition: transform 240ms ease;
}

body.site-home.home-page #visual-proof .product-showcase-link:hover span {
  transform: translateX(5px);
}

body.site-home.home-page #visual-proof .plutar-dashboard-preview {
  min-width: 0;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(191, 219, 254, 0.12);
  border-radius: clamp(22px, 2vw, 32px);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(2, 9, 20, 0.7);
  box-shadow:
    0 24px 70px rgba(0, 4, 18, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.site-home.home-page #visual-proof .preview-sidebar {
  padding: 24px 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 22px;
  border-right: 1px solid rgba(191, 219, 254, 0.08);
  background: rgba(1, 6, 15, 0.42);
}

body.site-home.home-page #visual-proof .preview-logo-dot,
body.site-home.home-page #visual-proof .preview-nav-dot {
  display: block;
  border-radius: 999px;
}

body.site-home.home-page #visual-proof .preview-logo-dot {
  width: 22px;
  height: 22px;
  border: 3px solid rgba(125, 211, 252, 0.9);
  border-right-color: #5b7cfa;
  box-shadow: 0 0 22px rgba(125, 211, 252, 0.22);
}

body.site-home.home-page #visual-proof .preview-nav-dot {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(191, 219, 254, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

body.site-home.home-page #visual-proof .preview-nav-dot.is-active {
  background:
    radial-gradient(circle, rgba(34, 211, 238, 0.92) 0 22%, transparent 24%),
    rgba(34, 211, 238, 0.1);
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.18);
}

body.site-home.home-page #visual-proof .preview-workspace {
  min-width: 0;
  padding: clamp(18px, 1.9vw, 28px);
}

body.site-home.home-page #visual-proof .preview-topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  margin-bottom: 16px;
}

body.site-home.home-page #visual-proof .preview-pill {
  padding: 8px 17px;
  border-radius: 999px;
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.09);
  font-size: 0.78rem;
  font-weight: 800;
}

body.site-home.home-page #visual-proof .preview-greeting {
  color: rgba(248, 251, 255, 0.86);
  font-size: 0.95rem;
  white-space: nowrap;
}

body.site-home.home-page #visual-proof .preview-search {
  margin-left: auto;
  min-width: 84px;
  padding: 8px 14px;
  border-radius: 999px;
  color: rgba(221, 232, 247, 0.5);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.78rem;
}

body.site-home.home-page #visual-proof .preview-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #03101f;
  background: linear-gradient(135deg, #7dd3fc, #c7d2fe);
  font-size: 0.82rem;
  font-weight: 900;
}

body.site-home.home-page #visual-proof .preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(180px, 0.75fr);
  gap: 14px;
}

body.site-home.home-page #visual-proof .preview-panel {
  min-width: 0;
  min-height: 0;
  padding: 15px;
  border: 1px solid rgba(191, 219, 254, 0.085);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    rgba(3, 10, 22, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

body.site-home.home-page #visual-proof .preview-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}

body.site-home.home-page #visual-proof .preview-panel-head span {
  color: rgba(248, 251, 255, 0.92);
  font-weight: 800;
}

body.site-home.home-page #visual-proof .preview-panel-head span::before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 999px;
  background: #22d3ee;
  box-shadow: 0 0 14px rgba(34, 211, 238, 0.48);
  vertical-align: middle;
}

body.site-home.home-page #visual-proof .preview-panel-head small {
  color: rgba(221, 232, 247, 0.5);
  font-size: 0.76rem;
}

body.site-home.home-page #visual-proof .preview-task-list,
body.site-home.home-page #visual-proof .preview-offer-list,
body.site-home.home-page #visual-proof .preview-upcoming-list,
body.site-home.home-page #visual-proof .preview-activity-list {
  display: grid;
  gap: 8px;
}

body.site-home.home-page #visual-proof .preview-task-list div,
body.site-home.home-page #visual-proof .preview-activity-list div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

body.site-home.home-page #visual-proof .preview-task-list span,
body.site-home.home-page #visual-proof .preview-activity-list span {
  width: 12px;
  height: 12px;
  border: 1px solid rgba(191, 219, 254, 0.34);
  border-radius: 4px;
}

body.site-home.home-page #visual-proof .preview-task-list p,
body.site-home.home-page #visual-proof .preview-activity-list p {
  min-width: 0;
  margin: 0;
  color: rgba(229, 239, 252, 0.7);
  font-size: 0.78rem;
  line-height: 1.4;
}

body.site-home.home-page #visual-proof .preview-task-list time,
body.site-home.home-page #visual-proof .preview-activity-list time,
body.site-home.home-page #visual-proof .preview-upcoming-list time {
  color: rgba(221, 232, 247, 0.48);
  font-size: 0.74rem;
  white-space: nowrap;
}

body.site-home.home-page #visual-proof .preview-offer-list div,
body.site-home.home-page #visual-proof .preview-upcoming-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 12px;
  padding: 11px 0;
  border-top: 1px solid rgba(191, 219, 254, 0.07);
}

body.site-home.home-page #visual-proof .preview-offer-list div:first-child,
body.site-home.home-page #visual-proof .preview-upcoming-list div:first-child {
  border-top: 0;
  padding-top: 0;
}

body.site-home.home-page #visual-proof .preview-offer-list strong,
body.site-home.home-page #visual-proof .preview-upcoming-list strong {
  color: rgba(248, 251, 255, 0.84);
  font-size: 0.82rem;
}

body.site-home.home-page #visual-proof .preview-offer-list small,
body.site-home.home-page #visual-proof .preview-upcoming-list span {
  color: rgba(221, 232, 247, 0.52);
  font-size: 0.74rem;
}

body.site-home.home-page #visual-proof .preview-offer-list div > span {
  grid-row: 1 / span 2;
  grid-column: 2;
  align-self: center;
  color: #22d3ee;
  font-size: 0.74rem;
}

body.site-home.home-page #visual-proof .preview-progress {
  display: grid;
  justify-items: stretch;
}

body.site-home.home-page #visual-proof .preview-progress-ring {
  width: min(132px, 100%);
  aspect-ratio: 1;
  margin: 2px auto 18px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(3, 10, 22, 0.98) 0 55%, transparent 57%),
    linear-gradient(135deg, rgba(91, 124, 250, 0.32), rgba(125, 211, 252, 0.1));
  box-shadow: 0 0 34px rgba(91, 124, 250, 0.16);
}

body.site-home.home-page #visual-proof .preview-progress-ring strong {
  color: #fff;
  font-size: clamp(1.32rem, 1.8vw, 1.85rem);
  line-height: 1;
}

body.site-home.home-page #visual-proof .preview-progress-ring span {
  margin-top: 4px;
  color: rgba(221, 232, 247, 0.54);
  font-size: 0.68rem;
}

body.site-home.home-page #visual-proof .preview-progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: rgba(229, 239, 252, 0.68);
  font-size: 0.78rem;
}

body.site-home.home-page #visual-proof .preview-upcoming {
  grid-column: span 2;
}

body.site-home.home-page #visual-proof .preview-activity {
  grid-column: span 1;
}

body.site-home.home-page #visual-proof .preview-activity-list span {
  border-color: rgba(34, 211, 238, 0.26);
  background: rgba(34, 211, 238, 0.08);
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.1);
}

@media (max-width: 1180px) {
  body.site-home.home-page #visual-proof .product-showcase-shell {
    grid-template-columns: 1fr;
  }

  body.site-home.home-page #visual-proof .product-showcase-copy h2,
  body.site-home.home-page #visual-proof .product-showcase-lead {
    max-width: 720px;
  }
}

@media (max-width: 900px) {
  body.site-home.home-page #visual-proof .preview-grid {
    grid-template-columns: 1fr 1fr;
  }

  body.site-home.home-page #visual-proof .preview-progress,
  body.site-home.home-page #visual-proof .preview-upcoming,
  body.site-home.home-page #visual-proof .preview-activity {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page #visual-proof.product-showcase-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.site-home.home-page #visual-proof .product-showcase-shell {
    padding: 26px !important;
    gap: 34px;
    border-radius: 28px;
    -webkit-backdrop-filter: blur(10px) saturate(1.06);
    backdrop-filter: blur(10px) saturate(1.06);
  }

  body.site-home.home-page #visual-proof .product-showcase-copy h2 {
    max-width: 10.5ch;
    font-size: clamp(2.7rem, 12vw, 4.35rem);
  }

  body.site-home.home-page #visual-proof .product-showcase-point {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  body.site-home.home-page #visual-proof .plutar-dashboard-preview {
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  body.site-home.home-page #visual-proof .preview-sidebar {
    min-height: 54px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 1px solid rgba(191, 219, 254, 0.08);
  }

  body.site-home.home-page #visual-proof .preview-nav-dot {
    width: 26px;
    height: 26px;
  }

  body.site-home.home-page #visual-proof .preview-workspace {
    padding: 18px;
  }

  body.site-home.home-page #visual-proof .preview-topbar {
    flex-wrap: wrap;
  }

  body.site-home.home-page #visual-proof .preview-search {
    order: 4;
    width: 100%;
    margin-left: 0;
  }

  body.site-home.home-page #visual-proof .preview-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.site-home.home-page #visual-proof .preview-panel {
    padding: 16px;
  }

  body.site-home.home-page #visual-proof .preview-upcoming,
  body.site-home.home-page #visual-proof .preview-activity {
    grid-column: auto;
  }
}

/* Homepage liquid-glass rollback: only product showcase keeps glass, final cascade. */
body.site-home.home-page :is(
  #systems .module-card,
  #systems .right-feature-card,
  #proof .proof-editorial-copy,
  #proof .proof-feature-rail,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step,
  #flow .pipeline-flow-step-featured
) {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

body.site-home.home-page :is(
  #systems .module-card,
  #systems .right-feature-card,
  #proof .proof-editorial-copy,
  #proof .proof-feature-rail,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step,
  #flow .pipeline-flow-step-featured
)::before,
body.site-home.home-page :is(
  #systems .module-card,
  #systems .right-feature-card,
  #proof .proof-editorial-copy,
  #proof .proof-feature-rail,
  #proof .proof-feature-row,
  #results .results-featured,
  #results .results-timeline-item,
  #results .results-featured-metric,
  #flow .pipeline-flow-step,
  #flow .pipeline-flow-step-featured
)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  filter: none !important;
}

body.site-home.home-page :is(
  #systems .module-stats span,
  #systems .module-lane span,
  #systems .feature-icon,
  #proof .proof-feature-icon,
  #results .results-timeline-dot,
  #flow .step-number,
  #flow .pipeline-tag-row span,
  #flow .pipeline-assurance span
) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Homepage Why Plutar floating editorial correction. */
body.site-home.home-page #systems.systems-section {
  position: relative;
  display: block !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(760px, 92vh, 1040px);
  padding-top: clamp(92px, 10vw, 166px) !important;
  padding-bottom: clamp(112px, 12vw, 196px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.site-home.home-page #systems.systems-section::before,
body.site-home.home-page #systems.systems-section::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page #systems .section-head {
  width: min(100%, var(--scene-max)) !important;
  max-width: var(--scene-max) !important;
  margin: 0 auto clamp(88px, 10vw, 154px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.46fr) !important;
  align-items: center !important;
  column-gap: clamp(60px, 11vw, 190px) !important;
  row-gap: clamp(34px, 6vw, 72px) !important;
}

body.site-home.home-page #systems .systems-title-block {
  max-width: 720px;
}

body.site-home.home-page #systems .section-kicker {
  margin-bottom: clamp(22px, 2.8vw, 44px) !important;
}

body.site-home.home-page #systems .why-title {
  max-width: 7.1ch !important;
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: clamp(5.8rem, 10.6vw, 10.9rem) !important;
  line-height: 0.84 !important;
  letter-spacing: -0.064em !important;
  text-shadow:
    0 22px 76px rgba(0, 2, 12, 0.58),
    0 0 30px rgba(210, 240, 255, 0.06) !important;
}

body.site-home.home-page #systems .why-title span {
  display: block;
}

body.site-home.home-page #systems .why-subtitle {
  max-width: 12ch;
  margin: clamp(26px, 3.6vw, 56px) 0 0 !important;
  color: rgba(228, 237, 248, 0.62);
  font-family: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.35rem, 2.35vw, 2.45rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

body.site-home.home-page #systems .why-intro {
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: clamp(88px, 9vw, 138px) 0 0 !important;
  color: rgba(226, 236, 249, 0.64) !important;
  font-size: clamp(1rem, 1.1vw, 1.2rem) !important;
  line-height: 1.78 !important;
}

body.site-home.home-page #systems .systems-layout {
  width: min(100%, var(--scene-max)) !important;
  max-width: var(--scene-max) !important;
  margin: 0 auto !important;
  display: block !important;
  min-height: clamp(250px, 31vw, 430px);
}

body.site-home.home-page #systems .systems-side {
  display: none !important;
}

body.site-home.home-page #systems .module-card-primary {
  position: relative;
  width: 100% !important;
  min-height: clamp(260px, 32vw, 430px) !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 0.22fr) minmax(560px, 0.72fr) minmax(190px, 0.24fr) !important;
  grid-template-areas: "state stats note" !important;
  align-items: end !important;
  gap: clamp(30px, 5vw, 92px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .module-card-primary::before,
body.site-home.home-page #systems .module-card-primary::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page #systems .module-top,
body.site-home.home-page #systems .feature-title,
body.site-home.home-page #systems .feature-copy,
body.site-home.home-page #systems .module-lane,
body.site-home.home-page #systems .bullet-list {
  display: none !important;
}

body.site-home.home-page #systems .module-stats {
  grid-area: stats;
  justify-self: center;
  align-self: center;
  width: min(100%, 660px);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.3vw, 18px) !important;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-stats span {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: clamp(132px, 10vw, 154px);
  padding: clamp(16px, 1.7vw, 22px) !important;
  border: 1px solid rgba(78, 150, 220, 0.2) !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 24% 8%, rgba(54, 196, 255, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 42, 0.72), rgba(4, 14, 28, 0.86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 18px 48px rgba(0, 5, 18, 0.28),
    0 0 22px rgba(34, 211, 238, 0.045) !important;
  overflow: hidden;
}

body.site-home.home-page #systems .module-stats span::before {
  content: "";
  position: relative;
  left: auto;
  top: auto;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  margin-bottom: clamp(16px, 1.8vw, 22px);
  border: 1px solid rgba(94, 220, 255, 0.22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 50%, rgba(94, 220, 255, 0.9) 0 2px, transparent 3px),
    radial-gradient(circle at 50% 50%, rgba(94, 220, 255, 0.22), transparent 54%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74));
  box-shadow:
    0 0 18px rgba(34, 211, 238, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.site-home.home-page #systems .module-stats span::after {
  content: "";
  width: clamp(58px, 5.2vw, 86px);
  height: 1px;
  margin: clamp(9px, 1vw, 12px) 0 clamp(13px, 1.2vw, 16px);
  background: linear-gradient(90deg, #22d3ee, rgba(34, 211, 238, 0.04));
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.28);
  order: 2;
}

body.site-home.home-page #systems .module-stats span:nth-child(2) {
  margin-left: 0;
}

body.site-home.home-page #systems .module-stats span:nth-child(3) {
  margin-left: 0;
}

body.site-home.home-page #systems .module-stats span:nth-child(1)::before {
  background:
    linear-gradient(45deg, transparent 41%, rgba(94, 220, 255, 0.92) 42% 48%, transparent 49%),
    linear-gradient(-45deg, transparent 41%, rgba(94, 220, 255, 0.92) 42% 48%, transparent 49%),
    radial-gradient(circle at 50% 50%, rgba(94, 220, 255, 0.18), transparent 57%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74));
}

body.site-home.home-page #systems .module-stats span:nth-child(2)::before {
  background:
    radial-gradient(circle at 50% 44%, transparent 0 5px, rgba(94, 220, 255, 0.92) 6px 7px, transparent 8px),
    linear-gradient(135deg, transparent 38%, rgba(94, 220, 255, 0.8) 39% 45%, transparent 46%),
    radial-gradient(circle at 50% 50%, rgba(94, 220, 255, 0.18), transparent 57%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74));
}

body.site-home.home-page #systems .module-stats span:nth-child(3)::before {
  background:
    linear-gradient(135deg, transparent 45%, rgba(94, 220, 255, 0.92) 46% 52%, transparent 53%),
    linear-gradient(45deg, transparent 57%, rgba(94, 220, 255, 0.92) 58% 64%, transparent 65%),
    radial-gradient(circle at 50% 50%, rgba(94, 220, 255, 0.18), transparent 57%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74));
}

body.site-home.home-page #systems .module-stats strong {
  order: 1;
  color: #f8fbff !important;
  font-size: clamp(0.98rem, 1.02vw, 1.14rem) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.034em !important;
  text-shadow: none !important;
}

body.site-home.home-page #systems .module-stats small {
  order: 3;
  color: rgba(226, 236, 249, 0.58) !important;
  max-width: 22ch;
  font-size: clamp(0.68rem, 0.7vw, 0.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.48 !important;
  text-transform: none !important;
}

body.site-home.home-page #systems .module-foot {
  display: contents !important;
}

body.site-home.home-page #systems .module-state {
  grid-area: state;
  align-self: end;
  justify-self: start;
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  color: rgba(34, 211, 238, 0.82) !important;
  font-size: clamp(0.66rem, 0.75vw, 0.82rem) !important;
  letter-spacing: 0.12em !important;
  text-shadow: none !important;
}

body.site-home.home-page #systems .module-state-dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #22d3ee;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.38);
}

body.site-home.home-page #systems .module-foot-copy {
  grid-area: note;
  align-self: end;
  justify-self: end;
  max-width: 250px;
  color: rgba(226, 236, 249, 0.58) !important;
  font-size: clamp(0.82rem, 0.9vw, 1rem) !important;
  font-weight: 600;
  line-height: 1.45 !important;
  text-align: right;
  text-wrap: balance;
}

@media (max-width: 900px) {
  body.site-home.home-page #systems.systems-section {
    min-height: auto;
    padding-top: 84px !important;
    padding-bottom: 96px !important;
  }

  body.site-home.home-page #systems .section-head {
    grid-template-columns: 1fr !important;
    margin-bottom: 76px !important;
  }

  body.site-home.home-page #systems .why-title {
    max-width: 7.2ch !important;
    font-size: clamp(4.15rem, 16.2vw, 6.1rem) !important;
  }

  body.site-home.home-page #systems .why-subtitle {
    font-size: clamp(1.25rem, 6vw, 2rem);
  }

  body.site-home.home-page #systems .why-intro {
    margin: 0 !important;
    max-width: 430px !important;
  }

  body.site-home.home-page #systems .module-card-primary {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "stats"
      "state"
      "note" !important;
    gap: 54px !important;
  }

  body.site-home.home-page #systems .module-stats {
    justify-self: start;
    width: min(100%, 640px);
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.site-home.home-page #systems .module-stats span:nth-child(2),
  body.site-home.home-page #systems .module-stats span:nth-child(3) {
    margin-left: 0;
  }

  body.site-home.home-page #systems .module-foot-copy {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 520px) {
  body.site-home.home-page #systems .why-title {
    font-size: clamp(3.65rem, 15.8vw, 4.7rem) !important;
    letter-spacing: -0.058em !important;
  }

  body.site-home.home-page #systems .why-intro {
    font-size: 1rem !important;
  }

  body.site-home.home-page #systems .module-stats strong {
    font-size: 1rem !important;
  }

  body.site-home.home-page #systems .module-stats {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.site-home.home-page #systems .module-stats span {
    min-height: 142px;
  }

  body.site-home.home-page #systems .module-stats small {
    max-width: 24ch;
  }
}

/* Homepage Who It Is For liquid glass edge glow. */
body.site-home.home-page #proof .proof-feature-row {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(240, 248, 255, 0.2) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.13), transparent 32%),
    radial-gradient(circle at 92% 90%, rgba(185, 229, 255, 0.1), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.022) 46%, rgba(34, 211, 238, 0.024)),
    rgba(3, 8, 18, 0.46) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 24px rgba(255, 255, 255, 0.11),
    0 0 72px rgba(191, 232, 255, 0.12),
    0 30px 84px rgba(0, 4, 18, 0.34) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

body.site-home.home-page #proof .proof-feature-row::before {
  content: "" !important;
  position: absolute;
  inset: -1px;
  display: block !important;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0.9 !important;
  background:
    linear-gradient(116deg, rgba(255, 255, 255, 0.78), transparent 16%, transparent 74%, rgba(255, 255, 255, 0.58)),
    radial-gradient(circle at 7% 9%, rgba(255, 255, 255, 0.82), transparent 21%),
    radial-gradient(circle at 98% 94%, rgba(220, 244, 255, 0.62), transparent 24%) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-shadow:
    0 0 22px rgba(255, 255, 255, 0.34),
    0 0 52px rgba(210, 240, 255, 0.2) !important;
  z-index: 1;
}

body.site-home.home-page #proof .proof-feature-row::after {
  content: "" !important;
  position: absolute;
  inset: 0;
  display: block !important;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.78 !important;
  background:
    radial-gradient(ellipse at 16% 8%, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03), transparent 42%, rgba(185, 229, 255, 0.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  z-index: 0;
}

body.site-home.home-page #proof .proof-feature-row > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 760px) {
  body.site-home.home-page #proof .proof-feature-row {
    border-radius: 28px !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
    backdrop-filter: blur(10px) saturate(1.06) !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.05) inset,
      0 0 22px rgba(255, 255, 255, 0.1),
      0 24px 62px rgba(0, 4, 18, 0.28) !important;
  }
}

/* Homepage results section removal spacing. */
body.site-home.home-page #proof {
  padding-bottom: clamp(62px, 6.5vw, 112px) !important;
}

body.site-home.home-page #proof + #flow {
  padding-top: clamp(66px, 7vw, 122px) !important;
}

@media (max-width: 760px) {
  body.site-home.home-page #proof {
    padding-bottom: 58px !important;
  }

body.site-home.home-page #proof + #flow {
  padding-top: 62px !important;
  }
}

/* Homepage risk-reversal mobile glass button correction. */
body.site-home.home-page #flow .pipeline-flow-step,
body.site-home.home-page #flow .pipeline-flow-step-featured {
  align-items: center !important;
}

body.site-home.home-page #flow .pipeline-flow-step .btn,
body.site-home.home-page #flow .pipeline-flow-step .btn.btn-primary,
body.site-home.home-page #flow .pipeline-flow-step .btn.btn-ghost {
  min-width: max-content !important;
  border: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 255, 255, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.034)),
    rgba(5, 14, 28, 0.58) !important;
  color: rgba(248, 251, 255, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.045),
    0 18px 48px rgba(0, 4, 18, 0.34),
    0 0 28px rgba(255, 255, 255, 0.09) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

body.site-home.home-page #flow .pipeline-flow-step .btn.btn-primary {
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -1px 0 rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(255, 255, 255, 0.055),
    0 18px 50px rgba(0, 4, 18, 0.36),
    0 0 32px rgba(255, 255, 255, 0.12),
    0 0 42px rgba(34, 211, 238, 0.1) !important;
}

body.site-home.home-page #flow .pipeline-flow-step .btn:is(:hover, :focus-visible) {
  border-color: rgba(255, 255, 255, 0.64) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 255, 255, 0.2), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.048)),
    rgba(7, 18, 34, 0.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    inset 0 -1px 0 rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(255, 255, 255, 0.065),
    0 20px 54px rgba(0, 4, 18, 0.38),
    0 0 36px rgba(255, 255, 255, 0.14) !important;
}

body.site-home.home-page #flow .pipeline-tag-row {
  align-items: center !important;
  gap: clamp(14px, 1.7vw, 22px) !important;
}

body.site-home.home-page #flow .pipeline-tag-row span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(226, 236, 249, 0.68) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}

body.site-home.home-page #flow .pipeline-tag-row span::before {
  position: static !important;
  flex: 0 0 5px;
  width: 5px !important;
  height: 5px !important;
  transform: none !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  body.site-home.home-page #flow .pipeline-flow {
    gap: 32px !important;
    margin-top: 42px !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step,
  body.site-home.home-page #flow .pipeline-flow-step-featured {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "top"
      "title"
      "copy"
      "action"
      "tags" !important;
    justify-items: center !important;
    row-gap: 13px !important;
    min-height: 0 !important;
    padding: 28px 0 !important;
    text-align: center !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step > *,
  body.site-home.home-page #flow .pipeline-flow-step-featured > * {
    grid-area: auto;
  }

  body.site-home.home-page #flow .pipeline-flow-top {
    grid-area: top !important;
    justify-self: center !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step h3 {
    grid-area: title !important;
    max-width: 11.5ch;
    margin: 0 !important;
  }

  body.site-home.home-page #flow .pipeline-step-meta {
    grid-area: meta !important;
    max-width: 24ch;
    margin: 0 !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step > p:not(.pipeline-step-meta) {
    grid-area: copy !important;
    max-width: 320px;
    margin: 0 !important;
  }

  body.site-home.home-page #flow .pipeline-flow-step .btn {
    grid-area: action !important;
    justify-self: center !important;
    width: auto !important;
    min-width: 138px !important;
    margin: 10px 0 0 !important;
    padding-inline: 24px !important;
  }

  body.site-home.home-page #flow .pipeline-tag-row {
    grid-area: tags !important;
    justify-content: center !important;
    max-width: 310px;
    margin: 5px 0 0 !important;
  }

  body.site-home.home-page #flow .pipeline-tag-row span {
    font-size: 0.76rem !important;
  }
}

/* Homepage standalone 3D scroll arrow. */
body.site-home.home-page .hero-scroll-indicator {
  display: none !important;
}

body.site-home.home-page .scroll-arrow-3d {
  --scroll-arrow-opacity: 1;
  --scroll-arrow-y: 0px;
  --scroll-arrow-scale: 1;
  position: absolute;
  left: 50%;
  bottom: clamp(34px, 6vh, 78px);
  z-index: 6;
  display: block;
  width: clamp(38px, 3.9vw, 58px);
  height: auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
  line-height: 0;
  opacity: var(--scroll-arrow-opacity);
  outline-offset: 10px;
  transform:
    translate3d(-50%, var(--scroll-arrow-y), 0)
    scale(var(--scroll-arrow-scale))
    perspective(520px)
    rotateX(13deg);
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter:
    drop-shadow(0 18px 28px rgba(0, 2, 12, 0.5))
    drop-shadow(0 0 12px rgba(103, 232, 249, 0.22));
  transition: opacity 260ms ease;
  animation:
    scrollArrow3dHover 5.8s ease-in-out infinite,
    scrollArrow3dGlow 4.8s ease-in-out infinite;
  will-change: opacity, transform, filter;
}

body.site-home.home-page .scroll-arrow-3d.is-faded {
  pointer-events: none;
}

body.site-home.home-page .scroll-arrow-3d:focus-visible {
  outline: 1px solid rgba(232, 247, 255, 0.72);
  outline-offset: 12px;
}

body.site-home.home-page .scroll-arrow-3d-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  transform: translateZ(0);
}

body.site-home.home-page .scroll-arrow-3d-object {
  transform-origin: 48px 58px;
  transform: translateZ(12px) rotateX(4deg);
}

body.site-home.home-page .scroll-arrow-3d-depth {
  fill: rgba(4, 12, 26, 0.56);
  transform: translate3d(0, 7px, -10px);
}

body.site-home.home-page .scroll-arrow-3d-left {
  fill: url("#scrollArrowMetalLeft");
}

body.site-home.home-page .scroll-arrow-3d-right {
  fill: url("#scrollArrowMetalRight");
}

body.site-home.home-page .scroll-arrow-3d-ridge {
  fill: none;
  stroke: url("#scrollArrowRidge");
  stroke-width: 1.15;
  stroke-linecap: round;
  opacity: 0.8;
}

body.site-home.home-page .scroll-arrow-3d-edge {
  fill: none;
  stroke: rgba(235, 250, 255, 0.7);
  stroke-width: 1.25;
  stroke-linejoin: round;
  opacity: 0.76;
}

body.site-home.home-page .scroll-arrow-3d-sheen {
  fill: none;
  stroke: rgba(255, 255, 255, 0.58);
  stroke-width: 1.4;
  stroke-linecap: round;
  opacity: 0.62;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.28));
}

body.site-home.home-page .scroll-arrow-3d:hover {
  filter:
    drop-shadow(0 20px 34px rgba(0, 2, 12, 0.54))
    drop-shadow(0 0 16px rgba(103, 232, 249, 0.3));
}

@keyframes scrollArrow3dHover {
  0%,
  100% {
    transform:
      translate3d(-50%, var(--scroll-arrow-y), 0)
      scale(var(--scroll-arrow-scale))
      perspective(520px)
      rotateX(13deg)
      translateY(0);
  }

  50% {
    transform:
      translate3d(-50%, calc(var(--scroll-arrow-y) - 9px), 0)
      scale(var(--scroll-arrow-scale))
      perspective(520px)
      rotateX(17deg)
      translateY(0);
  }
}

@keyframes scrollArrow3dGlow {
  0%,
  100% {
    filter:
      drop-shadow(0 18px 28px rgba(0, 2, 12, 0.5))
      drop-shadow(0 0 10px rgba(103, 232, 249, 0.18));
  }

  50% {
    filter:
      drop-shadow(0 20px 34px rgba(0, 2, 12, 0.54))
      drop-shadow(0 0 17px rgba(103, 232, 249, 0.32));
  }
}

@keyframes scrollArrow3dFade {
  0%,
  8% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .scroll-arrow-3d {
    bottom: clamp(24px, 4vh, 46px);
    width: clamp(34px, 10vw, 46px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .scroll-arrow-3d {
    animation: none !important;
    transform: translate3d(-50%, var(--scroll-arrow-y), 0) scale(var(--scroll-arrow-scale));
  }
}

body.perf-lite.site-home.home-page .scroll-arrow-3d {
  animation: none !important;
}

/* Homepage centered real-work feature cards. */
body.site-home.home-page #systems.systems-section {
  min-height: auto !important;
  padding: 120px 6vw !important;
}

body.site-home.home-page #systems .section-head {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto clamp(74px, 7vw, 112px) !important;
}

body.site-home.home-page #systems .systems-layout {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: block !important;
}

body.site-home.home-page #systems .module-card-primary {
  width: 100% !important;
  max-width: 1200px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "state"
    "stats"
    "note" !important;
  gap: 0 !important;
  align-items: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

body.site-home.home-page #systems .module-foot {
  display: contents !important;
}

body.site-home.home-page #systems .module-state {
  grid-area: state !important;
  justify-self: start !important;
  align-self: auto !important;
  margin: 0 0 32px !important;
  color: #27d9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.site-home.home-page #systems .module-state-dot {
  width: 5px !important;
  height: 5px !important;
  background: #27d9ff !important;
  box-shadow: 0 0 14px rgba(39, 217, 255, 0.5) !important;
}

body.site-home.home-page #systems .module-stats {
  grid-area: stats !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 0 !important;
}

body.site-home.home-page #systems .module-stats span {
  width: 100% !important;
  min-height: 198px !important;
  padding: 26px 30px !important;
  border: 1px solid rgba(80, 190, 255, 0.18) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(39, 217, 255, 0.08), transparent 33%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 14, 26, 0.66)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 48px rgba(0, 5, 18, 0.26),
    0 0 22px rgba(39, 217, 255, 0.05) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .module-stats span::before {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 18px !important;
  border-radius: 11px !important;
  border-color: rgba(80, 190, 255, 0.24) !important;
  box-shadow:
    0 0 20px rgba(39, 217, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

body.site-home.home-page #systems .module-stats span::after {
  width: 72px !important;
  height: 2px !important;
  margin: 14px 0 20px !important;
  background: linear-gradient(90deg, #27d9ff, rgba(39, 217, 255, 0.02)) !important;
  box-shadow: 0 0 12px rgba(39, 217, 255, 0.24) !important;
}

body.site-home.home-page #systems .module-stats strong {
  color: #f8fbff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.04em !important;
}

body.site-home.home-page #systems .module-stats small {
  max-width: 28ch !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

body.site-home.home-page #systems .module-foot-copy {
  grid-area: note !important;
  justify-self: center !important;
  align-self: auto !important;
  max-width: 520px !important;
  margin: 60px auto 0 !important;
  color: rgba(255, 255, 255, 0.54) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  body.site-home.home-page #systems.systems-section {
    padding: 90px 6vw !important;
  }

  body.site-home.home-page #systems .module-stats {
    grid-template-columns: 1fr !important;
  }

body.site-home.home-page #systems .module-stats span {
    min-height: auto !important;
  }
}

@media (max-width: 520px) {
  body.site-home.home-page #systems.systems-section {
    padding: 82px 22px !important;
  }

  body.site-home.home-page #systems .module-stats {
    gap: 18px !important;
  }

  body.site-home.home-page #systems .module-stats span {
    min-height: auto !important;
    padding: 26px !important;
  }
}

/* Homepage Why Plutar intro liquid glass. */
body.site-home.home-page #systems .why-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(26px, 3vw, 42px) clamp(28px, 3.4vw, 48px) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: clamp(26px, 3vw, 42px) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.12), transparent 34%),
    radial-gradient(circle at 92% 104%, rgba(255, 255, 255, 0.075), transparent 40%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018) 48%, rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.34) !important;
  color: rgba(238, 240, 244, 0.8) !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(255, 255, 255, 0.045),
    0 0 0 1px rgba(255, 255, 255, 0.035),
    0 0 26px rgba(255, 255, 255, 0.12),
    0 0 78px rgba(255, 255, 255, 0.1),
    0 30px 86px rgba(0, 0, 0, 0.38) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
}

body.site-home.home-page #systems .why-intro::before {
  content: "" !important;
  position: absolute;
  inset: -1px;
  display: block !important;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0.88;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.72), transparent 18%, transparent 72%, rgba(255, 255, 255, 0.52)),
    radial-gradient(circle at 8% 9%, rgba(255, 255, 255, 0.88), transparent 22%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.54), transparent 26%) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-shadow:
    0 0 24px rgba(255, 255, 255, 0.34),
    0 0 62px rgba(255, 255, 255, 0.16) !important;
  z-index: -1;
}

body.site-home.home-page #systems .why-intro::after {
  content: "" !important;
  position: absolute;
  inset: 0;
  display: block !important;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  background:
    radial-gradient(ellipse at 16% 6%, rgba(255, 255, 255, 0.09), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 46%, rgba(255, 255, 255, 0.026)) !important;
  z-index: -1;
}

@media (max-width: 760px) {
  body.site-home.home-page #systems .why-intro {
    width: min(100%, 430px) !important;
    padding: 24px 24px !important;
    border-radius: 28px !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
    backdrop-filter: blur(12px) saturate(1.06) !important;
  }
}

/* Cinematic section stardust scroll transition. */
.fade-dust-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  --dust-progress: 0;
  --dust-y: -46px;
  --dust-x: 22px;
  --dust-x-alt: -26px;
}

.fade-dust-section > :not(.dust-layer) {
  transition:
    opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}

.fade-dust-section.is-passed > :not(.dust-layer) {
  opacity: max(0, calc(1 - (var(--dust-progress) * 1.12)));
  transform: translate3d(0, calc(var(--dust-progress) * var(--dust-y)), 0);
  filter: blur(calc(var(--dust-progress) * 5px));
}

.dust-layer {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  mix-blend-mode: screen;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-dust-section.is-dusted .dust-layer {
  opacity: min(1, calc(var(--dust-progress) * 1.45));
}

.dust-layer::before,
.dust-layer::after {
  content: "";
  position: absolute;
  inset: -8% -10%;
  opacity: 0;
  background-image:
    radial-gradient(circle, rgba(88, 220, 255, 0.82) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 255, 255, 0.74) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(170, 232, 255, 0.45) 0 1px, transparent 2px);
  background-size:
    92px 92px,
    137px 137px,
    179px 179px;
  background-position:
    calc(var(--dust-seed, 1) * 11px) 0,
    31px calc(var(--dust-seed, 1) * 9px),
    calc(var(--dust-seed, 1) * 17px) 29px;
  filter: drop-shadow(0 0 7px rgba(88, 220, 255, 0.32));
  transform:
    translate3d(calc(var(--dust-progress) * var(--dust-x)), calc(var(--dust-progress) * -86px), 0)
    scale(calc(0.98 + (var(--dust-progress) * 0.08)));
  animation: dustFloat 1.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.dust-layer::after {
  background-size:
    116px 116px,
    161px 161px,
    211px 211px;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.22));
  transform:
    translate3d(calc(var(--dust-progress) * var(--dust-x-alt)), calc(var(--dust-progress) * -104px), 0)
    scale(calc(0.96 + (var(--dust-progress) * 0.1)));
  animation-delay: 0.12s;
}

.fade-dust-section.is-dusted .dust-layer::before,
.fade-dust-section.is-dusted .dust-layer::after {
  opacity: 1;
}

@keyframes dustFloat {
  0% {
    opacity: 0;
  }

  28% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fade-dust-section > :not(.dust-layer) {
    transition: opacity 0.2s ease;
    transform: none !important;
    filter: none !important;
  }

  .dust-layer {
    display: none !important;
  }
}

body.perf-lite .fade-dust-section > :not(.dust-layer) {
  filter: none !important;
}

body.perf-lite .dust-layer {
  display: none !important;
}

/* Homepage Who It Is For right-card alignment fix. */
@media (min-width: 1181px) {
  body.site-home.home-page #proof .proof-editorial {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) !important;
    gap: clamp(64px, 7vw, 120px) !important;
    align-items: start !important;
  }

  body.site-home.home-page #proof .proof-editorial-copy {
    align-self: start !important;
  }

  body.site-home.home-page #proof .proof-feature-rail {
    align-self: start !important;
    margin-top: clamp(240px, 30vh, 340px) !important;
    padding-top: 0 !important;
  }

  body.site-home.home-page #proof .proof-feature-row:first-child {
    margin-top: 20px !important;
  }
}

@media (max-width: 900px) {
  body.site-home.home-page #proof .proof-editorial {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  body.site-home.home-page #proof .proof-feature-rail {
    margin-top: 0 !important;
  }

  body.site-home.home-page #proof .proof-feature-row:first-child {
    margin-top: 0 !important;
  }
}

/* Homepage icon polish pass. */
body.site-home.home-page #systems .module-stats span::before {
  background:
    radial-gradient(circle at 50% 50%, #35e4ff 0 3px, transparent 4px),
    radial-gradient(circle at 50% 50%, transparent 0 9px, rgba(107, 228, 255, 0.92) 10px 11px, transparent 12px),
    radial-gradient(circle at 50% 50%, rgba(39, 217, 255, 0.16), transparent 68%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74)) !important;
}

body.site-home.home-page #systems .module-stats span:nth-child(1)::before {
  background:
    radial-gradient(circle at 50% 50%, #35e4ff 0 3px, transparent 4px),
    radial-gradient(circle at 50% 50%, transparent 0 9px, rgba(107, 228, 255, 0.92) 10px 11px, transparent 12px),
    radial-gradient(circle at 50% 50%, transparent 0 15px, rgba(107, 228, 255, 0.3) 16px 17px, transparent 18px),
    radial-gradient(circle at 50% 50%, rgba(39, 217, 255, 0.16), transparent 68%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74)) !important;
}

body.site-home.home-page #systems .module-stats span:nth-child(2)::before {
  background:
    radial-gradient(circle at 50% 50%, rgba(53, 228, 255, 0.95) 0 2px, transparent 3px),
    radial-gradient(ellipse at 50% 50%, transparent 0 8px, rgba(107, 228, 255, 0.88) 9px 10px, transparent 11px),
    linear-gradient(135deg, transparent 0 44%, rgba(127, 238, 255, 0.85) 45% 50%, transparent 51%),
    radial-gradient(circle at 50% 50%, rgba(39, 217, 255, 0.16), transparent 68%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74)) !important;
}

body.site-home.home-page #systems .module-stats span:nth-child(3)::before {
  background:
    radial-gradient(circle at 27% 68%, rgba(53, 228, 255, 0.98) 0 2px, transparent 3px),
    radial-gradient(circle at 52% 45%, rgba(53, 228, 255, 0.98) 0 2px, transparent 3px),
    radial-gradient(circle at 76% 26%, rgba(53, 228, 255, 0.98) 0 2px, transparent 3px),
    linear-gradient(135deg, transparent 0 47%, rgba(107, 228, 255, 0.9) 48% 52%, transparent 53%),
    radial-gradient(circle at 50% 50%, rgba(39, 217, 255, 0.16), transparent 68%),
    linear-gradient(145deg, rgba(57, 117, 255, 0.16), rgba(8, 26, 52, 0.74)) !important;
}

body.site-home.home-page #proof .proof-feature-icon {
  display: grid !important;
  place-items: center !important;
  color: rgba(109, 230, 255, 0.88) !important;
}

body.site-home.home-page #proof .proof-feature-icon::before,
body.site-home.home-page #proof .proof-feature-icon::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page #proof .proof-feature-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 12px rgba(53, 228, 255, 0.28));
}

body.site-home.home-page #proof .proof-feature-icon.module-icon-shield svg path {
  fill: rgba(109, 230, 255, 0.38);
  stroke: rgba(150, 238, 255, 0.74);
}

body.site-home.home-page #proof .proof-feature-icon.module-icon-lock svg {
  stroke: rgba(132, 242, 210, 0.82);
}

/* Homepage Built for real work cinematic animation pass. */
body.site-home.home-page #systems.systems-section {
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.site-home.home-page #systems .systems-title-block {
  position: relative;
  isolation: isolate;
}

body.site-home.home-page #systems .systems-title-block::after {
  content: "";
  position: absolute;
  inset: -18% -42% -14% -18%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.44) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(101, 224, 255, 0.26) 0 1px, transparent 1.7px);
  background-size: 120px 120px, 180px 180px;
  background-position: 0 0, 42px 36px;
  filter: drop-shadow(0 0 8px rgba(92, 220, 255, 0.18));
  transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1);
  animation: builtSectionStarDrift 32s linear infinite;
}

body.site-home.home-page #systems.is-visible .systems-title-block::after {
  opacity: 0.28;
}

body.site-home.home-page #systems .section-eyebrow {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
}

body.site-home.home-page #systems.is-visible .section-eyebrow {
  animation: builtFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.04s;
}

body.site-home.home-page #systems .why-title span {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  will-change: opacity, transform;
}

body.site-home.home-page #systems.is-visible .why-title span {
  animation: builtFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body.site-home.home-page #systems.is-visible .why-title span:nth-child(1) {
  animation-delay: 0.08s;
}

body.site-home.home-page #systems.is-visible .why-title span:nth-child(2) {
  animation-delay: 0.18s;
}

body.site-home.home-page #systems .why-subtitle {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  will-change: opacity, transform;
}

body.site-home.home-page #systems.is-visible .why-subtitle {
  animation: builtFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.28s;
}

body.site-home.home-page #systems .why-intro {
  opacity: 0;
  transform: translate3d(50px, 20px, 0);
  will-change: opacity, transform, box-shadow;
}

body.site-home.home-page #systems.is-visible .why-intro {
  animation:
    builtCardIn 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.35s,
    builtCardFloat 6.8s ease-in-out infinite 1.65s,
    builtCardGlow 7.2s ease-in-out infinite 1.65s;
}

body.site-home.home-page #systems:not(.is-live) .why-intro,
body.site-home.home-page #systems:not(.is-live) .module-stats span::before,
body.site-home.home-page #systems:not(.is-live) .module-state-dot {
  animation-play-state: paused !important;
}

body.site-home.home-page #systems .why-intro span {
  display: block;
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  will-change: opacity, transform;
}

body.site-home.home-page #systems.is-visible .why-intro span {
  animation: builtLineFadeUp 0.82s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body.site-home.home-page #systems.is-visible .why-intro span:nth-child(1) {
  animation-delay: 0.66s;
}

body.site-home.home-page #systems.is-visible .why-intro span:nth-child(2) {
  animation-delay: 0.78s;
}

body.site-home.home-page #systems.is-visible .why-intro span:nth-child(3) {
  animation-delay: 0.9s;
}

body.site-home.home-page #systems .module-state,
body.site-home.home-page #systems .module-foot-copy,
body.site-home.home-page #systems .module-stats span {
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(0.985);
  will-change: opacity, transform;
}

body.site-home.home-page #systems.is-visible .module-state,
body.site-home.home-page #systems.is-visible .module-foot-copy,
body.site-home.home-page #systems.is-visible .module-stats span {
  animation: builtDetailRise 0.95s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body.site-home.home-page #systems.is-visible .module-state {
  animation-delay: 1.06s;
}

body.site-home.home-page #systems.is-visible .module-stats span:nth-child(1) {
  animation-delay: 1.18s;
}

body.site-home.home-page #systems.is-visible .module-stats span:nth-child(2) {
  animation-delay: 1.32s;
}

body.site-home.home-page #systems.is-visible .module-stats span:nth-child(3) {
  animation-delay: 1.46s;
}

body.site-home.home-page #systems.is-visible .module-foot-copy {
  animation-delay: 1.62s;
}

body.site-home.home-page #systems.is-visible .module-stats span::before {
  animation: builtSoftPulse 5.8s ease-in-out infinite;
}

body.site-home.home-page #systems.is-visible .module-stats span:nth-child(2)::before {
  animation-delay: 0.7s;
}

body.site-home.home-page #systems.is-visible .module-stats span:nth-child(3)::before {
  animation-delay: 1.3s;
}

body.site-home.home-page #systems.is-visible .module-state-dot {
  animation: builtDotPulse 3.8s ease-in-out infinite 1.7s;
}

@keyframes builtFadeUp {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes builtCardIn {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes builtLineFadeUp {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes builtDetailRise {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes builtCardFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -12px, 0);
  }
}

@keyframes builtCardGlow {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -1px 0 rgba(255, 255, 255, 0.045),
      0 0 0 1px rgba(255, 255, 255, 0.035),
      0 0 26px rgba(255, 255, 255, 0.12),
      0 0 78px rgba(255, 255, 255, 0.1),
      0 30px 86px rgba(0, 0, 0, 0.38);
  }

  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      inset 0 -1px 0 rgba(255, 255, 255, 0.055),
      0 0 0 1px rgba(255, 255, 255, 0.05),
      0 0 34px rgba(255, 255, 255, 0.16),
      0 0 92px rgba(255, 255, 255, 0.13),
      0 34px 96px rgba(0, 0, 0, 0.42);
  }
}

@keyframes builtSoftPulse {
  0%,
  100% {
    filter: drop-shadow(0 0 9px rgba(53, 228, 255, 0.18));
  }

  50% {
    filter: drop-shadow(0 0 15px rgba(53, 228, 255, 0.3));
  }
}

@keyframes builtDotPulse {
  0%,
  100% {
    opacity: 0.72;
    box-shadow: 0 0 12px rgba(39, 217, 255, 0.46);
  }

  50% {
    opacity: 1;
    box-shadow: 0 0 22px rgba(39, 217, 255, 0.68);
  }
}

@keyframes builtSectionStarDrift {
  from {
    background-position: 0 0, 42px 36px;
    transform: translate3d(0, 0, 0);
  }

  to {
    background-position: 120px -90px, 222px -124px;
    transform: translate3d(-10px, -18px, 0);
  }
}

@media (max-width: 760px) {
  body.site-home.home-page #systems .systems-title-block::after {
    inset: -10% -12% -8%;
    background-size: 150px 150px, 220px 220px;
    opacity: 0 !important;
  }

  body.site-home.home-page #systems.is-visible .systems-title-block::after {
    opacity: 0.16 !important;
  }

  body.site-home.home-page #systems .why-intro {
    transform: translate3d(0, 28px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #systems .systems-title-block::after,
  body.site-home.home-page #systems .section-eyebrow,
  body.site-home.home-page #systems .why-title span,
  body.site-home.home-page #systems .why-subtitle,
  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #systems .why-intro span,
  body.site-home.home-page #systems .module-state,
  body.site-home.home-page #systems .module-foot-copy,
  body.site-home.home-page #systems .module-stats span,
  body.site-home.home-page #systems .module-stats span::before,
  body.site-home.home-page #systems .module-state-dot {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* Homepage Who It Is For floating fit cards. */
body.site-home.home-page #proof .proof-review-stack {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 0;
  width: min(100%, 500px);
  margin: clamp(58px, 8vw, 104px) 0 0;
  padding-bottom: clamp(10px, 2vw, 28px);
  isolation: isolate;
  transform: translateZ(0);
}

body.site-home.home-page #proof .proof-review-stack::before {
  content: "";
  position: absolute;
  inset: 12% 8% 2% 16%;
  z-index: -1;
  pointer-events: none;
  opacity: 0.32;
  background:
    radial-gradient(circle at 35% 24%, rgba(112, 231, 255, 0.24), transparent 44%),
    radial-gradient(circle at 80% 68%, rgba(255, 255, 255, 0.12), transparent 46%);
  filter: blur(32px);
  transform: translate3d(0, 18px, 0);
}

body.site-home.home-page #proof .proof-review-card {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  width: min(100%, 420px);
  min-height: 124px;
  padding: 16px 18px 17px;
  border: 1px solid rgba(235, 248, 255, 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.13), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(100, 218, 255, 0.08), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.022) 52%, rgba(34, 211, 238, 0.03)),
    rgba(3, 9, 19, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.035),
    0 24px 60px rgba(0, 4, 18, 0.34),
    0 0 38px rgba(119, 226, 255, 0.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
  backdrop-filter: blur(12px) saturate(1.08);
  opacity: 0;
  overflow: hidden;
  transform: translate3d(-18px, 28px, 0) scale(0.985);
  will-change: opacity, transform, box-shadow;
}

body.site-home.home-page #proof .proof-review-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  display: block;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0.74;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.62), transparent 18%, transparent 74%, rgba(220, 245, 255, 0.42)),
    radial-gradient(circle at 8% 9%, rgba(255, 255, 255, 0.74), transparent 20%),
    radial-gradient(circle at 96% 92%, rgba(157, 231, 255, 0.5), transparent 24%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}

body.site-home.home-page #proof .proof-review-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.58;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.13), transparent 32%),
    linear-gradient(90deg, transparent 20%, rgba(112, 231, 255, 0.08) 46%, transparent 70%);
  background-size: auto, 180% 180%;
  background-position: 0 0, 120% 0;
  z-index: 0;
}

body.site-home.home-page #proof .proof-review-card > * {
  position: relative;
  z-index: 2;
}

body.site-home.home-page #proof .proof-review-card:nth-child(1) {
  margin-left: clamp(8px, 1.6vw, 26px);
}

body.site-home.home-page #proof .proof-review-card:nth-child(2) {
  width: min(100%, 450px);
  margin-top: -8px;
  margin-left: clamp(54px, 6vw, 104px);
}

body.site-home.home-page #proof .proof-review-card:nth-child(3) {
  width: min(100%, 400px);
  margin-top: -10px;
  margin-left: clamp(22px, 2.8vw, 54px);
}

body.site-home.home-page #proof.is-live .proof-review-card {
  animation:
    proofReviewIn 0.95s cubic-bezier(0.16, 1, 0.3, 1) forwards,
    proofReviewFloat 7.6s ease-in-out infinite 1.45s,
    proofReviewGlow 6.8s ease-in-out infinite 1.45s;
}

body.site-home.home-page #proof.is-live .proof-review-card:nth-child(1) {
  animation-delay: 0.18s, 1.45s, 1.45s;
}

body.site-home.home-page #proof.is-live .proof-review-card:nth-child(2) {
  animation-delay: 0.34s, 1.65s, 1.65s;
}

body.site-home.home-page #proof.is-live .proof-review-card:nth-child(3) {
  animation-delay: 0.5s, 1.85s, 1.85s;
}

body.site-home.home-page #proof:not(.is-live) .proof-review-card {
  animation-play-state: paused !important;
}

body.site-home.home-page #proof .proof-review-avatar {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(232, 248, 255, 0.26);
  border-radius: 17px;
  object-fit: cover;
  box-shadow:
    0 12px 28px rgba(0, 4, 18, 0.34),
    0 0 20px rgba(84, 220, 255, 0.16);
}

body.site-home.home-page #proof .proof-fit-icon {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(232, 248, 255, 0.26);
  border-radius: 17px;
  color: rgba(224, 250, 255, 0.96);
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.22), transparent 38%),
    linear-gradient(135deg, rgba(54, 231, 255, 0.2), rgba(126, 231, 200, 0.08));
  box-shadow:
    0 12px 28px rgba(0, 4, 18, 0.34),
    0 0 20px rgba(84, 220, 255, 0.16);
  font-size: 0.78rem;
  font-weight: 900;
}

body.site-home.home-page #proof .proof-review-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

body.site-home.home-page #proof .proof-review-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

body.site-home.home-page #proof .proof-review-top strong {
  display: block;
  color: rgba(248, 251, 255, 0.96);
  font-size: 0.94rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

body.site-home.home-page #proof .proof-review-top div span {
  display: block;
  margin-top: 3px;
  color: rgba(210, 225, 239, 0.58);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
}

body.site-home.home-page #proof .proof-review-stars {
  flex: 0 0 auto;
  color: #bdf4ff;
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  line-height: 1;
  text-shadow:
    0 0 10px rgba(109, 230, 255, 0.34),
    0 0 18px rgba(255, 255, 255, 0.14);
}

body.site-home.home-page #proof .proof-fit-label {
  flex: 0 0 auto;
  color: #bdf4ff;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow:
    0 0 10px rgba(109, 230, 255, 0.34),
    0 0 18px rgba(255, 255, 255, 0.14);
}

body.site-home.home-page #proof .proof-review-card p {
  margin: 0;
  color: rgba(231, 240, 250, 0.74);
  font-size: 0.84rem;
  font-weight: 650;
  line-height: 1.48;
}

@keyframes proofReviewIn {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes proofReviewFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -9px, 0);
  }
}

@keyframes proofReviewGlow {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -1px 0 rgba(255, 255, 255, 0.04),
      0 0 0 1px rgba(255, 255, 255, 0.035),
      0 24px 60px rgba(0, 4, 18, 0.34),
      0 0 38px rgba(119, 226, 255, 0.08);
  }

  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      inset 0 -1px 0 rgba(255, 255, 255, 0.055),
      0 0 0 1px rgba(255, 255, 255, 0.048),
      0 28px 68px rgba(0, 4, 18, 0.38),
      0 0 52px rgba(119, 226, 255, 0.12);
  }
}

@media (max-width: 900px) {
  body.site-home.home-page #proof .proof-review-stack {
    width: min(100%, 620px);
    margin-top: 38px;
    padding-bottom: 0;
  }

  body.site-home.home-page #proof .proof-review-card,
  body.site-home.home-page #proof .proof-review-card:nth-child(1),
  body.site-home.home-page #proof .proof-review-card:nth-child(2),
  body.site-home.home-page #proof .proof-review-card:nth-child(3) {
    width: 100%;
    margin: 0;
  }

  body.site-home.home-page #proof .proof-review-stack {
    gap: 14px;
  }
}

@media (max-width: 520px) {
  body.site-home.home-page #proof .proof-review-card {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
    padding: 15px 15px 16px;
    border-radius: 24px;
  }

  body.site-home.home-page #proof .proof-review-avatar,
  body.site-home.home-page #proof .proof-fit-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  body.site-home.home-page #proof .proof-review-top {
    display: grid;
    gap: 8px;
  }

  body.site-home.home-page #proof .proof-review-card p {
    font-size: 0.82rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #proof .proof-review-card {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Homepage pricing steps independent scroll reveal. */
body.site-home.home-page.is-step-reveal-ready #flow .step-row {
  opacity: 0 !important;
  transform: translate3d(0, 60px, 0) !important;
  transition:
    opacity 0.8s ease,
    transform 0.8s ease !important;
  will-change: opacity, transform;
}

body.site-home.home-page.is-step-reveal-ready #flow .step-row.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page.is-step-reveal-ready #flow .step-row {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Product Experience single-state scroll visibility. */
body.site-home.home-page.is-motion-enhanced .product-experience {
  opacity: 0;
  transform: translate3d(0, 60px, 0);
  animation: none !important;
  transition: none;
  will-change: opacity, transform;
}

body.site-home.home-page.is-motion-enhanced .product-experience:not(.has-entered),
body.site-home.home-page.is-motion-enhanced .product-experience.before {
  opacity: 0;
  transform: translate3d(0, 60px, 0);
}

body.site-home.home-page.is-motion-enhanced .product-experience.has-entered:not(.has-passed),
body.site-home.home-page.is-motion-enhanced .product-experience.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

body.site-home.home-page.is-motion-enhanced .product-experience.has-passed,
body.site-home.home-page.is-motion-enhanced .product-experience.passed {
  opacity: 0;
  transform: translate3d(0, -60px, 0);
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .product-experience {
    transition: opacity 0.2s ease;
  }

  body.site-home.home-page .product-experience:not(.has-entered),
  body.site-home.home-page .product-experience.has-entered:not(.has-passed),
  body.site-home.home-page .product-experience.has-passed,
  body.site-home.home-page .product-experience.before,
  body.site-home.home-page .product-experience.active,
  body.site-home.home-page .product-experience.passed {
    transform: none !important;
  }
}

/* Homepage real-work three-card Apple-style motion. */
body.site-home.home-page.is-realwork-motion-ready #systems .feature-label,
body.site-home.home-page.is-realwork-motion-ready #systems .feature-card,
body.site-home.home-page.is-realwork-motion-ready #systems .bottom-note {
  opacity: 0;
  will-change: opacity, transform, filter;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-label {
  transform: translate3d(0, 22px, 0);
  filter: blur(8px);
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card {
  position: relative;
  transform: translate3d(0, 36px, 0) scale(0.96);
  filter: blur(10px);
  background-position: 0% 0%, 50% 50% !important;
  background-size: 132% 132%, 100% 100% !important;
  transition:
    transform 500ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 500ms ease,
    box-shadow 500ms ease,
    background-color 500ms ease,
    background-position 650ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  filter: blur(6px);
  will-change: opacity, transform, filter;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::after {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1) 470ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .bottom-note {
  transform: translate3d(0, 22px, 0);
  filter: blur(8px);
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-label.animate {
  animation: realWorkAppleFadeUp 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate {
  animation: realWorkAppleCardIn 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card:nth-child(1).animate {
  animation-delay: 120ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card:nth-child(2).animate {
  animation-delay: 260ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card:nth-child(3).animate {
  animation-delay: 400ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate::before {
  animation: realWorkAppleFadeUp 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards 350ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate::after {
  transform: scaleX(1);
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate strong {
  animation: realWorkAppleFadeUp 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards 560ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate small {
  animation: realWorkAppleFadeUp 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards 660ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .bottom-note.animate {
  animation: realWorkAppleFadeUp 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards 650ms;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, -6px, 0) !important;
  filter: none !important;
  border-color: rgba(70, 220, 255, 0.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(8, 28, 42, 0.62), rgba(5, 16, 30, 0.66)) !important;
  background-position: 0% 0%, 50% 50% !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 18px 50px rgba(0, 180, 255, 0.14),
    0 0 28px rgba(70, 220, 255, 0.08) !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate:hover::before {
  animation: none !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: none !important;
  box-shadow:
    0 0 18px rgba(39, 217, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .feature-card.animate:hover *,
body.site-home.home-page.is-realwork-motion-ready #systems .feature-card:hover * {
  filter: none !important;
}

/* Homepage real-work card balance and stable hover. */
body.site-home.home-page #systems .feature-grid,
body.site-home.home-page #systems .module-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  gap: 22px !important;
}

body.site-home.home-page #systems .feature-card,
body.site-home.home-page #systems .module-stats span {
  min-height: 198px !important;
  padding: 26px 30px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 15, 28, 0.66)) !important;
  border: 1px solid rgba(70, 200, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 46px rgba(0, 5, 18, 0.26),
    0 0 24px rgba(0, 160, 255, 0.055) !important;
  opacity: 1;
  visibility: visible;
  filter: none;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition:
    transform 260ms ease,
    border-color 260ms ease,
    background-color 260ms ease,
    color 260ms ease !important;
}

body.site-home.home-page #systems .feature-card::before,
body.site-home.home-page #systems .module-stats span::before {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 18px !important;
  border-radius: 11px !important;
  box-shadow:
    0 0 16px rgba(39, 217, 255, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

body.site-home.home-page #systems .feature-card::after,
body.site-home.home-page #systems .module-stats span::after {
  width: 74px !important;
  height: 2px !important;
  margin: 14px 0 20px !important;
  background: linear-gradient(90deg, #20d9ff, transparent) !important;
  box-shadow: 0 0 10px rgba(32, 217, 255, 0.18) !important;
}

body.site-home.home-page #systems .feature-card strong,
body.site-home.home-page #systems .module-stats strong {
  margin: 0 !important;
  font-size: clamp(22px, 1.8vw, 28px) !important;
  line-height: 1.06 !important;
}

body.site-home.home-page #systems .feature-card small,
body.site-home.home-page #systems .module-stats small {
  max-width: 280px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

body.site-home.home-page #systems .feature-card:hover,
body.site-home.home-page #systems .module-stats span:hover {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: translate3d(0, -6px, 0) !important;
  border-color: rgba(70, 220, 255, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 16px 42px rgba(0, 5, 18, 0.24),
    0 0 26px rgba(0, 180, 255, 0.11) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(8, 28, 42, 0.62), rgba(5, 16, 30, 0.66)) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .feature-card:hover *,
body.site-home.home-page #systems .module-stats span:hover * {
  filter: none !important;
}

body.site-home.home-page #systems .feature-card.animate,
body.site-home.home-page #systems .feature-card.is-visible {
  animation-fill-mode: forwards;
}

body.site-home.home-page #systems .module-foot-copy,
body.site-home.home-page #systems .bottom-note {
  margin: 60px auto 0 !important;
  max-width: 520px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.54) !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  body.site-home.home-page #systems .feature-grid,
  body.site-home.home-page #systems .module-stats {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #systems .feature-card,
  body.site-home.home-page #systems .module-stats span {
    min-height: auto !important;
  }
}

body.site-home.home-page #systems.fade-dust-section.is-passed .feature-label,
body.site-home.home-page #systems.fade-dust-section.is-passed .feature-card,
body.site-home.home-page #systems.fade-dust-section.is-passed .bottom-note {
  animation-play-state: paused !important;
}

@keyframes realWorkAppleFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes realWorkAppleCardIn {
  from {
    opacity: 0;
    transform: translate3d(0, 36px, 0) scale(0.96);
    filter: blur(10px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes realWorkIconGlowPulse {
  0%,
  100% {
    box-shadow:
      0 0 20px rgba(39, 217, 255, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  50% {
    box-shadow:
      0 0 30px rgba(39, 217, 255, 0.34),
      0 0 48px rgba(255, 255, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page.is-realwork-motion-ready #systems .feature-label,
  body.site-home.home-page.is-realwork-motion-ready #systems .feature-card,
  body.site-home.home-page.is-realwork-motion-ready #systems .bottom-note,
  body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
  body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
  body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }

  body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::after {
    transform: none !important;
    transition: none !important;
  }
}

/* Homepage Who It Is For sorted-card Apple-style motion. */
body.site-home.home-page #proof.is-who-sort-ready .who-title,
body.site-home.home-page #proof.is-who-sort-ready .who-copy,
body.site-home.home-page #proof.is-who-sort-ready .who-tag,
body.site-home.home-page #proof.is-who-sort-ready .who-card,
body.site-home.home-page #proof.is-who-sort-ready .who-card-icon {
  will-change: opacity, transform, filter, clip-path;
}

body.site-home.home-page #proof.is-who-sort-ready .who-title {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transform: translate3d(-18px, 0, 0);
  filter: blur(8px);
}

body.site-home.home-page #proof.is-who-sort-ready .who-copy,
body.site-home.home-page #proof.is-who-sort-ready .who-tag {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  filter: blur(6px);
}

body.site-home.home-page #proof.is-who-sort-ready .who-card {
  opacity: 0;
  transform:
    perspective(1200px)
    translate3d(90px, 18px, 0)
    rotateY(-8deg)
    scale(0.97);
  transform-origin: right center;
  transform-style: preserve-3d;
  filter: blur(8px);
}

body.site-home.home-page #proof.is-who-sort-ready .who-card-icon {
  opacity: 0.46;
  transform: translate3d(10px, 0, 18px) scale(0.92);
  filter: drop-shadow(0 0 0 rgba(94, 234, 255, 0));
}

body.site-home.home-page #proof.is-who-sort-visible .who-title {
  animation: whoTitleMaskReveal 1000ms cubic-bezier(0.22, 1, 0.36, 1) forwards 80ms;
}

body.site-home.home-page #proof.is-who-sort-visible .who-copy {
  animation: whoFadeLift 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards 350ms;
}

body.site-home.home-page #proof.is-who-sort-visible .who-tag {
  animation: whoFadeLift 760ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #proof.is-who-sort-visible .who-tag:nth-child(1) { animation-delay: 550ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-tag:nth-child(2) { animation-delay: 650ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-tag:nth-child(3) { animation-delay: 750ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-tag:nth-child(4) { animation-delay: 850ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-tag:nth-child(5) { animation-delay: 950ms; }

body.site-home.home-page #proof.is-who-sort-visible .who-card {
  animation: whoCardSortIn 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(1) { animation-delay: 550ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(2) { animation-delay: 780ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(3) { animation-delay: 1010ms; }

body.site-home.home-page #proof.is-who-sort-visible .who-card-icon {
  animation: whoCardIconGlow 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(1) .who-card-icon { animation-delay: 1480ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(2) .who-card-icon { animation-delay: 1710ms; }
body.site-home.home-page #proof.is-who-sort-visible .who-card:nth-child(3) .who-card-icon { animation-delay: 1940ms; }

body.site-home.home-page #proof.fade-dust-section.is-passed .who-title,
body.site-home.home-page #proof.fade-dust-section.is-passed .who-copy,
body.site-home.home-page #proof.fade-dust-section.is-passed .who-tag,
body.site-home.home-page #proof.fade-dust-section.is-passed .who-card,
body.site-home.home-page #proof.fade-dust-section.is-passed .who-card-icon {
  animation-play-state: paused !important;
}

@keyframes whoTitleMaskReveal {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: translate3d(-18px, 0, 0);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes whoFadeLift {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes whoCardSortIn {
  from {
    opacity: 0;
    transform:
      perspective(1200px)
      translate3d(90px, 18px, 0)
      rotateY(-8deg)
      scale(0.97);
    filter: blur(8px);
  }

  72% {
    opacity: 1;
    transform:
      perspective(1200px)
      translate3d(-6px, -1px, 0)
      rotateY(1.4deg)
      scale(1.006);
    filter: blur(0.8px);
  }

  to {
    opacity: 1;
    transform:
      perspective(1200px)
      translate3d(0, 0, 0)
      rotateY(0deg)
      scale(1);
    filter: blur(0);
  }
}

@keyframes whoCardIconGlow {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 24px) scale(1);
    filter:
      drop-shadow(0 0 12px rgba(94, 234, 255, 0.34))
      drop-shadow(0 0 24px rgba(255, 255, 255, 0.1));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #proof.is-who-sort-ready .who-title,
  body.site-home.home-page #proof.is-who-sort-ready .who-copy,
  body.site-home.home-page #proof.is-who-sort-ready .who-tag,
  body.site-home.home-page #proof.is-who-sort-ready .who-card,
  body.site-home.home-page #proof.is-who-sort-ready .who-card-icon {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

/* Homepage Risk Reversal quiet focus-lock entrance motion. */
body.site-home.home-page #flow.is-risk-focus-ready .pipeline-intro {
  position: relative;
  isolation: isolate;
}

body.site-home.home-page #flow.is-risk-focus-ready .pipeline-intro::before {
  content: "";
  position: absolute;
  inset: -18% -10%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.44) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(90, 224, 255, 0.34) 0 1px, transparent 1.7px);
  background-size:
    132px 132px,
    196px 196px;
  background-position:
    0 0,
    42px 34px;
  filter: drop-shadow(0 0 7px rgba(100, 230, 255, 0.16));
  transform: translate3d(0, 0, 0);
  will-change: opacity, background-position, transform;
}

body.site-home.home-page #flow.is-risk-focus-ready .risk-label,
body.site-home.home-page #flow.is-risk-focus-ready .risk-title,
body.site-home.home-page #flow.is-risk-focus-ready .risk-copy span {
  opacity: 0;
  will-change: opacity, transform, filter;
}

body.site-home.home-page #flow.is-risk-focus-ready .risk-label {
  position: relative;
  display: inline-block;
  width: max-content;
  max-width: 100%;
  overflow: hidden;
  filter: blur(8px);
}

body.site-home.home-page #flow.is-risk-focus-ready .risk-label::after {
  content: "";
  position: absolute;
  inset: -25% -18%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(191, 244, 255, 0.08) 34%,
    rgba(255, 255, 255, 0.72) 50%,
    rgba(94, 234, 255, 0.2) 62%,
    transparent 100%
  );
  transform: translate3d(-115%, 0, 0);
}

body.site-home.home-page #flow.is-risk-focus-ready .risk-title {
  transform: scale(0.98);
  transform-origin: left center;
  filter: blur(14px);
}

body.site-home.home-page #flow.is-risk-focus-ready .risk-copy span {
  display: block;
  transform: translate3d(0, 18px, 0);
  filter: blur(6px);
}

body.site-home.home-page #flow.is-risk-focus-visible .pipeline-intro::before {
  opacity: 0.22;
  animation: riskBackgroundStarDrift 44s linear infinite;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-label {
  animation: riskGlowFocus 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-label::after {
  animation: riskGlowSweep 1100ms cubic-bezier(0.22, 1, 0.36, 1) forwards 120ms;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-title {
  animation: riskFocusReveal 1000ms cubic-bezier(0.22, 1, 0.36, 1) forwards 180ms;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-copy span {
  animation: riskFadeUpSharp 850ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-copy span:nth-child(1) {
  animation-delay: 520ms;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-copy span:nth-child(2) {
  animation-delay: 650ms;
}

body.site-home.home-page #flow.is-risk-focus-visible .risk-copy span:nth-child(3) {
  animation-delay: 780ms;
}

body.site-home.home-page #flow.fade-dust-section.is-passed .risk-label,
body.site-home.home-page #flow.fade-dust-section.is-passed .risk-label::after,
body.site-home.home-page #flow.fade-dust-section.is-passed .risk-title,
body.site-home.home-page #flow.fade-dust-section.is-passed .risk-copy span,
body.site-home.home-page #flow.fade-dust-section.is-passed .pipeline-intro::before {
  animation-play-state: paused !important;
}

@keyframes riskGlowFocus {
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes riskGlowSweep {
  0% {
    opacity: 0;
    transform: translate3d(-115%, 0, 0);
  }

  22%,
  62% {
    opacity: 0.55;
  }

  100% {
    opacity: 0;
    transform: translate3d(112%, 0, 0);
  }
}

@keyframes riskFocusReveal {
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@keyframes riskFadeUpSharp {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes riskBackgroundStarDrift {
  from {
    background-position:
      0 0,
      42px 34px;
    transform: translate3d(0, 0, 0);
  }

  to {
    background-position:
      132px -96px,
      238px -118px;
    transform: translate3d(-8px, -12px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #flow.is-risk-focus-ready .pipeline-intro::before,
  body.site-home.home-page #flow.is-risk-focus-ready .risk-label,
  body.site-home.home-page #flow.is-risk-focus-ready .risk-label::after,
  body.site-home.home-page #flow.is-risk-focus-ready .risk-title,
  body.site-home.home-page #flow.is-risk-focus-ready .risk-copy span {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }

  body.site-home.home-page #flow.is-risk-focus-ready .risk-label::after,
  body.site-home.home-page #flow.is-risk-focus-ready .pipeline-intro::before {
    opacity: 0 !important;
  }
}

/* Homepage final CTA calm momentum word reveal motion. */
body.site-home.home-page #site-footer.is-final-cta-ready::before {
  will-change: transform, background-position;
}

body.site-home.home-page #site-footer.is-final-cta-ready .final-label,
body.site-home.home-page #site-footer.is-final-cta-ready .final-title .word,
body.site-home.home-page #site-footer.is-final-cta-ready .final-actions {
  opacity: 0;
  will-change: opacity, transform, filter;
}

body.site-home.home-page #site-footer.is-final-cta-ready .final-label {
  filter: blur(8px);
  text-shadow: 0 0 0 rgba(103, 232, 249, 0);
}

body.site-home.home-page #site-footer.is-final-cta-ready .final-title .word {
  display: inline-block;
  transform: translate3d(0, 24px, 0);
  filter: blur(8px);
}

body.site-home.home-page #site-footer.is-final-cta-ready .final-actions {
  transform: translate3d(0, 20px, 0);
}

body.site-home.home-page #site-footer.is-final-cta-visible::before {
  animation: finalCtaStarDrift 58s linear infinite;
}

body.site-home.home-page #site-footer.is-final-cta-visible .final-label {
  animation: finalSoftGlowIn 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word {
  animation: finalWordReveal 750ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(1) { animation-delay: 120ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(2) { animation-delay: 190ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(3) { animation-delay: 260ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(4) { animation-delay: 330ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(5) { animation-delay: 400ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(6) { animation-delay: 470ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(7) { animation-delay: 540ms; }
body.site-home.home-page #site-footer.is-final-cta-visible .final-title .word:nth-child(8) { animation-delay: 610ms; }

body.site-home.home-page #site-footer.is-final-cta-visible .final-actions {
  animation: finalButtonsIn 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards 850ms;
}

body.site-home.home-page #site-footer.is-final-cta-visible .final-actions .final-primary {
  animation: finalSoftButtonPulse 3.5s ease-in-out infinite 1.6s;
}

body.site-home.home-page #site-footer.fade-dust-section.is-passed::before,
body.site-home.home-page #site-footer.fade-dust-section.is-passed .final-label,
body.site-home.home-page #site-footer.fade-dust-section.is-passed .final-title .word,
body.site-home.home-page #site-footer.fade-dust-section.is-passed .final-actions,
body.site-home.home-page #site-footer.fade-dust-section.is-passed .final-actions .final-primary {
  animation-play-state: paused !important;
}

@keyframes finalSoftGlowIn {
  to {
    opacity: 1;
    filter: blur(0);
    text-shadow:
      0 0 20px rgba(103, 232, 249, 0.38),
      0 0 34px rgba(34, 211, 238, 0.12);
  }
}

@keyframes finalWordReveal {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes finalButtonsIn {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes finalSoftButtonPulse {
  0%,
  100% {
    box-shadow:
      0 0 24px rgba(0, 180, 255, 0.25),
      0 14px 34px rgba(2, 8, 23, 0.26);
  }

  50% {
    box-shadow:
      0 0 44px rgba(0, 180, 255, 0.42),
      0 18px 42px rgba(2, 8, 23, 0.32);
  }
}

@keyframes finalCtaStarDrift {
  from {
    background-position: center bottom;
    transform: scale(1.04) translate3d(0, 0, 0);
  }

  to {
    background-position: calc(50% + 84px) calc(100% - 72px);
    transform: scale(1.045) translate3d(-8px, -12px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page #site-footer.is-final-cta-ready::before,
  body.site-home.home-page #site-footer.is-final-cta-ready .final-label,
  body.site-home.home-page #site-footer.is-final-cta-ready .final-title .word,
  body.site-home.home-page #site-footer.is-final-cta-ready .final-actions,
  body.site-home.home-page #site-footer.is-final-cta-ready .final-actions .final-primary {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

/* Homepage performance cleanup mode: one scroll controller, lower paint cost, transform-only motion. */
body.is-motion-optimized {
  --perf-motion-distance: 32px;
  --perf-motion-distance-passed: -32px;
  --perf-glass-blur: 8px;
  --perf-glass-saturation: 1.04;
  --perf-soft-shadow: 0 22px 58px rgba(2, 6, 23, 0.24);
  --perf-cyan-glow: 0 0 30px rgba(34, 211, 238, 0.1);
}

body.is-motion-optimized *,
body.is-motion-optimized *::before,
body.is-motion-optimized *::after {
  transition-property: opacity, transform, border-color, background-color, color !important;
}

body.is-motion-optimized .motion-section {
  contain: layout paint style;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: auto;
}

body.is-motion-optimized .motion-section:not(.has-entered),
body.is-motion-optimized .motion-section.before {
  opacity: 0;
  transform: translate3d(0, var(--perf-motion-distance), 0);
  pointer-events: none;
}

body.is-motion-optimized .motion-section.has-entered:not(.has-passed),
body.is-motion-optimized .motion-section.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
  will-change: opacity, transform;
}

body.is-motion-optimized .motion-section.has-passed,
body.is-motion-optimized .motion-section.passed {
  opacity: 0;
  transform: translate3d(0, var(--perf-motion-distance-passed), 0);
  pointer-events: none;
}

body.is-motion-optimized .reveal-enter,
body.site-home.home-page.is-motion-optimized .homepage-effect-item {
  filter: none !important;
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1) var(--effect-delay, 0ms),
    transform 0.68s cubic-bezier(0.22, 1, 0.36, 1) var(--effect-delay, 0ms) !important;
  will-change: opacity, transform;
}

body.site-home.home-page.is-motion-optimized .product-experience {
  contain: layout paint style;
  opacity: 0;
  transform: translate3d(0, 48px, 0);
  backface-visibility: hidden;
  animation: none !important;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform;
}

body.site-home.home-page.is-motion-optimized .product-experience:not(.has-entered),
body.site-home.home-page.is-motion-optimized .product-experience.before {
  opacity: 0 !important;
  transform: translate3d(0, 48px, 0) !important;
}

body.site-home.home-page.is-motion-optimized .product-experience.has-entered:not(.has-passed),
body.site-home.home-page.is-motion-optimized .product-experience.active {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

body.site-home.home-page.is-motion-optimized .product-experience.has-passed,
body.site-home.home-page.is-motion-optimized .product-experience.passed {
  opacity: 0 !important;
  transform: translate3d(0, -48px, 0) !important;
}

body.site-home.home-page.is-motion-optimized .space-layer {
  will-change: transform, opacity;
}

body.site-home.home-page.is-motion-optimized .space-layer-mid,
body.site-home.home-page.is-motion-optimized .space-layer-near {
  filter: none !important;
}

body.site-home.home-page.is-motion-optimized .space-layer-mid {
  opacity: 0.48;
}

body.site-home.home-page.is-motion-optimized .space-layer-near {
  opacity: 0.56;
}

body.site-home.home-page.is-motion-optimized .star-bg {
  will-change: auto;
}

body.site-home.home-page.is-motion-optimized .star-bg::before,
body.site-home.home-page.is-motion-optimized .star-bg::after {
  will-change: auto;
}

body.site-home.home-page.is-motion-optimized .site-header {
  animation: rise 0.7s ease both !important;
}

body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-product-float,
body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-glow-pulse,
body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-rail-flow,
body.site-home.home-page.is-motion-optimized .infra-section.is-live :is(.section-kicker, .proof-kicker, .footer-kicker),
body.site-home.home-page.is-motion-optimized .results-timeline-dot,
body.site-home.home-page.is-motion-optimized .status-dot,
body.site-home.home-page.is-motion-optimized .module-state-dot,
body.site-home.home-page.is-motion-optimized .pipeline-rail.is-effect-visible span,
body.site-home.home-page.is-motion-optimized #systems.is-visible .module-stats span::before,
body.site-home.home-page.is-motion-optimized #systems.is-visible .module-state-dot,
body.site-home.home-page.is-motion-optimized #systems .systems-title-block::after,
body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .pipeline-intro::before,
body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible::before,
body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-actions .final-primary {
  animation: none !important;
}

body.site-home.home-page.is-motion-optimized #systems .systems-title-block::after {
  opacity: 0.12 !important;
  transform: none !important;
}

body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .pipeline-intro::before {
  opacity: 0.12 !important;
  transform: none !important;
}

body.site-home.home-page.is-motion-optimized #systems.is-visible .why-intro {
  animation: builtCardIn 0.82s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.26s !important;
}

body.site-home.home-page.is-motion-optimized #proof.is-live .proof-review-card {
  animation: proofReviewIn 0.76s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-label,
body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-title .word,
body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-actions,
body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .risk-label,
body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .risk-title,
body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .risk-copy span,
body.site-home.home-page.is-motion-optimized #proof.is-who-sort-ready .who-title,
body.site-home.home-page.is-motion-optimized #proof.is-who-sort-ready .who-copy,
body.site-home.home-page.is-motion-optimized #proof.is-who-sort-ready .who-tag,
body.site-home.home-page.is-motion-optimized #proof.is-who-sort-ready .who-card,
body.site-home.home-page.is-motion-optimized #proof.is-who-sort-ready .who-card-icon,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .feature-label,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .feature-card,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .bottom-note,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .feature-card::before,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .feature-card strong,
body.site-home.home-page.is-motion-optimized.is-realwork-motion-ready #systems .feature-card small {
  will-change: opacity, transform, filter;
}

body.site-home.home-page.is-motion-optimized #proof.is-who-sort-visible .who-title {
  animation: whoTitleMaskReveal 1000ms cubic-bezier(0.22, 1, 0.36, 1) forwards 80ms !important;
}

body.site-home.home-page.is-motion-optimized :is(
  #systems .why-intro,
  #systems .module-stats span,
  #visual-proof .product-showcase-shell,
  #proof .proof-feature-row,
  #proof .proof-review-card,
  #flow .pipeline-flow-step,
  #flow .pipeline-flow-step .btn,
  #site-footer .footer-cta
) {
  -webkit-backdrop-filter: blur(var(--perf-glass-blur)) saturate(var(--perf-glass-saturation)) !important;
  backdrop-filter: blur(var(--perf-glass-blur)) saturate(var(--perf-glass-saturation)) !important;
}

body.site-home.home-page.is-motion-optimized :is(
  #visual-proof .product-showcase-shell,
  #proof .proof-review-card,
  #proof .proof-feature-row,
  #flow .pipeline-flow-step,
  #site-footer .footer-cta
) {
  box-shadow:
    var(--perf-soft-shadow),
    var(--perf-cyan-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.site-home.home-page.is-motion-optimized #visual-proof .product-showcase-shell::before {
  filter: none !important;
  opacity: 0.24 !important;
}

body.site-home.home-page.is-motion-optimized .btn::after {
  transition:
    opacity 180ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.is-motion-optimized .fade-dust-section > :not(.dust-layer) {
  filter: none !important;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform;
}

body.is-motion-optimized .dust-layer {
  display: none !important;
}

body.is-motion-optimized .is-animation-paused,
body.is-motion-optimized .is-animation-paused *,
body.is-page-hidden *,
body.site-home.home-page.is-motion-optimized .motion-section:not(.has-entered) *,
body.site-home.home-page.is-motion-optimized .motion-section.has-passed *,
body.site-home.home-page.is-motion-optimized .motion-section.before *,
body.site-home.home-page.is-motion-optimized .motion-section.passed * {
  animation-play-state: paused !important;
}

body.site-home.home-page.is-motion-optimized .plutar-marquee.is-animation-paused .marquee-track {
  animation-play-state: paused !important;
}

/* Deprecated homepage marquee removal: keep current product sections and hide old generic app claim. */
body.site-home.home-page .plutar-marquee {
  display: none !important;
  visibility: hidden !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  body.is-motion-optimized {
    --perf-motion-distance: 22px;
    --perf-motion-distance-passed: -22px;
    --perf-glass-blur: 5px;
    --perf-soft-shadow: 0 16px 38px rgba(2, 6, 23, 0.2);
    --perf-cyan-glow: 0 0 18px rgba(34, 211, 238, 0.08);
  }

  body.site-home.home-page.is-motion-optimized .product-experience:not(.has-entered),
  body.site-home.home-page.is-motion-optimized .product-experience.before {
    transform: translate3d(0, 28px, 0) !important;
  }

  body.site-home.home-page.is-motion-optimized .product-experience.has-passed,
  body.site-home.home-page.is-motion-optimized .product-experience.passed {
    transform: translate3d(0, -28px, 0) !important;
  }

  body.site-home.home-page.is-motion-optimized .space-layer-mid {
    opacity: 0.36;
    filter: none !important;
  }

  body.site-home.home-page.is-motion-optimized .space-layer-near {
    opacity: 0.42;
    filter: none !important;
  }

  body.site-home.home-page.is-motion-optimized .homepage-effect-item.effect-left,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item.effect-right,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item.effect-scale,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item.effect-fade {
    transform: translate3d(0, 18px, 0) scale(0.985);
  }

  body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible {
    transform: translate3d(0, 0, 0) scale(1);
  }

  body.site-home.home-page.is-motion-optimized .marquee-track {
    animation-duration: 76s !important;
  }

  body.site-home.home-page.is-motion-optimized .star-bg::before,
  body.site-home.home-page.is-motion-optimized #systems .systems-title-block::after,
  body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-ready .pipeline-intro::before {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-motion-optimized .motion-section,
  body.site-home.home-page.is-motion-optimized .product-experience,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item,
  body.is-motion-optimized .reveal-enter {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* Homepage tablet/iPad hero visibility fix. */
@media (min-width: 768px) and (max-width: 1180px) {
  body.site-home.home-page .hero-stage {
    min-height: 100svh !important;
    overflow: hidden;
  }

  body.site-home.home-page .hero-stage-shell,
  body.site-home.home-page .hero-stage-shell.shell {
    min-height: 100svh !important;
  }

  body.site-home.home-page .site-header,
  body.site-home.home-page .hero-stage-shell > .site-header {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    min-height: 100svh !important;
    padding: calc(env(safe-area-inset-top, 0px) + 104px) 32px 96px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(13px, 1.75vh, 22px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero__top,
  body.site-home.home-page .hero__title,
  body.site-home.home-page .hero__subtext,
  body.site-home.home-page .hero-home-copy,
  body.site-home.home-page .hero-home-subtext {
    max-width: 720px !important;
    margin-inline: auto !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero-home-copy {
    width: min(100%, 720px) !important;
    filter: none !important;
  }

  body.site-home.home-page .hero-home-copy::before {
    filter: blur(28px) !important;
    opacity: 0.18 !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: 760px !important;
    margin: 0 auto !important;
    font-size: clamp(54px, 7.6vw, 84px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.052em !important;
  }

  body.site-home.home-page .hero-type-line,
  body.site-home.home-page .hero-type-line-text {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero-type-line-sizer {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.site-home.home-page .hero-type-line-text::after {
    content: none !important;
    display: none !important;
  }

  body.site-home.home-page .hero-home-subtext {
    display: grid !important;
    gap: 14px !important;
    padding-top: 4px !important;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 620px !important;
    margin: 0 auto !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-height: 48px !important;
    padding-inline: 24px !important;
  }

  body.site-home.home-page .hero-proof-list {
    margin-top: 0 !important;
    gap: 9px 12px !important;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 34px !important;
    padding-inline: 13px !important;
    font-size: 0.78rem !important;
    animation: none !important;
  }

  body.site-home.home-page .scroll-arrow-3d {
    position: absolute !important;
    top: auto !important;
    bottom: clamp(24px, 4.8vh, 42px) !important;
    left: 50% !important;
    transform: translate3d(-50%, var(--scroll-arrow-y, 0px), 0) scale(var(--scroll-arrow-scale, 1)) !important;
  }

  body.site-home.home-page .space-layer-mid,
  body.site-home.home-page.is-motion-optimized .space-layer-mid {
    animation-duration: 96s !important;
    filter: none !important;
  }

  body.site-home.home-page .space-layer-near,
  body.site-home.home-page.is-motion-optimized .space-layer-near {
    animation-duration: 82s !important;
    filter: none !important;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding-top: calc(env(safe-area-inset-top, 0px) + 88px) !important;
    padding-bottom: 82px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(50px, 8.1vw, 72px) !important;
  }

  body.site-home.home-page .hero-proof-list {
    gap: 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) and (max-height: 760px) {
  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding-top: calc(env(safe-area-inset-top, 0px) + 78px) !important;
    padding-bottom: 72px !important;
    gap: 10px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(44px, 6.4vw, 64px) !important;
  }

  body.site-home.home-page .hero-hook-sub {
    font-size: 17px !important;
    line-height: 1.42 !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    margin-top: 16px !important;
  }

  body.site-home.home-page .hero-proof-list {
    display: none !important;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (min-width: 768px) and (max-width: 1180px) {
    body.site-home.home-page .hero-stage,
    body.site-home.home-page .hero-home-refresh {
      min-height: 100svh !important;
    }

    body.site-home.home-page .hero-home-copy,
    body.site-home.home-page .hero-home-subtext,
    body.site-home.home-page .hero-refresh-actions {
      opacity: 1 !important;
      visibility: visible !important;
    }
  }
}

/* Homepage real-work card final adaptive override: must come last. */
html.performance-pending body.site-home.home-page #systems .feature-grid,
html.low-performance body.site-home.home-page #systems .feature-grid,
html.medium-performance body.site-home.home-page #systems .feature-grid,
html.high-performance body.site-home.home-page #systems .feature-grid,
html.performance-pending body.site-home.home-page #systems .module-stats,
html.low-performance body.site-home.home-page #systems .module-stats,
html.medium-performance body.site-home.home-page #systems .module-stats,
html.high-performance body.site-home.home-page #systems .module-stats {
  max-width: 1080px !important;
  gap: 22px !important;
}

html.performance-pending body.site-home.home-page #systems .feature-card,
html.low-performance body.site-home.home-page #systems .feature-card,
html.medium-performance body.site-home.home-page #systems .feature-card,
html.high-performance body.site-home.home-page #systems .feature-card,
html.performance-pending body.site-home.home-page #systems .module-stats span,
html.low-performance body.site-home.home-page #systems .module-stats span,
html.medium-performance body.site-home.home-page #systems .module-stats span,
html.high-performance body.site-home.home-page #systems .module-stats span {
  min-height: 198px !important;
  padding: 26px 30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 15, 28, 0.66)) !important;
  border: 1px solid rgba(70, 200, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 46px rgba(0, 5, 18, 0.26),
    0 0 24px rgba(0, 160, 255, 0.055) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.performance-pending body.site-home.home-page #systems .module-foot-copy,
html.performance-pending body.site-home.home-page #systems .bottom-note,
html.low-performance body.site-home.home-page #systems .module-foot-copy,
html.low-performance body.site-home.home-page #systems .bottom-note,
html.medium-performance body.site-home.home-page #systems .module-foot-copy,
html.medium-performance body.site-home.home-page #systems .bottom-note,
html.high-performance body.site-home.home-page #systems .module-foot-copy,
html.high-performance body.site-home.home-page #systems .bottom-note {
  margin-top: 60px !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.54) !important;
}

html.performance-pending body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
html.performance-pending body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
html.performance-pending body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small,
html.low-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
html.low-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
html.low-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small,
html.medium-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
html.medium-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
html.medium-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small,
html.high-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card::before,
html.high-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card strong,
html.high-performance body.site-home.home-page.is-realwork-motion-ready #systems .feature-card small {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  will-change: auto !important;
}

html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card {
  min-height: 198px !important;
  padding: 26px 30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 15, 28, 0.66)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 46px rgba(0, 5, 18, 0.26),
    0 0 24px rgba(0, 160, 255, 0.055) !important;
}

/* Homepage real-work card deployed finish: preserve premium static cards in adaptive modes. */
html.performance-pending body.site-home.home-page #systems .feature-grid,
html.low-performance body.site-home.home-page #systems .feature-grid,
html.medium-performance body.site-home.home-page #systems .feature-grid,
html.performance-pending body.site-home.home-page #systems .module-stats,
html.low-performance body.site-home.home-page #systems .module-stats,
html.medium-performance body.site-home.home-page #systems .module-stats {
  max-width: 1080px !important;
  gap: 22px !important;
}

html.performance-pending body.site-home.home-page #systems .feature-card,
html.low-performance body.site-home.home-page #systems .feature-card,
html.medium-performance body.site-home.home-page #systems .feature-card,
html.performance-pending body.site-home.home-page #systems .module-stats span,
html.low-performance body.site-home.home-page #systems .module-stats span,
html.medium-performance body.site-home.home-page #systems .module-stats span {
  min-height: 198px !important;
  padding: 26px 30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 15, 28, 0.66)) !important;
  border: 1px solid rgba(70, 200, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 46px rgba(0, 5, 18, 0.26),
    0 0 24px rgba(0, 160, 255, 0.055) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.performance-pending body.site-home.home-page #systems .module-foot-copy,
html.performance-pending body.site-home.home-page #systems .bottom-note,
html.low-performance body.site-home.home-page #systems .module-foot-copy,
html.low-performance body.site-home.home-page #systems .bottom-note,
html.medium-performance body.site-home.home-page #systems .module-foot-copy,
html.medium-performance body.site-home.home-page #systems .bottom-note {
  margin-top: 60px !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.54) !important;
}

/* Homepage mobile/tablet navigation overlay fix. */
@media (max-width: 900px) {
  body.site-home.home-page.menu-open {
    overflow: hidden !important;
    height: auto !important;
    min-height: 100svh !important;
    overscroll-behavior: none;
  }

  body.site-home.home-page .site-header.is-mobile-open,
  body.site-home.home-page .hero-stage-shell > .site-header.is-mobile-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100svh !important;
    max-width: none !important;
    min-height: 100svh !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(34, 211, 238, 0.08), transparent 40%),
      rgba(3, 8, 18, 0.95) !important;
    box-shadow: none !important;
    backdrop-filter: blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-header-inner {
    width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;
    padding: calc(env(safe-area-inset-top, 0px) + 88px) 24px 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-header-left {
    display: contents !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-brand {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 24px) !important;
    left: max(24px, env(safe-area-inset-left, 0px)) !important;
    z-index: 10000 !important;
    width: auto !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 20px) !important;
    right: max(24px, env(safe-area-inset-right, 0px)) !important;
    z-index: 10000 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: rgba(8, 18, 34, 0.76) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 14px !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
    transform: none !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    padding-top: 2px !important;
    order: 2 !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary {
    order: 1 !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary a,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions a,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions .btn {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(148, 211, 255, 0.14) !important;
    background: rgba(8, 17, 31, 0.72) !important;
    color: rgba(245, 250, 255, 0.94) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 14px 36px rgba(0, 3, 12, 0.18) !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  body.site-home.home-page.menu-open .hero-home-refresh,
  body.site-home.home-page.menu-open .scroll-arrow-3d {
    opacity: 0.12 !important;
    filter: blur(8px) saturate(0.78) !important;
    pointer-events: none !important;
  }
}

/* Safari/iPad measured safe mode: static first paint, full effects only after strong FPS/hardware signals. */
@supports (-webkit-touch-callout: none) {
  @media (min-width: 768px) and (max-width: 1180px), (pointer: coarse) {
    html.performance-pending,
    html.performance-pending body,
    html.low-performance,
    html.low-performance body {
      overflow-x: hidden;
      background: #020713;
    }

    html.performance-pending body.site-home.home-page,
    html.low-performance body.site-home.home-page,
    html.medium-performance body.site-home.home-page {
      background:
        linear-gradient(rgba(2, 7, 19, 0.24), rgba(2, 7, 19, 0.24)),
        url("/assets/static-stars.webp") center top / cover no-repeat,
        #020713 !important;
    }

    html.performance-pending .particle-layer,
    html.performance-pending .stardust-layer,
    html.performance-pending .fairy-dust,
    html.performance-pending .parallax-layer,
    html.performance-pending .heavy-glow,
    html.performance-pending canvas:not(#star-canvas),
    html.low-performance .particle-layer,
    html.low-performance .stardust-layer,
    html.low-performance .fairy-dust,
    html.low-performance .parallax-layer,
    html.low-performance .heavy-glow,
    html.low-performance canvas:not(#star-canvas),
    html.medium-performance .particle-layer,
    html.medium-performance .stardust-layer,
    html.medium-performance .fairy-dust,
    html.medium-performance .parallax-layer,
    html.medium-performance .heavy-glow,
    html.medium-performance canvas:not(#star-canvas) {
      display: none !important;
    }

    html.performance-pending .star-bg,
    html.performance-pending body::before,
    html.low-performance .star-bg,
    html.low-performance body::before,
    html.medium-performance .star-bg,
    html.medium-performance body::before {
      animation: none !important;
      transform: none !important;
      filter: none !important;
      background-image: none !important;
      background-size: cover !important;
      background-position: center top !important;
    }

    html.performance-pending body.site-home.home-page .site-space-background,
    html.low-performance body.site-home.home-page .site-space-background {
      display: block !important;
      background-image: none !important;
    }

    html.medium-performance body.site-home.home-page .site-space-background {
      animation: none !important;
      transform: none !important;
      filter: none !important;
      background-image: none !important;
      background-size: cover !important;
      background-position: center top !important;
    }

    html.medium-performance body.site-home.home-page .space-layer {
      display: none !important;
      animation: none !important;
      transform: none !important;
      filter: none !important;
    }

    html.performance-pending .glass,
    html.performance-pending .liquid-glass,
    html.performance-pending .hero-card,
    html.performance-pending .feature-card,
    html.performance-pending .product-experience,
    html.performance-pending .nav-drawer,
    html.performance-pending .site-header.is-mobile-open,
    html.low-performance .glass,
    html.low-performance .liquid-glass,
    html.low-performance .hero-card,
    html.low-performance .feature-card,
    html.low-performance .product-experience,
    html.low-performance .nav-drawer,
    html.low-performance .site-header.is-mobile-open,
    html.medium-performance .glass,
    html.medium-performance .liquid-glass,
    html.medium-performance .hero-card,
    html.medium-performance .feature-card,
    html.medium-performance .product-experience,
    html.medium-performance .nav-drawer,
    html.medium-performance .site-header.is-mobile-open {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      background: rgba(8, 18, 32, 0.88) !important;
    }

    html.performance-pending section,
    html.performance-pending .motion-section,
    html.performance-pending .homepage-effect-item,
    html.performance-pending .product-experience,
    html.low-performance section,
    html.low-performance .motion-section,
    html.low-performance .homepage-effect-item,
    html.low-performance .product-experience {
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      filter: none !important;
    }

    html.performance-pending *,
    html.performance-pending *::before,
    html.performance-pending *::after,
    html.low-performance *,
    html.low-performance *::before,
    html.low-performance *::after,
    html.medium-performance *,
    html.medium-performance *::before,
    html.medium-performance *::after {
      animation-duration: 0.2s !important;
      transition-duration: 0.2s !important;
    }
  }
}

/* Homepage real-work card final adaptive override: must come last. */
html.performance-pending body.site-home.home-page #systems .feature-grid,
html.low-performance body.site-home.home-page #systems .feature-grid,
html.medium-performance body.site-home.home-page #systems .feature-grid,
html.high-performance body.site-home.home-page #systems .feature-grid,
html.performance-pending body.site-home.home-page #systems .module-stats,
html.low-performance body.site-home.home-page #systems .module-stats,
html.medium-performance body.site-home.home-page #systems .module-stats,
html.high-performance body.site-home.home-page #systems .module-stats {
  max-width: 1080px !important;
  gap: 22px !important;
}

html.performance-pending body.site-home.home-page #systems .feature-card,
html.low-performance body.site-home.home-page #systems .feature-card,
html.medium-performance body.site-home.home-page #systems .feature-card,
html.high-performance body.site-home.home-page #systems .feature-card,
html.performance-pending body.site-home.home-page #systems .module-stats span,
html.low-performance body.site-home.home-page #systems .module-stats span,
html.medium-performance body.site-home.home-page #systems .module-stats span,
html.high-performance body.site-home.home-page #systems .module-stats span {
  min-height: 198px !important;
  padding: 26px 30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 220, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(7, 22, 34, 0.58), rgba(5, 15, 28, 0.66)) !important;
  border: 1px solid rgba(70, 200, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 46px rgba(0, 5, 18, 0.26),
    0 0 24px rgba(0, 160, 255, 0.055) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.performance-pending body.site-home.home-page #systems .module-foot-copy,
html.performance-pending body.site-home.home-page #systems .bottom-note,
html.low-performance body.site-home.home-page #systems .module-foot-copy,
html.low-performance body.site-home.home-page #systems .bottom-note,
html.medium-performance body.site-home.home-page #systems .module-foot-copy,
html.medium-performance body.site-home.home-page #systems .bottom-note,
html.high-performance body.site-home.home-page #systems .module-foot-copy,
html.high-performance body.site-home.home-page #systems .bottom-note {
  margin-top: 60px !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.54) !important;
}

/* Homepage atmospheric escape: remove section frames and let light bleed into space. */
body.site-home.home-page {
  background: transparent !important;
}

body.site-home.home-page .hero-stage,
body.site-home.home-page .hero-stage-shell,
body.site-home.home-page .hero-stage-shell.shell,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .shell-main,
body.site-home.home-page .shell-main > .section,
body.site-home.home-page #systems,
body.site-home.home-page #systems .systems-layout,
body.site-home.home-page #systems .module-card-primary,
body.site-home.home-page #systems .feature-grid,
body.site-home.home-page #systems .module-stats,
body.site-home.home-page #site-footer,
body.site-home.home-page #site-footer .footer-inner,
body.site-home.home-page #site-footer .footer-cta {
  overflow: visible !important;
  clip-path: none !important;
}

body.site-home.home-page .hero-stage,
body.site-home.home-page .hero-stage-shell,
body.site-home.home-page .hero-stage-shell.shell,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .shell-main,
body.site-home.home-page .shell-main > .section,
body.site-home.home-page #systems,
body.site-home.home-page #site-footer {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.site-home.home-page .shell-main {
  background: transparent !important;
}

body.site-home.home-page .hero-stage {
  min-height: 100svh;
  isolation: isolate;
}

body.site-home.home-page .hero-stage::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -24vh -14vw -28vh;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 28%, rgba(255, 255, 255, 0.035), transparent 34%),
    radial-gradient(ellipse at 50% 58%, rgba(0, 0, 0, 0.24), transparent 58%),
    linear-gradient(180deg, transparent 0%, rgba(0, 1, 7, 0.1) 72%, transparent 100%);
  opacity: 0.54 !important;
  mix-blend-mode: normal !important;
}

body.site-home.home-page .hero-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: auto -18vw -26vh;
  height: 42vh;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.018), transparent 48%),
    linear-gradient(180deg, transparent, rgba(0, 1, 7, 0.32) 68%, transparent);
  opacity: 0.48 !important;
}

body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero-home-copy {
  background: transparent !important;
  filter: none !important;
}

body.site-home.home-page #systems {
  position: relative;
}

body.site-home.home-page #systems::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -22vh -18vw -18vh;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 16% 8%, rgba(34, 211, 238, 0.1), transparent 34%),
    radial-gradient(ellipse at 82% 22%, rgba(124, 58, 237, 0.055), transparent 42%),
    linear-gradient(180deg, transparent 0%, rgba(0, 1, 7, 0.22) 48%, transparent 100%);
  opacity: 0.9 !important;
}

body.site-home.home-page #systems::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: -16vh -12vw;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 22% 18%, rgba(103, 232, 249, 0.06), transparent 34%),
    radial-gradient(ellipse at 78% 34%, rgba(124, 58, 237, 0.045), transparent 42%);
  opacity: 0.72 !important;
  transform: scale(1.08);
}

html.performance-pending body.site-home.home-page #systems .module-card-primary,
html.low-performance body.site-home.home-page #systems .module-card-primary,
html.medium-performance body.site-home.home-page #systems .module-card-primary,
html.high-performance body.site-home.home-page #systems .module-card-primary,
html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.performance-pending body.site-home.home-page #systems .feature-card,
html.low-performance body.site-home.home-page #systems .feature-card,
html.medium-performance body.site-home.home-page #systems .feature-card,
html.high-performance body.site-home.home-page #systems .feature-card,
html.performance-pending body.site-home.home-page #systems .module-stats span,
html.low-performance body.site-home.home-page #systems .module-stats span,
html.medium-performance body.site-home.home-page #systems .module-stats span,
html.high-performance body.site-home.home-page #systems .module-stats span {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .feature-card::before,
body.site-home.home-page #systems .module-stats span::before {
  background:
    radial-gradient(circle, rgba(53, 228, 255, 0.9) 0 3px, transparent 4px),
    radial-gradient(circle, transparent 0 9px, rgba(107, 228, 255, 0.68) 10px 11px, transparent 12px),
    radial-gradient(circle, rgba(39, 217, 255, 0.12), transparent 70%) !important;
  border: 0 !important;
  box-shadow:
    0 0 22px rgba(39, 217, 255, 0.22),
    0 0 52px rgba(39, 217, 255, 0.08) !important;
}

body.site-home.home-page #systems .feature-card::after,
body.site-home.home-page #systems .module-stats span::after {
  background: linear-gradient(90deg, rgba(32, 217, 255, 0.78), transparent) !important;
  box-shadow: 0 0 18px rgba(32, 217, 255, 0.22) !important;
}

body.site-home.home-page #systems .feature-card:hover,
body.site-home.home-page #systems .module-stats span:hover {
  transform: translate3d(0, -6px, 0) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page #systems .right-feature-card.right-feature-card,
html.performance-pending body.site-home.home-page #systems .right-feature-card.right-feature-card,
html.low-performance body.site-home.home-page #systems .right-feature-card.right-feature-card,
html.medium-performance body.site-home.home-page #systems .right-feature-card.right-feature-card,
html.high-performance body.site-home.home-page #systems .right-feature-card.right-feature-card,
body.site-home.home-page.is-motion-optimized #systems .right-feature-card.right-feature-card,
html.performance-pending body.site-home.home-page.is-motion-optimized #systems .right-feature-card.right-feature-card,
html.low-performance body.site-home.home-page.is-motion-optimized #systems .right-feature-card.right-feature-card,
html.medium-performance body.site-home.home-page.is-motion-optimized #systems .right-feature-card.right-feature-card,
html.high-performance body.site-home.home-page.is-motion-optimized #systems .right-feature-card.right-feature-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #systems .right-feature-card::before,
body.site-home.home-page #systems .right-feature-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #site-footer {
  position: relative;
  border-top: 0 !important;
  background: transparent !important;
}

body.site-home.home-page #site-footer::before {
  inset: -34vh -18vw -18vh !important;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(125, 211, 252, 0.075), transparent 48%),
    linear-gradient(180deg, transparent, rgba(0, 1, 7, 0.34)) !important;
  opacity: 0.22 !important;
  transform: scale(1.1) !important;
}

body.site-home.home-page #site-footer::after {
  inset: -72vh -18vw -20vh !important;
  background:
    radial-gradient(ellipse at 50% 28%, rgba(103, 232, 249, 0.14), transparent 48%),
    radial-gradient(ellipse at 78% 45%, rgba(124, 58, 237, 0.035), transparent 48%),
    linear-gradient(180deg, transparent 0%, rgba(0, 1, 7, 0.2) 54%, rgba(0, 1, 7, 0.68) 100%) !important;
  opacity: 0.72 !important;
}

body.site-home.home-page #site-footer .footer-cta {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 20px 76px rgba(0, 5, 18, 0.58);
}

html.performance-pending body.site-home.home-page #site-footer .footer-cta.footer-cta,
html.low-performance body.site-home.home-page #site-footer .footer-cta.footer-cta,
html.medium-performance body.site-home.home-page #site-footer .footer-cta.footer-cta,
html.high-performance body.site-home.home-page #site-footer .footer-cta.footer-cta,
html.performance-pending body.site-home.home-page.is-motion-optimized #site-footer .footer-cta.footer-cta,
html.low-performance body.site-home.home-page.is-motion-optimized #site-footer .footer-cta.footer-cta,
html.medium-performance body.site-home.home-page.is-motion-optimized #site-footer .footer-cta.footer-cta,
html.high-performance body.site-home.home-page.is-motion-optimized #site-footer .footer-cta.footer-cta,
body.site-home.home-page.is-motion-optimized #site-footer .footer-cta.footer-cta,
body.site-home.home-page #site-footer.is-final-cta-ready .footer-cta.footer-cta,
body.site-home.home-page #site-footer.is-final-cta-visible .footer-cta.footer-cta {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #site-footer .footer-cta::before,
body.site-home.home-page #site-footer .footer-cta::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Homepage hyperspace marquee: atmospheric depth layer between hero arrow and Why Plutar. */
body.site-home.home-page #systems.systems-section {
  contain: none !important;
  overflow: visible !important;
}

body.site-home.home-page #systems .section-head,
body.site-home.home-page #systems .systems-layout {
  position: relative;
  z-index: 2;
}

body.site-home.home-page .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: clamp(-128px, -13vh, -92px) !important;
  left: 50% !important;
  z-index: 1 !important;
  width: 100dvw !important;
  max-width: 100dvw !important;
  min-width: 0 !important;
  height: clamp(112px, 15vh, 150px) !important;
  min-height: clamp(112px, 15vh, 150px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
  transform: translate3d(-50%, 0, 0) !important;
  isolation: isolate;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.24) 10%, #000 22%, #000 78%, rgba(0, 0, 0, 0.24) 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.24) 10%, #000 22%, #000 78%, rgba(0, 0, 0, 0.24) 90%, transparent 100%);
}

body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::before,
body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

body.site-home.home-page .space-marquee-track {
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  gap: clamp(30px, 4vw, 76px) !important;
  width: max-content !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  background: transparent !important;
  animation: spaceMarquee 86s linear infinite !important;
  animation-play-state: running !important;
  backface-visibility: hidden !important;
  transform: translate3d(0, -50%, 0);
  transform-origin: 50% 50%;
  will-change: transform;
}

body.site-home.home-page .space-marquee-track span {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-family: var(--plutar-font-wordmark, "Satoshi", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: clamp(12px, 1.05vw, 21px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: clamp(0.28em, 0.42vw, 0.44em) !important;
  text-transform: uppercase !important;
  color: rgba(232, 248, 255, 0.76) !important;
  background: transparent !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: rgba(232, 248, 255, 0.76) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow:
    0 0 6px rgba(85, 220, 255, 0.75),
    0 0 16px rgba(85, 220, 255, 0.55),
    0 0 32px rgba(85, 220, 255, 0.28) !important;
  opacity: 0.74;
  filter: blur(0.18px);
  will-change: transform, opacity, filter, text-shadow;
}

body.site-home.home-page .space-marquee-track i {
  display: block !important;
  flex: 0 0 auto !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: rgba(45, 205, 255, 0.86) !important;
  box-shadow:
    0 0 8px rgba(45, 205, 255, 0.92),
    0 0 20px rgba(45, 205, 255, 0.48),
    0 0 36px rgba(45, 205, 255, 0.2) !important;
  transform: translateY(1px) scale(0.9);
  opacity: 0.74 !important;
  animation: spaceDotBloom 7.2s ease-in-out infinite;
  will-change: transform, opacity, box-shadow;
}

body.site-home.home-page .space-marquee-track .far {
  opacity: 0.46;
  filter: blur(1px);
  transform: translateY(0) scale(0.82);
  animation: spaceDepthFar 8.8s ease-in-out infinite alternate;
}

body.site-home.home-page .space-marquee-track .mid {
  opacity: 0.68;
  filter: blur(0.36px);
  transform: translateY(0) scale(0.94);
  animation: spaceDepthMid 9.6s ease-in-out infinite alternate;
}

body.site-home.home-page .space-marquee-track .near {
  opacity: 0.96;
  filter: blur(0);
  transform: translateY(0) scale(1.08);
  animation: spaceDepthNear 10.4s ease-in-out infinite alternate;
}

@keyframes spaceMarquee {
  from {
    transform: translate3d(0, -50%, 0);
  }

  to {
    transform: translate3d(-50%, -50%, 0);
  }
}

@keyframes spaceDepthFar {
  from {
    transform: translateY(0) scale(0.82);
    opacity: 0.42;
    filter: blur(1.08px);
    text-shadow:
      0 0 5px rgba(85, 220, 255, 0.52),
      0 0 14px rgba(85, 220, 255, 0.28),
      0 0 26px rgba(85, 220, 255, 0.12);
  }

  to {
    transform: translateY(-1px) scale(0.84);
    opacity: 0.56;
    filter: blur(0.84px);
    text-shadow:
      0 0 6px rgba(85, 220, 255, 0.64),
      0 0 18px rgba(85, 220, 255, 0.38),
      0 0 30px rgba(85, 220, 255, 0.18);
  }
}

@keyframes spaceDepthMid {
  from {
    transform: translateY(0) scale(0.94);
    opacity: 0.64;
    filter: blur(0.4px);
    text-shadow:
      0 0 6px rgba(85, 220, 255, 0.64),
      0 0 16px rgba(85, 220, 255, 0.42),
      0 0 32px rgba(85, 220, 255, 0.2);
  }

  to {
    transform: translateY(-2px) scale(0.96);
    opacity: 0.78;
    filter: blur(0.2px);
    text-shadow:
      0 0 7px rgba(85, 220, 255, 0.82),
      0 0 18px rgba(85, 220, 255, 0.58),
      0 0 36px rgba(85, 220, 255, 0.26);
  }
}

@keyframes spaceDepthNear {
  from {
    transform: translateY(0) scale(1.08);
    opacity: 0.86;
    filter: blur(0);
    text-shadow:
      0 0 6px rgba(85, 220, 255, 0.78),
      0 0 16px rgba(85, 220, 255, 0.54),
      0 0 32px rgba(85, 220, 255, 0.26);
  }

  to {
    transform: translateY(-2px) scale(1.1);
    opacity: 1;
    filter: blur(0);
    text-shadow:
      0 0 8px rgba(125, 231, 255, 0.92),
      0 0 20px rgba(85, 220, 255, 0.66),
      0 0 42px rgba(85, 220, 255, 0.32);
  }
}

@keyframes spaceDotBloom {
  0%,
  100% {
    transform: translateY(1px) scale(0.9);
    opacity: 0.68;
    box-shadow:
      0 0 7px rgba(45, 205, 255, 0.78),
      0 0 18px rgba(45, 205, 255, 0.34),
      0 0 30px rgba(45, 205, 255, 0.14);
  }

  48% {
    transform: translateY(0) scale(1.08);
    opacity: 0.95;
    box-shadow:
      0 0 10px rgba(86, 225, 255, 0.98),
      0 0 26px rgba(45, 205, 255, 0.58),
      0 0 44px rgba(45, 205, 255, 0.24);
  }
}

/* Homepage real-work bubble glass cards: separate floating glass islands with white neon depth. */
html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card {
  --bubble-float-x: 0px;
  --bubble-float-y: -10px;
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  min-height: clamp(194px, 16vw, 228px) !important;
  padding: clamp(24px, 2.15vw, 32px) clamp(24px, 2.25vw, 34px) !important;
  border: 1px solid rgba(244, 250, 255, 0.25) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background:
    radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.22), transparent 42%),
    radial-gradient(ellipse at 18% 12%, rgba(125, 211, 252, 0.12), transparent 36%),
    linear-gradient(158deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.032) 34%, rgba(5, 14, 29, 0.42) 100%) !important;
  box-shadow:
    0 0 54px rgba(240, 248, 255, 0.22),
    0 0 112px rgba(210, 235, 255, 0.12),
    0 26px 74px rgba(0, 7, 22, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -1px 0 rgba(148, 163, 184, 0.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
  filter: drop-shadow(0 0 34px rgba(241, 249, 255, 0.13)) !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    border-color 260ms ease,
    box-shadow 260ms ease,
    filter 260ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(1) {
  --bubble-float-x: -5px;
  --bubble-float-y: -12px;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(2) {
  --bubble-float-x: 0px;
  --bubble-float-y: -8px;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(3) {
  --bubble-float-x: 5px;
  --bubble-float-y: -11px;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(245, 252, 255, 0.38) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(111, 231, 255, 0.98) 0 3px, transparent 4px),
    radial-gradient(circle, transparent 0 10px, rgba(238, 251, 255, 0.82) 11px 12px, transparent 13px),
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(34, 211, 238, 0.08)) !important;
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.34),
    0 0 42px rgba(103, 232, 249, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::after {
  width: 76px !important;
  height: 1px !important;
  margin: 14px 0 20px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(103, 232, 249, 0.5), transparent) !important;
  box-shadow:
    0 0 14px rgba(255, 255, 255, 0.28),
    0 0 24px rgba(103, 232, 249, 0.18) !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card strong {
  color: rgba(255, 255, 255, 0.96) !important;
  text-shadow: 0 0 24px rgba(240, 248, 255, 0.18) !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card small {
  color: rgba(231, 238, 248, 0.76) !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate {
  animation:
    realWorkAppleCardIn 900ms cubic-bezier(0.22, 1, 0.36, 1) forwards,
    realWorkBubbleFloat 7.8s ease-in-out infinite !important;
  animation-delay: 120ms, 1.18s !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(2).animate {
  animation-delay: 260ms, 1.42s !important;
}

body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(3).animate {
  animation-delay: 400ms, 1.32s !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:hover,
body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate:hover {
  border-color: rgba(255, 255, 255, 0.42) !important;
  background:
    radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.28), transparent 44%),
    radial-gradient(ellipse at 18% 12%, rgba(125, 211, 252, 0.16), transparent 38%),
    linear-gradient(158deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04) 34%, rgba(5, 14, 29, 0.5) 100%) !important;
  box-shadow:
    0 0 68px rgba(248, 252, 255, 0.28),
    0 0 132px rgba(210, 235, 255, 0.15),
    0 30px 84px rgba(0, 7, 22, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(148, 163, 184, 0.12) !important;
  filter: drop-shadow(0 0 42px rgba(241, 249, 255, 0.16)) !important;
  transform: translate3d(0, -8px, 0) scale(1.01) !important;
}

@keyframes realWorkBubbleFloat {
  0%,
  100% {
    transform: translate3d(var(--bubble-float-x), 0, 0) scale(1);
  }

  50% {
    transform: translate3d(var(--bubble-float-x), var(--bubble-float-y), 0) scale(1.012);
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .hero-stage,
  body.site-home.home-page .hero-home-refresh {
    overflow: visible !important;
  }

  body.site-home.home-page .hero-stage::before {
    inset: -18vh -34vw -22vh;
  }

  body.site-home.home-page #systems::before,
  body.site-home.home-page #site-footer::after {
    inset-inline: -34vw;
  }

  body.site-home.home-page .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
    top: clamp(-54px, -5.1vh, -39px) !important;
    height: clamp(88px, 13vh, 112px) !important;
    min-height: clamp(88px, 13vh, 112px) !important;
    opacity: 0.72 !important;
  }

  body.site-home.home-page .space-marquee-track,
  body.site-home.home-page.is-motion-optimized .space-marquee-track {
    gap: clamp(24px, 8vw, 42px) !important;
    animation-duration: 74s !important;
  }

  body.site-home.home-page .space-marquee-track span {
    font-size: clamp(10px, 3vw, 13px) !important;
    letter-spacing: clamp(0.24em, 0.9vw, 0.32em) !important;
  }

  body.site-home.home-page .space-marquee-track i {
    width: 4px !important;
    height: 4px !important;
  }

  html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card {
    min-height: 178px !important;
    padding: 24px 24px 26px !important;
    border-radius: 30px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .space-marquee-track,
  body.site-home.home-page .space-marquee-track span,
  body.site-home.home-page .space-marquee-track i,
  body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::before,
  body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::after {
    animation: none !important;
  }

  body.site-home.home-page .space-marquee-track {
    transform: translate3d(-18%, -50%, 0) !important;
  }

  body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate {
    animation: none !important;
  }
}

body.site-home.home-page .site-space-background .space-layer-mid,
body.site-home.home-page .site-space-background .space-layer-near,
body.site-home.home-page.is-motion-optimized .site-space-background .space-layer-mid,
body.site-home.home-page.is-motion-optimized .site-space-background .space-layer-near {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  animation: none !important;
}

/* Homepage pure black space floor: keep the star canvas from sitting on a navy base. */
body.site-home.home-page .site-space-background,
body.site-home.home-page .site-space-background.star-bg,
body.site-home.home-page.is-motion-optimized .site-space-background,
body.site-home.home-page.is-motion-optimized .site-space-background.star-bg {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
}

/* Homepage cinematic hero composition: centered copy with atmospheric depth. */
@media (min-width: 1181px) {
  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    align-items: center !important;
    justify-content: center !important;
    padding:
      clamp(128px, 15vh, 190px)
      clamp(36px, 5vw, 86px)
      clamp(92px, 10vh, 138px) !important;
    gap: clamp(14px, 2vh, 24px) !important;
    overflow: visible !important;
    text-align: center !important;
  }

  body.site-home.home-page .hero-home-refresh::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 50%;
    top: 47%;
    width: clamp(520px, 58vw, 1020px);
    height: clamp(380px, 48vh, 660px);
    transform: translate3d(-50%, -50%, 0);
    border-radius: 999px;
    pointer-events: none;
    z-index: 1;
    background:
      radial-gradient(ellipse at 42% 48%, rgba(255, 255, 255, 0.055), transparent 10%),
      radial-gradient(ellipse at 40% 50%, rgba(210, 214, 222, 0.035), transparent 28%),
      radial-gradient(ellipse at 52% 46%, rgba(82, 88, 100, 0.026), transparent 46%),
      radial-gradient(ellipse at 28% 58%, rgba(0, 0, 0, 0.28), transparent 52%);
    opacity: 0.5 !important;
    mix-blend-mode: normal;
    animation: cinematicHeroGlowBreath 10s ease-in-out infinite;
  }

  body.site-home.home-page .hero-home-refresh::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    right: clamp(34px, 7vw, 136px);
    top: 42%;
    width: clamp(220px, 26vw, 420px);
    aspect-ratio: 1;
    transform: translate3d(0, -50%, 0);
    border-radius: 50%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.26 !important;
    background:
      radial-gradient(circle at 50% 50%, rgba(245, 247, 255, 0.18) 0 1px, transparent 2px),
      radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.035), transparent 18%),
      radial-gradient(circle at 50% 50%, transparent 0 34%, rgba(218, 224, 234, 0.16) 35% 35.8%, transparent 37%),
      radial-gradient(circle at 50% 50%, transparent 0 54%, rgba(218, 224, 234, 0.1) 55% 55.8%, transparent 57%),
      conic-gradient(from 18deg, transparent 0deg 34deg, rgba(218, 224, 234, 0.14) 38deg 43deg, transparent 48deg 128deg, rgba(245, 252, 255, 0.1) 132deg 136deg, transparent 140deg 244deg, rgba(218, 224, 234, 0.12) 248deg 253deg, transparent 258deg 360deg);
    box-shadow:
      0 0 80px rgba(255, 255, 255, 0.055),
      inset 0 0 52px rgba(255, 255, 255, 0.035);
    mix-blend-mode: normal;
    -webkit-mask-image: radial-gradient(circle, #000 0 68%, transparent 72%);
    mask-image: radial-gradient(circle, #000 0 68%, transparent 72%);
    animation: cinematicHeroCoreDrift 14s ease-in-out infinite;
  }

  body.site-home.home-page .hero__top,
  body.site-home.home-page .hero__title,
  body.site-home.home-page .hero__subtext,
  body.site-home.home-page .hero-home-copy,
  body.site-home.home-page .hero-home-subtext {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    z-index: 4 !important;
  }

  body.site-home.home-page .hero__subtext,
  body.site-home.home-page .hero-home-subtext {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.site-home.home-page .hero-home-top .eyebrow {
    justify-content: center !important;
    justify-self: center !important;
    color: rgba(103, 232, 249, 0.92) !important;
    letter-spacing: 0.14em !important;
    text-shadow:
      0 0 16px rgba(34, 211, 238, 0.48),
      0 12px 34px rgba(0, 5, 18, 0.74) !important;
  }

  body.site-home.home-page .hero__top {
    justify-content: center !important;
  }

  body.site-home.home-page .hero-home-copy {
    justify-items: center !important;
    background:
      radial-gradient(ellipse at 50% 46%, rgba(0, 1, 7, 0.44), rgba(0, 1, 7, 0.18) 42%, transparent 74%) !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: 980px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(3.3rem, 6.5vw, 6.75rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-shadow:
      0 5px 24px rgba(2, 6, 23, 0.86),
      0 26px 84px rgba(2, 6, 23, 0.76),
      0 0 36px rgba(255, 255, 255, 0.055) !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    justify-content: center !important;
    margin: clamp(18px, 2.4vh, 30px) auto 0 !important;
    gap: 14px !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-height: 56px !important;
    padding: 0 32px !important;
    font-size: clamp(0.98rem, 0.92vw, 1.08rem) !important;
  }

  body.site-home.home-page .hero-home-subtext {
    justify-items: center !important;
    gap: clamp(16px, 1.9vh, 24px) !important;
    padding-top: clamp(12px, 1.8vh, 26px) !important;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 620px !important;
    margin: 0 auto !important;
    color: rgba(213, 228, 244, 0.74) !important;
    font-size: clamp(1.04rem, 1.12vw, 1.22rem) !important;
    font-weight: 600 !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }

  body.site-home.home-page .hero-proof-list {
    max-width: 720px !important;
    margin: clamp(12px, 1.6vh, 20px) auto 0 !important;
    justify-content: center !important;
    gap: 12px 18px !important;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 40px !important;
    padding: 0 18px !important;
    gap: 9px !important;
    justify-content: flex-start !important;
    border-color: rgba(135, 219, 255, 0.18) !important;
    background:
      linear-gradient(135deg, rgba(125, 211, 252, 0.07), rgba(255, 255, 255, 0.025)),
      rgba(2, 9, 18, 0.26) !important;
    color: rgba(221, 238, 250, 0.78) !important;
    font-size: clamp(0.72rem, 0.68vw, 0.82rem) !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow:
      0 16px 42px rgba(0, 5, 18, 0.24),
      0 0 24px rgba(34, 211, 238, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.site-home.home-page .hero-proof-chip::before {
    content: "";
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 999px;
    background: rgba(115, 231, 255, 0.92);
    box-shadow:
      0 0 10px rgba(85, 220, 255, 0.72),
      0 0 22px rgba(85, 220, 255, 0.22);
  }

  body.site-home.home-page .hero-proof-chip:hover,
  body.site-home.home-page .hero-proof-chip:focus-visible {
    color: rgba(245, 252, 255, 0.94) !important;
    border-color: rgba(190, 238, 255, 0.34) !important;
    box-shadow:
      0 18px 48px rgba(0, 5, 18, 0.28),
      0 0 38px rgba(34, 211, 238, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
  }
}

@keyframes cinematicHeroGlowBreath {
  0%,
  100% {
    opacity: 0.58;
    transform: translate3d(-50%, -50%, 0) scale(0.98);
  }

  50% {
    opacity: 0.78;
    transform: translate3d(-49%, -50.6%, 0) scale(1.02);
  }
}

@keyframes cinematicHeroCoreDrift {
  0%,
  100% {
    transform: translate3d(0, -50%, 0) scale(0.98);
    opacity: 0.24;
  }

  50% {
    transform: translate3d(-12px, calc(-50% - 8px), 0) scale(1.02);
    opacity: 0.36;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-home.home-page .hero-home-refresh::before,
  body.site-home.home-page .hero-home-refresh::after {
    animation: none !important;
  }
}

/* Hero intro final guard: single reveal path after the star pull. */
body.site-home.home-page.hero-intro-managed .hero-home-top .eyebrow,
body.site-home.home-page.hero-intro-managed .hero-home-copy,
body.site-home.home-page.hero-intro-managed .hero-home-subtext,
body.site-home.home-page.hero-intro-managed .scroll-arrow-3d {
  opacity: 0 !important;
  transform: translate3d(0, 18px, 0) scale(0.992) !important;
  filter: none !important;
  animation: none !important;
  transition:
    opacity 560ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 560ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, transform;
}

body.site-home.home-page.hero-intro-managed .hero-home-copy {
  transition-delay: 90ms !important;
}

body.site-home.home-page.hero-intro-managed .hero-home-subtext,
body.site-home.home-page.hero-intro-managed .scroll-arrow-3d {
  transition-delay: 170ms !important;
}

body.site-home.home-page.hero-intro-managed .hero-proof-chip,
body.site-home.home-page.hero-intro-managed .hero-refresh-actions,
body.site-home.home-page.hero-intro-managed .scroll-arrow-3d {
  animation: none !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-home-top .eyebrow,
body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-home-copy,
body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-home-subtext,
body.site-home.home-page.hero-intro-managed.hero-intro-visible .scroll-arrow-3d {
  opacity: 1 !important;
  transform: none !important;
}

body.site-home.home-page.hero-intro-managed .hero-type-line,
body.site-home.home-page.hero-intro-managed .hero-type-line-text {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Why Plutar effect completion: restore straight title, subheadings, and neon atmosphere. */
body.site-home.home-page #systems .section-head::before {
  content: "" !important;
  position: absolute;
  left: 50%;
  top: 42%;
  z-index: -1;
  width: min(72vw, 1040px);
  height: min(38vw, 430px);
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(235, 248, 255, 0.105), transparent 42%),
    radial-gradient(ellipse at 48% 52%, rgba(66, 211, 255, 0.08), transparent 54%);
  opacity: 0.72;
  transform: translate3d(-50%, -50%, 0);
  filter: blur(2px);
}

body.site-home.home-page #systems .section-eyebrow,
body.site-home.home-page #systems .feature-label {
  color: rgba(65, 226, 255, 0.96) !important;
  text-shadow:
    0 0 8px rgba(51, 220, 255, 0.72),
    0 0 24px rgba(51, 220, 255, 0.34) !important;
}

body.site-home.home-page #systems .why-title {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  text-shadow:
    0 18px 72px rgba(0, 2, 12, 0.72),
    0 0 22px rgba(235, 248, 255, 0.14),
    0 0 56px rgba(91, 219, 255, 0.08) !important;
}

body.site-home.home-page #systems.has-entered .why-title,
body.site-home.home-page #systems.active .why-title,
body.site-home.home-page #systems.is-visible .why-title {
  animation: systemsTitleStraightIn 940ms cubic-bezier(0.16, 1, 0.3, 1) forwards 80ms !important;
}

body.site-home.home-page #systems .why-title span,
body.site-home.home-page #systems.has-entered .why-title span,
body.site-home.home-page #systems.active .why-title span,
body.site-home.home-page #systems.is-visible .why-title span {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  vertical-align: baseline !important;
}

body.site-home.home-page #systems .why-subtitle {
  text-shadow:
    0 0 20px rgba(235, 248, 255, 0.12),
    0 0 42px rgba(91, 219, 255, 0.08) !important;
}

body.site-home.home-page #systems.has-entered .why-subtitle,
body.site-home.home-page #systems.active .why-subtitle,
body.site-home.home-page #systems.is-visible .why-subtitle {
  opacity: 1 !important;
  visibility: visible !important;
  animation: systemsTextGlowIn 900ms cubic-bezier(0.16, 1, 0.3, 1) both 260ms !important;
}

body.site-home.home-page #systems.has-entered .why-intro,
body.site-home.home-page #systems.active .why-intro,
body.site-home.home-page #systems.is-visible .why-intro {
  opacity: 1 !important;
  visibility: visible !important;
  animation: systemsTextGlowIn 900ms cubic-bezier(0.16, 1, 0.3, 1) both 340ms !important;
  text-shadow:
    0 0 18px rgba(255, 255, 255, 0.09),
    0 0 38px rgba(255, 255, 255, 0.055),
    0 16px 62px rgba(0, 0, 0, 0.64) !important;
}

body.site-home.home-page #systems.has-entered .why-intro span,
body.site-home.home-page #systems.active .why-intro span,
body.site-home.home-page #systems.is-visible .why-intro span {
  opacity: 1 !important;
  transform: none !important;
}

@keyframes systemsTitleStraightIn {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes systemsTextGlowIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Why Plutar format recovery: keep the title horizontal and the transition marquee alive. */
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: clamp(-118px, -11vh, -78px) !important;
  left: 50% !important;
  z-index: 3 !important;
  width: 100dvw !important;
  max-width: 100dvw !important;
  height: clamp(112px, 14vh, 148px) !important;
  min-height: clamp(112px, 14vh, 148px) !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.94 !important;
  transform: translate3d(-50%, 0, 0) !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth,
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth * {
  animation-play-state: running !important;
}

body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth .space-marquee-track {
  opacity: 1 !important;
  animation: spaceMarquee 78s linear infinite !important;
  animation-play-state: running !important;
}

body.site-home.home-page #systems .section-head {
  grid-template-columns: minmax(0, 0.94fr) minmax(340px, 0.56fr) !important;
  align-items: end !important;
  row-gap: clamp(28px, 4vw, 68px) !important;
}

body.site-home.home-page #systems .systems-title-block {
  grid-column: 1 / -1 !important;
  max-width: none !important;
}

body.site-home.home-page #systems .why-title {
  max-width: none !important;
  width: max-content !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  font-size: clamp(4.6rem, 7.4vw, 8.75rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.061em !important;
}

body.site-home.home-page #systems .why-title span {
  display: inline-block !important;
}

body.site-home.home-page #systems .why-title span + span {
  margin-left: 0 !important;
}

body.site-home.home-page #systems .why-subtitle {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  max-width: 17ch !important;
  margin: 0 !important;
  color: rgba(228, 237, 248, 0.68) !important;
}

body.site-home.home-page #systems .why-intro {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: end !important;
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  margin: 0 !important;
}

body.site-home.home-page #systems.has-entered .why-subtitle,
body.site-home.home-page #systems.active .why-subtitle,
body.site-home.home-page #systems.is-visible .why-subtitle,
body.site-home.home-page #systems.has-entered .why-intro,
body.site-home.home-page #systems.active .why-intro,
body.site-home.home-page #systems.is-visible .why-intro {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 980px) {
  body.site-home.home-page #systems .section-head {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #systems .why-title {
    width: auto !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  body.site-home.home-page #systems .why-subtitle,
  body.site-home.home-page #systems .why-intro {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Pre-hero black floor: no navy/blue filter before the hero reveal. */
html.performance-pending body.site-home.home-page,
html.star-rush-active body.site-home.home-page,
html.performance-pending,
html.star-rush-active,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) {
  background: #000 !important;
  background-color: #000 !important;
}

html.performance-pending body.site-home.home-page .site-space-background,
html.performance-pending body.site-home.home-page .site-space-background.star-bg,
html.star-rush-active body.site-home.home-page .site-space-background,
html.star-rush-active body.site-home.home-page .site-space-background.star-bg,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .site-space-background,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .site-space-background.star-bg {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  filter: none !important;
}

html.performance-pending body.site-home.home-page .space-layer-deep,
html.star-rush-active body.site-home.home-page .space-layer-deep,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .space-layer-deep {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html.performance-pending body.site-home.home-page .space-vignette,
html.star-rush-active body.site-home.home-page .space-vignette,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .space-vignette {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  filter: none !important;
}

html.star-rush-active body.site-home.home-page .hero-stage::before,
html.star-rush-active body.site-home.home-page .hero-stage::after,
html.star-rush-active body.site-home.home-page .hero-home-refresh::before,
html.star-rush-active body.site-home.home-page .hero-home-refresh::after,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-stage::before,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-stage::after,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-home-refresh::before,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-home-refresh::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  animation: none !important;
}

body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-home-refresh,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-home-copy,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero__grid {
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Homepage black handoff guard: prevent blue/navy wash during intro, reveal, and scroll. */
html,
html.performance-pending,
html.low-performance,
html.medium-performance,
html.high-performance,
body.site-home.home-page,
body.site-home.home-page.hero-intro-managed,
body.site-home.home-page.hero-intro-managed.hero-intro-visible {
  background: #000 !important;
  background-color: #000 !important;
}

body.site-home.home-page .site-space-background,
body.site-home.home-page .site-space-background.star-bg,
body.site-home.home-page.is-motion-optimized .site-space-background,
body.site-home.home-page.is-motion-optimized .site-space-background.star-bg,
html.performance-pending body.site-home.home-page .site-space-background,
html.low-performance body.site-home.home-page .site-space-background,
html.medium-performance body.site-home.home-page .site-space-background,
html.high-performance body.site-home.home-page .site-space-background {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  filter: none !important;
}

body.site-home.home-page .space-layer-deep,
html.performance-pending body.site-home.home-page .space-layer-deep,
html.low-performance body.site-home.home-page .space-layer-deep,
html.medium-performance body.site-home.home-page .space-layer-deep,
html.high-performance body.site-home.home-page .space-layer-deep {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

body.site-home.home-page .space-vignette,
html.performance-pending body.site-home.home-page .space-vignette,
html.low-performance body.site-home.home-page .space-vignette,
html.medium-performance body.site-home.home-page .space-vignette,
html.high-performance body.site-home.home-page .space-vignette {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  filter: none !important;
}

body.site-home.home-page .hero-stage,
body.site-home.home-page .hero,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero__grid,
body.site-home.home-page .shell-main {
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
}

body.site-home.home-page .hero-stage::before,
body.site-home.home-page .hero-stage::after,
body.site-home.home-page .hero-home-refresh::before,
body.site-home.home-page .hero-home-refresh::after,
body.site-home.home-page .shell-main::before,
body.site-home.home-page .shell-main::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

body.site-home.home-page .hero-home-copy {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.16) 44%, transparent 74%) !important;
  background-color: transparent !important;
  filter: none !important;
}

/* Homepage premium hero redesign only: centered Apple-style cinematic opener. */
body.site-home.home-page .hero-stage {
  min-height: 100svh !important;
  overflow: hidden !important;
  background: transparent !important;
  isolation: isolate !important;
}

body.site-home.home-page .hero-stage-shell,
body.site-home.home-page .hero-stage-shell.shell {
  min-height: 100svh !important;
  background: transparent !important;
}

body.site-home.home-page .hero-stage::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 0 !important;
  width: min(88vw, 1080px) !important;
  height: min(58vw, 700px) !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(248, 252, 255, 0.085), rgba(119, 197, 255, 0.045) 20%, rgba(111, 82, 255, 0.038) 42%, transparent 70%) !important;
  opacity: 0.86 !important;
  filter: blur(20px) !important;
  transform: translate3d(-50%, -48%, 0) !important;
  mix-blend-mode: screen !important;
}

body.site-home.home-page .hero-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 55% !important;
  z-index: 0 !important;
  width: min(76vw, 920px) !important;
  height: min(32vw, 360px) !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.22) 54%, rgba(0, 0, 0, 0.58) 100%) !important;
  opacity: 0.72 !important;
  filter: blur(10px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
}

body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero__grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-content: center !important;
  min-height: 100svh !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding:
    clamp(126px, 14vh, 172px)
    clamp(20px, 5vw, 84px)
    clamp(118px, 14vh, 168px) !important;
  gap: clamp(15px, 1.9vh, 24px) !important;
  text-align: center !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
}

body.site-home.home-page .hero-home-refresh::before,
body.site-home.home-page .hero-home-refresh::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  mix-blend-mode: screen !important;
}

body.site-home.home-page .hero-home-refresh::before {
  left: 50% !important;
  top: 45% !important;
  width: min(62vw, 820px) !important;
  height: min(62vw, 820px) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(245, 250, 255, 0.07), rgba(117, 196, 255, 0.04) 21%, rgba(87, 74, 255, 0.03) 42%, transparent 68%) !important;
  opacity: 0.74 !important;
  filter: blur(26px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  animation: premiumHeroGlowBreath 10s ease-in-out infinite !important;
}

body.site-home.home-page .hero-home-refresh::after {
  right: clamp(2vw, 10vw, 160px) !important;
  top: 45% !important;
  width: clamp(180px, 24vw, 360px) !important;
  height: clamp(180px, 24vw, 360px) !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(255, 255, 255, 0.055), rgba(138, 183, 255, 0.034) 30%, rgba(121, 88, 255, 0.026) 52%, transparent 72%) !important;
  opacity: 0.48 !important;
  filter: blur(16px) !important;
  transform: translate3d(0, -50%, 0) !important;
  animation: premiumHeroOrbDrift 14s ease-in-out infinite !important;
}

body.site-home.home-page .hero__top,
body.site-home.home-page .hero__title,
body.site-home.home-page .hero__subtext,
body.site-home.home-page .hero-home-top,
body.site-home.home-page .hero-home-copy,
body.site-home.home-page .hero-home-subtext {
  position: relative !important;
  z-index: 4 !important;
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-items: center !important;
  text-align: center !important;
}

body.site-home.home-page .hero-home-top .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(205, 238, 255, 0.18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(6, 12, 24, 0.34) !important;
  color: rgba(165, 239, 255, 0.95) !important;
  font-size: clamp(0.68rem, 0.68vw, 0.78rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow:
    0 0 28px rgba(76, 215, 255, 0.16),
    0 14px 44px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  text-shadow:
    0 0 12px rgba(87, 225, 255, 0.48),
    0 0 30px rgba(87, 225, 255, 0.18) !important;
}

body.site-home.home-page .hero-home-copy {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(24px, 3vh, 38px) !important;
  max-width: 1120px !important;
  transform: none !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  display: grid !important;
  justify-items: center !important;
  gap: 0 !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  color: rgba(248, 251, 255, 0.98) !important;
  font-size: clamp(4.25rem, 8vw, 8.35rem) !important;
  font-weight: 800 !important;
  line-height: 0.965 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow:
    0 5px 28px rgba(0, 0, 0, 0.62),
    0 24px 90px rgba(0, 0, 0, 0.76),
    0 0 42px rgba(255, 255, 255, 0.075) !important;
}

body.site-home.home-page .hero-type-line,
body.site-home.home-page .hero-type-line-text {
  display: block !important;
  width: 100% !important;
  color: inherit !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

body.site-home.home-page .hero-type-line:nth-child(3),
body.site-home.home-page .hero-type-line:nth-child(3) .hero-type-line-text {
  color: transparent !important;
  background: linear-gradient(94deg, #50d7ff 0%, #4f8cff 48%, #8b5cf6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 20px rgba(82, 166, 255, 0.2)) !important;
}

body.site-home.home-page .hero-refresh-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 auto !important;
  opacity: 1 !important;
}

body.site-home.home-page .hero-refresh-actions .btn {
  min-height: 54px !important;
  min-width: 152px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  font-size: clamp(0.93rem, 0.86vw, 1.02rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 20px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary {
  border: 1px solid rgba(175, 229, 255, 0.28) !important;
  background:
    linear-gradient(135deg, #18c8ff 0%, #3278ff 54%, #7c3aed 100%) !important;
  color: #fff !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05),
    0 0 32px rgba(42, 173, 255, 0.28),
    0 22px 70px rgba(0, 0, 0, 0.44) !important;
}

body.site-home.home-page .hero-refresh-actions .btn-ghost {
  border: 1px solid rgba(220, 238, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
    rgba(4, 9, 18, 0.34) !important;
  color: rgba(247, 250, 255, 0.9) !important;
}

body.site-home.home-page .hero-home-subtext {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(18px, 2vh, 25px) !important;
  max-width: 820px !important;
  padding: 0 !important;
}

body.site-home.home-page .hero-hook-sub {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(218, 230, 245, 0.74) !important;
  font-size: clamp(1.04rem, 1.17vw, 1.24rem) !important;
  font-weight: 600 !important;
  line-height: 1.56 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow:
    0 8px 34px rgba(0, 0, 0, 0.58),
    0 0 28px rgba(255, 255, 255, 0.04) !important;
}

body.site-home.home-page .hero-proof-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(10px, 1.1vw, 16px) !important;
  width: min(100%, 840px) !important;
  max-width: 840px !important;
  margin: 0 auto !important;
}

body.site-home.home-page .hero-proof-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(214, 239, 255, 0.15) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.016)),
    rgba(6, 12, 23, 0.28) !important;
  color: rgba(225, 237, 250, 0.78) !important;
  font-size: clamp(0.68rem, 0.64vw, 0.76rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow:
    0 12px 38px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(79, 208, 255, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
}

body.site-home.home-page .hero-proof-chip::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;
  margin-right: 9px !important;
  border-radius: 999px !important;
  background: rgba(112, 230, 255, 0.9) !important;
  box-shadow:
    0 0 12px rgba(98, 224, 255, 0.72),
    0 0 26px rgba(98, 224, 255, 0.2) !important;
}

body.site-home.home-page .scroll-arrow-3d {
  bottom: clamp(24px, 4.4vh, 48px) !important;
  z-index: 12 !important;
}

@keyframes premiumHeroGlowBreath {
  0%,
  100% {
    opacity: 0.56;
    transform: translate3d(-50%, -50%, 0) scale(0.98);
  }

  50% {
    opacity: 0.82;
    transform: translate3d(-50%, -51%, 0) scale(1.035);
  }
}

@keyframes premiumHeroOrbDrift {
  0%,
  100% {
    opacity: 0.38;
    transform: translate3d(0, -50%, 0) scale(0.98);
  }

  50% {
    opacity: 0.56;
    transform: translate3d(-3%, -51%, 0) scale(1.04);
  }
}

@media (max-width: 980px) {
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero__grid {
    padding:
      calc(env(safe-area-inset-top, 0px) + 104px)
      clamp(18px, 5vw, 34px)
      clamp(96px, 12vh, 138px) !important;
    gap: clamp(14px, 2vh, 22px) !important;
  }

  body.site-home.home-page .hero-home-copy {
    gap: 22px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(3.2rem, 12vw, 5.6rem) !important;
    line-height: 0.98 !important;
  }

  body.site-home.home-page .hero-proof-list {
    flex-wrap: wrap !important;
    width: min(100%, 560px) !important;
    gap: 10px !important;
  }

  body.site-home.home-page .hero-proof-chip {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 0.66rem !important;
  }

  body.site-home.home-page .hero-home-refresh::after {
    right: 50% !important;
    top: 48% !important;
    width: min(64vw, 300px) !important;
    height: min(64vw, 300px) !important;
    transform: translate3d(50%, -50%, 0) !important;
  }
}

@media (max-width: 560px) {
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero__grid {
    padding:
      calc(env(safe-area-inset-top, 0px) + 94px)
      18px
      108px !important;
  }

  body.site-home.home-page .hero-home-top .eyebrow {
    min-height: 31px !important;
    padding: 0 12px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.13em !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.72rem, 14.8vw, 4.2rem) !important;
    line-height: 1.02 !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-width: 136px !important;
    min-height: 50px !important;
    padding: 0 22px !important;
  }

  body.site-home.home-page .hero-hook-sub {
    max-width: 31ch !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
  }

  body.site-home.home-page .hero-proof-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 340px) !important;
  }

  body.site-home.home-page .hero-proof-chip {
    width: 100% !important;
    justify-content: center !important;
    padding: 0 10px !important;
  }
}

/* Front-door compatibility guard: preserve the existing homepage without tablet overflow. */
@media (min-width: 761px) and (max-width: 900px) {
  body.site-home.home-page .shell-main {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip !important;
  }

  body.site-home.home-page .shell-main > :is(.section, .space-marquee-wrap, #site-footer),
  body.site-home.home-page .shell-main > .section > :is(.section-head, .systems-layout, .product-showcase-shell, .proof-editorial, .pipeline-intro, .pipeline-flow) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 1180px) {
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered .nav-actions a[data-app-store-link],
  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered .nav-actions a[data-app-store-link] {
    min-height: 52px !important;
    margin-top: 10px !important;
    justify-content: center !important;
    border: 1px solid rgba(103, 232, 249, 0.48) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(24, 200, 255, 0.2), rgba(90, 108, 255, 0.2)) !important;
    color: #f8fafc !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 0 24px rgba(34, 211, 238, 0.11) !important;
  }
}

/* Premium hero spacing fix: keep the centered headline compact and readable. */
body.site-home.home-page .hero-home-refresh,
body.site-home.home-page .hero-cinematic,
body.site-home.home-page .hero__grid {
  padding:
    clamp(106px, 11vh, 136px)
    clamp(20px, 5vw, 84px)
    clamp(104px, 11vh, 136px) !important;
  gap: clamp(11px, 1.35vh, 17px) !important;
}

body.site-home.home-page .hero-home-copy {
  gap: clamp(20px, 2.25vh, 28px) !important;
}

body.site-home.home-page .hero-home-copy h1,
body.site-home.home-page .hero-home-copy .hero-type-lockup {
  max-width: min(100%, 1040px) !important;
  font-size: clamp(3.8rem, 6.6vw, 6.55rem) !important;
  line-height: 0.9 !important;
}

body.site-home.home-page .hero-type-line {
  display: grid !important;
  place-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0.9 !important;
}

body.site-home.home-page .hero-type-line::before,
body.site-home.home-page .hero-type-line-sizer,
body.site-home.home-page .hero-type-line-text {
  grid-area: 1 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
}

body.site-home.home-page .hero-home-subtext {
  gap: clamp(14px, 1.65vh, 20px) !important;
}

@media (max-width: 980px) {
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero__grid {
    padding:
      calc(env(safe-area-inset-top, 0px) + 96px)
      clamp(18px, 5vw, 34px)
      clamp(92px, 11vh, 126px) !important;
    gap: 12px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(3rem, 10.5vw, 4.9rem) !important;
    line-height: 0.92 !important;
  }

  body.site-home.home-page .hero-type-line {
    line-height: 0.92 !important;
  }
}

@media (max-width: 560px) {
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero__grid {
    padding:
      calc(env(safe-area-inset-top, 0px) + 88px)
      16px
      96px !important;
    gap: 10px !important;
  }

  body.site-home.home-page .hero-home-copy {
    gap: 17px !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.2rem, 10.4vw, 3.28rem) !important;
    line-height: 0.95 !important;
    max-width: 100% !important;
  }

  body.site-home.home-page .hero-type-line {
    line-height: 0.95 !important;
  }
}

/* Hero side feature pills: split desktop clusters left and right of the centered opener. */
body.site-home.home-page .hero-side-pill-groups {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

body.site-home.home-page .hero-side-pills {
  position: absolute !important;
  top: calc(50% + clamp(64px, 9vh, 92px)) !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(10px, 1vw, 16px) !important;
  opacity: 0.92 !important;
  filter:
    drop-shadow(0 18px 48px rgba(0, 0, 0, 0.36))
    drop-shadow(0 0 22px rgba(74, 216, 255, 0.08)) !important;
  transform: translate3d(0, -50%, 0) !important;
  animation: heroSidePillFloat 9s ease-in-out infinite !important;
}

body.site-home.home-page .hero-side-pills-left {
  left: clamp(34px, 5.2vw, 96px) !important;
}

body.site-home.home-page .hero-side-pills-right {
  right: clamp(34px, 5.2vw, 96px) !important;
  animation-delay: -3.2s !important;
}

body.site-home.home-page .hero-side-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 clamp(16px, 1.25vw, 22px) !important;
  border: 1px solid rgba(214, 239, 255, 0.17) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
    rgba(5, 11, 22, 0.28) !important;
  color: rgba(225, 237, 250, 0.82) !important;
  font-size: clamp(0.7rem, 0.64vw, 0.78rem) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.025),
    0 0 24px rgba(74, 216, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  -webkit-backdrop-filter: blur(13px) saturate(1.12) !important;
  backdrop-filter: blur(13px) saturate(1.12) !important;
}

body.site-home.home-page .hero-side-pill::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: rgba(112, 230, 255, 0.92) !important;
  box-shadow:
    0 0 12px rgba(98, 224, 255, 0.78),
    0 0 28px rgba(98, 224, 255, 0.22) !important;
}

@keyframes heroSidePillFloat {
  0%,
  100% {
    opacity: 0.86;
    transform: translate3d(0, -50%, 0);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, calc(-50% - 4px), 0);
  }
}

@media (min-width: 1181px) {
  body.site-home.home-page .hero-home-subtext > .hero-proof-list {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1180px) {
  body.site-home.home-page .hero-side-pill-groups {
    display: none !important;
  }
}

/* Hero memory feature tags: soft glass fragments appear after the intro. */
body.site-home.home-page .hero-side-pill-groups {
  opacity: 0 !important;
  visibility: hidden !important;
  transition:
    opacity 900ms ease,
    visibility 0s linear 900ms !important;
}

body.site-home.home-page.hero-intro-visible .hero-side-pill-groups {
  opacity: 1 !important;
  visibility: visible !important;
  transition:
    opacity 1100ms ease 160ms,
    visibility 0s linear 0s !important;
}

body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-side-pill-groups,
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-proof-list {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(0, 12px, 0) !important;
}

body.site-home.home-page.hero-intro-visible .hero-proof-list {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    opacity 1000ms ease 220ms,
    transform 1000ms ease 220ms,
    visibility 0s linear 0s !important;
}

body.site-home.home-page .hero-tags {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  padding: 0 24px !important;
}

body.site-home.home-page .hero-side-pills {
  top: calc(50% + clamp(18px, 3.8vh, 46px)) !important;
  width: clamp(430px, 34vw, 560px) !important;
  height: clamp(310px, 36vh, 420px) !important;
  display: block !important;
  gap: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  animation: memoryClusterDrift 18s cubic-bezier(0.42, 0, 0.2, 1) infinite !important;
}

body.site-home.home-page .hero-side-pills-left {
  left: clamp(58px, 6.4vw, 116px) !important;
}

body.site-home.home-page .hero-side-pills-right {
  right: clamp(58px, 6.4vw, 116px) !important;
  animation-delay: -4.6s !important;
}

body.site-home.home-page .hero-tag,
body.site-home.home-page .hero-proof-chip,
body.site-home.home-page .hero-side-pill {
  position: relative !important;
  min-height: 62px !important;
  min-width: clamp(184px, 13.6vw, 242px) !important;
  padding: 19px 38px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(255, 255, 255, 0.028) !important;
  border: 1px solid rgba(220, 245, 255, 0.18) !important;
  color: rgba(245, 252, 255, 0.82) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow:
    0 0 34px rgba(74, 207, 255, 0.1),
    0 24px 90px rgba(0, 0, 0, 0.24),
    inset 0 0 26px rgba(255, 255, 255, 0.024),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.04) !important;
  backdrop-filter: blur(22px) saturate(1.04) !important;
  --memory-x: 0px;
  --memory-y: 0px;
  --memory-scale: 1;
  --memory-blur: 0.65px;
  --memory-dim: 0.24;
  --memory-bright: 0.76;
  will-change: transform, opacity, filter;
  animation:
    memoryFloat 15s cubic-bezier(0.42, 0, 0.2, 1) infinite,
    memoryGlow 12s ease-in-out infinite !important;
}

body.site-home.home-page .hero-tag::before,
body.site-home.home-page .hero-proof-chip::before,
body.site-home.home-page .hero-side-pill::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;
  margin-right: 12px !important;
  border-radius: 999px !important;
  background: rgba(112, 230, 255, 0.82) !important;
  box-shadow:
    0 0 16px rgba(98, 224, 255, 0.66),
    0 0 38px rgba(98, 224, 255, 0.24) !important;
  animation: memoryDotBloom 9s ease-in-out infinite !important;
}

body.site-home.home-page .hero-side-pills-left .hero-tag:nth-child(1),
body.site-home.home-page .hero-proof-list .hero-tag:nth-child(1) {
  --memory-x: 4px;
  --memory-y: -28px;
  --memory-scale: 1.03;
  --memory-dim: 0.28;
  --memory-bright: 0.82;
  animation-duration: 16.5s, 12.5s !important;
  animation-delay: -3.2s, -2.1s !important;
}

body.site-home.home-page .hero-side-pills-left .hero-tag:nth-child(2),
body.site-home.home-page .hero-proof-list .hero-tag:nth-child(2) {
  --memory-x: -22px;
  --memory-y: 38px;
  --memory-scale: 0.92;
  --memory-blur: 1.15px;
  --memory-dim: 0.16;
  --memory-bright: 0.56;
  animation-duration: 19.8s, 13.8s !important;
  animation-delay: -7.4s, -4.2s !important;
}

body.site-home.home-page .hero-side-pills-right .hero-tag:nth-child(1),
body.site-home.home-page .hero-proof-list .hero-tag:nth-child(3) {
  --memory-x: 24px;
  --memory-y: -22px;
  --memory-scale: 0.96;
  --memory-blur: 0.9px;
  --memory-dim: 0.18;
  --memory-bright: 0.62;
  animation-duration: 18.2s, 12.8s !important;
  animation-delay: -5.6s, -1.6s !important;
}

body.site-home.home-page .hero-side-pills-right .hero-tag:nth-child(2),
body.site-home.home-page .hero-proof-list .hero-tag:nth-child(4) {
  --memory-x: -12px;
  --memory-y: 46px;
  --memory-scale: 1.06;
  --memory-dim: 0.3;
  --memory-bright: 0.86;
  animation-duration: 17.4s, 14.2s !important;
  animation-delay: -1.1s, -5.1s !important;
}

body.site-home.home-page .hero-side-pills .hero-tag {
  position: absolute !important;
}

body.site-home.home-page .hero-side-pills-left .hero-tag:nth-child(1) {
  left: 0 !important;
  top: 7% !important;
}

body.site-home.home-page .hero-side-pills-left .hero-tag:nth-child(2) {
  left: clamp(106px, 9.8vw, 172px) !important;
  top: 68% !important;
}

body.site-home.home-page .hero-side-pills-right .hero-tag:nth-child(1) {
  right: 0 !important;
  top: 15% !important;
}

body.site-home.home-page .hero-side-pills-right .hero-tag:nth-child(2) {
  right: clamp(92px, 7.4vw, 142px) !important;
  top: 66% !important;
}

@keyframes memoryClusterDrift {
  0%,
  100% {
    transform: translate3d(0, -50%, 0) scale(1);
  }

  33% {
    transform: translate3d(10px, calc(-50% - 14px), 0) scale(1.006);
  }

  50% {
    transform: translate3d(-8px, calc(-50% - 24px), 0) scale(0.994);
  }

  76% {
    transform: translate3d(7px, calc(-50% + 12px), 0) scale(1.004);
  }
}

@keyframes memoryFloat {
  0%,
  100% {
    opacity: var(--memory-dim);
    filter: blur(var(--memory-blur));
    transform: translate3d(var(--memory-x), var(--memory-y), 0) scale(calc(var(--memory-scale) * 0.982));
  }

  18% {
    opacity: calc((var(--memory-dim) + var(--memory-bright)) / 2);
    filter: blur(calc(var(--memory-blur) * 0.62));
    transform: translate3d(calc(var(--memory-x) + 11px), calc(var(--memory-y) - 14px), 0) scale(calc(var(--memory-scale) * 1.01));
  }

  42% {
    opacity: var(--memory-bright);
    filter: blur(0.08px);
    transform: translate3d(calc(var(--memory-x) + 20px), calc(var(--memory-y) - 22px), 0) scale(calc(var(--memory-scale) * 1.035));
  }

  68% {
    opacity: calc(var(--memory-bright) * 0.62);
    filter: blur(calc(var(--memory-blur) * 0.82));
    transform: translate3d(calc(var(--memory-x) - 16px), calc(var(--memory-y) + 18px), 0) scale(calc(var(--memory-scale) * 0.99));
  }

  84% {
    opacity: calc(var(--memory-dim) + 0.12);
    filter: blur(calc(var(--memory-blur) * 1.1));
    transform: translate3d(calc(var(--memory-x) - 6px), calc(var(--memory-y) + 28px), 0) scale(calc(var(--memory-scale) * 1.012));
  }
}

@keyframes memoryDotBloom {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.92);
    box-shadow:
      0 0 10px rgba(98, 224, 255, 0.42),
      0 0 24px rgba(98, 224, 255, 0.16);
  }

  46% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow:
      0 0 18px rgba(98, 224, 255, 0.72),
      0 0 44px rgba(98, 224, 255, 0.28);
  }
}

@keyframes memoryGlow {
  0%,
  100% {
    box-shadow:
      0 0 30px rgba(74, 207, 255, 0.07),
      0 22px 82px rgba(0, 0, 0, 0.24),
      inset 0 0 24px rgba(255, 255, 255, 0.018),
      inset 0 1px 0 rgba(255, 255, 255, 0.09);
  }

  50% {
    box-shadow:
      0 0 54px rgba(75, 196, 255, 0.16),
      0 28px 96px rgba(0, 0, 0, 0.26),
      inset 0 0 30px rgba(255, 255, 255, 0.036),
      inset 0 1px 0 rgba(255, 255, 255, 0.13);
  }
}

@media (max-width: 1180px) {
  body.site-home.home-page .hero-proof-list.hero-tags {
    gap: 18px !important;
    padding: 0 !important;
  }

  body.site-home.home-page .hero-proof-chip.hero-tag {
    min-width: min(100%, 198px) !important;
    min-height: 50px !important;
    padding: 15px 22px !important;
    font-size: 12px !important;
    letter-spacing: 0.085em !important;
  }
}

@media (max-width: 560px) {
  body.site-home.home-page .hero-proof-list.hero-tags {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: min(100%, 354px) !important;
  }

  body.site-home.home-page .hero-proof-chip.hero-tag {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 12px !important;
    font-size: 10px !important;
    letter-spacing: 0.07em !important;
  }
}

/* Hero moving gradient descender guard: prevent clipping and leftover caret artifacts. */
body.site-home.home-page .hero-type-line:nth-child(3),
body.site-home.home-page .hero-type-line:nth-child(3)::before,
body.site-home.home-page .hero-type-line:nth-child(3) .hero-type-line-sizer,
body.site-home.home-page .hero-type-line:nth-child(3) .hero-type-line-text {
  overflow: visible !important;
  line-height: 1.06 !important;
  padding-bottom: 0.08em !important;
}

body.site-home.home-page .hero-type-line:nth-child(3) .hero-type-line-text::after {
  content: none !important;
  display: none !important;
}

/* Hero premium glass primary CTA: neon outline instead of filled color. */
body.site-home.home-page .hero-refresh-actions .btn-primary {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(110, 226, 255, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.018)),
    rgba(8, 15, 28, 0.28) !important;
  color: rgba(248, 252, 255, 0.96) !important;
  text-shadow:
    0 0 12px rgba(142, 228, 255, 0.26),
    0 1px 10px rgba(0, 0, 0, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(132, 103, 255, 0.22),
    0 0 22px rgba(58, 211, 255, 0.32),
    0 0 46px rgba(118, 85, 255, 0.16),
    0 20px 64px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -18px 36px rgba(84, 170, 255, 0.055) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(110deg, rgba(76, 217, 255, 0.2), transparent 38%, rgba(132, 92, 246, 0.22) 100%) !important;
  opacity: 0.42 !important;
  mix-blend-mode: screen !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary::after {
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  top: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(235, 252, 255, 0.72), transparent) !important;
  opacity: 0.82 !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary:hover {
  border-color: rgba(181, 244, 255, 0.78) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.025)),
    rgba(10, 18, 34, 0.34) !important;
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.3),
    0 0 30px rgba(75, 219, 255, 0.4),
    0 0 58px rgba(139, 92, 246, 0.22),
    0 24px 70px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -18px 38px rgba(84, 170, 255, 0.07) !important;
}

/* Hero Here neon cyan accent. */
body.site-home.home-page .hero-type-accent,
body.site-home.home-page .hero-type-accent::before,
body.site-home.home-page .hero-type-accent .hero-type-line-sizer,
body.site-home.home-page .hero-type-accent .hero-type-line-text {
  overflow: visible !important;
  line-height: 1.06 !important;
  padding-bottom: 0.08em !important;
  color: transparent !important;
  background:
    linear-gradient(92deg, #f4fdff 0%, #8befff 28%, #22d3ee 62%, #00c2ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 0 16px rgba(34, 211, 238, 0.38))
    drop-shadow(0 0 34px rgba(0, 194, 255, 0.2)) !important;
}

body.site-home.home-page .hero-type-accent .hero-type-line-text::after {
  content: none !important;
  display: none !important;
}

/* Hero centered scroll cue refinement. */
body.site-home.home-page .scroll-arrow-3d {
  left: 50% !important;
  right: auto !important;
  bottom: clamp(30px, 5vh, 56px) !important;
  z-index: 12 !important;
  width: clamp(46px, 4.35vw, 66px) !important;
  filter:
    drop-shadow(0 18px 26px rgba(0, 0, 0, 0.54))
    drop-shadow(0 0 18px rgba(103, 232, 249, 0.42))
    drop-shadow(0 0 36px rgba(37, 99, 235, 0.18)) !important;
}

body.site-home.home-page .scroll-arrow-3d::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -40px !important;
  width: 1px !important;
  height: 34px !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, transparent, rgba(220, 250, 255, 0.7), rgba(103, 232, 249, 0.18)) !important;
  box-shadow:
    0 0 12px rgba(103, 232, 249, 0.3),
    0 0 26px rgba(37, 99, 235, 0.14) !important;
  transform: translate3d(-50%, 0, 0) !important;
}

body.site-home.home-page .scroll-arrow-3d::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -10px !important;
  width: 74px !important;
  height: 16px !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(103, 232, 249, 0.28), rgba(37, 99, 235, 0.1) 42%, transparent 72%) !important;
  filter: blur(2px) !important;
  transform: translate3d(-50%, 0, 0) !important;
}

body.site-home.home-page .scroll-arrow-3d-svg {
  transform: translate3d(0, 0, 0) scale(0.98) !important;
}

body.site-home.home-page .scroll-arrow-3d-object {
  transform-origin: 48px 62px !important;
  transform: translate3d(0, 0, 0) rotateX(2deg) !important;
}

body.site-home.home-page .scroll-arrow-3d-depth {
  fill: rgba(0, 10, 24, 0.42) !important;
  transform: translate3d(0, 5px, -8px) !important;
}

body.site-home.home-page .scroll-arrow-3d-edge {
  stroke: rgba(235, 254, 255, 0.82) !important;
  stroke-width: 1.35 !important;
  opacity: 0.88 !important;
}

/* Homepage zoom resilience guard: prevent mixed desktop/tablet layers when browser zoom changes the effective viewport. */
body.site-home.home-page.is-zoom-resizing *,
body.site-home.home-page.is-zoom-resizing *::before,
body.site-home.home-page.is-zoom-resizing *::after {
  transition: none !important;
}

body.site-home.home-page.is-zoom-resizing .hero-home-copy,
body.site-home.home-page.is-zoom-resizing .hero-home-subtext,
body.site-home.home-page.is-zoom-resizing .hero-refresh-actions,
body.site-home.home-page.is-zoom-resizing .hero-proof-list,
body.site-home.home-page.is-zoom-resizing .hero-side-pill-groups,
body.site-home.home-page.is-zoom-resizing .hero-tag,
body.site-home.home-page.is-zoom-resizing .scroll-arrow-3d {
  animation: none !important;
}

body.site-home.home-page.is-zoom-resizing.hero-intro-visible .hero-home-copy,
body.site-home.home-page.is-zoom-resizing.hero-intro-visible .hero-home-subtext,
body.site-home.home-page.is-zoom-resizing.hero-intro-visible .hero-refresh-actions,
body.site-home.home-page.is-zoom-resizing.hero-intro-visible .hero-proof-list {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 1180px) {
  html,
  body.site-home.home-page {
    overflow-x: clip !important;
  }

  body.site-home.home-page .site-header,
  body.site-home.home-page .hero-stage-shell > .site-header {
    position: fixed !important;
    inset:
      calc(env(safe-area-inset-top, 0px) + 12px)
      max(16px, env(safe-area-inset-right, 0px))
      auto
      max(16px, env(safe-area-inset-left, 0px)) !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    bottom: auto !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    margin: 0 !important;
    text-align: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    z-index: 40 !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .site-header-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .site-header-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 0 !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .site-brand {
    display: inline-flex !important;
    width: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: flex-start !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .site-brand .brand-mark {
    width: 26px !important;
    height: 26px !important;
  }

  body.site-home.home-page .site-header:not(.is-mobile-open) .nav-primary,
  body.site-home.home-page .site-header:not(.is-mobile-open) .nav-actions {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body.site-home.home-page .mobile-nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    position: relative !important;
    inset: auto !important;
    margin: 0 0 0 auto !important;
    border-radius: 16px !important;
    border: 1px solid rgba(201, 232, 255, 0.16) !important;
    background: rgba(6, 12, 24, 0.42) !important;
    box-shadow:
      0 16px 42px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.site-home.home-page .mobile-nav-toggle span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 18px !important;
    height: 1.5px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #f8fafc, #67e8f9) !important;
    box-shadow: 0 0 10px rgba(103, 232, 249, 0.24) !important;
    opacity: 1 !important;
    transform: translate3d(-50%, -5px, 0) !important;
  }

  body.site-home.home-page .mobile-nav-toggle span:last-child {
    transform: translate3d(-50%, 5px, 0) !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle span:first-child {
    transform: translate3d(-50%, 0, 0) rotate(42deg) !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle span:last-child {
    transform: translate3d(-50%, 0, 0) rotate(-42deg) !important;
  }

  body.site-home.home-page .site-header.is-mobile-open,
  body.site-home.home-page .hero-stage-shell > .site-header.is-mobile-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100svh !important;
    max-width: none !important;
    min-height: 100svh !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0, 0, 0, 0.94) !important;
    box-shadow: none !important;
    overflow: auto !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.05) !important;
    backdrop-filter: blur(20px) saturate(1.05) !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-header-inner {
    width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;
    padding: calc(env(safe-area-inset-top, 0px) + 88px) 24px 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-header-left {
    display: contents !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .site-brand {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 24px) !important;
    left: max(24px, env(safe-area-inset-left, 0px)) !important;
    z-index: 10000 !important;
    width: auto !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .mobile-nav-toggle {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 20px) !important;
    right: max(24px, env(safe-area-inset-right, 0px)) !important;
    z-index: 10000 !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 14px !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
    transform: none !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  body.site-home.home-page .site-header.is-mobile-open .nav-primary a,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions a,
  body.site-home.home-page .site-header.is-mobile-open .nav-actions .btn {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(148, 211, 255, 0.14) !important;
    background: rgba(8, 17, 31, 0.72) !important;
    color: rgba(245, 250, 255, 0.94) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 14px 36px rgba(0, 3, 12, 0.18) !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  body.site-home.home-page .hero-stage,
  body.site-home.home-page .hero-stage-shell,
  body.site-home.home-page .hero-stage-shell.shell {
    min-height: 100svh !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    width: 100% !important;
    min-height: 100svh !important;
    max-width: none !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 108px)
      clamp(20px, 5vw, 42px)
      clamp(98px, 11vh, 132px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 1.7vh, 20px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .hero__top,
  body.site-home.home-page .hero__title,
  body.site-home.home-page .hero__subtext,
  body.site-home.home-page .hero-home-top,
  body.site-home.home-page .hero-home-copy,
  body.site-home.home-page .hero-home-subtext {
    width: min(100%, 860px) !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-items: center !important;
  }

  body.site-home.home-page .hero-home-copy {
    gap: clamp(18px, 2vh, 25px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: min(100%, 900px) !important;
    font-size: clamp(3.25rem, 8vw, 5.25rem) !important;
    line-height: 0.96 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 420px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-inline: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    min-width: 142px !important;
    min-height: 50px !important;
    padding: 0 22px !important;
  }

  body.site-home.home-page .hero-side-pill-groups {
    display: none !important;
  }

  body.site-home.home-page .hero-proof-list.hero-tags {
    display: flex !important;
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  body.site-home.home-page .hero-proof-chip.hero-tag {
    min-width: min(100%, 190px) !important;
    min-height: 50px !important;
    padding: 15px 22px !important;
    font-size: 12px !important;
    letter-spacing: 0.085em !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page .hero,
  body.site-home.home-page .hero-cinematic,
  body.site-home.home-page .hero-home-refresh,
  body.site-home.home-page .hero__grid {
    padding:
      calc(env(safe-area-inset-top, 0px) + 92px)
      18px
      96px !important;
    gap: 11px !important;
  }

  body.site-home.home-page .hero-home-top .eyebrow {
    max-width: min(100%, 330px) !important;
    white-space: normal !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    max-width: min(100%, 620px) !important;
    font-size: clamp(2.45rem, 10.2vw, 4.05rem) !important;
    line-height: 0.99 !important;
  }

  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 366px) !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 560px) {
  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.28rem, 11vw, 3.35rem) !important;
    line-height: 1.01 !important;
  }

  body.site-home.home-page .hero-proof-list.hero-tags {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 354px) !important;
    gap: 12px !important;
  }

  body.site-home.home-page .hero-proof-chip.hero-tag {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 14px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.07em !important;
  }
}

/* Why Plutar neutral glass lock: no reload tint cycling. */
html.performance-pending body.site-home.home-page #systems .why-intro,
html.low-performance body.site-home.home-page #systems .why-intro,
html.medium-performance body.site-home.home-page #systems .why-intro,
html.high-performance body.site-home.home-page #systems .why-intro,
body.site-home.home-page #systems .why-intro,
body.site-home.home-page.is-motion-optimized #systems .why-intro,
body.site-home.home-page #systems.has-entered .why-intro,
body.site-home.home-page #systems.active .why-intro,
body.site-home.home-page #systems.is-visible .why-intro {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  border-radius: clamp(26px, 3vw, 42px) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.115), transparent 34%),
    radial-gradient(circle at 92% 104%, rgba(255, 255, 255, 0.055), transparent 40%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0.026)),
    rgba(0, 0, 0, 0.62) !important;
  color: rgba(238, 240, 244, 0.82) !important;
  text-shadow:
    0 0 18px rgba(255, 255, 255, 0.08),
    0 16px 62px rgba(0, 0, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 28px rgba(255, 255, 255, 0.11),
    0 0 84px rgba(255, 255, 255, 0.08),
    0 30px 86px rgba(0, 0, 0, 0.44) !important;
  -webkit-backdrop-filter: blur(14px) saturate(0.72) !important;
  backdrop-filter: blur(14px) saturate(0.72) !important;
  background-color: rgba(0, 0, 0, 0.62) !important;
  transition:
    opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 700ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.site-home.home-page #systems.has-entered .why-intro,
body.site-home.home-page #systems.active .why-intro,
body.site-home.home-page #systems.is-visible .why-intro,
body.site-home.home-page.is-motion-optimized #systems.is-visible .why-intro {
  animation: whyIntroNeutralIn 900ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

body.site-home.home-page #systems .why-intro::before,
html.low-performance body.site-home.home-page #systems .why-intro::before,
html.medium-performance body.site-home.home-page #systems .why-intro::before,
html.high-performance body.site-home.home-page #systems .why-intro::before,
body.site-home.home-page.is-motion-optimized #systems .why-intro::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  display: block !important;
  border-radius: inherit !important;
  padding: 1px !important;
  pointer-events: none !important;
  opacity: 0.9 !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.74), transparent 18%, transparent 72%, rgba(255, 255, 255, 0.54)),
    radial-gradient(circle at 8% 9%, rgba(255, 255, 255, 0.82), transparent 22%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.46), transparent 26%) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow:
    0 0 22px rgba(255, 255, 255, 0.28),
    0 0 56px rgba(255, 255, 255, 0.12) !important;
  z-index: -1 !important;
}

body.site-home.home-page #systems .why-intro::after,
html.low-performance body.site-home.home-page #systems .why-intro::after,
html.medium-performance body.site-home.home-page #systems .why-intro::after,
html.high-performance body.site-home.home-page #systems .why-intro::after,
body.site-home.home-page.is-motion-optimized #systems .why-intro::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 0.58 !important;
  background:
    radial-gradient(ellipse at 16% 6%, rgba(255, 255, 255, 0.075), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026), transparent 46%, rgba(255, 255, 255, 0.018)) !important;
  z-index: -1 !important;
}

@keyframes whyIntroNeutralIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 760px) {
  html.performance-pending body.site-home.home-page #systems .why-intro,
  html.low-performance body.site-home.home-page #systems .why-intro,
  html.medium-performance body.site-home.home-page #systems .why-intro,
  html.high-performance body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page.is-motion-optimized #systems .why-intro {
    width: min(100%, 430px) !important;
    padding: 24px !important;
    border-radius: 28px !important;
    -webkit-backdrop-filter: blur(12px) saturate(0.72) !important;
    backdrop-filter: blur(12px) saturate(0.72) !important;
  }
}

html.performance-pending body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.low-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.medium-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.high-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro {
  -webkit-backdrop-filter: blur(14px) saturate(0.72) !important;
  backdrop-filter: blur(14px) saturate(0.72) !important;
}

@media (max-width: 760px) {
  html.performance-pending body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.low-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.medium-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.high-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro {
    -webkit-backdrop-filter: blur(12px) saturate(0.72) !important;
    backdrop-filter: blur(12px) saturate(0.72) !important;
  }
}

/* Homepage real-work unique 3D icons. */
body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(1) {
  --realwork-icon-radius: 999px;
  --realwork-icon-clip: none;
  --realwork-icon-transform: perspective(140px) rotateX(14deg) rotateY(-16deg) translateZ(0);
  --realwork-icon-hover-transform: perspective(140px) rotateX(8deg) rotateY(-10deg) translate3d(0, -2px, 0) scale(1.04);
  --realwork-icon-bg:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.96) 0 2px, rgba(129, 237, 255, 0.94) 3px 6px, transparent 7px),
    radial-gradient(circle at 50% 50%, transparent 0 11px, rgba(242, 251, 255, 0.88) 12px 13px, transparent 14px 18px, rgba(72, 215, 255, 0.48) 19px 21px, transparent 22px),
    conic-gradient(from 218deg, transparent 0 33deg, rgba(143, 239, 255, 0.74) 35deg 58deg, transparent 60deg 188deg, rgba(255, 255, 255, 0.5) 190deg 214deg, transparent 216deg 360deg),
    linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(94, 217, 255, 0.11) 46%, rgba(0, 6, 16, 0.58));
  --realwork-icon-shadow:
    0 16px 30px rgba(0, 0, 0, 0.38),
    0 0 18px rgba(255, 255, 255, 0.24),
    0 0 44px rgba(100, 224, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.64),
    inset 0 -14px 22px rgba(0, 0, 0, 0.22);
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(2) {
  --realwork-icon-radius: 15px;
  --realwork-icon-clip: polygon(14% 8%, 78% 8%, 100% 50%, 78% 92%, 14% 92%, 0 50%);
  --realwork-icon-transform: perspective(140px) rotateX(12deg) rotateY(18deg) rotateZ(-12deg) translateZ(0);
  --realwork-icon-hover-transform: perspective(140px) rotateX(7deg) rotateY(12deg) rotateZ(-8deg) translate3d(0, -2px, 0) scale(1.04);
  --realwork-icon-bg:
    radial-gradient(circle at 28% 50%, rgba(255, 255, 255, 0.94) 0 2px, rgba(111, 231, 255, 0.96) 3px 5px, transparent 6px),
    linear-gradient(132deg, transparent 0 41%, rgba(243, 252, 255, 0.82) 42% 46%, rgba(87, 219, 255, 0.44) 47% 50%, transparent 51%),
    radial-gradient(circle at 68% 30%, rgba(174, 244, 255, 0.42), transparent 22%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(83, 219, 255, 0.14) 46%, rgba(0, 7, 18, 0.62));
  --realwork-icon-shadow:
    0 16px 32px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 255, 255, 0.22),
    0 0 48px rgba(90, 222, 255, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    inset -12px -12px 22px rgba(0, 0, 0, 0.28);
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:nth-child(3) {
  --realwork-icon-radius: 14px;
  --realwork-icon-clip: none;
  --realwork-icon-transform: perspective(140px) rotateX(13deg) rotateY(12deg) translateZ(0);
  --realwork-icon-hover-transform: perspective(140px) rotateX(7deg) rotateY(8deg) translate3d(0, -2px, 0) scale(1.04);
  --realwork-icon-bg:
    radial-gradient(circle at 25% 72%, rgba(255, 255, 255, 0.94) 0 2px, rgba(109, 229, 255, 0.88) 3px 5px, transparent 6px),
    radial-gradient(circle at 52% 48%, rgba(255, 255, 255, 0.88) 0 2px, rgba(112, 231, 255, 0.92) 3px 5px, transparent 6px),
    radial-gradient(circle at 76% 26%, rgba(255, 255, 255, 0.98) 0 2px, rgba(136, 238, 255, 0.96) 3px 6px, transparent 7px),
    linear-gradient(135deg, transparent 0 38%, rgba(245, 252, 255, 0.86) 39% 42%, rgba(85, 220, 255, 0.46) 43% 46%, transparent 47%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.25), rgba(83, 219, 255, 0.12) 44%, rgba(0, 7, 18, 0.6));
  --realwork-icon-shadow:
    0 16px 32px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 255, 255, 0.22),
    0 0 46px rgba(92, 221, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.64),
    inset 0 -13px 22px rgba(0, 0, 0, 0.26);
}

html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.performance-pending body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.low-performance body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.medium-performance body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
html.high-performance body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card::before,
body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card::before {
  content: "" !important;
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 19px !important;
  border: 1px solid rgba(245, 252, 255, 0.48) !important;
  border-radius: var(--realwork-icon-radius, 999px) !important;
  clip-path: var(--realwork-icon-clip, none) !important;
  background: var(--realwork-icon-bg) !important;
  box-shadow: var(--realwork-icon-shadow) !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.16)) drop-shadow(0 0 26px rgba(91, 222, 255, 0.16)) !important;
  transform: var(--realwork-icon-transform, perspective(140px) translateZ(0)) !important;
  transform-style: preserve-3d !important;
  transform-origin: 50% 56% !important;
  will-change: transform, filter !important;
  transition:
    filter 320ms ease,
    transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 320ms ease !important;
}

body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card:hover::before,
body.site-home.home-page.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate:hover::before {
  filter: drop-shadow(0 0 22px rgba(255, 255, 255, 0.22)) drop-shadow(0 0 34px rgba(91, 222, 255, 0.22)) !important;
  transform: var(--realwork-icon-hover-transform, perspective(140px) translate3d(0, -2px, 0) scale(1.04)) !important;
}

/* Homepage final CTA premium glass actions. */
body.site-home.home-page #site-footer .footer-cta-actions.final-actions {
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.018) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 54px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
  backdrop-filter: blur(16px) saturate(1.05) !important;
}

body.site-home.home-page #site-footer .footer-cta-actions.final-actions .btn {
  position: relative !important;
  isolation: isolate !important;
  min-width: 138px !important;
  min-height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(231, 246, 255, 0.22) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018) 44%, rgba(5, 12, 24, 0.34)),
    rgba(3, 9, 18, 0.38) !important;
  color: rgba(248, 252, 255, 0.94) !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 12px 36px rgba(0, 0, 0, 0.3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    color 220ms ease !important;
}

body.site-home.home-page #site-footer .footer-cta-actions.final-actions .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: -1 !important;
  opacity: 0.84 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(88, 220, 255, 0.32) 42%, rgba(139, 92, 246, 0.2) 72%, rgba(255, 255, 255, 0.22)),
    radial-gradient(circle at 22% 8%, rgba(255, 255, 255, 0.62), transparent 24%) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  padding: 1px !important;
}

body.site-home.home-page #site-footer .footer-cta-actions.final-actions .final-primary {
  border-color: rgba(117, 228, 255, 0.46) !important;
  background:
    radial-gradient(circle at 28% 10%, rgba(105, 234, 255, 0.18), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.018) 48%, rgba(0, 10, 22, 0.42)),
    rgba(4, 12, 24, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(111, 231, 255, 0.14),
    0 0 28px rgba(56, 189, 248, 0.22),
    0 18px 44px rgba(0, 0, 0, 0.34) !important;
}

body.site-home.home-page #site-footer .footer-cta-actions.final-actions .final-secondary {
  border-color: rgba(231, 246, 255, 0.18) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.056), rgba(255, 255, 255, 0.014) 48%, rgba(0, 8, 18, 0.38)),
    rgba(3, 9, 18, 0.34) !important;
}

body.site-home.home-page #site-footer .footer-cta-actions.final-actions .btn:hover,
body.site-home.home-page #site-footer .footer-cta-actions.final-actions .btn:focus-visible {
  color: #ffffff !important;
  border-color: rgba(234, 249, 255, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 0 1px rgba(111, 231, 255, 0.2),
    0 0 34px rgba(94, 234, 255, 0.3),
    0 20px 50px rgba(0, 0, 0, 0.36) !important;
  transform: translate3d(0, -2px, 0) !important;
}

body.site-home.home-page #site-footer.is-final-cta-visible .final-actions .final-primary {
  animation: finalGlassButtonPulse 4.2s ease-in-out infinite 1.6s !important;
}

@keyframes finalGlassButtonPulse {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 0 0 1px rgba(111, 231, 255, 0.14),
      0 0 26px rgba(56, 189, 248, 0.2),
      0 18px 44px rgba(0, 0, 0, 0.34);
  }

  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      0 0 0 1px rgba(111, 231, 255, 0.2),
      0 0 42px rgba(94, 234, 255, 0.34),
      0 22px 54px rgba(0, 0, 0, 0.38);
  }
}

@media (max-width: 820px) {
  body.site-home.home-page #site-footer .footer-cta-actions.final-actions {
    justify-self: start !important;
    width: min(100%, 420px) !important;
    flex-wrap: wrap !important;
  }

  body.site-home.home-page #site-footer .footer-cta-actions.final-actions .btn {
    flex: 1 1 150px !important;
    min-width: 0 !important;
  }
}

/* Homepage product preview polish: stable dashboard type and balanced panels. */
body.site-home.home-page #visual-proof .plutar-dashboard-preview {
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.055), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.014)),
    rgba(2, 9, 20, 0.74) !important;
}

body.site-home.home-page #visual-proof .plutar-dashboard-preview,
body.site-home.home-page #visual-proof .plutar-dashboard-preview *,
body.site-home.home-page #visual-proof .plutar-dashboard-preview *::before,
body.site-home.home-page #visual-proof .plutar-dashboard-preview *::after {
  box-sizing: border-box !important;
}

body.site-home.home-page #visual-proof .preview-workspace {
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(20px, 2vw, 30px) !important;
}

body.site-home.home-page #visual-proof .preview-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns:
    minmax(210px, 1.05fr)
    minmax(210px, 1.05fr)
    minmax(220px, 0.9fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.site-home.home-page #visual-proof .preview-panel {
  width: auto !important;
  max-width: 100% !important;
  display: grid !important;
  align-content: start !important;
  padding: clamp(16px, 1.45vw, 20px) !important;
  border-color: rgba(203, 226, 255, 0.105) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.045), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.01)),
    rgba(3, 10, 22, 0.62) !important;
}

body.site-home.home-page #visual-proof .preview-panel-head {
  align-items: start !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.site-home.home-page #visual-proof .preview-panel-head span {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  color: rgba(248, 251, 255, 0.94) !important;
  font-size: clamp(1.08rem, 1.45vw, 1.36rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance !important;
}

body.site-home.home-page #visual-proof .preview-panel-head span::before {
  flex: 0 0 auto !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 10px !important;
}

body.site-home.home-page #visual-proof .preview-panel-head small {
  flex: 0 0 auto !important;
  max-width: 68px !important;
  color: rgba(221, 232, 247, 0.52) !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
  text-align: right !important;
}

body.site-home.home-page #visual-proof .preview-task-list,
body.site-home.home-page #visual-proof .preview-offer-list,
body.site-home.home-page #visual-proof .preview-upcoming-list,
body.site-home.home-page #visual-proof .preview-activity-list {
  gap: 10px !important;
}

body.site-home.home-page #visual-proof .preview-task-list div,
body.site-home.home-page #visual-proof .preview-activity-list div {
  grid-template-columns: 12px minmax(0, 1fr) minmax(54px, auto) !important;
  gap: 9px !important;
  align-items: start !important;
}

body.site-home.home-page #visual-proof .preview-task-list p,
body.site-home.home-page #visual-proof .preview-activity-list p {
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
}

body.site-home.home-page #visual-proof .preview-task-list time,
body.site-home.home-page #visual-proof .preview-activity-list time,
body.site-home.home-page #visual-proof .preview-upcoming-list time {
  justify-self: end !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

body.site-home.home-page #visual-proof .preview-offer-list strong,
body.site-home.home-page #visual-proof .preview-upcoming-list strong {
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
}

body.site-home.home-page #visual-proof .preview-offer-list small,
body.site-home.home-page #visual-proof .preview-upcoming-list span {
  font-size: 0.72rem !important;
  line-height: 1.25 !important;
}

body.site-home.home-page #visual-proof .preview-progress {
  min-width: 0 !important;
}

body.site-home.home-page #visual-proof .preview-progress-ring {
  width: min(118px, 100%) !important;
  margin: 2px auto 16px !important;
}

body.site-home.home-page #visual-proof .preview-activity {
  min-width: 220px !important;
}

body.site-home.home-page #visual-proof .preview-activity-list {
  gap: 12px !important;
}

body.site-home.home-page #visual-proof .preview-activity-list div {
  padding-top: 2px !important;
}

@media (max-width: 900px) {
  body.site-home.home-page #visual-proof .preview-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.site-home.home-page #visual-proof .preview-activity {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  body.site-home.home-page #visual-proof .plutar-dashboard-preview {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.site-home.home-page #visual-proof .preview-workspace {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    padding: 16px !important;
  }

  body.site-home.home-page #visual-proof .preview-sidebar {
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 6px !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  body.site-home.home-page #visual-proof .preview-logo-dot {
    width: 20px !important;
    height: 20px !important;
    border-width: 3px !important;
  }

  body.site-home.home-page #visual-proof .preview-nav-dot {
    width: 22px !important;
    height: 22px !important;
  }

  body.site-home.home-page #visual-proof .preview-grid {
    grid-template-columns: 1fr !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.site-home.home-page #visual-proof .preview-panel {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 14px !important;
  }

  body.site-home.home-page #visual-proof .preview-panel-head,
  body.site-home.home-page #visual-proof .preview-task-list div,
  body.site-home.home-page #visual-proof .preview-activity-list div,
  body.site-home.home-page #visual-proof .preview-offer-list div,
  body.site-home.home-page #visual-proof .preview-upcoming-list div,
  body.site-home.home-page #visual-proof .preview-progress-meta {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.site-home.home-page #visual-proof .preview-panel-head span {
    font-size: clamp(1.15rem, 7vw, 1.55rem) !important;
  }

  body.site-home.home-page #visual-proof .preview-panel-head small {
    max-width: 56px !important;
  }

  body.site-home.home-page #visual-proof .preview-task-list div,
  body.site-home.home-page #visual-proof .preview-activity-list div {
    grid-template-columns: 12px minmax(0, 1fr) !important;
  }

  body.site-home.home-page #visual-proof .preview-task-list time,
  body.site-home.home-page #visual-proof .preview-activity-list time {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  body.site-home.home-page #visual-proof .preview-offer-list div,
  body.site-home.home-page #visual-proof .preview-upcoming-list div {
    grid-template-columns: 1fr !important;
  }

  body.site-home.home-page #visual-proof .preview-offer-list div > span,
  body.site-home.home-page #visual-proof .preview-upcoming-list time {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
  }
}

/* Site scrollbar skin: dark rail with restrained Plutar glow. */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 231, 255, 0.52) rgba(0, 0, 0, 0.95);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, #000 0%, #02040b 44%, #000 100%);
  border-left: 1px solid rgba(111, 231, 255, 0.1);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.035);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  min-height: 72px;
  border: 3px solid rgba(0, 0, 0, 0.92);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(111, 231, 255, 0.48) 42%, rgba(91, 124, 250, 0.34));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    0 0 18px rgba(111, 231, 255, 0.22);
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(111, 231, 255, 0.64) 44%, rgba(124, 58, 237, 0.42));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 0 24px rgba(111, 231, 255, 0.32);
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
  display: none;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: #000;
}

/* Homepage scroll arrow removal. */
body.site-home.home-page :is(.scroll-arrow-3d, [data-scroll-arrow]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Homepage delayed hero reveal: first three seconds are space only. */
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) :is(
  .site-header,
  .hero-home-top .eyebrow,
  .hero-home-copy,
  .hero-refresh-actions,
  .hero-home-subtext,
  .hero-side-pill-groups,
  .hero-proof-list
) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, 24px, 0) scale(0.985) !important;
  filter: blur(4px) !important;
  transition: none !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible :is(
  .site-header,
  .hero-home-top .eyebrow,
  .hero-home-copy,
  .hero-refresh-actions,
  .hero-home-subtext,
  .hero-side-pill-groups,
  .hero-proof-list
) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
  transition:
    opacity 1050ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 1050ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 1050ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0ms linear !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .site-header {
  transition-delay: 60ms !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-home-top .eyebrow {
  transition-delay: 120ms !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-home-copy {
  transition-delay: 220ms !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible :is(.hero-home-subtext, .hero-side-pill-groups, .hero-proof-list) {
  transition-delay: 420ms !important;
}

/* Homepage post-intro see-more cue: neon-white rounded chevron. */
body.site-home.home-page .hero-see-more-cue {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(104px, 13vh, 168px) !important;
  z-index: 18 !important;
  display: block !important;
  width: clamp(88px, 7.8vw, 124px) !important;
  height: clamp(72px, 6.8vw, 98px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(246, 251, 255, 0.78) !important;
  appearance: none !important;
  cursor: pointer;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  filter: blur(3px) drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  transform: translate3d(-50%, 18px, 0) scale(0.96) !important;
  transition:
    opacity 980ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 980ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 980ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 980ms step-end !important;
}

body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .hero-see-more-cue {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  filter: blur(3px) drop-shadow(0 0 0 rgba(255, 255, 255, 0)) !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-see-more-cue {
  opacity: 0.82 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter:
    blur(0)
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.18))
    drop-shadow(0 0 8px rgba(224, 248, 255, 0.08)) !important;
  transform: translate3d(-50%, 0, 0) scale(1) !important;
  transition:
    opacity 980ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 980ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 980ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0ms linear !important;
  transition-delay: 760ms, 760ms, 760ms, 0ms !important;
  animation: seeMoreCueBreath 5.8s ease-in-out 1.25s infinite !important;
}

body.site-home.home-page .hero-see-more-text {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: max-content !important;
  color: rgba(248, 253, 255, 0.62) !important;
  font-size: clamp(0.64rem, 0.72vw, 0.82rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  transform: translate3d(-50%, 0, 0) !important;
  text-shadow:
    0 0 5px rgba(255, 255, 255, 0.22),
    0 0 12px rgba(215, 246, 255, 0.11) !important;
}

body.site-home.home-page .hero-see-more-chevron {
  position: absolute !important;
  left: 50% !important;
  top: clamp(24px, 2.1vw, 34px) !important;
  z-index: 1 !important;
  display: block !important;
  width: clamp(54px, 5.4vw, 88px) !important;
  height: clamp(30px, 3.4vw, 52px) !important;
  transform: translate3d(-50%, 0, 0) !important;
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 0.28))
    drop-shadow(0 0 7px rgba(230, 250, 255, 0.12)) !important;
}

body.site-home.home-page .hero-see-more-stroke {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: clamp(34px, 3.8vw, 58px) !important;
  height: clamp(5px, 0.46vw, 8px) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(236, 249, 255, 0.68)) !important;
  box-shadow:
    0 0 0 0.5px rgba(255, 255, 255, 0.26) inset,
    0 0 2px rgba(255, 255, 255, 0.34),
    0 0 7px rgba(236, 250, 255, 0.15) !important;
  transform-style: preserve-3d;
}

body.site-home.home-page .hero-see-more-stroke-left {
  transform-origin: calc(100% - 3px) 50% !important;
  transform: translate3d(calc(-100% + 3px), -50%, 0) rotate(45deg) !important;
}

body.site-home.home-page .hero-see-more-stroke-right {
  transform-origin: 3px 50% !important;
  transform: translate3d(-3px, -50%, 0) rotate(-45deg) !important;
}

body.site-home.home-page .hero-see-more-cue:is(:hover, :focus-visible) {
  outline: none !important;
  opacity: 0.92 !important;
  filter:
    blur(0)
    drop-shadow(0 0 4px rgba(255, 255, 255, 0.24))
    drop-shadow(0 0 10px rgba(238, 252, 255, 0.1)) !important;
}

@keyframes seeMoreCueBreath {
  0%,
  100% {
    transform: translate3d(-50%, 0, 0) scale(1);
    opacity: 0.72;
  }

  50% {
    transform: translate3d(-50%, -5px, 0) scale(1.018);
    opacity: 0.88;
  }
}

/* Hero memory motion final guard: keep responsive feature pills drifting after the intro. */
body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-chip.hero-tag,
body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-side-pill.hero-tag {
  animation-name: memoryFloat, memoryGlow !important;
  animation-timing-function: cubic-bezier(0.42, 0, 0.2, 1), ease-in-out !important;
  animation-iteration-count: infinite, infinite !important;
  animation-fill-mode: both, both !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-chip.hero-tag::before,
body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-side-pill.hero-tag::before {
  animation-name: memoryDotBloom !important;
  animation-duration: 9s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: both !important;
}

@keyframes memoryRowFloat {
  0%,
  100% {
    opacity: var(--memory-dim);
    filter: blur(var(--memory-blur));
    transform: translate3d(var(--memory-row-x), var(--memory-row-y), 0) scale(calc(var(--memory-scale) * 0.992));
  }

  38% {
    opacity: var(--memory-bright);
    filter: blur(0.08px);
    transform: translate3d(calc(var(--memory-row-x) + 6px), calc(var(--memory-row-y) - 7px), 0) scale(calc(var(--memory-scale) * 1.018));
  }

  72% {
    opacity: calc(var(--memory-bright) * 0.72);
    filter: blur(calc(var(--memory-blur) * 0.72));
    transform: translate3d(calc(var(--memory-row-x) - 5px), calc(var(--memory-row-y) + 5px), 0) scale(calc(var(--memory-scale) * 0.998));
  }
}

@media (max-width: 1180px) {
  body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-list .hero-tag {
    --memory-row-x: 0px;
    --memory-row-y: 0px;
    --memory-scale: 0.98;
    --memory-blur: 0.28px;
    --memory-dim: 0.44;
    --memory-bright: 0.78;
    animation-name: memoryRowFloat, memoryGlow !important;
  }

  body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-list .hero-tag:nth-child(1) {
    --memory-row-x: -3px;
    --memory-row-y: -4px;
    animation-duration: 13.8s, 12.5s !important;
    animation-delay: -3.2s, -2.1s !important;
  }

  body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-list .hero-tag:nth-child(2) {
    --memory-row-x: 5px;
    --memory-row-y: 3px;
    animation-duration: 15.6s, 13.8s !important;
    animation-delay: -6.4s, -4.2s !important;
  }

  body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-list .hero-tag:nth-child(3) {
    --memory-row-x: -4px;
    --memory-row-y: 5px;
    animation-duration: 14.8s, 12.8s !important;
    animation-delay: -5.1s, -1.6s !important;
  }

  body.site-home.home-page.hero-intro-managed.hero-intro-visible .hero-proof-list .hero-tag:nth-child(4) {
    --memory-row-x: 4px;
    --memory-row-y: -2px;
    animation-duration: 16.2s, 14.2s !important;
    animation-delay: -1.1s, -5.1s !important;
  }
}

/* Homepage motion restore: section fade-outs must beat section-specific visible states. */
body.site-home.home-page.is-motion-optimized .motion-section.has-passed,
body.site-home.home-page.is-motion-optimized .motion-section.passed,
body.site-home.home-page.is-motion-optimized #systems.motion-section.has-passed,
body.site-home.home-page.is-motion-optimized #systems.motion-section.passed,
body.site-home.home-page.is-motion-optimized #proof.motion-section.has-passed,
body.site-home.home-page.is-motion-optimized #proof.motion-section.passed,
body.site-home.home-page.is-motion-optimized #flow.motion-section.has-passed,
body.site-home.home-page.is-motion-optimized #flow.motion-section.passed,
body.site-home.home-page.is-motion-optimized #site-footer.motion-section.has-passed,
body.site-home.home-page.is-motion-optimized #site-footer.motion-section.passed {
  opacity: 0 !important;
  transform: translate3d(0, var(--perf-motion-distance-passed, -28px), 0) !important;
  pointer-events: none !important;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.site-home.home-page.is-motion-optimized .motion-section.has-entered:not(.has-passed):not(.passed),
body.site-home.home-page.is-motion-optimized .motion-section.active:not(.has-passed):not(.passed),
body.site-home.home-page.is-motion-optimized #systems.motion-section.has-entered:not(.has-passed):not(.passed),
body.site-home.home-page.is-motion-optimized #proof.motion-section.has-entered:not(.has-passed):not(.passed),
body.site-home.home-page.is-motion-optimized #flow.motion-section.has-entered:not(.has-passed):not(.passed),
body.site-home.home-page.is-motion-optimized #site-footer.motion-section.has-entered:not(.has-passed):not(.passed) {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Hero mobile headline wrap guard: keep the animated title inside narrow viewports. */
@media (max-width: 560px) {
  body.site-home.home-page .hero-home-copy,
  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    width: min(100%, 86vw) !important;
    max-width: 86vw !important;
  }

  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.7rem, 12.2vw, 3.55rem) !important;
    line-height: 0.94 !important;
  }

  body.site-home.home-page .hero-type-line {
    width: min(100%, 78vw) !important;
    max-width: 78vw !important;
    margin-inline: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  body.site-home.home-page .hero-type-line::before,
  body.site-home.home-page .hero-type-line-sizer {
    content: "" !important;
    display: none !important;
  }

  body.site-home.home-page .hero-type-line-text {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  body.site-home.home-page .hero-type-accent {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 360px) {
  body.site-home.home-page .hero-home-copy h1,
  body.site-home.home-page .hero-home-copy .hero-type-lockup {
    font-size: clamp(2.68rem, 13.8vw, 3.2rem) !important;
  }
}

/* Homepage memory-fragment marquee: independent cinematic words with slow right-to-left drift. */
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: clamp(-122px, -11.8vh, -82px) !important;
  left: 50% !important;
  z-index: 3 !important;
  width: 100dvw !important;
  max-width: 100dvw !important;
  height: clamp(126px, 16vh, 168px) !important;
  min-height: clamp(126px, 16vh, 168px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0.9 !important;
  transform: translate3d(-50%, 0, 0) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.16) 9%, rgba(0, 0, 0, 0.86) 24%, #000 46%, #000 54%, rgba(0, 0, 0, 0.86) 76%, rgba(0, 0, 0, 0.16) 91%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.16) 9%, rgba(0, 0, 0, 0.86) 24%, #000 46%, #000 54%, rgba(0, 0, 0, 0.86) 76%, rgba(0, 0, 0, 0.16) 91%, transparent 100%) !important;
}

body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::before,
body.site-home.home-page .space-marquee-wrap.plutar-marquee-depth::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth .space-marquee-track {
  position: absolute !important;
  top: 52% !important;
  left: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(42px, 5.4vw, 104px) !important;
  width: clamp(1600px, 168vw, 2680px) !important;
  min-width: clamp(1600px, 168vw, 2680px) !important;
  white-space: nowrap !important;
  background: transparent !important;
  transform: translate3d(calc(-50% + 18vw), -50%, 0);
  animation: memoryLayerDrift 58s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform;
}

body.site-home.home-page .space-marquee-track i {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  animation: none !important;
}

body.site-home.home-page .space-marquee-track span {
  --memory-x: 0px;
  --memory-y: 4px;
  --memory-scale: 0.94;
  --memory-low: 0.22;
  --memory-high: 0.58;
  --memory-blur: 1px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--plutar-font-wordmark, "Satoshi", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: clamp(11px, 0.92vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: clamp(0.34em, 0.52vw, 0.58em) !important;
  text-transform: uppercase !important;
  color: rgba(230, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(230, 248, 255, 0.78) !important;
  text-shadow:
    0 0 8px rgba(245, 252, 255, 0.42),
    0 0 18px rgba(115, 224, 255, 0.32),
    0 0 38px rgba(115, 224, 255, 0.16) !important;
  opacity: var(--memory-low);
  filter: blur(var(--memory-blur));
  transform: translate3d(var(--memory-x), 0, 0) scale(var(--memory-scale));
  animation:
    memoryWordFloat 10.5s ease-in-out infinite,
    memoryWordGlow 9.4s ease-in-out infinite !important;
  animation-delay: var(--memory-delay, 0s), var(--memory-glow-delay, -1.4s) !important;
  animation-play-state: running !important;
  will-change: transform, opacity, filter, text-shadow;
}

body.site-home.home-page .space-marquee-track .far {
  --memory-scale: 0.82;
  --memory-low: 0.12;
  --memory-high: 0.32;
  --memory-blur: 1.25px;
  opacity: var(--memory-low);
}

body.site-home.home-page .space-marquee-track .mid {
  --memory-scale: 0.94;
  --memory-low: 0.2;
  --memory-high: 0.52;
  --memory-blur: 0.72px;
  opacity: var(--memory-low);
}

body.site-home.home-page .space-marquee-track .near {
  --memory-scale: 1.05;
  --memory-low: 0.3;
  --memory-high: 0.78;
  --memory-blur: 0.22px;
  opacity: var(--memory-low);
}

body.site-home.home-page .space-marquee-track span:nth-of-type(1),
body.site-home.home-page .space-marquee-track span:nth-of-type(2),
body.site-home.home-page .space-marquee-track span:nth-of-type(23),
body.site-home.home-page .space-marquee-track span:nth-of-type(24) {
  --memory-low: 0.06;
  --memory-high: 0.18;
  --memory-blur: 1.8px;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(10),
body.site-home.home-page .space-marquee-track span:nth-of-type(11),
body.site-home.home-page .space-marquee-track span:nth-of-type(12),
body.site-home.home-page .space-marquee-track span:nth-of-type(13),
body.site-home.home-page .space-marquee-track span:nth-of-type(14),
body.site-home.home-page .space-marquee-track span:nth-of-type(15) {
  --memory-low: 0.42;
  --memory-high: 0.92;
  --memory-blur: 0.08px;
  text-shadow:
    0 0 10px rgba(250, 254, 255, 0.58),
    0 0 24px rgba(126, 230, 255, 0.48),
    0 0 54px rgba(126, 230, 255, 0.24) !important;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(3n + 1) {
  --memory-y: 2px;
  --memory-delay: -1.2s;
  --memory-glow-delay: -3.4s;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(3n + 2) {
  --memory-y: 5px;
  --memory-delay: -4.8s;
  --memory-glow-delay: -0.9s;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(3n) {
  --memory-y: 6px;
  --memory-delay: -7.2s;
  --memory-glow-delay: -5.2s;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(4n) {
  animation-duration: 11.6s, 8.8s !important;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(5n) {
  --memory-x: 5px;
  animation-duration: 8.6s, 10.8s !important;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(6n + 1) {
  --memory-x: -4px;
  animation-duration: 9.8s, 11.4s !important;
}

@keyframes memoryLayerDrift {
  0% {
    transform: translate3d(calc(-50% + 18vw), calc(-50% - 1px), 0);
  }

  50% {
    transform: translate3d(-50%, calc(-50% + 1px), 0);
  }

  100% {
    transform: translate3d(calc(-50% - 18vw), calc(-50% + 2px), 0);
  }
}

@keyframes memoryWordFloat {
  0%,
  100% {
    transform: translate3d(var(--memory-x), 0, 0) scale(var(--memory-scale));
    filter: blur(var(--memory-blur));
  }

  50% {
    transform: translate3d(calc(var(--memory-x) * -0.35), calc(var(--memory-y) * -1), 0) scale(calc(var(--memory-scale) * 1.018));
    filter: blur(calc(var(--memory-blur) * 0.55));
  }
}

@keyframes memoryWordGlow {
  0%,
  100% {
    opacity: var(--memory-low);
    text-shadow:
      0 0 6px rgba(245, 252, 255, 0.28),
      0 0 16px rgba(115, 224, 255, 0.2),
      0 0 34px rgba(115, 224, 255, 0.1);
  }

  48% {
    opacity: var(--memory-high);
    text-shadow:
      0 0 9px rgba(250, 254, 255, 0.5),
      0 0 22px rgba(126, 230, 255, 0.4),
      0 0 50px rgba(126, 230, 255, 0.2);
  }
}

/* Homepage intro seam guard: hide the memory layer until the star rush is complete. */
body.site-home.home-page.hero-intro-managed:not(.hero-intro-visible) .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth,
html.star-rush-active body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  opacity: 0 !important;
  visibility: hidden !important;
  filter: blur(4px) !important;
  pointer-events: none !important;
}

html.star-rush-complete body.site-home.home-page.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  opacity: 0.92 !important;
  visibility: visible !important;
  filter:
    blur(0)
    drop-shadow(0 0 10px rgba(237, 252, 255, 0.26))
    drop-shadow(0 0 26px rgba(88, 221, 255, 0.24)) !important;
  transition:
    opacity 1250ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 1250ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0ms linear !important;
  transition-delay: 420ms, 420ms, 0ms !important;
}

html.star-rush-complete body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth .space-marquee-track span {
  color: rgba(58, 238, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(58, 238, 255, 0.96) !important;
  text-shadow:
    0 0 5px rgba(78, 244, 255, 0.9),
    0 0 16px rgba(30, 218, 255, 0.72),
    0 0 36px rgba(30, 218, 255, 0.42),
    0 0 72px rgba(30, 218, 255, 0.22) !important;
}

/* Homepage memory marquee visibility lock: readable, level fragments without a random center hotspot. */
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  top: clamp(-112px, -10.2vh, -74px) !important;
  height: clamp(124px, 14.8vh, 160px) !important;
  min-height: clamp(124px, 14.8vh, 160px) !important;
  opacity: 0.9 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.52) 8%, rgba(0, 0, 0, 0.95) 20%, #000 36%, #000 64%, rgba(0, 0, 0, 0.95) 80%, rgba(0, 0, 0, 0.52) 92%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.52) 8%, rgba(0, 0, 0, 0.95) 20%, #000 36%, #000 64%, rgba(0, 0, 0, 0.95) 80%, rgba(0, 0, 0, 0.52) 92%, transparent 100%) !important;
}

body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth .space-marquee-track {
  top: 50% !important;
  left: 50% !important;
  justify-content: space-between !important;
  gap: clamp(42px, 4.8vw, 90px) !important;
  width: clamp(1900px, 158vw, 2860px) !important;
  min-width: clamp(1900px, 158vw, 2860px) !important;
  transform: translate3d(-38%, -50%, 0);
  animation: memoryLayerDriftEven 48s linear infinite !important;
}

body.site-home.home-page .space-marquee-track span:nth-of-type(n) {
  --memory-x: 0px !important;
  --memory-y: 3px !important;
  --memory-scale: 0.96 !important;
  --memory-low: 0.68 !important;
  --memory-high: 0.98 !important;
  --memory-blur: 0.08px !important;
  font-size: clamp(12px, 0.98vw, 18px) !important;
  letter-spacing: clamp(0.32em, 0.48vw, 0.54em) !important;
  color: rgba(58, 238, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(58, 238, 255, 0.96) !important;
  text-shadow:
    0 0 5px rgba(78, 244, 255, 0.9),
    0 0 16px rgba(30, 218, 255, 0.72),
    0 0 36px rgba(30, 218, 255, 0.42),
    0 0 72px rgba(30, 218, 255, 0.22) !important;
  opacity: var(--memory-low) !important;
  filter: blur(var(--memory-blur)) !important;
  animation:
    memoryWordFloatEven 11.5s ease-in-out infinite,
    memoryWordBreathEven 11s ease-in-out infinite !important;
}

body.site-home.home-page .space-marquee-track span.depth.far:nth-of-type(n) {
  --memory-scale: 0.9 !important;
  --memory-low: 0.5 !important;
  --memory-high: 0.74 !important;
  --memory-blur: 0.42px !important;
}

body.site-home.home-page .space-marquee-track span.depth.mid:nth-of-type(n) {
  --memory-scale: 0.97 !important;
  --memory-low: 0.68 !important;
  --memory-high: 0.92 !important;
  --memory-blur: 0.12px !important;
}

body.site-home.home-page .space-marquee-track span.depth.near:nth-of-type(n) {
  --memory-scale: 1.04 !important;
  --memory-low: 0.82 !important;
  --memory-high: 1 !important;
  --memory-blur: 0px !important;
}

html.star-rush-complete body.site-home.home-page.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth {
  opacity: 0.9 !important;
  filter:
    blur(0)
    drop-shadow(0 0 12px rgba(90, 221, 255, 0.16)) !important;
}

@keyframes memoryLayerDriftEven {
  0% {
    transform: translate3d(-38%, -50%, 0);
  }

  100% {
    transform: translate3d(-62%, -50%, 0);
  }
}

@keyframes memoryWordFloatEven {
  0%,
  100% {
    transform: translate3d(var(--memory-x), 0, 0) scale(var(--memory-scale));
    filter: blur(var(--memory-blur));
  }

  50% {
    transform: translate3d(calc(var(--memory-x) + 2px), calc(var(--memory-y) * -1), 0) scale(calc(var(--memory-scale) * 1.012));
    filter: blur(calc(var(--memory-blur) * 0.72));
  }
}

@keyframes memoryWordBreathEven {
  0%,
  100% {
    opacity: var(--memory-low);
  }

  48%,
  56% {
    opacity: var(--memory-high);
  }
}

/* Why Plutar final neutral lock: no title glow, no reload blue tint. */
body.site-home.home-page #systems .section-head::before,
body.site-home.home-page #systems.systems-section .section-head::before,
body.site-home.home-page #systems .systems-title-block::after,
body.site-home.home-page.is-motion-optimized #systems .systems-title-block::after,
html.low-performance body.site-home.home-page #systems .systems-title-block::after,
html.medium-performance body.site-home.home-page #systems .systems-title-block::after,
html.high-performance body.site-home.home-page #systems .systems-title-block::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #systems .section-head {
  row-gap: clamp(2px, 0.55vw, 8px) !important;
}

body.site-home.home-page #systems .why-title,
body.site-home.home-page #systems.has-entered .why-title,
body.site-home.home-page #systems.active .why-title,
body.site-home.home-page #systems.is-visible .why-title {
  text-shadow:
    0 18px 68px rgba(0, 0, 0, 0.64) !important;
  filter: none !important;
}

body.site-home.home-page #systems .why-title span,
body.site-home.home-page #systems.has-entered .why-title span,
body.site-home.home-page #systems.active .why-title span,
body.site-home.home-page #systems.is-visible .why-title span {
  text-shadow: inherit !important;
  filter: none !important;
}

body.site-home.home-page #systems .why-subtitle,
body.site-home.home-page #systems.has-entered .why-subtitle,
body.site-home.home-page #systems.active .why-subtitle,
body.site-home.home-page #systems.is-visible .why-subtitle {
  align-self: start !important;
  justify-self: start !important;
  margin: 0 !important;
  padding-top: 0 !important;
  color: rgba(225, 231, 240, 0.68) !important;
  text-shadow:
    0 12px 42px rgba(0, 0, 0, 0.52) !important;
  filter: none !important;
}

html.performance-pending body.site-home.home-page #systems .why-intro,
html.low-performance body.site-home.home-page #systems .why-intro,
html.medium-performance body.site-home.home-page #systems .why-intro,
html.high-performance body.site-home.home-page #systems .why-intro,
body.site-home.home-page #systems .why-intro,
body.site-home.home-page #systems.has-entered .why-intro,
body.site-home.home-page #systems.active .why-intro,
body.site-home.home-page #systems.is-visible .why-intro,
body.site-home.home-page.is-motion-optimized #systems .why-intro,
body.site-home.home-page.is-motion-optimized #systems.is-visible .why-intro,
body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.performance-pending body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.low-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.medium-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
html.high-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro {
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.075), transparent 32%),
    radial-gradient(circle at 92% 104%, rgba(255, 255, 255, 0.035), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.01) 48%, rgba(255, 255, 255, 0.014)),
    rgba(0, 0, 0, 0.84) !important;
  background-color: rgba(0, 0, 0, 0.84) !important;
  border-color: rgba(255, 255, 255, 0.46) !important;
  color: rgba(238, 240, 244, 0.82) !important;
  text-shadow:
    0 13px 54px rgba(0, 0, 0, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -1px 0 rgba(255, 255, 255, 0.035),
    0 0 0 1px rgba(255, 255, 255, 0.028),
    0 0 24px rgba(255, 255, 255, 0.08),
    0 26px 78px rgba(0, 0, 0, 0.48) !important;
  -webkit-backdrop-filter: blur(14px) saturate(0) brightness(0.72) !important;
  backdrop-filter: blur(14px) saturate(0) brightness(0.72) !important;
  filter: none !important;
}

html.performance-pending body.site-home.home-page #systems .why-intro::before,
html.low-performance body.site-home.home-page #systems .why-intro::before,
html.medium-performance body.site-home.home-page #systems .why-intro::before,
html.high-performance body.site-home.home-page #systems .why-intro::before,
body.site-home.home-page #systems .why-intro::before,
body.site-home.home-page.is-motion-optimized #systems .why-intro::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.64), transparent 18%, transparent 72%, rgba(255, 255, 255, 0.44)),
    radial-gradient(circle at 8% 9%, rgba(255, 255, 255, 0.68), transparent 22%),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.34), transparent 26%) !important;
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.2),
    0 0 44px rgba(255, 255, 255, 0.08) !important;
}

html.performance-pending body.site-home.home-page #systems .why-intro::after,
html.low-performance body.site-home.home-page #systems .why-intro::after,
html.medium-performance body.site-home.home-page #systems .why-intro::after,
html.high-performance body.site-home.home-page #systems .why-intro::after,
body.site-home.home-page #systems .why-intro::after,
body.site-home.home-page.is-motion-optimized #systems .why-intro::after {
  background:
    radial-gradient(ellipse at 16% 6%, rgba(255, 255, 255, 0.055), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018), transparent 46%, rgba(255, 255, 255, 0.014)) !important;
  opacity: 0.46 !important;
}

@media (max-width: 980px) {
  body.site-home.home-page #systems .section-head {
    row-gap: clamp(2px, 1vw, 8px) !important;
  }

  html.performance-pending body.site-home.home-page #systems .why-intro,
  html.low-performance body.site-home.home-page #systems .why-intro,
  html.medium-performance body.site-home.home-page #systems .why-intro,
  html.high-performance body.site-home.home-page #systems .why-intro,
  body.site-home.home-page #systems .why-intro,
  body.site-home.home-page.is-motion-optimized #systems .why-intro,
  body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.performance-pending body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.low-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.medium-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro,
  html.high-performance body.site-home.home-page.is-motion-optimized #systems.systems-section .why-intro.why-intro {
    background-color: rgba(0, 0, 0, 0.84) !important;
    -webkit-backdrop-filter: blur(12px) saturate(0) brightness(0.72) !important;
    backdrop-filter: blur(12px) saturate(0) brightness(0.72) !important;
  }
}

/* Homepage Who It Is For random glow removal: neutral glass only, no cyan/green bloom. */
body.site-home.home-page #proof.proof-section,
body.site-home.home-page #proof.proof-section.is-live,
body.site-home.home-page #proof.motion-section.has-entered:not(.has-passed):not(.passed) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page #proof.proof-section::before,
body.site-home.home-page #proof.proof-section::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #proof .proof-feature-rail,
body.site-home.home-page #proof .proof-feature-rail:hover,
body.site-home.home-page #proof.is-live .proof-feature-rail {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.site-home.home-page #proof .proof-feature-rail::before,
body.site-home.home-page #proof .proof-feature-rail::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.site-home.home-page #proof .proof-feature-row,
body.site-home.home-page #proof .proof-feature-row:hover,
body.site-home.home-page #proof .proof-feature-row.signal-activate.is-active,
body.site-home.home-page.is-motion-optimized #proof .proof-feature-row,
body.site-home.home-page.is-motion-optimized #proof .proof-feature-row:hover,
body.site-home.home-page.is-motion-optimized #proof .proof-feature-row.signal-activate.is-active {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.018) 58%, rgba(255, 255, 255, 0.012)),
    rgba(3, 8, 18, 0.5) !important;
  box-shadow:
    0 24px 64px rgba(0, 4, 18, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.site-home.home-page #proof .proof-feature-row::before,
body.site-home.home-page #proof .proof-feature-row::after,
body.site-home.home-page #proof .proof-feature-row.signal-activate.is-active::after,
body.site-home.home-page #proof .proof-feature-row:hover::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Homepage Who It Is For final glow kill switch: no side bloom, rail stripe, or cyan/green pseudo-light. */
body.site-home.home-page #proof,
body.site-home.home-page #proof.proof-section,
body.site-home.home-page #proof.fit-section,
body.site-home.home-page #proof.is-live,
body.site-home.home-page #proof.is-who-sort-visible,
body.site-home.home-page #proof.motion-section.has-entered:not(.has-passed):not(.passed) {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body.site-home.home-page #proof::before,
body.site-home.home-page #proof::after,
body.site-home.home-page #proof .proof-editorial::before,
body.site-home.home-page #proof .proof-editorial::after,
body.site-home.home-page #proof .proof-editorial-copy::before,
body.site-home.home-page #proof .proof-editorial-copy::after,
body.site-home.home-page #proof .proof-feature-rail::before,
body.site-home.home-page #proof .proof-feature-rail::after,
body.site-home.home-page #proof .proof-feature-list::before,
body.site-home.home-page #proof .proof-feature-list::after,
body.site-home.home-page #proof .proof-feature-row::before,
body.site-home.home-page #proof .proof-feature-row::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

body.site-home.home-page #proof .proof-editorial-copy,
body.site-home.home-page #proof .proof-feature-rail {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body.site-home.home-page #proof .proof-feature-list {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Hero Apple-style floating CTA buttons: no shared capsule outline. */
body.site-home.home-page .hero-refresh-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  margin: 34px auto 0 !important;
  margin-top: 34px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
}

body.site-home.home-page .hero-refresh-actions .btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 48px !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-shadow: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    transform 250ms ease,
    box-shadow 250ms ease,
    border-color 250ms ease,
    background 250ms ease !important;
}

body.site-home.home-page .hero-refresh-actions .btn::before,
body.site-home.home-page .hero-refresh-actions .btn::after {
  content: none !important;
  display: none !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: linear-gradient(135deg, #18c8ff 0%, #5a6cff 55%, #7b4dff 100%) !important;
  box-shadow:
    0 10px 30px rgba(24, 200, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page .hero-refresh-actions .btn-ghost {
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 22px rgba(0, 0, 0, 0.25) !important;
}

body.site-home.home-page .hero-refresh-actions .btn:hover,
body.site-home.home-page .hero-refresh-actions .btn:focus-visible {
  transform: translate3d(0, -2px, 0) !important;
}

body.site-home.home-page .hero-refresh-actions .btn-primary:hover,
body.site-home.home-page .hero-refresh-actions .btn-primary:focus-visible {
  box-shadow:
    0 14px 38px rgba(24, 200, 255, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.site-home.home-page .hero-refresh-actions .btn-ghost:hover,
body.site-home.home-page .hero-refresh-actions .btn-ghost:focus-visible {
  border-color: rgba(120, 190, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

@media (max-width: 760px) {
  body.site-home.home-page .hero-refresh-actions {
    width: min(100%, 330px) !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    flex: 1 1 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
  }
}

/* Restored viewport-gated section motion: original loops run only while visible. */
body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-product-float {
  animation: homepageProductFloat 8.5s ease-in-out var(--effect-delay, 0ms) infinite !important;
}

body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-glow-pulse {
  animation: homepageSoftGlowPulse 5.8s ease-in-out var(--effect-delay, 0ms) infinite !important;
}

body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-rail-flow {
  animation: homepageRailBreath 6.4s ease-in-out var(--effect-delay, 0ms) infinite !important;
}

body.site-home.home-page.is-motion-optimized .infra-section.is-live :is(.section-kicker, .proof-kicker, .footer-kicker) {
  animation: homepageAccentPulse 4.8s ease-in-out infinite !important;
}

body.site-home.home-page.is-motion-optimized .pipeline-rail.is-effect-visible span {
  animation: homepageRailNode 3.2s ease-in-out infinite !important;
}

body.site-home.home-page.is-motion-optimized #proof.is-live .proof-review-card {
  animation:
    proofReviewIn 0.95s cubic-bezier(0.16, 1, 0.3, 1) forwards,
    proofReviewFloat 7.6s ease-in-out infinite 1.45s,
    proofReviewGlow 6.8s ease-in-out infinite 1.45s !important;
}

body.site-home.home-page.is-motion-optimized #proof.is-live .proof-review-card:nth-child(1) {
  animation-delay: 0.18s, 1.45s, 1.45s !important;
}

body.site-home.home-page.is-motion-optimized #proof.is-live .proof-review-card:nth-child(2) {
  animation-delay: 0.34s, 1.65s, 1.65s !important;
}

body.site-home.home-page.is-motion-optimized #proof.is-live .proof-review-card:nth-child(3) {
  animation-delay: 0.5s, 1.85s, 1.85s !important;
}

body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .pipeline-intro::before {
  opacity: 0.22 !important;
  animation: riskBackgroundStarDrift 44s linear infinite !important;
}

body.site-home.home-page.is-motion-optimized #systems.is-visible .module-stats span::before {
  animation: builtSoftPulse 5.8s ease-in-out infinite !important;
}

body.site-home.home-page.is-motion-optimized #systems.is-visible .module-stats span:nth-child(2)::before {
  animation-delay: 0.7s !important;
}

body.site-home.home-page.is-motion-optimized #systems.is-visible .module-stats span:nth-child(3)::before {
  animation-delay: 1.3s !important;
}

body.site-home.home-page.is-motion-optimized #systems.is-visible .module-state-dot {
  animation: builtDotPulse 3.8s ease-in-out infinite 1.7s !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible::before {
  animation: finalCtaStarDrift 58s linear infinite !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-label {
  animation: finalSoftGlowIn 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-title .word {
  animation: finalWordReveal 750ms cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-actions {
  animation: finalButtonsIn 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards 850ms !important;
}

body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-actions .final-primary {
  animation: finalSoftButtonPulse 3.5s ease-in-out infinite 1.6s !important;
}

/* Homepage viewport reveal controller: below-hero content stays hidden until 60% visible. */
body.is-motion-enhanced [data-scroll-section] {
  opacity: 0 !important;
  transform: translate3d(0, 40px, 0) !important;
  filter: blur(12px) !important;
  pointer-events: none !important;
  transition: none !important;
}

body.is-motion-enhanced [data-scroll-section].is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0) !important;
  pointer-events: auto !important;
  transition:
    opacity 800ms ease,
    transform 800ms ease,
    filter 800ms ease !important;
}

body.site-home.home-page.is-motion-enhanced [data-scroll-section] {
  opacity: 0 !important;
  transform: translate3d(0, 40px, 0) !important;
  filter: blur(12px) !important;
  pointer-events: none !important;
  transition: none !important;
}

body.site-home.home-page.is-motion-enhanced [data-scroll-section].is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0) !important;
  pointer-events: auto !important;
  transition:
    opacity 800ms ease,
    transform 800ms ease,
    filter 800ms ease !important;
}

body.site-home.home-page.is-motion-enhanced [data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced [data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible).has-entered {
  opacity: 0 !important;
  transform: translate3d(0, -32px, 0) !important;
  filter: blur(10px) !important;
  pointer-events: none !important;
}

body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible),
html.star-rush-complete body.site-home.home-page.is-motion-enhanced.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible) {
  opacity: 0 !important;
  visibility: hidden !important;
  filter: blur(12px) !important;
  pointer-events: none !important;
}

body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible)::before,
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible)::after,
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible) *::before,
body.site-home.home-page.is-motion-enhanced [data-scroll-section]:not(.is-visible) *::after {
  animation-play-state: paused !important;
}

/* Final viewport lock: hidden scroll sections must not leak glow or running loops. */
body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible) {
  opacity: 0 !important;
  transform: translate3d(0, 40px, 0) !important;
  filter: blur(12px) !important;
  pointer-events: none !important;
}

body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section].has-passed,
body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section].passed,
body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section].passed {
  opacity: 0 !important;
  transform: translate3d(0, -32px, 0) !important;
  filter: blur(10px) !important;
  pointer-events: none !important;
}

body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible),
body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible) *,
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth.is-animation-paused,
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth.is-animation-paused * {
  animation-play-state: paused !important;
}

/* Final marquee centering lock: section reveal transforms must not push this full-bleed layer right. */
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section].is-visible {
  transform: translate3d(-50%, 0, 0) !important;
}

body.site-home.home-page.is-motion-enhanced .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.is-visible) {
  transform: translate3d(-50%, 40px, 0) !important;
}

body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section].has-passed,
body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section].passed {
  transform: translate3d(-50%, -32px, 0) !important;
}

/* Final marquee motion lock: after the hero intro, the memory layer must stay visible and moving. */
body.site-home.home-page.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.has-passed):not(.passed) {
  opacity: 0.9 !important;
  visibility: visible !important;
  filter:
    blur(0)
    drop-shadow(0 0 12px rgba(90, 221, 255, 0.16)) !important;
  transform: translate3d(-50%, 0, 0) !important;
  pointer-events: none !important;
}

body.site-home.home-page.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.has-passed):not(.passed),
body.site-home.home-page.hero-intro-managed.hero-intro-visible .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.has-passed):not(.passed) * {
  animation-play-state: running !important;
}

/* Final risk-reversal panel treatment: transparent rows with a white outline and glow. */
body.site-home.home-page #flow .pipeline-flow-step,
body.site-home.home-page #flow .pipeline-flow-step-featured {
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: clamp(26px, 3vw, 46px) !important;
  outline: 1px solid rgba(255, 255, 255, 0.1) !important;
  outline-offset: -2px;
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(255, 255, 255, 0.18),
    0 22px 80px rgba(0, 0, 0, 0.34) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page.is-motion-optimized #flow .pipeline-flow-step,
body.site-home.home-page.is-motion-optimized #flow .pipeline-flow-step-featured,
body.site-home.home-page.perf-lite #flow .pipeline-flow-step,
body.site-home.home-page.perf-lite #flow .pipeline-flow-step-featured,
html.low-performance body.site-home.home-page #flow .pipeline-flow-step,
html.low-performance body.site-home.home-page #flow .pipeline-flow-step-featured {
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(255, 255, 255, 0.18),
    0 22px 80px rgba(0, 0, 0, 0.34) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.low-performance body.site-home.home-page.perf-lite.is-motion-optimized #flow.pipeline-section .pipeline-flow > .pipeline-flow-step.step-row,
html.low-performance body.site-home.home-page.perf-lite.is-motion-optimized #flow.pipeline-section .pipeline-flow > .pipeline-flow-step.pipeline-flow-step-featured.step-row {
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(255, 255, 255, 0.18),
    0 22px 80px rgba(0, 0, 0, 0.34) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.site-home.home-page #flow .pipeline-flow-step:hover,
body.site-home.home-page #flow .pipeline-flow-step:focus-within {
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 0 44px rgba(255, 255, 255, 0.24),
    0 28px 92px rgba(0, 0, 0, 0.38) !important;
}

@media (max-width: 760px) {
  body.site-home.home-page #flow .pipeline-flow-step,
  body.site-home.home-page #flow .pipeline-flow-step-featured {
    padding: 30px clamp(22px, 7vw, 32px) !important;
    border-radius: 28px !important;
  }
}

/* Mobile performance pass: lazy below-fold rendering, cheaper glass, same composition. */
@media (max-width: 760px) {
  body.site-home.home-page.is-motion-optimized {
    --perf-glass-blur: 3.5px;
    --perf-soft-shadow: 0 14px 34px rgba(0, 4, 18, 0.22);
    --perf-cyan-glow: 0 0 14px rgba(255, 255, 255, 0.075);
  }

  body.site-home.home-page #systems[data-scroll-section],
  body.site-home.home-page #visual-proof[data-scroll-section],
  body.site-home.home-page #proof[data-scroll-section],
  body.site-home.home-page #flow[data-scroll-section],
  body.site-home.home-page #site-footer[data-scroll-section] {
    content-visibility: auto;
  }

  body.site-home.home-page #systems[data-scroll-section] {
    contain-intrinsic-size: auto 1120px;
  }

  body.site-home.home-page #visual-proof[data-scroll-section] {
    contain-intrinsic-size: auto 1180px;
  }

  body.site-home.home-page #proof[data-scroll-section] {
    contain-intrinsic-size: auto 1220px;
  }

  body.site-home.home-page #flow[data-scroll-section] {
    contain-intrinsic-size: auto 1440px;
  }

  body.site-home.home-page #site-footer[data-scroll-section] {
    contain-intrinsic-size: auto 720px;
  }

  body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section]:not(.is-visible) {
    filter: blur(6px) !important;
  }

  body.site-home.home-page.is-motion-optimized :is(
    #systems .why-intro,
    #systems .module-card-primary .module-stats > span.stat-item.feature-card,
    #visual-proof .product-showcase-shell,
    #proof .proof-feature-row,
    #proof .proof-review-card,
    #flow .pipeline-flow-step,
    #flow .pipeline-flow-step .btn,
    #site-footer .footer-cta
  ) {
    -webkit-backdrop-filter: blur(var(--perf-glass-blur)) saturate(1.02) !important;
    backdrop-filter: blur(var(--perf-glass-blur)) saturate(1.02) !important;
    box-shadow:
      var(--perf-soft-shadow),
      var(--perf-cyan-glow),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    filter: none !important;
  }

  body.site-home.home-page.is-motion-optimized #flow .pipeline-flow-step,
  body.site-home.home-page.is-motion-optimized #flow .pipeline-flow-step-featured,
  body.site-home.home-page.perf-lite #flow .pipeline-flow-step,
  body.site-home.home-page.perf-lite #flow .pipeline-flow-step-featured {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.055),
      0 0 18px rgba(255, 255, 255, 0.12),
      0 18px 48px rgba(0, 0, 0, 0.3) !important;
  }

  body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth[data-scroll-section]:not(.has-passed):not(.passed) {
    filter:
      blur(0)
      drop-shadow(0 0 7px rgba(90, 221, 255, 0.12)) !important;
  }

  body.site-home.home-page.is-motion-enhanced.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate {
    animation:
      realWorkAppleCardIn 760ms cubic-bezier(0.22, 1, 0.36, 1) forwards,
      realWorkBubbleFloat 10s ease-in-out infinite !important;
  }

  body.site-home.home-page [data-scroll-section]:not(.is-visible) :is(.homepage-effect-item, .module-stats span, .proof-feature-row, .pipeline-flow-step, .footer-cta) {
    will-change: auto !important;
  }
}

/* Final mobile viewport lock: systems cards must scale to the phone width, not inherit desktop rails. */
@media (max-width: 760px) {
  html,
  body.site-home.home-page {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.site-home.home-page {
    --mobile-card-gutter: clamp(18px, 5.6vw, 24px);
    --mobile-card-glass-blur: 3px;
    --mobile-card-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.055),
      0 0 22px rgba(255, 255, 255, 0.12),
      0 18px 48px rgba(0, 0, 0, 0.3);
  }

  body.site-home.home-page #systems.systems-section {
    width: 100dvw !important;
    max-width: 100dvw !important;
    inline-size: 100dvw !important;
    max-inline-size: 100dvw !important;
    padding-left: var(--mobile-card-gutter) !important;
    padding-right: var(--mobile-card-gutter) !important;
    overflow-x: clip !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: clamp(26px, 8vw, 42px) !important;
    align-items: stretch !important;
  }

  body.site-home.home-page #systems > .section-head,
  body.site-home.home-page #systems > .systems-layout,
  body.site-home.home-page #systems > .why-intro {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
  }

  body.site-home.home-page #systems > .section-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(18px, 6vw, 28px) !important;
    align-items: start !important;
    justify-items: start !important;
  }

  body.site-home.home-page #systems > .systems-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(24px, 7vw, 36px) !important;
    align-items: stretch !important;
  }

  body.site-home.home-page #systems .systems-side {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
  }

  body.site-home.home-page #systems .systems-layout,
  body.site-home.home-page #systems .module-card-primary,
  body.site-home.home-page #systems .feature-grid,
  body.site-home.home-page #systems .module-stats {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  body.site-home.home-page #systems .module-card-primary {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "state"
      "stats"
      "note" !important;
    gap: clamp(18px, 5vw, 28px) !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body.site-home.home-page #systems .module-state {
    grid-area: state !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  body.site-home.home-page #systems .module-stats {
    grid-area: stats !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(16px, 5vw, 20px) !important;
    margin: 0 !important;
  }

  html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats,
  html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats,
  html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats,
  html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats,
  body.site-home.home-page #systems .module-card-primary .module-stats {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-self: stretch !important;
  }

  html.performance-pending body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.low-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.medium-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  html.high-performance body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  body.site-home.home-page #systems .module-card-primary .module-stats > span.stat-item.feature-card,
  body.site-home.home-page #systems .feature-card,
  body.site-home.home-page #systems .module-stats span {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: clamp(176px, 48vw, 210px) !important;
    padding: clamp(23px, 6vw, 28px) !important;
    border: 1px solid rgba(244, 250, 255, 0.28) !important;
    border-top-color: rgba(255, 255, 255, 0.44) !important;
    border-radius: clamp(26px, 7vw, 32px) !important;
    background:
      radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.16), transparent 42%),
      radial-gradient(ellipse at 18% 12%, rgba(125, 211, 252, 0.095), transparent 36%),
      linear-gradient(158deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.025) 38%, rgba(5, 14, 29, 0.42) 100%) !important;
    box-shadow: var(--mobile-card-shadow) !important;
    -webkit-backdrop-filter: blur(var(--mobile-card-glass-blur)) saturate(1.02) !important;
    backdrop-filter: blur(var(--mobile-card-glass-blur)) saturate(1.02) !important;
    filter: none !important;
    overflow: hidden !important;
    transform: translate3d(0, 0, 0) !important;
  }

  body.site-home.home-page #systems .module-stats span strong {
    font-size: clamp(1.62rem, 7vw, 2rem) !important;
    line-height: 1.08 !important;
  }

  body.site-home.home-page #systems .module-stats span small {
    max-width: 100% !important;
    font-size: clamp(0.94rem, 4vw, 1.02rem) !important;
    line-height: 1.58 !important;
    overflow-wrap: anywhere;
  }

  body.site-home.home-page #systems .module-foot-copy,
  body.site-home.home-page #systems .bottom-note {
    grid-area: note !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    text-align: left !important;
  }
}

/* Final mobile performance pass: preserve atmosphere while cutting expensive off-screen and looping paint work. */
@media (max-width: 760px) {
  body.site-home.home-page.is-motion-optimized {
    --perf-glass-blur: 2.5px;
    --perf-soft-shadow: 0 12px 30px rgba(0, 4, 18, 0.22);
    --perf-cyan-glow: 0 0 12px rgba(255, 255, 255, 0.07);
  }

  body.site-home.home-page #systems[data-scroll-section],
  body.site-home.home-page #visual-proof[data-scroll-section],
  body.site-home.home-page #proof[data-scroll-section],
  body.site-home.home-page #flow[data-scroll-section],
  body.site-home.home-page #site-footer[data-scroll-section] {
    contain: layout style;
    content-visibility: auto;
  }

  body.site-home.home-page.is-motion-enhanced #systems[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #visual-proof[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #proof[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #flow[data-scroll-section]:not(.is-visible),
  body.site-home.home-page.is-motion-enhanced #site-footer[data-scroll-section]:not(.is-visible) {
    filter: blur(3px) !important;
  }

  body.site-home.home-page [data-scroll-section].is-animation-paused *,
  body.site-home.home-page [data-scroll-section]:not(.is-visible) *,
  body.site-home.home-page [data-scroll-section]:not(.is-visible) *::before,
  body.site-home.home-page [data-scroll-section]:not(.is-visible) *::after {
    animation-play-state: paused !important;
    will-change: auto !important;
  }

  body.site-home.home-page #systems::before,
  body.site-home.home-page #systems::after,
  body.site-home.home-page #visual-proof .product-showcase-shell::after,
  body.site-home.home-page #flow .pipeline-intro::before,
  body.site-home.home-page #site-footer::before,
  body.site-home.home-page #site-footer::after {
    filter: blur(18px) !important;
    opacity: 0.5 !important;
  }

  body.site-home.home-page.is-motion-optimized #systems.is-visible .module-stats span::before,
  body.site-home.home-page.is-motion-optimized #systems.is-visible .module-state-dot,
  body.site-home.home-page.is-motion-optimized #flow.is-risk-focus-visible .pipeline-intro::before,
  body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible::before,
  body.site-home.home-page.is-motion-optimized #site-footer.is-final-cta-visible .final-actions .final-primary,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-glow-pulse,
  body.site-home.home-page.is-motion-optimized .homepage-effect-item.is-effect-visible.effect-rail-flow {
    animation: none !important;
  }

  body.site-home.home-page.is-motion-enhanced.is-realwork-motion-ready #systems .module-card-primary .module-stats > span.stat-item.feature-card.animate {
    animation: realWorkAppleCardIn 620ms cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
  }

  body.site-home.home-page .space-marquee-track,
  body.site-home.home-page.is-motion-optimized .space-marquee-track {
    animation-duration: 96s !important;
  }
}

/* Launch mobile containment guard: keep the approved Product Experience section inside narrow viewports. */
@media (max-width: 760px) {
  body.site-home.home-page .shell-main {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip !important;
  }

  body.site-home.home-page .shell-main > .section,
  body.site-home.home-page #visual-proof.product-showcase-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    overflow-x: clip !important;
  }

  body.site-home.home-page #visual-proof .product-showcase-shell,
  body.site-home.home-page #visual-proof .product-showcase-copy,
  body.site-home.home-page #visual-proof .product-showcase-lead,
  body.site-home.home-page #visual-proof .product-showcase-points,
  body.site-home.home-page #visual-proof .product-showcase-point,
  body.site-home.home-page #visual-proof .plutar-dashboard-preview {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.site-home.home-page #visual-proof .product-showcase-copy h2 {
    max-width: min(10ch, 100%) !important;
    font-size: clamp(2.25rem, 10.6vw, 3rem) !important;
    line-height: 1.06 !important;
    overflow-wrap: normal !important;
  }

  body.site-home.home-page #visual-proof .product-showcase-lead,
  body.site-home.home-page #visual-proof .product-showcase-point p {
    max-width: 100% !important;
  }
}

/* Motion fail-open: hidden enhancement states require confirmed managed motion. */
body.site-home.home-page:not(.is-motion-enhanced) .homepage-effect-item,
body:not(.is-motion-enhanced) .reveal-enter {
  opacity: 1;
  visibility: visible;
  transform: none;
  filter: none;
  transition: none;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  html:has(> body.site-home.home-page),
  body.site-home.home-page {
    max-width: 100%;
    overflow-x: clip;
  }

  body.site-home.home-page .hero-side-pills,
  body.site-home.home-page .hero-tag,
  body.site-home.home-page .hero-tag::before,
  body.site-home.home-page .space-marquee-track,
  body.site-home.home-page .space-marquee-track span,
  body.site-home.home-page .shell-main > .space-marquee-wrap.plutar-marquee.plutar-marquee-depth .space-marquee-track,
  body.site-home.home-page .space-marquee-track span:nth-of-type(n),
  body.site-home.home-page #site-footer .final-primary,
  body.site-home.home-page #site-footer.is-final-cta-visible .final-actions .final-primary {
    animation: none !important;
  }
}

/* Shared public mobile-menu lifecycle and restrained reading-order sequence. */
html.plutar-menu-scroll-locked,
body.plutar-menu-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
}

html body.plutar-menu-scroll-locked,
html body.site-home.home-page.plutar-menu-scroll-locked,
html body.plutar-site-system.plutar-menu-scroll-locked {
  position: fixed !important;
  top: var(--plutar-menu-lock-y, 0) !important;
  left: var(--plutar-menu-lock-x, 0) !important;
  right: 0 !important;
  width: 100% !important;
}

.plutar-mobile-menu-backdrop[hidden] {
  display: none !important;
}

@media (max-width: 1180px) {
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered {
    isolation: isolate;
    touch-action: pan-y;
  }

  body.plutar-menu-enhanced .site-header .plutar-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    cursor: default;
    transition: opacity 160ms ease;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .plutar-mobile-menu-backdrop {
    opacity: 1;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered .site-header-inner {
    position: relative;
    z-index: 1;
    opacity: 0.96;
    transform: translate3d(0, 8px, 0);
    transition:
      opacity 180ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .site-header-inner {
    opacity: 1;
    transform: none;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    transition:
      color 160ms ease,
      background-color 160ms ease,
      border-color 160ms ease,
      opacity 180ms ease,
      transform 200ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible :is(.nav-primary, .nav-actions) a {
    opacity: 1;
    transform: none;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(1) { transition-delay: 26ms !important; }
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(2) { transition-delay: 52ms !important; }
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(3) { transition-delay: 78ms !important; }
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(4) { transition-delay: 104ms !important; }
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(5) { transition-delay: 130ms !important; }
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-actions a { transition-delay: 156ms !important; }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-closing :is(.nav-primary, .nav-actions) a {
    transition-delay: 0ms !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) {
    gap: 0 !important;
  }

  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) {
    gap: 0 !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a,
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered .nav-actions .btn {
    min-height: 56px !important;
    padding: 0 12px !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 211, 255, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a,
  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered .nav-actions .btn {
    min-height: 56px !important;
    padding: 0 12px !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 211, 255, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a:is(:hover, :focus-visible),
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a.is-active {
    border-bottom-color: rgba(103, 232, 249, 0.28) !important;
    background: rgba(34, 211, 238, 0.07) !important;
    color: #f8fafc !important;
  }

  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a:is(:hover, :focus-visible),
  body.site-home.home-page.plutar-menu-enhanced .site-header.is-mobile-open.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a.is-active {
    border-bottom-color: rgba(103, 232, 249, 0.28) !important;
    background: rgba(34, 211, 238, 0.07) !important;
    color: #f8fafc !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a:focus-visible,
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.mobile-nav-toggle, .plutar-mobile-nav-toggle):focus-visible {
    outline: 2px solid rgba(103, 232, 249, 0.92) !important;
    outline-offset: -2px !important;
  }

  body.site-home.home-page:not(.plutar-menu-enhanced) .mobile-nav-toggle {
    display: none !important;
  }

  body.site-home.home-page:not(.plutar-menu-enhanced) .site-header .nav-primary,
  body.site-home.home-page:not(.plutar-menu-enhanced) .site-header .nav-actions,
  body.plutar-site-system:not(.plutar-menu-enhanced) .site-header .nav-primary,
  body.plutar-site-system:not(.plutar-menu-enhanced) .site-header .nav-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-primary a:nth-child(n),
  body.plutar-menu-enhanced .site-header.is-plutar-menu-visible .nav-actions a {
    transition-delay: 0ms !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered,
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered .site-header-inner,
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered .plutar-mobile-menu-backdrop,
  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.nav-primary, .nav-actions) a {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    transition-delay: 0ms !important;
    animation: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.plutar-menu-enhanced .site-header.is-plutar-menu-rendered :is(.mobile-nav-toggle, .plutar-mobile-nav-toggle) span {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 560px) {
  body.site-home.home-page .hero-refresh-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 310px) !important;
    gap: 10px !important;
  }

  body.site-home.home-page .hero-refresh-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 18px !important;
  }
}

/* Front-door performance guard: decorative public-site motion rests as a static composition. */
html:root body.site-home.home-page > .site-space-background.star-bg[aria-hidden="true"],
html:root body.site-home.home-page > .site-space-background.star-bg[aria-hidden="true"] *,
html:root body.site-home.home-page > .site-space-background.star-bg[aria-hidden="true"]::before,
html:root body.site-home.home-page > .site-space-background.star-bg[aria-hidden="true"]::after,
body.site-home.home-page #pluto-front-door[hidden],
body.site-home.home-page #pluto-front-door[hidden] *,
body.site-home.home-page #pluto-front-door[hidden] *::before,
body.site-home.home-page #pluto-front-door[hidden] *::after,
body.site-home.home-page #app-site-view[hidden],
body.site-home.home-page #app-site-view[hidden] *,
body.site-home.home-page #app-site-view[hidden] *::before,
body.site-home.home-page #app-site-view[hidden] *::after,
body.site-home.home-page[data-site-view="app"] #app-site-view,
body.site-home.home-page[data-site-view="app"] #app-site-view *,
body.site-home.home-page[data-site-view="app"] #app-site-view *::before,
body.site-home.home-page[data-site-view="app"] #app-site-view *::after {
  animation: none !important;
}