/* Shared homepage visual system. Keep page-specific layouts in their own stylesheet. */
@font-face { font-family: Outfit; font-style: normal; font-weight: 300; font-display: swap; src: url("./fonts/outfit-light.ttf") format("truetype"); }
@font-face { font-family: Outfit; font-style: normal; font-weight: 400; font-display: swap; src: url("./fonts/outfit-regular.woff2") format("woff2"); }
@font-face { font-family: Outfit; font-style: normal; font-weight: 500; font-display: swap; src: url("./fonts/outfit-medium.woff2") format("woff2"); }
    :root {
      --ink: #E5E4E2;
      --paper: #0A0A0A;
      --white: #ffffff;
      --blue: #536878;
      --blue-soft: rgba(83, 104, 120, 0.2);
      --blue-vivid: #2f63e8;
      --green: #5e7a62;
      --green-soft: rgba(94, 122, 98, 0.16);
      --slate: #536878;
      --alabaster: #E5E4E2;
      --onyx: #0A0A0A;
      --btn-grad: linear-gradient(105deg, #0A0A0A 0%, #1a3a55 28%, #2f63e8 58%, #7ad4ff 100%);
      --key-grad: linear-gradient(90deg, #2f63e8 0%, #4aa8ff 55%, #9ee7ff 100%);
      --orange: #536878;
      --orange-soft: rgba(83, 104, 120, 0.14);
      --muted: rgba(229, 228, 226, 0.52);
      --line: rgba(229, 228, 226, 0.14);
      --glass: rgba(229, 228, 226, 0.08);
      --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
      --radius: 28px;
      --max: 1240px;
      --ease: cubic-bezier(.12, .88, .88, .12);
      --ease-page: cubic-bezier(.16, 1, .3, 1);
      --button-text: 16px;
    }

    * { box-sizing: border-box; }

    html {
      scroll-behavior: auto;
      background: var(--paper);
      overflow-x: clip;
      max-width: 100%;
    }

    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Outfit, ui-sans-serif, sans-serif;
      font-size: 14px;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
      animation: pageIn .55s var(--ease-page) both;
    }
    body.is-leaving {
      pointer-events: none;
      animation: pageOut .4s var(--ease-page) forwards;
    }
    @keyframes pageIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes pageOut {
      from { opacity: 1; }
      to { opacity: 0; }
    }

    button, a { font: inherit; }
    img, video { display: block; max-width: 100%; }

    .progress { display: none !important; }

    .progress > span {
      display: block;
      width: 0;
      height: 100%;
      background: var(--blue);
      transition: width .45s cubic-bezier(.2,.8,.2,1);
    }

    .side-nav {
      position: fixed;
      z-index: 90;
      top: 50%;
      right: 18px;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      padding: 0;
      border: 0;
      background: none;
      box-shadow: none;
      backdrop-filter: none;
    }

    .side-nav button {
      position: relative;
      width: 22px;
      height: 10px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      cursor: pointer;
    }

    .side-nav button::before {
      content: attr(data-label);
      position: absolute;
      top: 50%;
      right: 42px;
      padding: 7px 10px;
      border: 1px solid var(--line);
      border-radius: 10px;
      color: var(--ink);
      background: rgba(255,255,255,.94);
      box-shadow: 0 10px 28px rgba(17,18,15,.1);
      font-size: 11px;
      font-weight: 760;
      white-space: nowrap;
      opacity: 0;
      visibility: hidden;
      transform: translate(6px, -50%);
      transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
      pointer-events: none;
    }

    .side-nav button:hover::before,
    .side-nav button:focus-visible::before {
      opacity: 1;
      visibility: visible;
      transform: translate(0, -50%);
    }

    .side-nav button:focus-visible {
      outline: 3px solid rgba(53,111,246,.25);
      outline-offset: 0;
    }

    .side-nav button::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 1.5px;
      border-radius: 99px;
      background: rgba(229,228,226,.22);
      transform: translate(-50%, -50%);
      transition: background .25s ease, box-shadow .25s ease, width .25s ease;
    }

    .side-nav button.is-done::after {
      background: #2f63e8;
      box-shadow: 0 0 8px rgba(47,99,232,.55);
    }
    .side-nav button[aria-current="true"]::after {
      width: 18px;
      background: #2f63e8;
      box-shadow: 0 0 12px rgba(47,99,232,.75);
    }

    .chapter {
      position: relative;
      min-height: 100svh;
      padding: clamp(78px, 8vw, 112px) clamp(28px, 7vw, 96px) clamp(66px, 7vw, 90px);
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .chapter::before,
    .chapter::after {
      display: none;
    }

    .chapter {
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 120% 90% at 50% -8%, #24262a 0%, #141518 40%, #0A0A0A 72%);
    }
    .chapter.blue-wash,
    .chapter.green-wash,
    .chapter.orange-wash,
    .chapter.white,
    .chapter.dark {
      color: var(--white);
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 120% 90% at 50% -8%, #24262a 0%, #141518 40%, #0A0A0A 72%);
    }

    [data-title="Test game"] {
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 100% 80% at 82% 42%, #1e2228 0%, #0A0A0A 64%);
    }

    [data-title="Grow later"] {
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 100% 80% at 88% 46%, #1a2430 0%, #0A0A0A 64%);
    }

    .wrap {
      width: min(100%, var(--max));
      margin-inline: auto;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
      gap: clamp(38px, 6vw, 92px);
      align-items: center;
    }

    .demo-qr {
      justify-self: center;
      width: min(360px, 100%);
      padding: 22px 22px 16px;
      border-radius: 24px;
      background: var(--white);
      box-shadow: var(--shadow);
      text-align: center;
    }
    .demo-qr img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0;
      background: #fff;
    }
    .demo-qr a {
      display: inline-block;
      margin-top: 10px;
      color: var(--blue);
      font-size: 13px;
      font-weight: 750;
    }

    .eyebrow {
      margin: 0 0 12px;
      color: var(--blue);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .22em;
      font-weight: 400;
      text-transform: uppercase;
    }

    .dark .eyebrow { color: #8aa0b8; }

    h1, h2, h3, p { margin-top: 0; }

    h1, h2 {
      margin-bottom: 14px;
      max-width: 900px;
      font-weight: 300;
      letter-spacing: -.045em;
      line-height: 1.08;
      text-wrap: balance;
    }

    h1 { font-size: clamp(28px, 4vw, 48px); }
    h2 { font-size: clamp(24px, 3.2vw, 40px); }
    .cover-title { font-size: clamp(22px, 2.6vw, 34px); }
    h3 { margin-bottom: 8px; font-size: clamp(15px, 1.4vw, 20px); letter-spacing: -.02em; }

    .lead {
      max-width: 640px;
      margin-bottom: 0;
      color: var(--muted);
      font-size: clamp(13px, 1.2vw, 16px);
      line-height: 1.45;
      text-wrap: balance;
    }

    .dark .lead { color: rgba(255,255,255,.7); }
    .blue,
    .warm-gradient-text {
      display: inline;
      color: var(--blue-vivid);
      background: var(--key-grad);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .green { color: var(--green); }
    .orange { color: var(--blue); }

    .meta,
    .scroll-hint,
    .tiny-note,
    .tiny-code {
      display: none !important;
    }

    .dark .meta { color: rgba(255,255,255,.5); }

    .reveal {
      opacity: 0;
      transition: opacity .7s var(--ease-page);
    }

    .is-active .reveal,
    .is-revealed .reveal { opacity: 1; }
    .is-active .reveal.delay-1,
    .is-revealed .reveal.delay-1 { transition-delay: .14s; }
    .is-active .reveal.delay-2,
    .is-revealed .reveal.delay-2 { transition-delay: .28s; }
    .is-active .reveal.delay-3,
    .is-revealed .reveal.delay-3 { transition-delay: .42s; }

    .logo {
      width: clamp(128px, 16vw, 220px);
      height: auto;
      object-fit: contain;
    }

    .cover-logo { margin-bottom: clamp(44px, 7vh, 88px); }

    .cover-orbit {
      --os: min(42vw, 500px);
      position: relative;
      width: var(--os);
      aspect-ratio: 1;
      margin-inline: auto;
      border-radius: 50%;
      isolation: isolate;
    }

    .orbit-shell {
      position: absolute;
      inset: 2.5%;
      border-radius: 50%;
      border: 1px solid rgba(17,18,15,.05);
      background: radial-gradient(circle at 50% 46%, #fff 34%, rgba(247,249,255,.7) 60%, rgba(255,255,255,0) 78%);
      box-shadow: 0 30px 80px rgba(17,18,15,.07);
    }

    .orbit-glow {
      position: absolute;
      inset: 32%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(47,109,246,.18), transparent 68%);
      filter: blur(14px);
      pointer-events: none;
    }

    .orbit-ring {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .orbit-ring--track {
      inset: 8%;
      border: 1px solid rgba(17,18,15,.06);
    }

    .orbit-ring--inner {
      inset: 24%;
      border: 1px dashed rgba(53,111,246,.16);
      animation: spin 60s linear infinite;
    }

    .orbit-core {
      position: absolute;
      inset: 35.5%;
      z-index: 3;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: white;
      background:
        radial-gradient(circle at 32% 26%, rgba(255,255,255,.22), transparent 48%),
        radial-gradient(circle at 68% 82%, rgba(47,109,246,.25), transparent 55%),
        linear-gradient(150deg, #26262e 0%, #0f0f13 60%, #1c1c22 100%);
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.14),
        0 24px 60px rgba(17,18,15,.28);
      font-size: clamp(26px, 3.2vw, 44px);
      font-weight: 800;
      letter-spacing: .02em;
    }

    .orbit-rotor {
      position: absolute;
      inset: 0;
      z-index: 4;
      animation: spin 44s linear infinite;
      pointer-events: none;
    }

    .orbit-seat {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: rotate(var(--a)) translateY(calc(var(--os) * -.42));
    }

    .orbit-chip-spin {
      position: absolute;
      left: 0;
      top: 0;
      transform: translate(-50%, -50%) rotate(calc(var(--a) * -1));
      animation: chipUpright 44s linear infinite;
    }

    .orbit-chip {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 11px 18px;
      border: 1px solid rgba(17,18,15,.07);
      border-radius: 99px;
      background: rgba(255,255,255,.96);
      box-shadow: 0 10px 26px rgba(17,18,15,.09);
      backdrop-filter: blur(10px);
      font-size: 12.5px;
      font-weight: 700;
      letter-spacing: .02em;
      white-space: nowrap;
      animation: chipFloat 4.6s ease-in-out infinite;
      animation-delay: var(--d, 0s);
    }

    .orbit-chip::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #2F6DF6;
      flex: none;
    }

    .orbit-chip--membership {
      padding: 12px 20px;
      border-color: rgba(47,99,232,.45);
      background: rgba(26,29,35,.92);
      box-shadow: 0 12px 30px rgba(47,99,232,.22);
      color: #fff;
      font-size: 13px;
      font-weight: 800;
    }

    .orbit-chip--membership::before {
      background: var(--blue);
    }

    .story-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 28px 40px;
      margin-top: 40px;
    }

    .info-card,
    .package-card,
    .question {
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(26,29,35,.72);
      box-shadow: 0 16px 40px rgba(0,0,0,.28);
      backdrop-filter: blur(16px);
    }

    .story-pill {
      padding: 0;
      border: 0;
      background: none;
      box-shadow: none;
      text-align: left;
      font-weight: 300;
    }

    .story-pill b { display: block; margin-bottom: 8px; color: var(--blue); font-size: 10px; letter-spacing: .22em; font-weight: 300; }
    .story-pill strong { display: block; font-size: clamp(16px, 1.5vw, 20px); font-weight: 300; letter-spacing: -.02em; }
    .story-pill small { display: block; margin-top: 6px; color: inherit; opacity: .5; font-size: 12px; font-weight: 300; line-height: 1.4; }

    @media (hover: hover) {
      .info-card,
      .metric-card,
      .question { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }

      .info-card:hover,
      .metric-card:hover,
      .question:hover {
        transform: translateY(-3px);
        border-color: rgba(53,111,246,.22);
        box-shadow: 0 18px 42px rgba(17,18,15,.08);
      }
    }

    .phone-stage {
      position: relative;
      display: grid;
      place-items: center;
      min-height: 500px;
    }

    .game-frame {
      position: relative;
      width: min(380px, 82vw);
      aspect-ratio: 4 / 5;
      padding: 10px;
      border: 2px solid #191a18;
      border-radius: 34px;
      background: #10110f;
      box-shadow: none;
      transform: rotate(1.5deg);
      transition: transform .5s ease;
    }

    .is-active .game-frame { transform: rotate(-.6deg) translateY(-4px); }

    .game-frame video,
    .game-frame img {
      width: 100%;
      height: 100%;
      border-radius: 24px;
      object-fit: contain;
      background: #10110f;
    }

    .floating-note {
      position: absolute;
      padding: 10px 18px;
      border: 1px solid rgba(229,228,226,.28);
      border-radius: 999px;
      background: rgba(16,18,22,.42);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
      backdrop-filter: blur(18px) saturate(1.4);
      -webkit-backdrop-filter: blur(18px) saturate(1.4);
      color: #E5E4E2;
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .18em;
      text-transform: uppercase;
      animation: float 4s ease-in-out infinite;
    }

    .floating-note.top { top: 18%; right: 0; color: #E5E4E2; }
    .floating-note.bottom { bottom: 14%; left: 0; color: #E5E4E2; animation-delay: -1.5s; }

    .mini-labels {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 30px;
    }

    .mini-labels span,
    .tag {
      display: inline;
      min-height: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      color: inherit;
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .18em;
      text-transform: uppercase;
      opacity: .55;
    }
    .mini-labels span + span::before {
      content: " · ";
      letter-spacing: 0;
    }

    .journey {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 64px;
    }

    .journey::after,
    .journey::before {
      content: "";
      position: absolute;
      z-index: 0;
      top: 17px;
      left: 12.5%;
      width: 75%;
      height: 1.5px;
      transform-origin: left;
    }
    .journey::after {
      background: currentColor;
      opacity: .16;
    }
    .journey::before {
      background: var(--key-grad);
      transform: scaleX(var(--fill, 0));
      opacity: 1;
      transition: transform .55s cubic-bezier(.12, .88, .88, .12);
    }
    .journey.is-snap::before { transition: none; }

    .journey-step {
      position: relative;
      z-index: 1;
      padding: 0 8px;
      text-align: center;
    }

    .journey-icon {
      width: 36px;
      height: 36px;
      margin: 0 auto 16px;
      display: grid;
      place-items: center;
      border: 1px solid currentColor;
      border-radius: 50%;
      color: inherit;
      background: transparent;
      box-shadow: none;
      transition: transform .45s ease, background .45s ease, border-color .45s ease, color .45s ease, box-shadow .45s ease;
    }
    .journey-icon svg {
      width: 14px;
      height: 14px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .journey-step:nth-child(2) .journey-icon,
    .journey-step:nth-child(3) .journey-icon,
    .journey-step:nth-child(4) .journey-icon {
      color: inherit;
      background: transparent;
    }

    .journey-step h3 {
      margin: 0;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: .18em;
      text-transform: uppercase;
      transition: opacity .4s ease;
      opacity: .4;
    }
    .journey-step.is-done h3,
    .journey-step.is-on h3 { opacity: 1; color: #3a3d42; }
    .journey-step.is-on h3 {
      background: none;
      -webkit-text-fill-color: unset;
      color: #2c2e31;
    }
    .journey-step.is-done .journey-icon,
    .journey-step.is-on .journey-icon {
      border: 1.5px solid transparent;
      background:
        linear-gradient(#E5E4E2, #E5E4E2) padding-box,
        var(--key-grad) border-box;
      color: #3a3d42;
      box-shadow: none;
    }
    .journey-step.is-done .journey-icon svg,
    .journey-step.is-on .journey-icon svg { stroke: #3a3d42; }
    .journey-step.is-on .journey-icon {
      transform: scale(1.08);
    }
    .journey-step p { display: none; }

    .journey--metrics {
      grid-template-columns: repeat(5, 1fr);
    }
    .journey--metrics::before { display: none; }
    .journey--metrics::after {
      left: 10%;
      width: 80%;
      opacity: .22;
    }
    .journey--metrics .journey-step h3 {
      opacity: .85;
      color: #3a3d42;
    }

    .control-layout {
      grid-template-columns: minmax(0, .78fr) minmax(560px, 1.22fr);
      gap: clamp(34px, 5vw, 72px);
    }

    .control-dashboard-proof {
      position: relative;
      width: min(100%, 760px);
      margin: 0;
      justify-self: end;
      aspect-ratio: 1.58 / 1;
      overflow: hidden;
      border: 0;
      background: transparent;
    }

    .control-dashboard-proof img {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 102%;
      max-width: none;
      height: auto;
      opacity: 0;
      transform: translate(-50%, calc(-47% + 28px));
      transition: opacity .9s ease, transform 1s cubic-bezier(.2,.8,.2,1);
      transition-delay: .2s;
    }

    .is-active .control-dashboard-proof img {
      opacity: 1;
      transform: translate(-50%, -47%);
    }

    .control-grid,
    .benefit-grid,
    .included-grid,
    .metric-grid,
    .question-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 34px;
    }

    .info-card,
    .metric-card,
    .question {
      padding: 24px;
      border-radius: 22px;
    }

    .include-card {
      padding: 0;
      border: 0;
      background: none;
      box-shadow: none;
      min-height: 0;
    }

    .info-card .num {
      display: inline-grid;
      place-items: center;
      width: 38px;
      height: 38px;
      margin-bottom: 22px;
      border-radius: 12px;
      color: var(--blue);
      background: var(--blue-soft);
      font-size: 12px;
      font-weight: 850;
    }
    .include-card .num {
      display: block;
      width: auto;
      height: auto;
      margin-bottom: 8px;
      border-radius: 0;
      background: none;
      color: var(--blue);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .2em;
    }

    .info-card p,
    .benefit p,
    .include-card p,
    .metric-card p,
    .question p {
      margin-bottom: 0;
      color: var(--muted);
      line-height: 1.5;
    }

    .media-card {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      background: #181a16;
      box-shadow: none;
      height: 560px;
      min-height: 0;
    }

    .media-card video,
    .media-card img {
      width: 100%;
      height: 100%;
      min-height: 0;
      object-fit: contain;
    }

    .media-card.media-card--portrait {
      width: min(315px, 100%);
      height: auto;
      aspect-ratio: 9 / 16;
      margin-inline: auto;
    }

    .media-card::after {
      content: attr(data-caption);
      position: absolute;
      left: 18px;
      bottom: 18px;
      padding: 10px 13px;
      border-radius: 99px;
      color: var(--white);
      background: rgba(17,18,15,.72);
      backdrop-filter: blur(12px);
      font-size: 12px;
      font-weight: 780;
    }

    .benefit-grid { grid-template-columns: repeat(2, 1fr); gap: 22px 36px; }
    .benefit {
      min-height: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      backdrop-filter: none;
    }
    .benefit-icon {
      width: 36px;
      height: 36px;
      margin: 0 0 14px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(229,228,226,.32);
      border-radius: 50%;
      color: #E5E4E2;
      background: transparent;
    }
    .benefit-icon svg {
      width: 15px;
      height: 15px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .benefit h3 { font-weight: 300; font-size: 16px; }
    .benefit p { font-size: 13px; opacity: .6; }

    .included-grid { grid-template-columns: repeat(3, 1fr); }
    .include-card { min-height: 0; }

    .proof-frame {
      overflow: hidden;
      border-radius: var(--radius);
      background: var(--white);
      box-shadow: var(--shadow);
    }

    .proof-frame img { width: 100%; height: auto; }

    .proof-frame.proof-video {
      position: relative;
      justify-self: center;
      width: min(315px, 100%);
      aspect-ratio: 9 / 16;
      background: #0d0f0c;
    }

    .proof-video video {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .proof-video::after {
      content: "Palsaik · Flip the Meat · Jul 2026";
      position: absolute;
      left: 18px;
      bottom: 18px;
      padding: 10px 13px;
      border-radius: 99px;
      color: var(--white);
      background: rgba(17,18,15,.76);
      backdrop-filter: blur(12px);
      font-size: 12px;
      font-weight: 780;
    }

    .proof-points {
      display: grid;
      gap: 14px;
      margin-top: 30px;
    }

    .proof-points div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 8px 0;
      border: 0;
      border-radius: 0;
      color: rgba(229,228,226,.72);
      background: none;
    }

    .proof-points b {
      color: var(--blue);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .2em;
    }

    .metric-grid { grid-template-columns: repeat(5, 1fr); }
    .metric-card { min-height: 180px; padding: 22px 18px; }
    .metric-card .metric-symbol { display: block; margin-bottom: 34px; color: var(--blue); font-size: 34px; font-weight: 850; }
    .metric-card p { font-size: 14px; }

    .privacy-note {
      margin-top: 24px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
    }

    .phone-fan {
      position: relative;
      min-height: 440px;
      perspective: 1200px;
    }

    .membership-visual { min-width: 0; }

    .membership-visual-label {
      margin: 22px 0 0;
      color: var(--blue);
      font-size: 12px;
      font-weight: 850;
      letter-spacing: .16em;
      text-align: center;
      text-transform: uppercase;
    }

    .phone-shot {
      position: absolute;
      top: 50%;
      left: 50%;
      width: min(174px, 36vw);
      height: auto;
      border: 4px solid rgba(255,255,255,.92);
      border-radius: 26px;
      box-shadow: none;
      transform-origin: center bottom;
      transition: transform .9s cubic-bezier(.2,.8,.2,1), opacity .6s ease;
    }

    .phone-shot:nth-child(1) { z-index: 1; transform: translate(-132%, -48%) rotate(-11deg); }
    .phone-shot:nth-child(2) { z-index: 2; transform: translate(-92%, -53%) rotate(-5deg); }
    .phone-shot:nth-child(3) {
      z-index: 5;
      width: min(205px, 42vw);
      border-color: rgba(223,233,255,.98);
      box-shadow: 0 30px 74px rgba(47,99,232,.3);
      transform: translate(-50%, -57%) rotate(0deg);
    }
    .phone-shot:nth-child(4) { z-index: 3; transform: translate(-7%, -53%) rotate(5deg); }
    .phone-shot:nth-child(5) { z-index: 1; transform: translate(31%, -48%) rotate(11deg); }
    .is-active .phone-shot { animation: fanIn .8s both; }
    .is-active .phone-shot:nth-child(2) { animation-delay: .08s; }
    .is-active .phone-shot:nth-child(3) { animation-delay: .16s; }
    .is-active .phone-shot:nth-child(4) { animation-delay: .24s; }
    .is-active .phone-shot:nth-child(5) { animation-delay: .32s; }

    .proof-switcher {
      min-height: auto;
      padding-top: clamp(48px, 5vw, 72px);
      padding-bottom: clamp(48px, 5vw, 72px);
      background: linear-gradient(180deg, #0A0A0A 0%, #11151a 52%, #0A0A0A 100%);
    }
    .proof-switch-wrap { display: flex; flex-direction: column; width: min(100%, 1080px); max-width: 100%; min-width: 0; gap: 18px; }
    .proof-switch-head { max-width: 760px; margin-inline: auto; text-align: center; }
    .proof-switch-head h2 { width: 100%; max-width: none; margin: 0; font-size: clamp(42px, 5.4vw, 70px); font-weight: 300; letter-spacing: -.05em; }
    .proof-tabs {
      --proof-pill-x: 0px;
      --proof-pill-y: 0px;
      --proof-pill-w: 0px;
      --proof-pill-h: 42px;
      position: relative;
      z-index: 5;
      isolation: isolate;
      display: flex;
      width: fit-content;
      max-width: 100%;
      min-width: 0;
      margin-inline: auto;
      padding: 5px;
      overflow-x: auto;
      border: 1px solid rgba(229,228,226,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.035);
      scrollbar-width: none;
    }
    .proof-tabs::before {
      content: "";
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: var(--proof-pill-w);
      height: var(--proof-pill-h);
      border-radius: 999px;
      background: linear-gradient(105deg, #2f63e8 0%, #4aa8ff 58%, #7ad4ff 100%);
      box-shadow: 0 8px 24px rgba(47,99,232,.28);
      transform: translate3d(var(--proof-pill-x), var(--proof-pill-y), 0);
      transition:
        transform .52s cubic-bezier(.16, 1, .3, 1),
        width .42s cubic-bezier(.16, 1, .3, 1),
        height .42s cubic-bezier(.16, 1, .3, 1);
      pointer-events: none;
    }
    .proof-tabs.is-instant::before { transition: none; }
    .proof-tabs::-webkit-scrollbar { display: none; }
    .proof-tab {
      position: relative;
      z-index: 1;
      flex: 0 0 auto;
      min-height: 46px;
      padding: 0 18px;
      border: 0;
      border-radius: 999px;
      color: rgba(229,228,226,.5);
      background: transparent;
      font: inherit;
      font-size: var(--button-text);
      font-weight: 500;
      cursor: pointer;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: color .28s ease, transform .28s cubic-bezier(.16, 1, .3, 1);
    }
    .proof-tab:hover { color: #E5E4E2; }
    .proof-tab:active { transform: scale(.97); }
    .proof-tab[aria-selected="true"] { color: #fff; background: transparent; text-shadow: 0 1px 8px rgba(0,0,0,.24); }
    .proof-tab:focus-visible { outline: 2px solid var(--blue-vivid); outline-offset: 3px; }
    .proof-stage { min-width: 0; overflow: visible; }
    .proof-panel { display: none; min-height: 0; grid-template-columns: minmax(240px, .68fr) minmax(0, 1.32fr); align-items: center; gap: clamp(20px, 3vw, 40px); }
    .proof-panel.is-active {
      display: grid;
      animation: proofPanelIn .52s cubic-bezier(.16, 1, .3, 1) both;
    }
    .proof-switch-copy { display: flex; flex-direction: column; justify-content: center; padding: 0; }
    .proof-switch-label { margin: 0 0 22px; color: #7ad4ff; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
    .proof-switch-copy h3 { margin: 0; font-size: clamp(28px, 3.1vw, 44px); font-weight: 300; line-height: 1.05; letter-spacing: -.045em; }
    .proof-switch-copy > p:last-child { margin: 22px 0 0; color: rgba(229,228,226,.58); font-size: 15px; line-height: 1.65; }
    .proof-switch-media {
      pointer-events: none;
      position: relative;
      display: grid;
      place-items: center;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr);
      min-width: 0;
      height: 460px;
      overflow: visible;
      padding: 18px;
      background: none;
    }
    .proof-switch-media video, .proof-switch-media > img {
      display: block;
      justify-self: center;
      align-self: center;
      min-width: 0;
      min-height: 0;
      width: auto;
      max-width: calc(100% - 36px);
      height: calc(100% - 36px);
      max-height: calc(100% - 36px);
      object-fit: contain;
      object-position: center;
    }
    .proof-switch-media video { border-radius: 0; box-shadow: none; }
    .proof-video-crop {
      position: relative;
      width: auto;
      height: 100%;
      max-height: 100%;
      aspect-ratio: 9 / 16;
      overflow: hidden;
    }
    .proof-video-crop > video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130%;
      max-width: none;
      height: auto;
      max-height: none;
      transform: translate(-50%, -50%);
    }
    .proof-outlet-copy-stack,
    .proof-outlet-media-stack,
    .proof-play-copy-stack,
    .proof-play-media-stack { min-width: 0; }
    .proof-outlet-media,
    .proof-play-media { display: none; }
    .proof-outlet-media.is-active,
    .proof-play-media.is-active {
      display: grid;
      animation: proofMediaNext .58s cubic-bezier(.16, 1, .3, 1) both;
    }
    .proof-outlet-media-stack[data-swap-direction="prev"] .proof-outlet-media.is-active,
    .proof-play-media-stack[data-swap-direction="prev"] .proof-play-media.is-active {
      animation-name: proofMediaPrev;
    }
    .proof-play-media > video,
    .proof-play-media > img {
      width: auto;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center;
    }
    .proof-outlet-nav,
    .proof-play-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-top: 12px;
    }
    .proof-outlet-nav button,
    .proof-play-nav button {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      padding: 0;
      border: 1px solid rgba(229,228,226,.18);
      border-radius: 50%;
      color: rgba(229,228,226,.82);
      background: rgba(255,255,255,.045);
      cursor: pointer;
      transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s cubic-bezier(.16, 1, .3, 1);
    }
    .proof-outlet-nav button:hover,
    .proof-play-nav button:hover {
      color: #fff;
      border-color: rgba(74,168,255,.68);
      background: rgba(47,99,232,.18);
      transform: translateY(-1px);
    }
    .proof-outlet-nav button:active,
    .proof-play-nav button:active { transform: scale(.94); }
    .proof-outlet-nav button:focus-visible,
    .proof-play-nav button:focus-visible { outline: 2px solid #4aa8ff; outline-offset: 3px; }
    .proof-outlet-count,
    .proof-play-count {
      min-width: 46px;
      color: rgba(229,228,226,.68);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .08em;
      text-align: center;
    }
    @keyframes proofPanelIn {
      from { opacity: .3; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes proofMediaNext {
      from { opacity: 0; transform: translate3d(28px, 0, 0) scale(.985); }
      to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    }
    @keyframes proofMediaPrev {
      from { opacity: 0; transform: translate3d(-28px, 0, 0) scale(.985); }
      to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    }
    @media (min-width: 701px) {
      .proof-outlet-copy-stack,
      #proof-panel-membership > .proof-switch-copy {
        transform: translateX(clamp(64px, 8vw, 100px));
      }
      .proof-play-copy-stack { transform: translateX(clamp(48px, 5vw, 64px)); }
    }
    .proof-switch-media.proof-switch-media--dashboard {
      height: auto;
      min-height: 0;
      padding: 0;
      place-items: center;
    }
    .proof-switch-media--dashboard > img {
      width: 100%;
      max-width: none;
      height: auto;
      max-height: min(52vh, 520px);
      filter: drop-shadow(0 18px 38px rgba(0,0,0,.2));
    }
    .game-home [data-title="Dashboard"] {
      min-height: auto;
      height: auto;
      place-items: start stretch;
      padding-top: clamp(40px, 4.5vw, 64px);
      padding-bottom: clamp(36px, 4vw, 56px);
    }
    #proof-panel-dashboard {
      gap: 12px;
      align-items: center;
    }
    #proof-panel-dashboard .dashboard-lead {
      margin: 18px 0 0;
      color: rgba(229,228,226,.58);
      font-size: 15px;
      line-height: 1.65;
    }
    @media (min-width: 901px) {
      .game-home [data-title="Dashboard"] {
        place-items: center stretch;
        padding-top: clamp(56px, 8vh, 96px);
        padding-bottom: clamp(56px, 8vh, 96px);
      }
      .game-home [data-title="Dashboard"] .proof-switch-wrap {
        width: min(100%, 1180px);
        gap: 0;
      }
      #proof-panel-dashboard {
        grid-template-columns: minmax(420px, 0.95fr) minmax(0, 1.05fr);
        align-items: center;
        gap: clamp(28px, 4vw, 56px);
      }
      #proof-panel-dashboard .dashboard-copy {
        max-width: none;
      }
      #proof-panel-dashboard .dashboard-copy .eyebrow {
        margin: 0 0 16px;
      }
      #proof-panel-dashboard #systems-title {
        width: max-content;
        max-width: 100%;
        margin: 0;
        text-align: left;
        font-size: clamp(36px, 4.2vw, 58px);
        line-height: 1.08;
      }
      #proof-panel-dashboard .dashboard-lead {
        margin: 22px 0 0;
        max-width: 28em;
        font-size: 16px;
      }
      .proof-switch-media--dashboard > img {
        max-height: min(68vh, 700px);
      }
    }
    .proof-switch-media--membership {
      padding: 0 24px;
      background: radial-gradient(ellipse 54% 38% at 50% 68%, rgba(58,117,190,.075), transparent 72%);
    }
    .proof-switch-media .phone-fan { width: 100%; min-height: 460px; transform: scale(1); transform-origin: center; }

    .chapter.cover-chapter {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      isolation: isolate;
      overflow: hidden;
      padding-top: 4.5vh;
      padding-bottom: 32px;
      gap: 8px;
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 120% 90% at 50% -8%, #24262a 0%, #141518 40%, #0A0A0A 72%);
    }
    .chapter.cover-chapter::before,
    .chapter.cover-chapter::after {
      display: none;
    }
    .cover-chapter .cover-globe {
      flex: 0 0 auto;
    }
    .cover-chapter .globe-copy {
      flex: 0 0 auto;
      margin-top: -5.5vh;
    }
    .globe-copy {
      display: grid;
      gap: 2px;
      justify-items: center;
      text-align: center;
    }
    .globe-kicker {
      margin: 0 0 10px;
      color: rgba(229,228,226,.72);
      font-size: 11px;
      font-weight: 300;
      letter-spacing: .28em;
      text-transform: uppercase;
      text-align: center;
    }
    .globe-hook {
      margin: 0;
      color: #E5E4E2;
      font-size: clamp(18px, 2.8vw, 34px);
      white-space: nowrap;
      font-weight: 300;
      letter-spacing: -.035em;
      line-height: 1.18;
    }
    .globe-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px 12px;
      margin-top: 14px;
    }
    .globe-try,
    .globe-ask {
      position: relative;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 14px 22px;
      border: 1px solid rgba(229,228,226,.22);
      border-radius: 999px;
      color: #E5E4E2;
      background: rgba(229,228,226,.06);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28);
      backdrop-filter: blur(18px) saturate(1.2);
      -webkit-backdrop-filter: blur(18px) saturate(1.2);
      font-size: var(--button-text);
      font-weight: 400;
      letter-spacing: .08em;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .globe-try:hover,
    .globe-ask:hover {
      background: rgba(229,228,226,.1);
      border-color: rgba(229,228,226,.38);
      transform: translateY(-1px);
    }
    .pitch {
      width: min(100%, var(--max));
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
      column-gap: clamp(24px, 4vw, 56px);
      row-gap: clamp(36px, 5vh, 64px);
      align-items: start;
    }
    .pitch-copy { max-width: 34rem; }
    .pitch .eyebrow {
      margin-bottom: 18px;
      font-size: clamp(12px, 1.15vw, 15px);
      letter-spacing: .2em;
      color: rgba(229,228,226,.7);
    }
    .pitch h2 {
      margin-bottom: 22px;
      max-width: 14ch;
    }
    .pitch .lead {
      max-width: 36em;
      margin: 0;
      font-size: clamp(15px, 1.35vw, 18px);
      line-height: 1.55;
      color: rgba(229,228,226,.62);
    }
    .pitch {
      align-items: center;
    }
    .pitch-list {
      list-style: none;
      margin: 28px 0 0;
      padding: 0;
      display: grid;
      gap: 26px;
    }
    .pitch-list li {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 0;
      color: #E5E4E2;
      font-size: clamp(15px, 1.45vw, 18px);
      font-weight: 300;
      letter-spacing: -.02em;
      line-height: 1.4;
    }
    .pitch-ico {
      width: 36px;
      height: 36px;
      flex: none;
      display: grid;
      place-items: center;
      border: 1px solid rgba(229,228,226,.32);
      border-radius: 50%;
      color: #E5E4E2;
      background: transparent;
    }
    .pitch-ico svg {
      width: 15px;
      height: 15px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .pitch-foot {
      margin-top: 28px;
    }
    .pitch-cta {
      justify-content: flex-start;
      margin-top: 0;
    }
    .pitch-price {
      margin: 18px 0 0;
      color: rgba(229,228,226,.72);
      font-size: clamp(16px, 1.5vw, 20px);
      font-weight: 300;
      letter-spacing: .02em;
    }
    [data-title="Why ONE"] {
      min-height: 100svh;
      isolation: isolate;
      place-items: center;
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 120% 90% at 50% -8%, #24262a 0%, #141518 40%, #0A0A0A 72%);
    }
    [data-title="Why ONE"] .journey-board {
      width: min(100%, 520px);
      margin: 0;
      justify-self: start;
      display: grid;
      place-items: center;
    }
    [data-title="Why ONE"] .journey {
      display: block;
      position: relative;
      width: min(72vmin, 520px);
      aspect-ratio: 1;
      margin: 0 auto;
    }
    [data-title="Why ONE"] .journey::before,
    [data-title="Why ONE"] .journey::after {
      display: none;
    }
    .journey-ring {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      pointer-events: none;
    }
    .journey-track {
      fill: none;
      stroke: rgba(229,228,226,.22);
      stroke-width: 2;
    }
    .journey-fill {
      fill: none;
      stroke: url(#journeyGrad);
      stroke-width: 2;
      stroke-linecap: round;
      transform: rotate(-90deg);
      transform-origin: 200px 200px;
    }
    .game-home .journey-fill { stroke: url(#gameJourneyGrad); }
    [data-title="Why ONE"] .journey-step {
      position: absolute;
      z-index: 2;
      width: 64px;
      height: 64px;
      display: block;
      transform: translate(-50%, -50%);
    }
    [data-title="Why ONE"] .journey-step:nth-child(2) { top: 13%; left: 50%; }
    [data-title="Why ONE"] .journey-step:nth-child(3) { top: 50%; left: 87%; }
    [data-title="Why ONE"] .journey-step:nth-child(4) { top: 87%; left: 50%; }
    [data-title="Why ONE"] .journey-step:nth-child(5) { top: 50%; left: 13%; }
    [data-title="Why ONE"] .journey-icon {
      position: relative;
      z-index: 2;
      isolation: isolate;
      overflow: hidden;
      width: 64px;
      height: 64px;
      margin: 0;
      border: 1.5px solid rgba(229,228,226,.32);
      border-radius: 50%;
      color: rgba(229,228,226,.4);
      background: #0A0A0A;
      box-shadow: none;
    }
    [data-title="Why ONE"] .journey-icon::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: #0A0A0A;
      z-index: 0;
    }
    [data-title="Why ONE"] .journey-icon svg {
      position: relative;
      z-index: 1;
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
    }
    [data-title="Why ONE"] .journey-step h3 {
      display: none;
    }
    .journey-legend {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: clamp(10px, 1.6vw, 16px);
      position: absolute;
      inset: 0;
      z-index: 1;
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center;
      pointer-events: none;
    }
    .journey-legend li {
      margin: 0;
      width: 100%;
      text-align: center;
      color: rgba(229,228,226,.45);
      font-size: clamp(18px, 2.4vw, 28px);
      font-weight: 300;
      letter-spacing: .16em;
      line-height: 1;
      text-transform: uppercase;
    }
    .journey-legend li.is-done,
    .journey-legend li.is-on {
      color: #E5E4E2;
    }
    .journey-legend li.is-on {
      color: #9ee7ff;
    }
    [data-title="Packages"] {
      min-height: auto;
      align-content: start;
      place-items: start center;
      padding-top: 36px;
      padding-bottom: clamp(160px, 20vw, 300px);
      background: linear-gradient(180deg, #0A0A0A 0%, #181b20 42%, #12151a 72%, #0A0A0A 100%);
    }
    [data-title="Packages"]::before { content: none; }
    .pack-split {
      width: 100%;
      height: 1px;
      margin: 56px 0;
      border: 0;
      background: rgba(229,228,226,.18);
    }
    .billing-switch {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: min(320px, 100%);
      margin: 24px auto 0;
      padding: 4px;
      border: 1px solid rgba(229,228,226,.16);
      border-radius: 999px;
      background: rgba(229,228,226,.04);
    }
    .billing-switch::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 4px;
      left: 4px;
      width: calc((100% - 8px) / 2);
      height: calc(100% - 8px);
      border-radius: 999px;
      background: var(--key-grad);
      box-shadow: 0 8px 22px rgba(47,99,232,.16);
      transition: transform .45s var(--ease-page);
    }
    .billing-switch[data-period="annual"]::before { transform: translateX(100%); }
    .billing-switch button {
      min-height: 38px;
      padding: 0 12px;
      border: 0;
      border-radius: 999px;
      color: rgba(229,228,226,.58);
      background: transparent;
      font-size: var(--button-text);
      font-weight: 400;
      cursor: pointer;
      transition: color .3s ease;
    }
    .billing-switch button[aria-pressed="true"] { color: #071018; }
    .billing-switch button:focus-visible {
      outline: 2px solid #4aa8ff;
      outline-offset: 3px;
    }
    .plan-offer {
      width: fit-content;
      margin: 0 0 12px;
      padding: 5px 9px;
      border: 0;
      border-radius: 999px;
      color: #071018;
      background: #9ee7ff;
      font-size: 10px;
      font-weight: 400;
      letter-spacing: .16em;
      line-height: 1;
      text-transform: uppercase;
    }
    .price-swap {
      transition: opacity .18s ease, transform .3s var(--ease-page);
    }
    .price-swap.is-switching {
      opacity: .22;
      transform: translateY(3px);
    }
    .result-wrap {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 48px;
      width: min(100%, 920px);
    }
    .result-head { text-align: center; }
    .result-kicker-top {
      margin: 0 0 16px;
      color: #7ad4ff;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    [data-title="Packages"] h2.result-title {
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      text-align: center;
      font-size: clamp(36px, 5.4vw, 64px);
      font-weight: 300;
      letter-spacing: -.05em;
    }
    .result-sub {
      margin: 16px 0 0;
      color: rgba(229,228,226,.45);
      font-size: clamp(16px, 1.8vw, 22px);
      font-weight: 300;
      text-wrap: pretty;
    }
    .result-support {
      margin: 8px 0 0;
      color: rgba(229,228,226,.78);
      font-size: clamp(15px, 1.3vw, 17px);
      font-weight: 500;
      line-height: 1.5;
      text-wrap: pretty;
    }
    [data-title="Why ONE"] .journey {
      width: min(100%, 460px);
    }
    .result-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .result-card {
      display: flex;
      flex-direction: column;
      min-height: 0;
      padding: 26px 26px 24px;
      border: 1px solid rgba(229,228,226,.2);
      border-radius: 28px;
      background:
        linear-gradient(145deg, rgba(40,40,40,.98) 0%, rgba(27,27,27,.98) 100%);
      color: #E5E4E2;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 22px 56px rgba(0,0,0,.18);
    }
    .result-card.is-growth {
      border: 1.5px solid rgba(74,168,255,.48);
      background:
        radial-gradient(110% 80% at 0% 0%, rgba(158,231,255,.06) 0%, transparent 56%),
        linear-gradient(145deg, rgba(47,99,232,.15) 0%, rgba(74,168,255,.15) 100%),
        #111820;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 24px 68px rgba(47,99,232,.08);
    }
    .result-kicker,
    .result-inc {
      margin: 0;
      color: rgba(229,228,226,.42);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .result-plan {
      display: inline-flex;
      align-items: center;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      color: #fff;
      background: none;
      font-size: clamp(28px, 3vw, 38px);
      font-weight: 300;
      letter-spacing: -.04em;
      text-transform: none;
    }
    .is-growth .result-kicker,
    .is-growth .result-inc {
      color: #d9f5ff;
    }
    .is-growth .result-plan {
      border: 0;
      color: #fff;
      background: none;
    }
    .is-pro .result-plan {
      border: 0;
      color: #fff;
      background: none;
    }
    .is-flagship .result-plan {
      border: 0;
      color: #fff;
      background: none;
    }
    .result-num {
      margin: 8px 0 4px;
      font-size: clamp(22px, 2.4vw, 29px);
      font-weight: 300;
      letter-spacing: -.05em;
      line-height: .95;
      color: rgba(229,228,226,.55);
    }
    .result-unit {
      margin: 0 0 12px;
      color: rgba(229,228,226,.5);
      font-size: 14px;
      font-weight: 300;
    }
    .result-rule {
      width: 100%;
      height: 0;
      margin: 0 0 14px;
      border: 0;
      border-top: 1px solid rgba(229,228,226,.12);
    }
    .result-mid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      align-items: start;
      margin-bottom: 18px;
    }
    .result-mid h3 {
      grid-row: 2;
      margin: 0;
      max-width: 23em;
      font-size: clamp(17px, 1.7vw, 21px);
      font-weight: 300;
      letter-spacing: -.03em;
      line-height: 1.4;
      color: #fff;
      text-wrap: pretty;
    }
    .build-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 18px;
    }
    .build-top .result-plan { margin: 0; }
    .result-badge {
      margin: 0;
      padding: 5px 10px;
      border: 1px solid rgba(229,228,226,.18);
      border-radius: 999px;
      color: rgba(229,228,226,.5);
      font-size: 11px;
      font-weight: 300;
      letter-spacing: .02em;
      white-space: nowrap;
    }
    .is-growth .result-badge {
      color: #fff;
      border-color: rgba(255,255,255,.42);
      background: rgba(7,16,24,.14);
    }
    .build-name {
      margin: 0 0 8px;
      font-size: clamp(22px, 2.4vw, 30px);
      font-weight: 300;
      letter-spacing: -.04em;
      color: #fff;
    }
    .build-sum {
      margin: 0 0 16px;
      color: rgba(229,228,226,.55);
      font-size: 16px;
      font-weight: 300;
      line-height: 1.55;
      text-wrap: pretty;
    }
    .result-price {
      grid-row: 1;
      margin: 0;
      text-align: left;
      font-size: clamp(36px, 4vw, 50px);
      font-weight: 300;
      letter-spacing: -.055em;
      line-height: 1;
      color: #fff;
    }
    .result-price small {
      display: inline;
      margin-left: 6px;
      color: rgba(229,228,226,.55);
      font-size: 14px;
      letter-spacing: 0;
    }
    .result-inc { margin: 0 0 8px; }
    .result-card ul {
      margin: 0 0 16px;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 8px;
      color: rgba(229,228,226,.7);
      font-size: 14px;
      font-weight: 300;
      line-height: 1.5;
    }
    .is-growth .result-num { color: rgba(255,255,255,.82); }
    .is-growth .result-unit,
    .is-growth .build-sum { color: rgba(255,255,255,.76); }
    .is-growth .result-rule { border-top-color: rgba(255,255,255,.24); }
    .is-growth ul { color: rgba(255,255,255,.9); }
    .result-card li {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      text-wrap: pretty;
    }
    .result-card li::before {
      content: "✓";
      color: rgba(229,228,226,.4);
      font-weight: 300;
    }
    .is-growth li::before { color: #d9f5ff; }
    .pack-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: auto;
      padding: 12px 18px;
      border: 1px solid rgba(229,228,226,.22);
      border-radius: 999px;
      color: #E5E4E2;
      background: rgba(8,8,8,.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter: blur(18px) saturate(1.2);
      -webkit-backdrop-filter: blur(18px) saturate(1.2);
      font-size: var(--button-text);
      font-weight: 400;
      letter-spacing: -.01em;
      text-decoration: none;
      text-align: center;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    #pack-1 .result-unit,
    #pack-2 .result-unit,
    #pack-3 .result-unit { margin-bottom: 4px; }
    .game-pack .pack-blurb {
      margin: 8px 0 14px;
      color: rgba(229,228,226,.62);
      font-size: 14px;
      font-weight: 300;
      line-height: 1.5;
    }
    .game-pack .pack-extra {
      margin: 0 0 8px;
      color: rgba(229,228,226,.7);
      font-size: 14px;
      font-weight: 300;
    }
    .game-pack .pack-extra + .pack-btn { margin-top: 8px; }
    .game-pack .pack-save {
      margin-bottom: 16px;
      color: rgba(229,228,226,.88);
    }
    .pack-btn { margin-top: auto; }
    .pack-btn:hover {
      background: rgba(229,228,226,.1);
      border-color: rgba(229,228,226,.38);
      transform: translateY(-1px);
    }
    .is-growth .pack-btn {
      border: 0;
      color: #071018;
      background: var(--key-grad);
      box-shadow: 0 12px 28px rgba(47,99,232,.18);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    .is-growth .pack-btn:hover {
      filter: brightness(1.08);
      background: var(--key-grad);
      border: 0;
    }
    .pack-btn-wa {
      gap: 8px;
    }
    .pack-btn-wa::before {
      content: "";
      width: 16px;
      height: 16px;
      flex: none;
      background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.44-9.91 9.9 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.95 6.44 17.5 2 12.04 2zm5.94 14.16c-.25.71-1.46 1.3-2.03 1.38-.52.07-1.18.1-1.9-.12-.44-.13-.99-.32-1.71-.67-3.01-1.46-4.97-4.85-5.12-5.08-.15-.22-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.37.81-.37h.58c.18 0 .43-.07.67.51.25.6.84 2.06.91 2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.6.17.3.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.37 1.46.3.15.47.12.65-.07.17-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.57.35.08.13.08.75-.17 1.46z'/%3E%3C/svg%3E");
    }
    [data-title="Two types"] {
      display: grid;
      place-items: center;
      box-sizing: border-box;
      height: auto;
      min-height: auto;
      max-height: none;
      overflow: visible;
      padding-top: clamp(72px, 7vw, 96px);
      padding-bottom: 28px;
      isolation: isolate;
      background-color: #0A0A0A;
      background-image: radial-gradient(ellipse 120% 90% at 50% -8%, #24262a 0%, #141518 40%, #0A0A0A 72%);
    }
    .types-wrap { width: min(100%, 820px); }
    .types-title {
      max-width: none;
      margin: 0 0 32px;
      font-size: clamp(36px, 6vw, 72px);
      font-weight: 300;
      letter-spacing: -.05em;
    }
    .types-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 22px;
    }
    .type-row {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 22px 28px;
      align-items: baseline;
      width: 100%;
      padding: 0;
      border: 0;
      background: none;
      color: inherit;
      text-align: left;
      cursor: pointer;
    }
    .type-num {
      color: rgba(229,228,226,.35);
      font-size: clamp(18px, 2vw, 24px);
      font-weight: 300;
      letter-spacing: .16em;
    }
    .type-num.blue {
      display: inline;
      letter-spacing: .16em;
    }
    .type-copy {
      display: grid;
      gap: 8px;
    }
    .type-copy strong {
      font-size: clamp(28px, 4vw, 44px);
      font-weight: 300;
      letter-spacing: -.04em;
      color: #E5E4E2;
    }
    .type-copy em {
      color: rgba(229,228,226,.48);
      font-size: clamp(15px, 1.6vw, 20px);
      font-style: normal;
      font-weight: 300;
    }
    .type-row:hover .type-copy strong { color: #fff; }
    .types-next {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: fit-content;
      margin: clamp(54px, 5vw, 78px) auto 0;
      padding: 0;
      border: 0;
      color: rgba(229,228,226,.48);
      background: none;
      font: inherit;
      font-size: var(--button-text);
      letter-spacing: .16em;
      text-transform: uppercase;
      cursor: pointer;
      transition: color .25s ease;
    }
    .types-next::after {
      content: "\2193";
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(229,228,226,.22);
      border-radius: 50%;
      color: #7ad4ff;
      font-size: 16px;
      line-height: 1;
      animation: typesNextHint 2.2s ease-in-out infinite;
      transition: border-color .25s ease, background .25s ease;
    }
    .types-next:hover { color: #fff; }
    .types-next:hover::after { border-color: rgba(74,168,255,.7); background: rgba(47,99,232,.12); }
    .types-next:focus-visible { outline: 2px solid #4aa8ff; outline-offset: 5px; }
    @keyframes typesNextHint { 50% { transform: translateY(4px); } }
    [data-title="Why KIIPT"] {
      place-items: center;
      padding-top: clamp(88px, 9vw, 120px);
      padding-bottom: clamp(72px, 8vw, 96px);
    }
    [data-title="Why KIIPT"] .eyebrow {
      font-size: 14px;
      letter-spacing: .2em;
      color: rgba(10,10,10,.45);
    }
    [data-title="Why KIIPT"] h2 {
      max-width: none;
      margin-bottom: 20px;
    }
    [data-title="Why KIIPT"] .why-top {
      display: block;
      color: rgba(10,10,10,.62);
      font-weight: 400;
    }
    [data-title="Why KIIPT"] .why-bot {
      display: block;
      color: #0A0A0A;
      font-weight: 500;
      letter-spacing: -.045em;
      white-space: nowrap;
      -webkit-text-fill-color: #0A0A0A;
      background: none;
    }
    [data-title="Why KIIPT"] .lead {
      max-width: 38em;
    }
    [data-title="Why KIIPT"] .why-bot {
      white-space: normal;
    }
    .why-more {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      margin-top: 36px;
      padding: 0 26px;
      border: 0;
      color: #071018;
      background: var(--key-grad);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 14px 34px rgba(47,99,232,.2);
    }
    .why-more:hover { filter: brightness(1.06); }
    .why-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 40px;
    }
    .why-card {
      padding: 22px 20px 24px;
      border: 1px solid rgba(10,10,10,.08);
      border-radius: 20px;
      background: rgba(255,255,255,.82);
    }
    .why-num {
      margin: 0 0 22px;
      color: #2f63e8;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: .18em;
    }
    .why-card h3 {
      margin: 0 0 14px;
      font-size: clamp(20px, 2vw, 26px);
      font-weight: 300;
      letter-spacing: -.03em;
    }
    .why-card p {
      margin: 0;
      color: rgba(10,10,10,.55);
      font-size: 15px;
      font-weight: 300;
      line-height: 1.55;
      text-wrap: pretty;
    }
    [data-title="Why ONE"] .journey-step.is-done h3,
    [data-title="Why ONE"] .journey-step.is-on h3 {
      opacity: 1;
      color: #E5E4E2;
      -webkit-text-fill-color: unset;
    }
    [data-title="Why ONE"] .journey-step.is-done .journey-icon,
    [data-title="Why ONE"] .journey-step.is-on .journey-icon {
      background: #0A0A0A;
      border-color: #7ad4ff;
      color: #7ad4ff;
      box-shadow: 0 0 18px rgba(122, 212, 255, .28);
      transform: none;
    }
    [data-title="Why ONE"] .journey-step.is-on .journey-icon {
      transform: scale(1.06);
      border-color: #9ee7ff;
      color: #9ee7ff;
      box-shadow: 0 0 22px rgba(158, 231, 255, .4);
    }
    [data-title="Why ONE"] .journey-step.is-done .journey-icon svg,
    [data-title="Why ONE"] .journey-step.is-on .journey-icon svg {
      stroke: currentColor;
    }
    .play-lite {
      position: fixed;
      inset: 0;
      z-index: 240;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(10, 10, 10, .88);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .4s var(--ease-page), visibility 0s linear .4s;
    }
    .play-lite.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition: opacity .4s var(--ease-page), visibility 0s;
    }
    .play-lite-card {
      position: relative;
      width: min(440px, 100%);
      padding: 48px 36px 32px;
      border-radius: 28px;
      border: 1px solid rgba(229,228,226,.14);
      background: #121417;
      text-align: center;
      box-shadow: 0 30px 80px rgba(0,0,0,.45);
    }
    .play-lite-card h2 {
      margin: 0 0 8px;
      max-width: none;
      font-size: clamp(22px, 2.4vw, 28px);
      font-weight: 300;
      letter-spacing: -.03em;
      line-height: 1.2;
      color: #E5E4E2;
    }
    .play-lite-card p {
      margin: 0 0 24px;
      color: rgba(229,228,226,.55);
      font-size: 14px;
      font-weight: 300;
      line-height: 1.4;
    }
    .play-lite-qr {
      width: min(320px, 100%);
      height: auto;
      margin: 0 auto 22px;
      display: block;
      padding: 14px;
      background: #fff;
      border-radius: 16px;
    }
    .play-lite-open {
      color: rgba(229,228,226,.5);
      font-size: 13px;
      font-weight: 300;
      text-decoration: none;
    }
    .play-lite-open:hover { color: #fff; }
    .play-lite-x {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 36px;
      height: 36px;
      border: 0;
      background: none;
      color: #E5E4E2;
      cursor: pointer;
    }
    .play-lite-x span {
      display: block;
      height: 1.5px;
      width: 16px;
      margin: 8px auto 0;
      background: currentColor;
      border-radius: 99px;
    }
    .play-lite-x span:first-child { transform: translateY(5.25px) rotate(28deg); }
    .play-lite-x span:last-child { transform: translateY(-5.25px) rotate(-28deg); }
    .who-link {
      position: absolute;
      left: clamp(22px, 4vw, 48px);
      bottom: clamp(22px, 3.6vw, 44px);
      z-index: 8;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 11px 18px;
      font-size: 11px;
    }
    .cover-logo {
      position: absolute;
      top: clamp(22px, 3.5vw, 36px);
      left: clamp(22px, 4vw, 48px);
      z-index: 4;
      margin: 0;
      width: min(118px, 28vw);
    }
    .brand-lock {
      display: grid;
      gap: 5px;
      justify-items: start;
      text-decoration: none;
      color: inherit;
    }
    .brand-lock .logo {
      position: static;
      width: 100%;
      margin: 0;
    }
    .brand-by {
      margin: 0;
      font-size: 8px;
      font-weight: 300;
      letter-spacing: .2em;
      text-transform: uppercase;
      white-space: nowrap;
      color: rgba(229,228,226,.42);
    }
    .chapter.paper-wash .brand-by { color: rgba(10,10,10,.42); }
    .site-foot {
      padding: 28px clamp(22px, 4vw, 48px) 36px;
      background: #0A0A0A;
      border-top: 1px solid rgba(229,228,226,.1);
      color: #E5E4E2;
    }
    .site-foot-inner {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px 24px;
      flex-wrap: wrap;
      width: min(100%, var(--max));
      margin-inline: auto;
    }
    .site-foot .brand-lock {
      position: static;
      width: 118px;
    }
    .site-foot .logo { filter: brightness(0) invert(1); }
    .site-foot .brand-by { color: rgba(229,228,226,.42); }
    .site-foot-meta {
      display: grid;
      gap: 8px;
      justify-items: end;
      text-align: right;
    }
    .site-foot-meta a:not(.foot-wa) {
      color: rgba(229,228,226,.5);
      font-size: 12px;
      font-weight: 300;
      text-decoration: none;
    }
    .site-foot-meta a:not(.foot-wa):hover { color: #fff; }
    .foot-wa {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
      padding: 2px 0 0;
      margin-top: 2px;
      border: 0;
      background: linear-gradient(
        90deg,
        #25D366 0%,
        #b8ffd3 16%,
        #f4f5f7 32%,
        #9aa0aa 48%,
        #25D366 64%,
        #e8e9ee 80%,
        #25D366 100%
      );
      background-size: 220% 100%;
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: .18em;
      text-transform: uppercase;
      text-decoration: none;
      line-height: 1;
      animation: waText 2.4s linear infinite, waTextGlow 2.4s ease-in-out infinite;
      transition: transform .28s cubic-bezier(.16,1,.3,1);
    }
    .foot-wa:hover { transform: scale(1.04); }
    @keyframes waText {
      0% { background-position: 0% 50%; }
      100% { background-position: 220% 50%; }
    }
    @keyframes waTextGlow {
      0%, 100% { filter: drop-shadow(0 0 6px rgba(37,211,102,.7)) drop-shadow(0 0 16px rgba(37,211,102,.28)); }
      50% { filter: drop-shadow(0 0 6px rgba(232,233,238,.75)) drop-shadow(0 0 16px rgba(180,184,192,.3)); }
    }
    @media (prefers-reduced-motion: reduce) {
      .foot-wa {
        animation: none;
        background-position: 30% 50%;
        filter: drop-shadow(0 0 8px rgba(37,211,102,.5));
      }
    }
    .site-copy {
      margin: 0;
      font-size: 11px;
      font-weight: 300;
      letter-spacing: .04em;
      color: rgba(229,228,226,.42);
    }
    [data-title="Ready"] {
      min-height: auto;
      height: auto;
      place-items: start stretch;
      text-align: left;
      padding-top: 36px;
      padding-bottom: 40px;
    }
    [data-title="Ready"] .eyebrow {
      color: #7ad4ff;
      text-align: left;
    }
    .ready-wrap {
      display: grid;
      justify-items: start;
      width: min(100%, var(--max));
      max-width: 46rem;
      margin-inline: 0;
      text-align: left;
    }
    .ready-title,
    .ready-lead { text-align: left; }
    .ready-title {
      max-width: none;
      margin: 0 0 12px;
      font-size: clamp(36px, 6vw, 72px);
      font-weight: 300;
      letter-spacing: -.05em;
      line-height: .98;
    }
    .ready-lead,
    .ready-line {
      margin: 0;
      color: rgba(229,228,226,.5);
      font-size: clamp(16px, 1.8vw, 20px);
      font-weight: 300;
      line-height: 1.45;
    }
    .ready-line {
      margin-top: 8px;
      color: rgba(229,228,226,.78);
    }
    .ready-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 22px;
      padding: 16px 32px;
      border: 0;
      border-radius: 999px;
      color: #0A0A0A;
      background: linear-gradient(180deg, #fff 0%, #cfe8ff 100%);
      font-size: var(--button-text);
      font-weight: 400;
      letter-spacing: -.01em;
      text-decoration: none;
    }
    .ready-btn:hover { filter: brightness(1.04); }
    .cover-globe {
      position: relative;
      width: min(72vmin, 640px);
      margin: 0 auto;
      aspect-ratio: 1;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      overflow: visible;
    }
    .cover-globe canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      pointer-events: none;
    }
    .globe-back { z-index: 1; }
    .globe-front { z-index: 3; }
    .globe-word {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      width: min(36%, 196px);
      aspect-ratio: 445 / 89;
      margin: 0;
      transform: translate(-50%, -50%);
      background: var(--key-grad);
      -webkit-mask: url("./kiiptone-one.png") center / contain no-repeat;
      mask: url("./kiiptone-one.png") center / contain no-repeat;
      pointer-events: none;
    }
    .globe-orbit {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    .globe-label {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: 0;
      color: #7ed2ff;
      font-size: clamp(9px, 1.2vw, 12px);
      font-weight: 300;
      letter-spacing: .26em;
      text-transform: uppercase;
      white-space: nowrap;
      transform: translate(-50%, -50%);
      will-change: transform, opacity;
    }
    .globe-caption { display: none; }
    .logo { filter: invert(1); }
    .side-nav button::before {
      color: #E5E4E2;
      background: rgba(10,10,10,.88);
      border-color: rgba(229,228,226,.14);
      font-weight: 300;
      letter-spacing: .16em;
      text-transform: uppercase;
      font-size: 9px;
    }
    .chapter.dark { background: #07080c; }

    .product-path {
      display: grid;
      gap: 12px;
      margin-top: 32px;
    }

    .path-row {
      display: grid;
      grid-template-columns: 36px 1fr;
      gap: 12px;
      align-items: start;
      padding: 10px 0;
      border: 0;
      border-radius: 0;
      background: none;
    }

    .path-row .stage {
      display: block;
      width: auto;
      height: auto;
      border-radius: 0;
      color: var(--blue);
      background: none;
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .2em;
      padding-top: 5px;
    }

    .path-row p { margin: 2px 0 0; color: var(--muted); line-height: 1.4; }
    .path-row h3 { margin-bottom: 4px; font-size: 16px; }
    .path-row p { font-size: 13px; }

    .packages {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 22px;
    }

    .packages.packages-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: 820px;
    }

    .pack-hook {
      max-width: 18em;
      margin: 0;
      color: inherit;
      font-size: clamp(14px, 1.6vw, 20px);
      font-weight: 300;
      letter-spacing: -.045em;
      line-height: 1.12;
    }

    .pack-rule {
      width: min(100%, 11rem);
      height: 0;
      margin: 22px 0 20px;
      border: 0;
      border-top: 1px solid currentColor;
      opacity: .22;
    }

    [data-title="Packages"] h2 { margin-bottom: 0; }
    [data-title="Packages"] .packages { margin-top: 36px; }
    [data-title="Packages"] .package-card.featured { transform: none; }

    .promo-banner {
      margin: -4px 0 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .promo-banner strong { color: var(--ink); }

    .package-card {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: 28px 24px;
      border: 1px solid rgba(229,228,226,.14);
      border-radius: 28px;
      background: rgba(16,18,22,.28);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }

    .package-card.featured {
      color: var(--white);
      border-color: rgba(47,99,232,.35);
      background: #11141a;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transform: none;
    }

    .package-card .type {
      margin-bottom: 12px;
      color: var(--blue);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .package-card .type-guide {
      margin-bottom: 12px;
      max-width: none;
      color: var(--blue-vivid);
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 1.35;
      text-transform: none;
    }

    .package-card.featured .type { color: rgba(229,228,226,.55); }
    .package-card.featured .type-guide { color: #4aa8ff; }

    .package-head {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      min-height: 78px;
      margin-bottom: 4px;
    }

    .package-card h3 {
      display: block;
      width: 100%;
      margin-bottom: 8px;
      font-size: clamp(26px, 2.6vw, 34px);
      font-weight: 300;
      line-height: 1.1;
    }

    .package-head h3 {
      margin-bottom: 0;
    }

    .package-card h3.warm-gradient-text {
      display: block;
      width: fit-content;
      max-width: 100%;
    }

    .app-included {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      width: fit-content;
      max-width: 100%;
      margin: 0;
      padding: 5px 12px;
      border: 1px solid rgba(229,228,226,.22);
      border-radius: 999px;
      color: rgba(229,228,226,.72);
      background: rgba(255,255,255,.06);
      font-size: 10px;
      font-weight: 300;
      letter-spacing: .1em;
      line-height: 1.25;
    }

    .app-included strong { font-weight: 400; }
    .standard-price {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .01em;
    }

    .standard-price s {
      margin-left: 3px;
      text-decoration-thickness: 1.5px;
      text-decoration-color: var(--orange);
    }

    .package-card.featured .standard-price { color: rgba(255,255,255,.48); }

    .price-context {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
      margin: 6px 0 4px;
    }

    .price { margin: 0 0 14px; font-size: clamp(26px, 3vw, 40px); font-weight: 300; letter-spacing: -.04em; }
    .price small { font-size: 12px; letter-spacing: .08em; font-weight: 300; opacity: .55; }

    .saving {
      flex: 0 0 auto;
      padding: 6px 9px;
      border-radius: 999px;
      color: var(--green);
      background: var(--green-soft);
      font-size: 10px;
      font-weight: 850;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .package-card.featured .saving {
      color: #8be0be;
      background: rgba(112,211,171,.13);
    }

    .fee-rows {
      display: grid;
      margin: 6px 0 12px;
      overflow: hidden;
      border: 1px solid rgba(17,18,15,.09);
      border-radius: 15px;
      background: rgba(47,99,232,.035);
    }

    .fee-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      min-height: 45px;
      padding: 7px 12px;
    }

    .fee-row + .fee-row { border-top: 1px solid rgba(17,18,15,.08); }

    .fee-label {
      display: grid;
      gap: 2px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 760;
      line-height: 1.25;
    }

    .fee-label s {
      color: rgba(111,113,108,.72);
      font-size: 10px;
      text-decoration-color: var(--orange);
    }

    .fee-label small {
      color: rgba(111,113,108,.76);
      font-size: 10px;
      font-weight: 700;
    }

    .fee-row strong {
      flex: 0 0 auto;
      color: var(--ink);
      font-size: 22px;
      font-weight: 850;
      letter-spacing: -.035em;
      white-space: nowrap;
    }

    .fee-row strong small {
      font-size: 10px;
      font-weight: 720;
      letter-spacing: 0;
      opacity: .58;
    }

    .fee-row--addon {
      min-height: 39px;
      padding-block: 6px;
      background: rgba(255,255,255,.58);
    }

    .addon-pricing {
      display: inline-flex;
      align-items: baseline;
      justify-content: flex-end;
      gap: 7px;
      white-space: nowrap;
    }

    .addon-pricing s {
      color: rgba(111,113,108,.72);
      font-size: 11px;
      font-weight: 700;
      text-decoration-color: var(--orange);
    }

    .addon-pricing strong { font-size: 18px; }
    .rank-word {
      font-weight: 850;
      display: inline-block;
      line-height: 1.15;
    }

    .promo-monthly s {
      margin-right: 5px;
      opacity: .55;
      text-decoration-color: var(--orange);
    }

    .promo-monthly strong { color: var(--ink); }
    .package-card.featured .promo-monthly strong { color: var(--white); }
    .package-card.featured .fee-rows {
      border-color: rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
    }
    .package-card.featured .fee-row + .fee-row { border-top-color: rgba(255,255,255,.12); }
    .package-card.featured .fee-label,
    .package-card.featured .fee-label small { color: rgba(255,255,255,.55); }
    .package-card.featured .fee-row strong { color: #fff; }
    .package-card.featured .fee-row--addon { background: rgba(255,255,255,.08); }

    .start-btn,
    .wa-btn {
      --crystal: radial-gradient(circle at 32% 28%, rgba(255,255,255,.92), rgba(180,230,255,.28) 38%, rgba(255,255,255,.06) 68%);
      position: relative;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 18px;
      padding: 13px 18px;
      border: 1px solid rgba(229,228,226,.28);
      border-radius: 999px;
      color: #E5E4E2;
      background:
        var(--btn-grad),
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02));
      background-blend-mode: overlay, normal;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        inset 0 -8px 18px rgba(0,0,0,.18),
        0 12px 28px rgba(0,0,0,.28);
      backdrop-filter: blur(22px) saturate(1.5);
      -webkit-backdrop-filter: blur(22px) saturate(1.5);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
      text-decoration: none;
      transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
    }
    .start-btn::after,
    .wa-btn::after {
      content: none;
    }
    .start-btn:hover,
    .wa-btn:hover {
      filter: brightness(1.08);
      transform: translateY(-1px);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 16px 32px rgba(0,0,0,.32);
    }
    .package-card.featured .start-btn,
    .package-card.featured .wa-btn {
      color: #E5E4E2;
      background:
        var(--btn-grad),
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        0 12px 28px rgba(0,0,0,.28);
    }
    .package-card.featured .start-btn:hover,
    .package-card.featured .wa-btn:hover { filter: brightness(1.08); }

    .package-card ul {
      margin: auto 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 10px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .package-card.featured ul { color: rgba(255,255,255,.7); }
    .package-card li.feature-lead {
      color: var(--ink);
      font-weight: 500;
    }
    .package-card li.feature-lead::before { content: none; margin: 0; }
    .package-card.featured li.feature-lead { color: #fff; }
    .package-card li::before { content: "✓"; margin-right: 8px; color: inherit; opacity: .55; font-weight: 300; }
    .package-card.featured li::before { color: rgba(229,228,226,.7); opacity: 1; }

    .package-summary {
      margin: 4px 0 18px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .package-card.featured .package-summary { color: rgba(255,255,255,.72); }

    .wa-btn {
      gap: 8px;
    }

    .wa-btn::before {
      content: "";
      width: 16px;
      height: 16px;
      flex: none;
      background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.44-9.91 9.9 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.95 6.44 17.5 2 12.04 2zm5.94 14.16c-.25.71-1.46 1.3-2.03 1.38-.52.07-1.18.1-1.9-.12-.44-.13-.99-.32-1.71-.67-3.01-1.46-4.97-4.85-5.12-5.08-.15-.22-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.37.81-.37h.58c.18 0 .43-.07.67.51.25.6.84 2.06.91 2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.6.17.3.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.37 1.46.3.15.47.12.65-.07.17-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.57.35.08.13.08.75-.17 1.46z'/%3E%3C/svg%3E");
    }

    .package-card.featured .wa-btn {
      color: #E5E4E2;
    }

    .package-card.featured .wa-btn::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231faf5a'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.44-9.91 9.9 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.95 6.44 17.5 2 12.04 2zm5.94 14.16c-.25.71-1.46 1.3-2.03 1.38-.52.07-1.18.1-1.9-.12-.44-.13-.99-.32-1.71-.67-3.01-1.46-4.97-4.85-5.12-5.08-.15-.22-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.37.81-.37h.58c.18 0 .43-.07.67.51.25.6.84 2.06.91 2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.6.17.3.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.37 1.46.3.15.47.12.65-.07.17-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.57.35.08.13.08.75-.17 1.46z'/%3E%3C/svg%3E");
    }

    .wa-btn--hero {
      width: fit-content;
      min-width: min(320px, 100%);
      margin-top: 28px;
      padding: 15px 22px;
      font-size: 13px;
    }
    .wa-btn--light,
    .package-card.featured .wa-btn--light {
      color: #0A0A0A;
      background: #fff;
      background-blend-mode: normal;
      border: 1px solid rgba(255,255,255,.92);
      box-shadow: 0 10px 24px rgba(0,0,0,.18);
    }
    .wa-btn--light:hover,
    .package-card.featured .wa-btn--light:hover {
      filter: none;
      background: #f4f5f5;
    }
    .wa-btn--light::before,
    .package-card.featured .wa-btn--light::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A0A0A'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.44-9.91 9.9 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.95 6.44 17.5 2 12.04 2zm5.94 14.16c-.25.71-1.46 1.3-2.03 1.38-.52.07-1.18.1-1.9-.12-.44-.13-.99-.32-1.71-.67-3.01-1.46-4.97-4.85-5.12-5.08-.15-.22-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.37.81-.37h.58c.18 0 .43-.07.67.51.25.6.84 2.06.91 2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.6.17.3.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.37 1.46.3.15.47.12.65-.07.17-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.57.35.08.13.08.75-.17 1.46z'/%3E%3C/svg%3E");
    }
    [data-title="Custom with us"] .package-card:not(.featured) {
      color: #121417;
      background:
        linear-gradient(165deg, rgba(255,255,255,.92) 0%, rgba(236,239,242,.78) 58%, rgba(220,226,230,.62) 100%);
      border: 1px solid rgba(255,255,255,.7);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 18px 40px rgba(0,0,0,.22);
      backdrop-filter: blur(22px) saturate(1.25);
      -webkit-backdrop-filter: blur(22px) saturate(1.25);
    }
    [data-title="Custom with us"] .package-card:not(.featured) .type {
      color: rgba(10,10,10,.55);
    }
    [data-title="Custom with us"] .package-card:not(.featured) .package-summary,
    [data-title="Custom with us"] .package-card:not(.featured) ul {
      color: #1a1c1e;
    }
    [data-title="Custom with us"] .package-card:not(.featured) li.feature-lead,
    [data-title="Custom with us"] .package-card:not(.featured) .feature-group-title {
      color: #0A0A0A;
    }
    [data-title="Custom with us"] .package-card:not(.featured) .app-included {
      color: #121417;
      border-color: rgba(60,73,82,.16);
      background: rgba(255,255,255,.5);
    }
    .who-link.start-btn {
      position: absolute;
      left: clamp(22px, 4vw, 48px);
      bottom: clamp(22px, 3.6vw, 44px);
      z-index: 8;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 11px 18px;
      font-size: 11px;
      color: #E5E4E2;
      background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
      background-blend-mode: normal;
      border: 1px solid rgba(229,228,226,.28);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 10px 24px rgba(0,0,0,.22);
      backdrop-filter: blur(22px) saturate(1.4);
      -webkit-backdrop-filter: blur(22px) saturate(1.4);
    }
    .who-link.start-btn:hover {
      filter: none;
      background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
    }

    .package-card li.feature-group {
      display: grid;
      gap: 6px;
    }

    .package-card li.feature-group::before { content: none; }

    .package-card .feature-group-title {
      display: flex;
      align-items: baseline;
      gap: 8px;
      color: inherit;
      font-weight: 400;
    }

    .package-card .feature-group-title::before {
      content: "✓";
      color: inherit;
      opacity: .55;
      font-weight: 300;
    }

    .package-card .feature-group-title .rank-word {
      font-weight: 400;
    }

    .package-card .feature-sub {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0 0 0 22px;
      list-style: none;
    }

    .package-card .feature-sub li {
      color: inherit;
      font-size: 13px;
      font-weight: 300;
      opacity: .72;
    }

    .package-card .feature-sub li::before {
      content: "✓";
      margin-right: 8px;
      color: inherit;
      opacity: .45;
      font-weight: 300;
    }

    .scope-note {
      margin: 28px auto 0;
      max-width: 640px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 300;
      letter-spacing: .02em;
      line-height: 1.45;
      text-align: center;
      text-transform: none;
    }

    [data-title="Custom with us"] .scope-note { margin-top: 6px; }

    .question-grid { grid-template-columns: repeat(4, 1fr); }
    .question { min-height: 150px; }
    .question b { display: block; margin-bottom: 24px; color: var(--blue); font-size: 12px; letter-spacing: .12em; }
    .question p { margin: 8px 0 0; font-size: 13px; }

    .next-line {
      display: flex;
      align-items: center;
      gap: 14px;
      width: fit-content;
      margin-top: 34px;
      padding: 16px 20px;
      border-radius: 99px;
      color: var(--white);
      background: var(--ink);
      font-weight: 800;
    }

    .scroll-hint {
      position: absolute;
      left: clamp(24px, 4vw, 58px);
      bottom: 44px;
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 760;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .scroll-hint::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--blue);
      animation: pulse 1.8s ease-in-out infinite;
    }

    @keyframes spin { to { transform: rotate(360deg); } }
    @keyframes float { 50% { transform: translateY(-10px); } }
    @keyframes chipFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
    }
    @keyframes chipUpright {
      from { transform: translate(-50%, -50%) rotate(calc(var(--a) * -1)); }
      to { transform: translate(-50%, -50%) rotate(calc(var(--a) * -1 - 360deg)); }
    }
    @keyframes pulse { 50% { transform: scale(1.8); opacity: .4; } }
    @keyframes fanIn { from { opacity: 0; transform: translate(-50%, -40%) rotate(0); } }
    @media (max-width: 980px) {
      .chapter {
        min-height: auto;
        overflow: hidden;
        max-width: 100%;
      }
      .cover-chapter,
      [data-title="Why ONE"] {
        min-height: 100svh;
        place-items: center;
      }
      .chapter[data-title="Ready"] {
        min-height: auto;
        height: auto;
        padding-top: 36px;
        padding-bottom: 40px;
      }
      [data-title="Packages"] { min-height: auto; }
      .grid-2 { grid-template-columns: 1fr; }
      .control-dashboard-proof { width: min(100%, 760px); justify-self: center; }
      .cover-orbit { --os: min(70vw, 460px); margin-top: 36px; }
      .phone-stage { min-height: 0; }
      .game-frame { width: min(280px, 100%); }
      .media-card { height: min(48vh, 360px); }
      .media-card video, .media-card img { min-height: 0; }
      .metric-grid { grid-template-columns: repeat(3, 1fr); }
      .packages,
      .packages.packages-2 { grid-template-columns: 1fr; max-width: none; }
      .package-card.featured { transform: none; }
      .question-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (min-width: 981px) and (max-height: 800px) {
      .chapter { padding-top: 68px; padding-bottom: 56px; }
      [data-title="Packages"] { padding-bottom: clamp(180px, 28vh, 240px); }
      .proof-switcher { padding-top: 48px; padding-bottom: 56px; }
      .proof-panel { min-height: 0; }
      .proof-switch-media { height: 360px; }
      .proof-switch-media .phone-fan { min-height: 400px; transform: scale(.92); }
      h2 { font-size: clamp(42px, 4.65vw, 68px); }
      .cover-logo { margin-bottom: 0; }
      .phone-stage { min-height: 0; }
      .media-card { height: 455px; }
      .phone-fan { min-height: 390px; }
      .phone-shot { width: 150px; }
      .phone-shot:nth-child(3) { width: 180px; }
      .membership-visual-label { margin-top: 12px; }
      .included-grid { margin-top: 24px; }
      .include-card { min-height: 150px; padding: 18px; }
      .include-card .num { margin-bottom: 14px; }
      .metric-grid { margin-top: 26px; }
      .metric-card { min-height: 150px; }
      .metric-card .metric-symbol { margin-bottom: 20px; }
      .packages { margin-top: 12px; }
      .package-card { padding: 20px; }
      .package-card .type { margin-bottom: 18px; }
      .package-card ul { gap: 7px; }
      .question-grid { margin-top: 24px; }
      .question { min-height: 124px; padding: 18px; }
      .question b { margin-bottom: 14px; }
      .next-line { margin-top: 24px; }
    }

    @media (max-width: 700px) {
      .side-nav { display: none; }
      .meta { display: none; }
      .chapter {
        min-height: auto;
        overflow: hidden;
        max-width: 100%;
        padding: 86px 20px max(48px, calc(24px + env(safe-area-inset-bottom)));
        place-items: start stretch;
      }
      .pitch {
        grid-template-columns: 1fr;
        row-gap: 28px;
      }
      .pitch h2 { max-width: none; }
      .pitch-list { margin-top: 8px; gap: 18px; }
      .pitch-foot { grid-column: 1; }
      .cover-chapter,
      [data-title="Why ONE"] {
        min-height: 100svh;
        place-items: center;
      }
      .chapter[data-title="Ready"] {
        min-height: auto;
        height: auto;
        padding-top: 36px;
        padding-bottom: 40px;
      }
      [data-title="Two types"] { padding-bottom: 28px; }
      [data-title="Packages"] { min-height: auto; padding-top: 36px; padding-bottom: 160px; }
      .proof-switcher { padding: 44px 20px; }
      .proof-switch-wrap { width: 100%; max-width: 100%; min-width: 0; gap: 14px; overflow: hidden; }
      .proof-tabs { width: 100%; justify-content: flex-start; }
      .proof-panel { min-height: 0; grid-template-columns: 1fr; gap: 24px; }
      .proof-play-media-stack,
      .proof-outlet-media-stack,
      .proof-panel > .proof-switch-media { order: -1; }
      .proof-switch-copy { border: 0; }
      .proof-switch-media { height: min(58vh, 400px); padding: 10px 0; }
      .proof-switch-media--membership { height: 330px; padding: 0; }
      .proof-switch-media.proof-switch-media--dashboard {
        height: auto;
        padding: 0;
      }
      .proof-switch-media--dashboard > img { width: 100%; max-height: none; height: auto; }
      .game-home [data-title="Dashboard"] { padding: 40px 20px 32px; }
      #proof-panel-dashboard { gap: 10px; }
      #proof-panel-dashboard .dashboard-copy { display: contents; }
      #proof-panel-dashboard .eyebrow { order: 1; }
      #proof-panel-dashboard #systems-title { order: 2; }
      #proof-panel-dashboard .proof-switch-media { order: 3; }
      #proof-panel-dashboard .dashboard-lead { order: 4; margin-top: 8px; }
      .proof-switch-media .phone-fan { min-height: 330px; transform: scale(.72); transform-origin: center; }
      .chapter.cover-chapter {
        overflow: hidden;
        justify-content: center;
        padding: 56px 8px 40px;
        gap: 6px;
      }
      .cover-chapter .cover-globe {
        margin-top: 0;
        transform: translateY(-5svh);
      }
      .cover-globe { width: min(100%, 520px); }
      .globe-word { width: min(42%, 220px); }
      .globe-label { font-size: 13px; letter-spacing: .16em; }
      .cover-chapter .globe-copy {
        gap: 2px;
        transform: translateY(-3svh);
      }
      .globe-kicker { font-size: 12px; letter-spacing: .22em; margin-bottom: 8px; }
      .globe-hook { font-size: clamp(20px, 6.4vw, 28px); }
      .cover-chapter .globe-cta {
        width: min(calc(100vw - 40px), 340px);
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 10px;
        margin-top: 16px;
      }
      .cover-chapter .globe-try,
      .cover-chapter .globe-ask {
        flex: none;
        width: 100%;
        min-height: 50px;
        padding: 0 18px;
        font-size: var(--button-text);
        white-space: nowrap;
      }
      .cover-chapter .globe-try {
        border-color: transparent;
        color: #071018;
        background: var(--key-grad);
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.5),
          0 12px 28px rgba(47,99,232,.18);
      }
      .cover-chapter .globe-ask {
        background: rgba(229,228,226,.045);
      }
      .cover-chapter .globe-copy { margin-top: -3vh; }
      .pitch-foot { margin-top: 24px; }
      .pitch-cta {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
      }
      .pitch-cta .globe-try,
      .pitch-cta .globe-ask {
        flex: none;
        width: 100%;
        min-height: 50px;
        padding: 0 18px;
        font-size: var(--button-text);
        white-space: nowrap;
      }
      .pitch-cta .globe-try {
        border-color: transparent;
        color: #071018;
        background: var(--key-grad);
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.5),
          0 12px 28px rgba(47,99,232,.18);
      }
      .pitch-cta .globe-ask { background: rgba(229,228,226,.045); }
      .pitch .journey-board { margin-top: 24px; }
      [data-title="Why ONE"] {
        padding-bottom: max(104px, calc(80px + env(safe-area-inset-bottom)));
      }
      .who-link { display: none !important; }
      .wrap { width: 100%; max-width: 100%; }
      img, video, canvas { max-width: 100%; }
      h1 { font-size: clamp(26px, 8vw, 34px); }
      h2 { font-size: clamp(26px, 7.6vw, 32px); }
      .lead { font-size: 15px; }
      .pack-hook { max-width: none; font-size: 14px; }
      .cover-logo { margin-bottom: 0; width: 118px; }
      .chapter .logo:not(.cover-logo) { width: min(110px, 42vw); }
      .cover-orbit { --os: min(76vw, 360px); }
      .orbit-chip { padding: 9px 13px; font-size: 11px; gap: 6px; }
      .orbit-chip--membership { padding: 10px 14px; font-size: 11.5px; }
      .end-actions { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 22px; }
      .end-actions .wa-btn--hero,
      .end-actions .who-end.start-btn { width: 100%; min-width: 0; }
      .to-top { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
      .who-link.start-btn { left: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
      .package-card { padding: 22px 20px; }
      .package-card h3 { font-size: clamp(22px, 6.5vw, 28px); }
      .no-pain p { font-size: 16px; }
      .story-strip,
      .journey,
      .control-grid { grid-template-columns: 1fr; }
      .control-dashboard-proof img { width: 103%; }
      .story-strip { grid-template-columns: repeat(2, 1fr); margin-top: 32px; }
      .journey { gap: 18px; margin-top: 34px; }
      .journey::before,
      .journey::after { top: 0; bottom: 0; left: 17px; width: 1.5px; height: 100%; }
      .journey::before { transform: scaleY(var(--fill, 0)); transform-origin: top; }
      .journey-step { display: grid; grid-template-columns: 36px 1fr; gap: 14px; align-items: center; padding: 0; text-align: left; }
      .journey-icon { margin: 0; }
      .journey-step h3 { margin: 0; }
      [data-title="Why ONE"] .journey {
        display: block;
        width: min(86vw, 420px);
        margin: 0 auto;
        gap: 0;
      }
      [data-title="Why ONE"] .journey::before,
      [data-title="Why ONE"] .journey::after { display: none; }
      [data-title="Why ONE"] .journey-step {
        display: block;
        grid-template-columns: none;
        text-align: center;
      }
      .journey-legend li { font-size: clamp(18px, 6.2vw, 26px); }
      .info-card, .benefit, .include-card, .metric-card, .question { min-height: 0; padding: 20px; }
      .included-grid { grid-template-columns: repeat(2, 1fr); }
      .include-card { padding: 17px; }
      .include-card .num { margin-bottom: 14px; }
      .include-card h3 { font-size: 18px; }
      [data-title="Benefits"] .media-card { order: 2; }
      [data-title="Benefits"] .grid-2 > div:not(.media-card) { order: 1; }
      .media-card { height: 480px; }
      .media-card.media-card--portrait,
      .proof-frame.proof-video { width: min(250px, 72vw); }
      .media-card video, .media-card img { min-height: 0; }
      .phone-stage { min-height: 0; }
      .game-frame { width: min(280px, 78vw); }
      .floating-note.top { right: -6px; }
      .floating-note.bottom { left: -2px; }
      .proof-frame { border-radius: 20px; }
      .metric-grid { grid-template-columns: repeat(2, 1fr); }
      .metric-card .metric-symbol { margin-bottom: 18px; }
      .phone-fan { min-height: 330px; transform: scale(.8); transform-origin: top center; }
      .path-row { grid-template-columns: 52px 1fr; padding: 15px; }
      .packages,
      .packages.packages-2 { margin-top: 26px; grid-template-columns: 1fr; }
      .result-wrap {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 28px;
      }
      .journey-board { order: 0; }
      .result-grid,
      .why-grid { grid-template-columns: 1fr; gap: 16px; width: 100%; }
      .result-card.is-growth { order: initial; }
      .result-card {
        padding: 21px 18px 20px;
        border-radius: 24px;
      }
      body { font-size: 15px; }
      .eyebrow,
      .globe-kicker,
      .proof-switch-label,
      .result-kicker-top { font-size: 13px; }
      .plan-offer { font-size: 12px; }
      .result-kicker,
      .result-inc,
      .result-badge { font-size: 12px; }
      .result-sub { font-size: 17px; line-height: 1.5; }
      .build-top { flex-wrap: wrap; }
      .result-mid { grid-template-columns: 1fr; margin-bottom: 18px; }
      .result-mid h3 { font-size: 18px; line-height: 1.5; }
      .result-num { font-size: 28px; }
      .result-unit,
      .result-price small { font-size: 15px; }
      .result-price { font-size: clamp(36px, 11vw, 42px); }
      .result-price small { display: block; margin: 7px 0 0; }
      .result-card ul { font-size: 15px; line-height: 1.55; }
      .result-support { font-size: 15px; }
      .type-copy em { font-size: 16px; line-height: 1.5; }
      .proof-switch-copy > p:last-child { font-size: 16px; line-height: 1.6; }
      .ready-lead,
      .ready-line { font-size: 17px; line-height: 1.55; }
      .brand-by,
      .menu-brand span { font-size: 10px; }
      .site-foot-meta a { font-size: 14px; }
      .site-copy { font-size: 13px; }
      .site-foot { padding: 28px 20px 30px; }
      .site-foot-inner {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        align-items: start;
        gap: 20px 16px;
      }
      .site-foot .brand-lock { width: 118px; }
      .site-foot-meta { display: contents; }
      .site-foot-meta a {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        justify-self: end;
        text-align: right;
        margin-top: 6px;
      }
      .site-foot-meta .foot-wa {
        align-self: start;
      }
      .site-copy {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        text-align: left;
      }
      .play-lite-card p { font-size: 15px; line-height: 1.5; }
      .play-lite-open { font-size: 14px; }
      .billing-switch { width: min(100%, 320px); }
      .why-grid { margin-top: 36px; }
      .why-card { padding: 24px 22px 26px; }
      .why-num { margin-bottom: 24px; }
      .control-grid,
      .benefit-grid,
      .included-grid,
      .metric-grid,
      .question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
      .question { padding: 17px; }
      .question b { margin-bottom: 14px; }
      .next-line { max-width: 100%; line-height: 1.35; }
      .meta { inset: auto 20px 18px; font-size: 9px; }
      .meta span:first-child { max-width: 72%; }
      .scroll-hint { left: 20px; bottom: 52px; }
      .who-link { left: 20px; bottom: 20px; padding: 10px 16px; }
      .menu-btn {
        top: max(12px, env(safe-area-inset-top));
        right: 14px;
        width: 48px;
        height: 48px;
        padding-right: 4px;
      }
      .menu-brand {
        top: max(22px, calc(12px + env(safe-area-inset-top)));
        left: 20px;
        width: 118px;
      }
      .menu-panel {
        place-items: center stretch;
        padding: max(94px, calc(74px + env(safe-area-inset-top))) 24px max(104px, calc(84px + env(safe-area-inset-bottom)));
        background:
          radial-gradient(ellipse 100% 62% at 50% 0%, rgba(47,99,232,.16), transparent 68%),
          #0A0A0A;
      }
      .menu-panel nav {
        width: min(100%, 420px);
        min-width: 0;
        margin-inline: auto;
        align-items: stretch;
        gap: 2px;
        text-align: left;
      }
      .menu-panel button {
        width: 100%;
        min-height: 48px;
        padding: 8px 0;
        text-align: left;
        font-size: clamp(22px, 7vw, 30px);
        letter-spacing: -.025em;
        text-transform: none;
      }
      .menu-contact { width: calc(100% - 48px); max-width: 342px; }
    }

    @media (max-width: 420px) {
      .story-pill { padding: 15px 10px; font-size: 14px; }
      .phone-stage { min-height: 0; }
      .phone-fan { min-height: 230px; transform: scale(.76); }
      .question { min-height: 0; }
    }

    @media (max-width: 350px) {
      .proof-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        overflow: visible;
        border-radius: 26px;
      }
      .proof-tab {
        width: 100%;
        min-height: 44px;
        padding: 0 8px;
        font-size: var(--button-text);
      }
      .phone-fan { transform: scale(.68); }
      .control-grid,
      .benefit-grid,
      .included-grid,
      .metric-grid,
      .question-grid { grid-template-columns: 1fr; }
    }

    .chapter.cover-chapter {
      height: 100vh;
      height: 100dvh;
      min-height: 100vh;
      min-height: 100dvh;
      max-height: none;
      overflow: hidden;
    }
    .chapter[data-title="Ready"],
    [data-title="Ready"] {
      height: auto;
      min-height: auto;
      max-height: none;
      overflow: visible;
      padding-top: 36px;
      padding-bottom: 40px;
    }
    [data-title="Why ONE"] {
      height: auto;
      min-height: 100vh;
      min-height: 100dvh;
      max-height: none;
      overflow: hidden;
    }
    @media (min-width: 701px) {
      [data-title="Why ONE"] {
        height: 100vh;
        height: 100dvh;
      }
    }
    [data-title="Packages"] {
      height: auto;
      min-height: auto;
      max-height: none;
      overflow: visible;
    }

    @media print {
      .progress, .side-nav, .scroll-hint, .play-lite { display: none !important; }
      .chapter { min-height: 100vh; break-after: page; }
      .reveal { opacity: 1 !important; transform: none !important; }
      .control-dashboard-proof img { opacity: 1 !important; transform: translate(-50%, -47%) !important; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
      }
      .reveal { opacity: 1; transform: none; }
      body { animation: none; transition: none; }
      .control-dashboard-proof img { opacity: 1; transform: translate(-50%, -47%); }
    }

    .tiny {
      margin: 0;
      color: rgba(229,228,226,.42);
      font-size: 9px;
      font-weight: 300;
      letter-spacing: .28em;
      text-transform: uppercase;
    }
    .tiny-stamp {
      position: absolute;
      top: clamp(72px, 10vw, 96px);
      left: clamp(22px, 4vw, 48px);
    }
    .tiny-note {
      position: absolute;
      top: clamp(22px, 3.5vw, 36px);
      right: clamp(22px, 4vw, 48px);
      max-width: 11rem;
      text-align: right;
      line-height: 1.7;
    }
    .tiny-code {
      position: absolute;
      right: clamp(22px, 4vw, 48px);
      bottom: 24px;
    }
    .eyebrow, .meta, .scroll-hint, .membership-visual-label,
    .story-pill b, .question b, .package-card .type, .mini-labels span,
    .path-row .stage, .fee-label {
      font-weight: 300 !important;
      letter-spacing: .22em;
      text-transform: uppercase;
    }
    .meta { color: rgba(229,228,226,.38); font-size: 9px; }
    .scroll-hint { font-size: 9px; font-weight: 300; }
    .story-pill, .info-card, .benefit, .metric-card, .question, .package-card {
      font-weight: 300;
    }
    .story-pill strong, h3, .path-row h3, .package-card h3, .question h3 {
      font-weight: 300;
    }
    .demo-qr {
      background: rgba(229,228,226,.06);
      border: 1px solid rgba(229,228,226,.12);
      box-shadow: none;
    }
    .demo-qr a { color: var(--alabaster); font-weight: 300; letter-spacing: .16em; font-size: 10px; text-transform: uppercase; }
    .next-line {
      color: var(--alabaster);
      background: transparent;
      border: 1px solid rgba(229,228,226,.18);
      font-weight: 300;
      letter-spacing: .18em;
      text-transform: uppercase;
      font-size: 10px;
      padding: 12px 16px;
    }
    .mini-labels { gap: 18px; }
    .mini-labels span { font-size: 9px; color: rgba(229,228,226,.4); }

    .chapter.paper-wash {
      color: #0A0A0A;
      background: radial-gradient(ellipse 120% 90% at 50% -8%, #c5d2da 0%, #dbe2e6 38%, #f0f1f0 72%);
    }
    .chapter.paper-wash::before,
    .chapter.paper-wash::after { display: none; }
    .chapter.paper-wash .eyebrow,
    .chapter.paper-wash .tiny,
    .chapter.paper-wash .meta,
    .chapter.paper-wash .lead,
    .chapter.paper-wash .scroll-hint,
    .chapter.paper-wash .membership-visual-label,
    .chapter.paper-wash .mini-labels span,
    .chapter.paper-wash .scope-note {
      color: rgba(10,10,10,.42);
    }
    .chapter.paper-wash h2,
    .chapter.paper-wash h3,
    .chapter.paper-wash .path-row,
    .chapter.paper-wash .story-pill,
    .chapter.paper-wash .question,
    .chapter.paper-wash .package-card:not(.featured) {
      color: #0A0A0A;
    }
    .chapter.paper-wash .logo { filter: none; }
    .chapter.paper-wash .question,
    .chapter.paper-wash .package-card:not(.featured) {
      background: rgba(255,255,255,.78);
      border-color: rgba(10,10,10,.12);
      backdrop-filter: blur(18px);
      color: #0A0A0A;
    }
    .chapter.paper-wash .story-pill {
      background: none;
      border: 0;
      box-shadow: none;
    }
    .chapter.paper-wash .journey-icon {
      background: #E5E4E2;
      border-color: rgba(10,10,10,.28);
      color: #0A0A0A;
    }
    .chapter.paper-wash .journey-step.is-done .journey-icon,
    .chapter.paper-wash .journey-step.is-on .journey-icon {
      background:
        linear-gradient(#E5E4E2, #E5E4E2) padding-box,
        var(--key-grad) border-box;
      border: 1.5px solid transparent;
      color: #3a3d42;
    }
    .chapter.paper-wash .package-card:not(.featured) ul,
    .chapter.paper-wash .package-card:not(.featured) .package-summary,
    .chapter.paper-wash .package-card:not(.featured) li.feature-lead,
    .chapter.paper-wash .package-card:not(.featured) .price {
      color: #0A0A0A;
    }
    .chapter.paper-wash .package-card:not(.featured) ul { color: rgba(10,10,10,.72); }
    .chapter.paper-wash .package-card:not(.featured) .package-summary { color: rgba(10,10,10,.62); }

    .chapter.silver-wash {
      color: #E6EBEF;
      background: linear-gradient(180deg, #4a5861 0%, #6f7d86 48%, #9aa6ae 100%);
    }
    .chapter.silver-wash::before,
    .chapter.silver-wash::after { display: none; }
    .chapter.silver-wash .eyebrow,
    .chapter.silver-wash .lead,
    .chapter.silver-wash .pack-hook,
    .chapter.silver-wash h2 {
      color: #E6EBEF;
    }
    .chapter.silver-wash .pack-hook { color: #E6EBEF; }
    .chapter.silver-wash .meta { color: rgba(230,235,239,.5); }
    .chapter.silver-wash .package-card:not(.featured) {
      color: #121417;
      background:
        linear-gradient(165deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.38) 52%, rgba(230,235,239,.18) 100%);
      border: 1px solid rgba(255,255,255,.62);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 -10px 24px rgba(87,100,108,.06),
        0 18px 40px rgba(60,73,82,.16);
      backdrop-filter: blur(22px) saturate(1.25);
      -webkit-backdrop-filter: blur(22px) saturate(1.25);
    }
    .chapter.silver-wash .package-card:not(.featured) .package-summary,
    .chapter.silver-wash .package-card:not(.featured) .price,
    .chapter.silver-wash .package-card:not(.featured) ul,
    .chapter.silver-wash .package-card:not(.featured) li.feature-lead {
      color: #121417;
    }
    .chapter.silver-wash .package-card:not(.featured) .package-summary,
    .chapter.silver-wash .package-card:not(.featured) ul {
      color: #1a1c1e;
    }
    .chapter.silver-wash .package-card:not(.featured) .type-guide {
      color: var(--blue-vivid);
    }
    .chapter.silver-wash .package-card:not(.featured) li::before {
      color: #0A0A0A;
    }
    .package-card.featured,
    .package-card.featured h3,
    .package-card.featured .price,
    .package-card.featured .package-summary,
    .package-card.featured ul {
      color: #EDEEEC;
    }
    .package-card.featured .package-summary,
    .package-card.featured ul { color: rgba(237,238,236,.72); }
    .package-card.featured li.feature-lead { color: #EDEEEC; }
    .chapter.paper-wash .path-row {
      background: none;
      border: 0;
    }
    .no-pain {
      display: grid;
      gap: 6px;
      margin: 28px 0 10px;
      max-width: 28rem;
    }
    .no-pain p {
      margin: 0;
      font-size: clamp(16px, 1.7vw, 22px);
      font-weight: 300;
      letter-spacing: -.02em;
      line-height: 1.35;
      color: #0A0A0A;
    }
    .end-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-top: 28px;
    }
    .end-actions .wa-btn--hero { margin-top: 0; }
    .who-end.start-btn {
      position: static;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 13px 20px;
      font-size: 11px;
      color: #0A0A0A;
      background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.18));
      background-blend-mode: normal;
      border: 1px solid rgba(10,10,10,.16);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 10px 24px rgba(60,73,82,.12);
      backdrop-filter: blur(22px) saturate(1.3);
      -webkit-backdrop-filter: blur(22px) saturate(1.3);
    }
    .who-end.start-btn:hover {
      filter: none;
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.28));
    }
    .to-top {
      position: fixed;
      right: clamp(22px, 4vw, 48px);
      bottom: clamp(22px, 3.6vw, 44px);
      z-index: 180;
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 1px solid rgba(229,228,226,.18);
      border-radius: 50%;
      background: rgba(10,10,10,.62);
      color: rgba(229,228,226,.74);
      box-shadow: 0 10px 28px rgba(0,0,0,.18);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(8px);
      transition: opacity .28s ease, visibility .28s ease, transform .4s var(--ease-page), color .25s ease, border-color .25s ease;
    }
    .to-top.is-visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    .to-top:hover {
      color: #9ee7ff;
      border-color: rgba(122,212,255,.48);
    }
    .to-top:focus-visible {
      outline: 2px solid #4aa8ff;
      outline-offset: 3px;
    }
    .to-top svg {
      width: 22px;
      height: 22px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    @media (max-width: 700px) {
      .to-top { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
    }

    .menu-btn {
      position: fixed;
      top: clamp(22px, 3.5vw, 36px);
      right: clamp(22px, 4vw, 48px);
      z-index: 210;
      width: 40px;
      height: 22px;
      padding: 0;
      border: 0;
      background: none;
      color: #E5E4E2;
      mix-blend-mode: difference;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .menu-btn span {
      display: block;
      height: 1.5px;
      margin-left: auto;
      background: currentColor;
      border-radius: 99px;
      transition: width .7s var(--ease), transform .7s var(--ease);
    }
    .menu-btn span:first-child { width: 28px; }
    .menu-btn span:last-child { width: 16px; margin-top: 7px; }
    .menu-btn[aria-expanded="true"] span:first-child {
      width: 28px;
      transform: translateY(4.25px) rotate(28deg);
    }
    .menu-btn[aria-expanded="true"] span:last-child {
      width: 28px;
      transform: translateY(-4.25px) rotate(-28deg);
    }
    .menu-panel {
      position: fixed;
      inset: 0;
      z-index: 200;
      display: grid;
      place-items: center;
      background: #0A0A0A;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .4s ease, visibility 0s linear .4s;
    }
    .menu-brand {
      position: absolute;
      top: clamp(22px, 3.5vw, 36px);
      left: clamp(22px, 4vw, 48px);
      z-index: 2;
      display: grid;
      gap: 5px;
      width: min(118px, 28vw);
      color: #E5E4E2;
      text-decoration: none;
    }
    .menu-brand img { width: 100%; filter: brightness(0) invert(1); }
    .menu-brand span {
      font-size: 8px;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: rgba(229,228,226,.42);
    }
    .menu-contact {
      position: absolute;
      left: 50%;
      bottom: max(28px, calc(18px + env(safe-area-inset-bottom)));
      transform: translateX(-50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 24px;
      border-radius: 999px;
      color: #0A0A0A;
      background: linear-gradient(105deg, #2f63e8 0%, #4aa8ff 58%, #9ee7ff 100%);
      font-size: 13px;
      font-weight: 500;
      text-decoration: none;
      white-space: nowrap;
    }
    .menu-panel.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition: opacity .4s ease, visibility 0s;
    }
    .menu-panel nav {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 30px;
      min-width: min(78vw, 420px);
      text-align: center;
    }
    .menu-item { width: 100%; }
    .menu-panel button {
      border: 0;
      background: none;
      color: #E5E4E2;
      font-family: inherit;
      font-size: clamp(15px, 2.1vw, 20px);
      font-weight: 300;
      letter-spacing: .22em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .menu-parent::after {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      margin: 0 0 3px 10px;
      border-right: 1px solid #E5E4E2;
      border-bottom: 1px solid #E5E4E2;
      transform: rotate(45deg);
      opacity: .5;
      vertical-align: middle;
      transition: transform .18s var(--ease-page), opacity .18s var(--ease-page);
    }
    .menu-item.is-open .menu-parent::after {
      transform: rotate(225deg);
      margin-bottom: -1px;
      opacity: .9;
    }
    .menu-sub {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows .22s var(--ease-page);
    }
    .menu-item.is-open .menu-sub { grid-template-rows: 1fr; }
    .menu-sub-inner {
      overflow: hidden;
      display: grid;
      gap: 12px;
      padding-top: 14px;
    }
    .menu-panel .menu-sub button {
      font-size: clamp(11px, 1.35vw, 13px);
      letter-spacing: .2em;
      color: rgba(229,228,226,.42);
    }
    .menu-item.is-here > .menu-parent,
    .menu-panel button[aria-current="true"] {
      background: var(--key-grad);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .menu-item.is-here > .menu-parent[aria-current="false"] {
      background: none;
      -webkit-text-fill-color: #E5E4E2;
      opacity: .92;
    }
    .menu-panel .menu-sub button[aria-current="true"] {
      color: unset;
    }
    @media (max-width: 700px) {
      .menu-btn {
        top: max(12px, env(safe-area-inset-top));
        right: 14px;
        width: 48px;
        height: 48px;
        padding-right: 4px;
      }
      .menu-brand {
        top: max(22px, calc(12px + env(safe-area-inset-top)));
        left: 20px;
        width: min(104px, 36vw);
      }
      .menu-panel {
        place-items: center stretch;
        padding: max(94px, calc(74px + env(safe-area-inset-top))) 24px max(104px, calc(84px + env(safe-area-inset-bottom)));
        background:
          radial-gradient(ellipse 100% 62% at 50% 0%, rgba(47,99,232,.16), transparent 68%),
          #0A0A0A;
      }
      .menu-panel nav {
        width: min(100%, 420px);
        min-width: 0;
        margin-inline: auto;
        align-items: stretch;
        gap: 2px;
        text-align: left;
      }
      .menu-panel button {
        width: 100%;
        min-height: 48px;
        padding: 8px 0;
        text-align: left;
        font-size: clamp(22px, 7vw, 30px);
        letter-spacing: -.025em;
        text-transform: none;
      }
      .menu-contact { width: calc(100% - 48px); max-width: 342px; }
    }

    /* Game Packs revamp — extends the original KIIPT ONE visual system. */
    .legacy-home[hidden] { display: none !important; }
    .game-home .chapter { scroll-margin-top: 0; }

    .chapter.cover-chapter.game-cover {
      height: auto;
      min-height: 100vh;
      min-height: 100dvh;
      max-height: none;
      justify-content: flex-start;
      padding: clamp(56px, 6vh, 80px) clamp(28px, 7vw, 96px) clamp(48px, 6vh, 80px);
    }
    .game-cover-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
      align-items: center;
      gap: clamp(34px, 5vw, 84px);
      width: min(100%, var(--max));
      margin-inline: auto;
    }
    .game-hero-copy { max-width: 670px; }
    .game-hero-copy .globe-kicker {
      width: max-content;
      max-width: 100%;
      margin: 0 0 18px;
      text-align: left;
      letter-spacing: .22em;
    }
    .game-hero-title {
      max-width: 14em;
      margin: 0;
      color: #E5E4E2;
      font-size: clamp(32px, 4vw, 52px);
      font-weight: 300;
      letter-spacing: -.05em;
      line-height: 1.08;
    }
    .game-hero-lead {
      max-width: 34rem;
      margin: 28px 0 0;
      color: rgba(229,228,226,.58);
      font-size: clamp(17px, 1.65vw, 22px);
      font-weight: 300;
      line-height: 1.5;
    }
    .game-hero-actions {
      justify-content: flex-start;
      margin-top: 30px;
    }
    .game-hero-actions .globe-try,
    .game-hero-actions .globe-ask { min-height: 52px; }
    .site-primary,
    .game-hero-actions .globe-try {
      border: 0;
      color: #071018;
      background: var(--key-grad);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 14px 34px rgba(47,99,232,.2);
    }
    .game-cover .cover-globe {
      width: min(47vw, 580px);
      margin: 0;
      justify-self: center;
      transform: none;
    }
    .game-cover .globe-word { width: min(40%, 210px); }

    .game-flow {
      min-height: 100vh;
      min-height: 100dvh;
    }
    .game-flow .pitch-copy { max-width: 38rem; }
    .game-flow .pitch h2 { max-width: 14em; }
    .game-flow .lead {
      max-width: 35rem;
      font-size: clamp(16px, 1.4vw, 19px);
    }
    .event-shot {
      margin: 0;
      width: min(100%, 560px);
      justify-self: start;
      overflow: hidden;
      border-radius: 18px;
      background: #141518;
    }
    .event-shot img {
      display: block;
      width: 100%;
      height: auto;
    }
    .event-shot figcaption {
      margin: 0;
      padding: 10px 14px 12px;
      color: rgba(229,228,226,.48);
      font-size: 12px;
      font-weight: 300;
      letter-spacing: .02em;
      line-height: 1.4;
    }
    .game-flow .event-shot-board {
      width: min(100%, 560px);
      place-items: start;
    }
    .game-packs {
      height: auto;
      min-height: auto;
      max-height: none;
      overflow: visible;
      padding-block: clamp(92px, 9vw, 132px);
    }
    .game-packs .result-wrap {
      width: min(100%, var(--max));
      gap: 42px;
    }
    .game-packs .result-head,
    .game-packs .result-title,
    .game-packs .result-sub { text-align: left; }
    .game-packs .result-title { font-size: clamp(42px, 5.6vw, 72px); }
    .game-pack-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: stretch;
    }
    .game-pack {
      min-width: 0;
      padding: clamp(24px, 2.35vw, 30px);
    }
    .game-pack-primary {
      border: 1.5px solid rgba(74,168,255,.58);
      background:
        radial-gradient(110% 80% at 0% 0%, rgba(158,231,255,.07) 0%, transparent 56%),
        linear-gradient(145deg, rgba(47,99,232,.18) 0%, rgba(74,168,255,.14) 100%),
        #111820;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 28px 76px rgba(47,99,232,.1);
    }
    .game-pack .result-plan {
      min-height: 2.1em;
      align-items: flex-start;
      font-size: clamp(26px, 2.5vw, 35px);
      line-height: 1.04;
    }
    .game-pack .result-price { margin: 22px 0 8px; }
    .pack3-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .pack3-billing-switch {
      width: auto;
      min-width: 152px;
      margin: 0;
      padding: 2px;
      flex: none;
    }
    .pack3-billing-switch::before {
      top: 2px;
      left: 2px;
      width: calc((100% - 4px) / 2);
      height: calc(100% - 4px);
    }
    .pack3-billing-switch button {
      min-height: 24px;
      padding: 0 6px;
      font-size: 10px;
    }
    .pack3-annual-short { display: none; }
    .pack3-swap {
      transition: opacity .18s ease, transform .3s var(--ease-page);
    }
    .pack3-swap.is-switching {
      opacity: .22;
      transform: translateY(3px);
    }
    .game-pack .result-unit {
      min-height: 42px;
      margin-bottom: 18px;
    }
    .game-pack .result-rule { margin-bottom: 20px; }
    .game-pack ul { margin-bottom: 28px; }
    .game-pack-primary .pack-btn {
      border: 0;
      color: #071018;
      background: var(--key-grad);
      box-shadow: 0 12px 28px rgba(47,99,232,.18);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    .game-pack-primary .pack-btn:hover {
      border: 0;
      background: var(--key-grad);
      filter: brightness(1.08);
    }

    .game-work {
      height: auto;
      min-height: 0;
      overflow: visible;
      text-align: left;
      place-items: start stretch;
      padding-block: clamp(52px, 7vh, 80px);
      background-image: linear-gradient(90deg, transparent, rgba(229,228,226,.28) 18%, rgba(229,228,226,.28) 82%, transparent);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: min(46vw, 520px) 1px;
    }
    .game-work .eyebrow {
      text-align: left;
      color: #7ad4ff;
    }
    .game-work-copy {
      max-width: 16em;
      margin: 0 0 28px;
      color: #E5E4E2;
      font-size: clamp(26px, 3.4vw, 42px);
      font-weight: 300;
      letter-spacing: -.04em;
      line-height: 1.18;
    }
    .game-work-steps {
      counter-reset: step;
      list-style: none;
      width: min(100%, 28rem);
      margin: 0;
      padding: 0;
      display: grid;
      gap: 11px;
      text-align: left;
      color: rgba(229,228,226,.7);
      font-size: clamp(15px, 1.35vw, 18px);
      font-weight: 300;
      line-height: 1.45;
    }
    .game-work-steps li {
      display: grid;
      grid-template-columns: 1.5em 1fr;
      column-gap: 8px;
      margin: 0;
      counter-increment: step;
    }
    .game-work-steps li::before {
      content: counter(step) ".";
      color: rgba(229,228,226,.4);
      font-variant-numeric: tabular-nums;
    }

    .game-home .proof-switcher,
    .game-home .past-work,
    .game-home [data-title="Why KIIPT"],
    .game-home .game-side-door,
    .game-home .game-work {
      height: auto;
      min-height: auto;
      max-height: none;
      overflow: visible;
    }
    .past-work {
      overflow: visible;
    }
    .past-work-wrap {
      width: min(100%, var(--max));
      margin-inline: auto;
      display: grid;
      gap: 42px;
    }
    .past-work-head {
      margin-inline: 0;
      text-align: left;
      max-width: 760px;
    }
    .past-work-head h2 {
      font-size: clamp(52px, 8vw, 92px);
      font-weight: 300;
      letter-spacing: -.055em;
      line-height: .95;
    }
    .past-work-tag {
      margin: 12px 0 0;
      color: rgba(229,228,226,.58);
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 300;
      letter-spacing: -.01em;
      line-height: 1.4;
    }
    .folio-block { min-width: 0; }
    .folio-kicker {
      margin: 0 0 16px;
      color: #7ad4ff;
      font-size: 10px;
      font-weight: 400;
      letter-spacing: .22em;
      text-transform: uppercase;
    }
    .folio-rule {
      width: 100%;
      height: 0;
      margin: 0;
      border: 0;
      border-top: 1px solid rgba(229,228,226,.14);
    }
    .game-folio {
      display: flex;
      gap: 16px;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 0 0 10px;
      margin: 0;
      scrollbar-width: none;
    }
    .game-folio::-webkit-scrollbar { display: none; }
    .game-folio-card {
      flex: 0 0 min(68vw, 280px);
      scroll-snap-align: start;
      min-width: 0;
    }
    .game-folio-media {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 5;
      border-radius: 10px;
      overflow: hidden;
      background: #141518;
    }
    .game-folio--games .game-folio-media {
      aspect-ratio: 9 / 16;
    }
    .game-folio-media video,
    .game-folio-media img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .game-folio-title {
      margin: 12px 0 0;
      color: #E5E4E2;
      font-size: 15px;
      font-weight: 400;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .game-folio-desc {
      margin: 4px 0 0;
      color: rgba(229,228,226,.5);
      font-size: 13px;
      font-weight: 300;
      line-height: 1.4;
    }
    .game-home .game-side-door {
      min-height: auto;
      height: auto;
      padding-block: clamp(28px, 4vw, 48px);
    }

    .game-side-door-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 16px 28px;
      width: min(100%, var(--max));
      margin: 0 auto;
      padding: 0;
      border: 0;
      background: transparent;
    }
    .game-side-door-card .phone-fan {
      grid-column: 1 / -1;
      width: 100%;
      min-height: 360px;
      margin-top: 0;
    }
    .game-side-door-card h2 {
      max-width: none;
      margin: 0;
      font-size: clamp(30px, 4vw, 48px);
    }
    .game-side-door-card p {
      max-width: 44rem;
      margin: 12px 0 0;
      color: rgba(229,228,226,.42);
      font-weight: 300;
    }
    .game-side-door-card .pack-btn {
      width: auto;
      min-width: 230px;
      margin: 0;
      padding-inline: 24px;
      border: 0;
      color: #071018;
      background: var(--key-grad);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 14px 34px rgba(47,99,232,.2);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    .game-side-door-card .pack-btn:hover {
      border: 0;
      background: var(--key-grad);
      filter: brightness(1.08);
    }
    .game-side-door-card .pack-btn-wa::before {
      background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23071018'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.44-9.91 9.9 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.95 6.44 17.5 2 12.04 2zm5.94 14.16c-.25.71-1.46 1.3-2.03 1.38-.52.07-1.18.1-1.9-.12-.44-.13-.99-.32-1.71-.67-3.01-1.46-4.97-4.85-5.12-5.08-.15-.22-1.23-1.64-1.23-3.13 0-1.49.78-2.22 1.06-2.52.28-.3.61-.37.81-.37h.58c.18 0 .43-.07.67.51.25.6.84 2.06.91 2.21.08.15.12.32.02.52-.1.2-.15.32-.3.5-.15.17-.31.39-.45.52-.15.15-.3.31-.13.6.17.3.76 1.25 1.63 2.03 1.12 1 2.07 1.31 2.37 1.46.3.15.47.12.65-.07.17-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.57.35.08.13.08.75-.17 1.46z'/%3E%3C/svg%3E");
    }

    @media (max-width: 980px) {
      .game-cover-grid {
        grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
      }
      .game-pack-grid { grid-template-columns: 1fr; }
      .game-pack .result-plan,
      .game-pack .result-unit { min-height: 0; }
    }

    @media (max-width: 700px) {
      .chapter.cover-chapter.game-cover,
      .chapter.game-cover {
        height: auto;
        min-height: auto;
        max-height: none;
        justify-content: flex-start;
        place-items: start stretch;
        align-items: stretch;
        padding: max(72px, calc(52px + env(safe-area-inset-top))) 20px max(56px, calc(40px + env(safe-area-inset-bottom)));
      }
      .game-hero-copy .globe-kicker {
        margin-bottom: 14px;
        letter-spacing: .18em;
      }
      .game-cover-grid {
        grid-template-columns: 1fr;
        gap: 32px;
      }
      .game-cover .cover-globe {
        order: -1;
        width: min(100%, 430px);
        margin-inline: auto;
        transform: none;
      }
      .game-hero-copy { order: 2; }
      .game-hero-title {
        max-width: none;
        font-size: clamp(32px, 9.2vw, 44px);
      }
      .game-hero-lead { margin-top: 22px; font-size: 17px; }
      .game-hero-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 26px;
      }
      .game-hero-actions .globe-try,
      .game-hero-actions .globe-ask { width: 100%; }
      .game-flow { min-height: auto; }
      .game-flow .pitch { grid-template-columns: 1fr; }
      .game-flow .journey-board { order: -1; }
      .game-flow .pitch-copy { order: 2; }
      .game-packs { padding-block: 84px 104px; }
      .game-packs .result-head { text-align: left; }
      .game-packs .result-title,
      .game-packs .result-sub { text-align: left; }
      .game-pack-grid { grid-template-columns: 1fr; gap: 16px; }
      .game-pack { padding: 26px 24px; }
      .pack3-billing-switch { min-width: 146px; }
      .game-work { min-height: 0; padding-block: 44px 52px; }
      .game-side-door-card { grid-template-columns: 1fr; }
      .game-side-door-card .pack-btn { width: 100%; min-width: 0; }
    }

    @media (max-width: 360px) {
      .pack3-kicker-period,
      .pack3-annual-full { display: none; }
      .pack3-annual-short { display: inline; }
      .pack3-billing-switch { min-width: 132px; }
      .pack3-billing-switch button {
        padding-inline: 4px;
        font-size: 9px;
        min-height: 22px;
      }
    }

    @media (max-width: 350px) {
      .game-hero-title { font-size: 30px; }
    }