:root {
      --navy: #07164c;
      --navy2: #0c1e5a;
      --blue: #0B7CFF;
      --blue2: #1769ff;
      --blue3: #005EC7;
      --soft: #EAF2FF;
      --soft2: #F7FBFF;
      --line: #dce9f9;
      --muted: #5b74a8;
      --text: #0d1d55;
      --green: #08a683;
      --green-soft: #e4f8f1;
      --amber: #f59a23;
      --amber-soft: #fff4e6;
      --red: #ef4d62;
      --red-soft: #fff0f2;
      --purple: #7557ef;
      --shadow: 0 22px 70px rgba(36, 92, 160, .12), 0 2px 10px rgba(18, 49, 100, .05);
      --card-shadow: 0 18px 50px rgba(38, 95, 160, .10);
      --radius: 26px;
      --streamer: url("assets/img-70a05ee8d9.webp");
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      background: #fff;
      color: var(--text);
      font-family: "Segoe UI Variable", "Segoe UI", "Aptos", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden
    }

    a {
      color: inherit;
      text-decoration: none
    }

    button,
    a {
      font: inherit
    }

    img {
      max-width: 100%;
      display: block
    }

    .container {
      width: min(1480px, 92vw);
      margin: 0 auto;
      position: relative;
      z-index: 2
    }

    .section {
      position: relative;
      overflow: hidden;
      padding: 104px 0 100px;
      background: #fff
    }

    .section.soft {
      background: linear-gradient(180deg, #fff 0%, #fbfdff 100%)
    }

    .section::before {
      content: "";
      position: absolute;
      inset: auto -13% -16% auto;
      width: min(940px, 72vw);
      height: min(530px, 48vw);
      background-image: var(--streamer);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: .62;
      pointer-events: none;
      z-index: 0
    }

    .section.ribbon-left::before {
      left: -24%;
      right: auto;
      top: -8%;
      bottom: auto;
      transform: rotate(180deg);
      opacity: .5
    }

    .section.ribbon-both::after {
      content: "";
      position: absolute;
      left: -25%;
      top: -18%;
      width: min(900px, 68vw);
      height: min(510px, 46vw);
      background-image: var(--streamer);
      background-size: contain;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      opacity: .4;
      pointer-events: none
    }

    .eyebrow {
      text-transform: uppercase;
      letter-spacing: .32em;
      font-size: 14px;
      font-weight: 800;
      color: var(--blue);
      text-align: center;
      margin-bottom: 28px
    }

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

    .display {
      font-size: clamp(42px, 4.35vw, 70px);
      line-height: 1.06;
      letter-spacing: -.035em;
      font-weight: 650;
      color: var(--navy);
      margin: 0 auto 24px;
      text-align: center;
      max-width: 1180px;
      text-wrap: balance
    }

    .display .blue {
      color: var(--blue)
    }

    .headline-line {
      display: block
    }

    .lead {
      font-size: clamp(18px, 1.45vw, 24px);
      line-height: 1.5;
      color: #5871a4;
      text-align: center;
      max-width: 1040px;
      margin: 0 auto;
      text-wrap: pretty
    }

    .smallnote {
      font-size: 14px;
      color: #7186b0
    }

    .card {
      background: rgba(255, 255, 255, .93);
      border: 1px solid rgba(204, 221, 245, .78);
      border-radius: var(--radius);
      box-shadow: var(--card-shadow);
      backdrop-filter: blur(8px)
    }

    .pill {
      border-radius: 999px;
      background: #fff;
      border: 1px solid #e0ebf9;
      box-shadow: 0 6px 18px rgba(28, 80, 150, .06)
    }

    .icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #eaf4ff;
      color: var(--blue);
      flex: 0 0 auto
    }

    .icon svg {
      width: 26px;
      height: 26px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round
    }

    .icon.amber {
      background: var(--amber-soft);
      color: var(--amber)
    }

    .icon.green {
      background: var(--green-soft);
      color: var(--green)
    }

    .icon.red {
      background: var(--red-soft);
      color: var(--red)
    }

    .icon.purple {
      background: #f0ecff;
      color: var(--purple)
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 58px;
      padding: 0 30px;
      border-radius: 18px;
      font-weight: 750;
      border: 0;
      cursor: pointer;
      transition: .2s ease
    }

    .btn.primary {
      color: #fff;
      background: linear-gradient(135deg, #0B7CFF 0%, #1769ff 55%, #005fe7 100%);
      box-shadow: 0 16px 32px rgba(11, 124, 255, .24)
    }

    .btn.primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 20px 38px rgba(11, 124, 255, .30)
    }

    .btn .arrow {
      font-size: 22px;
      line-height: 1
    }

    /* NAV */
    .nav-wrap {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20
    }

    .nav {
      height: 104px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 26px
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 260px
    }

    .brand-icon {
      width: 64px;
      height: 64px;
      object-fit: contain;
      border-radius: 12px
    }

    .brand-copy strong {
      display: block;
      font-size: 34px;
      line-height: .92;
      color: var(--navy);
      letter-spacing: -.035em
    }

    .brand-copy span {
      display: block;
      text-transform: uppercase;
      letter-spacing: .28em;
      font-size: 11px;
      color: #61749c;
      margin-top: 8px
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 42px;
      color: #22365e;
      font-size: 15px
    }

    .nav-links a {
      opacity: .9
    }

    .nav-links a:hover {
      color: var(--blue)
    }

    .nav-cta {
      min-height: 52px;
      padding: 0 28px;
      border-radius: 18px
    }

    .mobile-toggle {
      display: none;
      background: none;
      border: 0;
      color: var(--navy);
      font-size: 28px;
      padding: 8px
    }

    /* HERO */
    .hero {
      min-height: 900px;
      padding: 150px 0 75px;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, #fff 0%, #fbfdff 100%)
    }

    .hero::before {
      content: "";
      position: absolute;
      right: -8%;
      top: -4%;
      width: 68vw;
      height: 66vw;
      max-width: 1120px;
      max-height: 970px;
      background-image: var(--streamer);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: .78
    }

    .hero-grid {
      display: grid;
      grid-template-columns: .86fr 1.14fr;
      align-items: center;
      gap: 68px;
      position: relative;
      z-index: 2
    }

    .hero-copy {
      padding-top: 40px
    }

    .hero .eyebrow {
      text-align: left;
      margin-bottom: 34px
    }

    .hero h1 {
      font-size: clamp(50px, 4.65vw, 76px);
      line-height: 1.04;
      letter-spacing: -.038em;
      color: var(--navy);
      margin: 0 0 28px;
      font-weight: 650;
      max-width: 690px;
      text-wrap: balance
    }

    .hero h1 .blue {
      color: var(--blue)
    }

    .hero p {
      font-size: clamp(19px, 1.45vw, 24px);
      line-height: 1.5;
      color: #4b658f;
      max-width: 680px;
      margin-bottom: 34px;
      text-wrap: pretty
    }

    .hero .micro {
      margin-top: 26px;
      text-transform: uppercase;
      letter-spacing: .28em;
      font-size: 13px;
      color: #6f85ae
    }

    .product-frame {
      position: relative;
      margin-top: 30px;
      border-radius: 24px;
      background: rgba(255, 255, 255, .72);
      padding: 7px;
      box-shadow: 0 28px 72px rgba(36, 102, 180, .16);
      border: 1px solid rgba(213, 229, 248, .85);
      transform: rotate(-.35deg)
    }

    .product-frame::before {
      content: "";
      position: absolute;
      inset: -10% -7% 20% 15%;
      background: radial-gradient(circle at 50% 50%, rgba(12, 124, 255, .16), transparent 68%);
      filter: blur(18px);
      z-index: -1
    }

    .product-window {
      border-radius: 18px;
      overflow: hidden;
      border: 0;
      background: #fff
    }

    .product-bar {
      height: 42px;
      background: linear-gradient(#fff, #f8fbff);
      border-bottom: 1px solid #e6eef8;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 0 16px
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #ffd2ce
    }

    .dot:nth-child(2) {
      background: #ffe8af
    }

    .dot:nth-child(3) {
      background: #cbeadf
    }

    .product-shot {
      width: 100%;
      aspect-ratio: 1.67/1;
      object-fit: cover;
      object-position: center top
    }

    .trust-strip {
      background: #fff;
      border-top: 1px solid #edf3fb;
      border-bottom: 1px solid #edf3fb;
      padding: 17px 0
    }

    .trust-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 36px;
      flex-wrap: wrap;
      font-size: 13px;
      color: #647ba7
    }

    .trust-inner strong {
      color: var(--navy)
    }

    .trust-inner span:not(:last-child)::after {
      content: "•";
      margin-left: 36px;
      color: #aac0df
    }

    /* SECTION 2 */
    .process-row {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 22px;
      margin-top: 68px;
      position: relative
    }

    .process-row::before {
      content: "";
      position: absolute;
      left: 8%;
      right: 8%;
      top: 58px;
      border-top: 2px dashed #b7d5ff;
      z-index: 0
    }

    .process-step {
      text-align: center;
      position: relative;
      z-index: 1
    }

    .num {
      position: absolute;
      top: -10px;
      left: calc(50% - 58px);
      width: 38px;
      height: 38px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #e4f1ff;
      color: #0a6aff;
      font-weight: 800;
      border: 4px solid #fff;
      box-shadow: 0 4px 14px rgba(11, 124, 255, .12)
    }

    .step-circle {
      width: 118px;
      height: 118px;
      margin: 0 auto 18px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e1ecfa;
      box-shadow: 0 16px 40px rgba(48, 96, 160, .09);
      display: grid;
      place-items: center
    }

    .step-circle .icon {
      background: transparent;
      width: 62px;
      height: 62px
    }

    .step-circle .icon svg {
      width: 45px;
      height: 45px
    }

    .process-step h3 {
      font-size: 21px;
      line-height: 1.2;
      color: var(--navy);
      font-weight: 650;
      margin: 0 auto;
      max-width: 190px
    }

    .result-divider {
      display: flex;
      align-items: center;
      gap: 22px;
      margin: 64px 0 28px;
      color: #9aaed0;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .32em;
      text-transform: uppercase
    }

    .result-divider::before,
    .result-divider::after {
      content: "";
      height: 1px;
      background: #dce8f7;
      flex: 1
    }

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

    .result-item {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      font-size: 18px;
      color: #3a568c;
      padding: 18px
    }

    /* SECTION 3 */
    .transform-grid {
      display: grid;
      grid-template-columns: .72fr 1.35fr .72fr;
      gap: 34px;
      align-items: center;
      margin-top: 58px
    }

    .side-stack {
      display: flex;
      flex-direction: column;
      gap: 12px
    }

    .side-label {
      text-transform: uppercase;
      letter-spacing: .3em;
      color: #7085ad;
      font-weight: 750;
      font-size: 13px;
      margin: 0 0 4px 8px
    }

    .side-label.right {
      text-align: center;
      color: var(--blue)
    }

    .task-pill {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 12px 18px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid #e1ebf8;
      box-shadow: 0 9px 22px rgba(41, 92, 158, .06);
      font-size: 19px;
      color: #4f6794
    }

    .task-pill strong {
      color: var(--navy);
      font-size: 25px
    }

    .aether-core {
      position: relative;
      text-align: center
    }

    .aether-badge {
      width: min(100%, 520px);
      margin: 0 auto 22px;
      background: #fff;
      border: 1px solid #cfe1f7;
      border-radius: 70px;
      box-shadow: var(--shadow);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 22px;
      padding: 24px 30px
    }

    .aether-badge img {
      width: 74px;
      height: 74px;
      object-fit: contain
    }

    .aether-badge strong {
      font-size: 35px;
      line-height: 1;
      color: var(--navy)
    }

    .aether-badge span {
      display: block;
      color: var(--blue);
      font-size: 26px;
      font-weight: 800;
      margin-top: 3px
    }

    .outputs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px
    }

    .output {
      text-align: center;
      font-size: 17px;
      color: var(--navy);
      line-height: 1.1
    }

    .output .icon {
      margin: 0 auto 11px;
      background: #fff;
      border: 1px solid #d8e7f8
    }

    /* SECTION 4 */
    .capacity-wrap {
      margin-top: 58px
    }

    .same-team {
      display: flex;
      align-items: center;
      gap: 22px;
      color: #536c99;
      font-size: 13px;
      letter-spacing: .33em;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 22px
    }

    .same-team::before,
    .same-team::after {
      content: "";
      height: 1px;
      background: #d8e5f5;
      flex: 1
    }

    .capacity-row {
      display: grid;
      grid-template-columns: 250px 1fr;
      border: 1px solid #dfeaf7;
      border-radius: 999px;
      background: rgba(255, 255, 255, .9);
      padding: 10px;
      margin: 0 0 18px;
      box-shadow: 0 10px 25px rgba(42, 91, 150, .05);
      align-items: center
    }

    .capacity-label {
      text-transform: uppercase;
      letter-spacing: .28em;
      font-size: 13px;
      font-weight: 800;
      color: #536c99;
      padding: 0 28px
    }

    .capacity-label.blue {
      color: var(--blue)
    }

    .capacity-bar {
      display: flex;
      min-height: 68px;
      border-radius: 999px;
      overflow: hidden;
      background: #eff4fb
    }

    .cap-prep {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      letter-spacing: .17em;
      font-weight: 800;
      font-size: 13px;
      background: linear-gradient(90deg, #aac7ee, #8fb3e7);
      color: #1b3268
    }

    .cap-prep.with {
      background: #b9d9ff
    }

    .cap-free {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      letter-spacing: .13em;
      font-weight: 850;
      font-size: 13px;
      background: #f6f9fd;
      color: #223a6d
    }

    .cap-growth {
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      letter-spacing: .15em;
      font-weight: 850;
      font-size: 13px;
      color: #fff;
      background: linear-gradient(90deg, #39a9ff, #0B7CFF)
    }

    .cap-row-one .cap-prep {
      width: 82%
    }

    .cap-row-one .cap-free {
      width: 18%
    }

    .cap-row-two .cap-prep {
      width: 26%
    }

    .cap-row-two .cap-growth {
      width: 74%
    }

    .growth-outcomes {
      display: flex;
      justify-content: flex-end;
      gap: 24px;
      margin-top: 34px;
      flex-wrap: wrap
    }

    .growth-pill {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 18px;
      background: #fff;
      border: 1px solid #e0eaf7;
      border-radius: 999px;
      box-shadow: 0 10px 30px rgba(42, 91, 150, .07);
      font-weight: 700;
      color: var(--navy);
      min-width: 210px
    }

    /* SECTION 5 longitudinal */
    .path-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 26px;
      margin-top: 42px
    }

    .path-card {
      padding: 26px 28px 24px;
      min-height: 600px
    }

    .path-tag {
      display: inline-flex;
      padding: 8px 22px;
      border-radius: 999px;
      text-transform: uppercase;
      letter-spacing: .28em;
      font-size: 12px;
      font-weight: 850;
      margin-bottom: 12px;
      background: var(--amber-soft);
      color: #a35700
    }

    .path-tag.blue {
      background: #eaf4ff;
      color: var(--blue)
    }

    .path-card h3 {
      font-size: 31px;
      line-height: 1.08;
      color: var(--navy);
      margin-bottom: 10px
    }

    .path-card h3 .orange {
      color: #bc6400
    }

    .path-card h3 .blue {
      color: var(--blue)
    }

    .path-card>p {
      color: #627aa6;
      font-size: 17px;
      line-height: 1.35;
      margin-bottom: 18px
    }

    .path-step {
      display: grid;
      grid-template-columns: 40px 50px 1fr auto;
      gap: 12px;
      align-items: center;
      padding: 15px 0;
      border-top: 1px solid #e4edf8
    }

    .path-step:first-of-type {
      border-top: 0
    }

    .path-num {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #eaf4ff;
      color: #126df4;
      font-weight: 850;
      display: grid;
      place-items: center
    }

    .path-step strong {
      display: block;
      font-size: 17px;
      color: var(--navy);
      margin-bottom: 4px
    }

    .path-step small {
      display: block;
      color: #7790b7;
      font-size: 13px
    }

    .mini-status {
      padding: 10px 14px;
      border-radius: 14px;
      background: #eef5ff;
      color: #496892;
      font-size: 13px;
      min-width: 180px
    }

    .mini-status.amber {
      background: var(--amber-soft);
      color: #9b5600
    }

    .mini-status.green {
      background: var(--green-soft);
      color: #067c65
    }

    .path-outcome {
      display: flex;
      gap: 14px;
      align-items: center;
      margin-top: 16px;
      padding: 16px;
      border-radius: 18px;
      background: #fff8ed;
      border: 1px solid #ffefd7
    }

    .path-outcome.blue {
      background: #f0f7ff;
      border-color: #dfedff
    }

    .path-outcome strong {
      display: block;
      color: var(--navy);
      font-size: 16px
    }

    .path-outcome small {
      color: #6c82aa
    }

    .synthesis {
      font-size: 24px;
      text-align: center;
      color: var(--navy);
      font-weight: 800;
      margin-top: 28px
    }

    .synthesis .blue {
      color: var(--blue)
    }

    /* SECTION 6 recert */
    .recert-grid {
      display: grid;
      grid-template-columns: .95fr 1fr 1fr 1.1fr;
      gap: 22px;
      margin-top: 50px;
      align-items: stretch
    }

    .recert-card {
      padding: 22px 20px 20px;
      min-height: 520px
    }

    .recert-head {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      margin-bottom: 18px
    }

    .recert-head .num {
      position: static;
      flex: 0 0 auto;
      border: 0;
      width: 42px;
      height: 42px
    }

    .recert-head strong {
      display: block;
      text-transform: uppercase;
      letter-spacing: .16em;
      color: #0b68ee;
      font-size: 13px;
      margin: 4px 0 5px
    }

    .recert-head small {
      color: #617ca8;
      font-size: 13px
    }

    .case-person {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px;
      border: 1px solid #e0ebf8;
      border-radius: 16px;
      margin-bottom: 14px
    }

    .case-person strong {
      font-size: 19px
    }

    .case-person small {
      display: block;
      color: #7189b0;
      margin-top: 3px
    }

    .recert-block {
      padding: 14px 13px;
      border-top: 1px solid #e3ecf8
    }

    .recert-block:first-of-type {
      border-top: 0
    }

    .recert-block strong {
      font-size: 15px;
      color: var(--navy)
    }

    .recert-block p {
      font-size: 13px;
      color: #6d84ac;
      margin: 5px 0 0;
      line-height: 1.35
    }

    .recert-block.green {
      background: #ebfaf5;
      border-radius: 14px;
      border-top: 0;
      margin-top: 9px
    }

    .recert-block.amber {
      background: #fff4e6;
      border-radius: 14px;
      border-top: 0;
      margin-top: 9px
    }

    .recert-block.blue {
      background: #eff6ff;
      border-radius: 14px;
      border-top: 0;
      margin-top: 9px
    }

    .recert-block ul {
      padding-left: 19px;
      margin: 8px 0 0;
      color: #49658f;
      font-size: 13px;
      line-height: 1.55
    }

    .recert-close {
      text-align: center;
      margin-top: 34px;
      font-size: 23px;
      font-weight: 850;
      color: var(--navy)
    }

    .recert-close .blue {
      color: var(--blue)
    }


    /* DIFFERENTIATION */
    .compare-case {
      display: grid;
      grid-template-columns: 1fr 1.08fr;
      gap: 28px;
      max-width: 1120px;
      margin: 44px auto 0
    }

    .compare-panel {
      padding: 28px 30px
    }

    .compare-kicker {
      text-transform: uppercase;
      letter-spacing: .22em;
      font-size: 12px;
      font-weight: 800;
      color: #7589aa;
      margin-bottom: 15px
    }

    .compare-panel h3 {
      font-size: 26px;
      line-height: 1.16;
      color: var(--navy);
      margin: 0 0 18px;
      font-weight: 700
    }

    .compare-list {
      display: grid;
      gap: 12px
    }

    .compare-row {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      color: #4d6793;
      font-size: 15px;
      line-height: 1.45
    }

    .compare-row .mark {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      font-weight: 800
    }

    .compare-panel.summary .mark {
      background: #f2f5f9;
      color: #8292aa
    }

    .compare-panel.aether .mark {
      background: #eaf4ff;
      color: var(--blue)
    }

    .econ-thesis {
      max-width: 1120px;
      margin: 34px auto 0;
      padding: 22px 26px;
      border: 1px solid #dbe9f8;
      border-radius: 22px;
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 12px 36px rgba(31, 83, 145, .07);
      text-align: center
    }

    .econ-thesis strong {
      display: block;
      font-size: 24px;
      line-height: 1.25;
      color: var(--navy);
      font-weight: 700;
      margin-bottom: 14px
    }

    .econ-levers {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap
    }

    .econ-lever {
      padding: 10px 15px;
      border-radius: 999px;
      background: #f5f9ff;
      border: 1px solid #dce9f8;
      color: #31527f;
      font-size: 14px;
      font-weight: 650
    }

    /* DECISION INTEGRITY */
    .integrity-strip {
      max-width: 1180px;
      margin: 40px auto 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
    }

    .integrity-state {
      padding: 22px 24px;
      text-align: left
    }

    .integrity-state strong {
      display: block;
      font-size: 18px;
      color: var(--navy);
      margin-bottom: 6px
    }

    .integrity-state span {
      display: block;
      color: #6079a4;
      font-size: 14px;
      line-height: 1.45
    }

    .integrity-state.supported {
      border-top: 3px solid var(--green)
    }

    .integrity-state.more {
      border-top: 3px solid var(--amber)
    }

    .integrity-state.not {
      border-top: 3px solid #7f91ad
    }

    /* PROOF */
    .proof-wrap {
      max-width: 1180px;
      margin: 42px auto 0;
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 34px;
      align-items: stretch
    }

    .proof-metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px
    }

    .proof-metric {
      padding: 30px 26px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center
    }

    .proof-metric strong {
      font-size: 54px;
      line-height: 1;
      color: var(--blue);
      font-weight: 750
    }

    .proof-metric span {
      margin-top: 10px;
      color: #4f6995;
      font-size: 15px;
      line-height: 1.4
    }

    .proof-story {
      padding: 30px 32px
    }

    .proof-story h3 {
      font-size: 28px;
      line-height: 1.18;
      color: var(--navy);
      font-weight: 700;
      margin: 0 0 14px
    }

    .proof-story p {
      color: #5871a4;
      font-size: 16px;
      line-height: 1.55;
      margin: 0 0 13px
    }

    .proof-note {
      font-size: 12px !important;
      color: #7c8eaa !important
    }

    @media(max-width:820px) {

      .compare-case,
      .proof-wrap {
        grid-template-columns: 1fr
      }

      .integrity-strip {
        grid-template-columns: 1fr
      }

      .proof-metrics {
        grid-template-columns: 1fr 1fr
      }

      .econ-thesis strong {
        font-size: 21px
      }
    }

    @media(max-width:520px) {
      .proof-metrics {
        grid-template-columns: 1fr
      }

      .compare-panel {
        padding: 22px
      }

      .econ-thesis {
        padding: 18px
      }
    }

    /* SECTION 7 defensibility */
    .def-grid {
      display: grid;
      grid-template-columns: 1fr 1.05fr 1fr;
      gap: 34px;
      margin-top: 48px;
      align-items: stretch
    }

    .def-card {
      padding: 28px 26px;
      min-height: 470px
    }

    .def-label {
      text-transform: uppercase;
      letter-spacing: .23em;
      font-size: 12px;
      color: #5b719b;
      font-weight: 850;
      margin-bottom: 18px
    }

    .scattered {
      position: relative;
      height: 210px;
      margin-bottom: 18px
    }

    .doc-chip {
      position: absolute;
      background: #fff;
      border: 1px solid #e2eaf5;
      border-radius: 10px;
      padding: 12px 16px;
      box-shadow: 0 9px 22px rgba(48, 88, 140, .08);
      font-size: 13px;
      color: #49608c
    }

    .doc-chip:nth-child(1) {
      left: 8%;
      top: 12%;
      transform: rotate(-5deg)
    }

    .doc-chip:nth-child(2) {
      right: 4%;
      top: 8%;
      transform: rotate(4deg)
    }

    .doc-chip:nth-child(3) {
      left: 15%;
      top: 42%;
      transform: rotate(3deg)
    }

    .doc-chip:nth-child(4) {
      right: 6%;
      top: 44%;
      transform: rotate(-4deg)
    }

    .doc-chip:nth-child(5) {
      left: 27%;
      bottom: 4%;
      transform: rotate(-2deg)
    }

    .risk-list {
      display: flex;
      flex-direction: column;
      gap: 9px;
      background: #fff3f4;
      border-radius: 16px;
      padding: 15px
    }

    .risk-list span {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #3e5681;
      font-size: 14px
    }

    .risk-dot {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--red);
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 12px;
      font-weight: 900
    }

    .foundation-list {
      display: flex;
      flex-direction: column;
      gap: 10px
    }

    .foundation-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 13px;
      border: 1px solid #dfebf8;
      border-radius: 15px;
      background: #fff
    }

    .foundation-item strong {
      font-size: 15px;
      color: var(--navy)
    }

    .foundation-item p {
      margin: 4px 0 0;
      font-size: 13px;
      color: #6e85ac;
      line-height: 1.35
    }

    .admission-card {
      background: #fff;
      border: 1px solid #dbe9f6;
      border-radius: 18px;
      padding: 18px;
      box-shadow: 0 15px 30px rgba(37, 86, 140, .08);
      margin: 22px 0
    }

    .admission-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px
    }

    .admission-top strong {
      font-size: 17px
    }

    .status-good {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      background: var(--green-soft);
      color: #0b7c66;
      font-size: 13px;
      padding: 8px 12px
    }

    .check-list {
      display: grid;
      gap: 10px;
      margin-top: 18px;
      color: #536d98;
      font-size: 14px
    }

    .check-list span {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .checkmark {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--green);
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 12px
    }

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

    .protect-outcomes div {
      text-align: center;
      font-size: 13px;
      color: #264474;
      font-weight: 700
    }

    .protect-outcomes .icon {
      margin: 0 auto 8px;
      width: 42px;
      height: 42px
    }

    /* SECTION 8 one operation */
    .operation-grid {
      display: grid;
      grid-template-columns: .78fr 1.25fr .78fr;
      gap: 34px;
      align-items: center;
      margin-top: 46px
    }

    .role-stack {
      display: flex;
      flex-direction: column;
      gap: 24px
    }

    .role-card {
      padding: 24px 26px
    }

    .role-head {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 14px
    }

    .role-head strong {
      font-size: 22px;
      color: var(--navy)
    }

    .role-head small {
      display: block;
      color: #7288ad;
      font-size: 14px;
      margin-top: 3px
    }

    .role-lines {
      background: #f7fbff;
      border-radius: 15px;
      padding: 14px 16px;
      color: #304d80;
      display: grid;
      gap: 10px;
      font-size: 15px
    }

    .center-op {
      padding: 24px
    }

    .op-head {
      display: flex;
      gap: 16px;
      align-items: center;
      margin-bottom: 16px
    }

    .op-head img {
      width: 60px;
      height: 60px
    }

    .op-head strong {
      font-size: 28px;
      color: var(--navy)
    }

    .op-head small {
      display: block;
      color: #6d84a9;
      margin-top: 3px
    }

    .op-case {
      padding: 18px;
      border: 1px solid #dfe9f6;
      border-radius: 18px;
      background: #fff
    }

    .op-case-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 13px
    }

    .op-case-top strong {
      font-size: 18px
    }

    .op-row {
      display: grid;
      grid-template-columns: 145px 1fr;
      gap: 12px;
      border-top: 1px solid #e6eef8;
      padding: 12px 0;
      font-size: 14px;
      color: #49618e
    }

    .op-row b {
      color: #637ba3;
      font-weight: 600
    }

    .op-row span {
      color: #1e3c70
    }

    .operation-footer {
      margin: 30px auto 0;
      max-width: 1120px;
      padding: 18px 28px;
      border-radius: 24px;
      background: rgba(255, 255, 255, .94);
      border: 1px solid #dfeaf7;
      box-shadow: 0 10px 34px rgba(36, 84, 143, .08);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      font-size: 20px;
      color: var(--blue);
      font-weight: 850;
      flex-wrap: wrap
    }

    .operation-footer span+span::before {
      content: "•";
      margin-right: 40px;
      color: #0a6aff
    }

    /* CTA */
    .final-cta {
      min-height: 730px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 110px 0 90px;
      position: relative;
      overflow: hidden;
      background: #fff
    }

    .final-cta::before {
      content: "";
      position: absolute;
      inset: auto -4% -10% auto;
      width: 84vw;
      height: 72vw;
      max-width: 1320px;
      max-height: 920px;
      background-image: var(--streamer);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: .67
    }

    .final-cta::after {
      content: "";
      position: absolute;
      left: -20%;
      top: -32%;
      width: 70vw;
      height: 60vw;
      max-width: 1000px;
      max-height: 800px;
      background-image: var(--streamer);
      background-size: contain;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      opacity: .46
    }

    .cta-inner {
      position: relative;
      z-index: 2;
      width: min(1100px, 88vw)
    }

    .final-cta .eyebrow {
      margin-bottom: 38px
    }

    .final-cta .display {
      font-size: clamp(48px, 5.4vw, 84px);
      max-width: 1080px
    }

    .final-cta .lead {
      max-width: 960px;
      margin-bottom: 42px
    }

    .final-cta .btn {
      min-width: 390px;
      min-height: 80px;
      border-radius: 36px;
      font-size: 26px
    }

    .brand-close {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-top: 46px
    }

    .brand-close img {
      width: 76px;
      height: 76px
    }

    .brand-close strong {
      display: block;
      font-size: 28px;
      color: var(--navy);
      text-align: left
    }

    .brand-close span {
      display: block;
      font-size: 15px;
      color: #6c82a8;
      text-align: left;
      margin-top: 3px
    }

    .footer-mini {
      position: relative;
      z-index: 3;
      border-top: 1px solid #edf3fb;
      padding: 18px 0;
      color: #7a8faf;
      font-size: 12px;
      text-align: center;
      background: #fff
    }

    /* reveal */
    .reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: .6s ease
    }

    .reveal.visible {
      opacity: 1;
      transform: none
    }

    @media(max-width:1100px) {
      .nav-links {
        gap: 22px
      }

      .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px
      }

      .brand {
        min-width: auto
      }

      .brand-copy strong {
        font-size: 28px
      }

      .process-row {
        grid-template-columns: repeat(3, 1fr)
      }

      .process-row::before {
        display: none
      }

      .results {
        grid-template-columns: 1fr
      }

      .transform-grid {
        grid-template-columns: 1fr
      }

      .side-stack {
        max-width: 620px;
        margin: auto;
        width: 100%
      }

      .side-label.right {
        text-align: left
      }

      .outputs {
        grid-template-columns: repeat(2, 1fr)
      }

      .recert-grid {
        grid-template-columns: 1fr 1fr
      }

      .operation-grid {
        grid-template-columns: 1fr
      }

      .role-stack {
        display: grid;
        grid-template-columns: 1fr 1fr
      }

      .center-op {
        order: -1
      }

      .def-grid {
        grid-template-columns: 1fr
      }
    }

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

      .display {
        font-size: clamp(40px, 10vw, 60px)
      }

      .lead {
        font-size: 18px
      }

      .eyebrow {
        font-size: 11px;
        letter-spacing: .24em;
        margin-bottom: 18px
      }

      .nav {
        height: 82px
      }

      .nav-links {
        display: none;
        position: absolute;
        top: 76px;
        left: 4vw;
        right: 4vw;
        background: #fff;
        border: 1px solid #e4edf8;
        border-radius: 18px;
        padding: 18px;
        box-shadow: var(--shadow);
        flex-direction: column;
        align-items: stretch;
        gap: 0
      }

      .nav-links.open {
        display: flex
      }

      .nav-links a {
        padding: 12px 8px;
        border-bottom: 1px solid #eef3f9
      }

      .nav-links a:last-child {
        border: 0
      }

      .mobile-toggle {
        display: block
      }

      .nav .nav-cta {
        display: none
      }

      .brand-icon {
        width: 46px;
        height: 46px
      }

      .brand-copy strong {
        font-size: 24px
      }

      .brand-copy span {
        font-size: 8px
      }

      .hero {
        min-height: auto;
        padding: 112px 0 62px
      }

      .hero-grid {
        grid-template-columns: 1fr
      }

      .hero-copy {
        padding-top: 12px
      }

      .hero h1 {
        font-size: clamp(46px, 11.5vw, 68px);
        line-height: 1.05;
        max-width: 700px
      }

      .hero .eyebrow {
        text-align: left
      }

      .product-frame {
        margin-top: 8px
      }

      .trust-inner {
        gap: 10px 20px
      }

      .trust-inner span::after {
        display: none
      }

      .process-row {
        grid-template-columns: 1fr 1fr;
        gap: 28px
      }

      .step-circle {
        width: 92px;
        height: 92px
      }

      .process-step h3 {
        font-size: 17px
      }

      .num {
        left: calc(50% - 48px)
      }

      .capacity-row {
        grid-template-columns: 1fr;
        border-radius: 24px
      }

      .capacity-label {
        padding: 8px 16px 14px
      }

      .capacity-bar {
        min-height: 58px
      }

      .cap-prep,
      .cap-free,
      .cap-growth {
        font-size: 10px;
        letter-spacing: .08em
      }

      .growth-outcomes {
        justify-content: center
      }

      .growth-pill {
        min-width: 0;
        flex: 1 1 180px
      }

      .path-grid {
        grid-template-columns: 1fr
      }

      .path-card {
        min-height: auto
      }

      .path-step {
        grid-template-columns: 34px 44px 1fr
      }

      .path-step .mini-status {
        grid-column: 3;
        min-width: 0
      }

      .synthesis {
        font-size: 20px
      }

      .recert-grid {
        grid-template-columns: 1fr
      }

      .recert-card {
        min-height: auto
      }

      .def-grid {
        gap: 20px
      }

      .operation-grid {
        gap: 20px
      }

      .role-stack {
        grid-template-columns: 1fr
      }

      .operation-footer {
        font-size: 16px;
        gap: 12px 22px
      }

      .operation-footer span+span::before {
        margin-right: 22px
      }

      .final-cta {
        min-height: 620px
      }

      .final-cta .btn {
        min-width: min(100%, 390px);
        font-size: 22px
      }

      .brand-close strong {
        font-size: 24px
      }
    }

    @media(max-width:520px) {
      .container {
        width: min(92vw, 480px)
      }

      .hero h1 {
        font-size: 46px;
        line-height: 1.06
      }

      .hero p {
        font-size: 18px
      }

      .display {
        font-size: 38px;
        line-height: 1.08
      }

      .process-row {
        grid-template-columns: 1fr
      }

      .results {
        gap: 8px
      }

      .outputs {
        grid-template-columns: 1fr 1fr
      }

      .aether-badge {
        border-radius: 28px;
        justify-content: flex-start
      }

      .aether-badge strong {
        font-size: 28px
      }

      .aether-badge span {
        font-size: 21px
      }

      .aether-badge img {
        width: 60px;
        height: 60px
      }

      .task-pill strong {
        font-size: 22px
      }

      .path-card {
        padding: 22px 18px
      }

      .path-card h3 {
        font-size: 27px
      }

      .role-card {
        padding: 20px
      }

      .center-op {
        padding: 18px
      }

      .op-row {
        grid-template-columns: 1fr;
        gap: 3px
      }

      .protect-outcomes {
        grid-template-columns: 1fr
      }

      .brand-close {
        flex-direction: column
      }

      .brand-close strong,
      .brand-close span {
        text-align: center
      }
    }

    @media(prefers-reduced-motion:reduce) {
      html {
        scroll-behavior: auto
      }

      .reveal {
        opacity: 1;
        transform: none;
        transition: none
      }

      .btn {
        transition: none
      }
    }

    /* ===== v3 visual-variety pass ===== */
    .nav-links {
      gap: 28px;
      font-size: 14px
    }

    .nav-links .assessment-nav {
      color: #0B7CFF;
      font-weight: 700;
      position: relative
    }

    .nav-links .assessment-nav::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -7px;
      height: 2px;
      background: #0B7CFF;
      border-radius: 2px;
      transform: scaleX(.55);
      opacity: .55
    }

    /* Do not reuse decorative ribbons on every section. */
    .variant-timeline::before,
    .variant-dark::before,
    .variant-editorial::before,
    .variant-economics::before,
    .variant-integrity::before,
    .variant-continuity::before,
    .variant-recert::before,
    .variant-revenue::before,
    .variant-operation::before,
    .variant-proof::before,
    .variant-timeline::after,
    .variant-dark::after,
    .variant-editorial::after,
    .variant-economics::after,
    .variant-integrity::after,
    .variant-continuity::after,
    .variant-recert::after,
    .variant-revenue::after,
    .variant-operation::after,
    .variant-proof::after {
      display: none !important
    }

    .section-intro {
      max-width: 950px;
      margin: 0 auto
    }

    .section-intro .display {
      margin-left: 0;
      margin-right: 0
    }

    .section-intro .lead {
      margin-left: 0;
      margin-right: 0
    }

    /* 2. Hidden cost: open white editorial timeline. */
    .variant-timeline {
      background: #fff;
      padding-top: 118px;
      padding-bottom: 112px
    }

    .variant-timeline .container {
      max-width: 1320px
    }

    .variant-timeline .eyebrow,
    .variant-timeline .display,
    .variant-timeline .lead {
      text-align: center
    }

    .variant-timeline .process-row {
      margin-top: 72px
    }

    /* 3. Product mechanism: full-bleed deep-blue visual break. */
    .variant-dark {
      background: linear-gradient(135deg, #07174b 0%, #0b347e 48%, #0B7CFF 120%);
      color: #fff;
      padding: 112px 0
    }

    .variant-dark .container {
      max-width: 1280px
    }

    .variant-dark .section-intro {
      max-width: 980px;
      margin: 0 0 38px;
      text-align: left
    }

    .variant-dark .eyebrow {
      color: #8fc5ff;
      text-align: left
    }

    .variant-dark .display {
      color: #fff;
      text-align: left;
      max-width: 980px;
      font-size: clamp(42px, 4.1vw, 66px)
    }

    .variant-dark .display .blue {
      color: #65b5ff
    }

    .variant-dark .lead {
      color: #dbeaff;
      text-align: left;
      max-width: 800px;
      font-size: 19px
    }

    .variant-dark .transform-grid {
      margin-top: 30px
    }

    .variant-dark .task-pill,
    .variant-dark .aether-badge {
      background: rgba(255, 255, 255, .96);
      box-shadow: 0 18px 45px rgba(0, 0, 0, .14)
    }

    .variant-dark .side-label {
      color: #a9cdf8
    }

    .variant-dark .outputs .output {
      background: rgba(255, 255, 255, .95)
    }

    /* 4. Differentiation: editorial split rather than another centered stack. */
    .variant-editorial {
      background: #fff;
      padding: 118px 0
    }

    .diff-layout {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 74px;
      align-items: center
    }

    .variant-editorial .section-intro {
      margin: 0;
      text-align: left;
      max-width: none
    }

    .variant-editorial .eyebrow,
    .variant-editorial .display,
    .variant-editorial .lead {
      text-align: left
    }

    .variant-editorial .display {
      font-size: clamp(40px, 4vw, 64px)
    }

    .variant-editorial .compare-case {
      grid-template-columns: 1fr;
      max-width: none;
      margin: 0;
      gap: 14px
    }

    .variant-editorial .compare-panel {
      border-radius: 24px
    }

    .variant-editorial .compare-panel.summary {
      background: #f7f9fc;
      border: 1px solid #e7edf5;
      box-shadow: none
    }

    .variant-editorial .compare-panel.aether {
      background: linear-gradient(145deg, #eef6ff, #fff);
      border: 1px solid #cfe3ff;
      box-shadow: 0 22px 52px rgba(29, 93, 169, .12)
    }

    /* 5. Economics: soft-blue field, asymmetric top argument + full-width capacity model. */
    .variant-economics {
      background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 100%);
      padding: 116px 0 122px
    }

    .economics-top {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 58px;
      align-items: end;
      margin-bottom: 54px
    }

    .variant-economics .section-intro {
      margin: 0;
      text-align: left;
      max-width: none
    }

    .variant-economics .eyebrow,
    .variant-economics .display,
    .variant-economics .lead {
      text-align: left
    }

    .variant-economics .display {
      font-size: clamp(42px, 4.3vw, 68px)
    }

    .variant-economics .econ-thesis {
      margin: 0;
      text-align: left;
      padding: 30px;
      border-radius: 26px;
      background: #fff
    }

    .variant-economics .econ-thesis strong {
      font-size: 25px
    }

    .variant-economics .econ-levers {
      justify-content: flex-start
    }

    .variant-economics .capacity-wrap {
      margin-top: 0;
      padding: 34px 34px 30px;
      border-radius: 30px;
      background: #fff;
      box-shadow: 0 24px 70px rgba(45, 97, 160, .10);
      border: 1px solid #dfebf8
    }

    /* 6. Integrity: statement on the left, decision states stacked on the right. */
    .variant-integrity {
      background: #fff;
      padding: 120px 0
    }

    .integrity-layout {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 78px;
      align-items: center
    }

    .variant-integrity .section-intro {
      margin: 0;
      text-align: left
    }

    .variant-integrity .eyebrow,
    .variant-integrity .display,
    .variant-integrity .lead {
      text-align: left
    }

    .variant-integrity .display {
      font-size: clamp(40px, 4vw, 63px)
    }

    .variant-integrity .integrity-strip {
      grid-template-columns: 1fr;
      margin: 0;
      gap: 14px
    }

    .variant-integrity .integrity-state {
      padding: 24px 26px;
      border-radius: 20px;
      border: 1px solid #e2ebf6;
      border-left: 4px solid #7f91ad;
      border-top: 1px solid #e2ebf6;
      box-shadow: none
    }

    .variant-integrity .integrity-state.supported {
      border-left-color: var(--green)
    }

    .variant-integrity .integrity-state.more {
      border-left-color: var(--amber)
    }

    .variant-integrity .integrity-state.not {
      border-left-color: #7186a8
    }

    /* 7. Continuity: broad light field, two substantive path cards. */
    .variant-continuity {
      background: linear-gradient(180deg, #f6faff, #eef6ff);
      padding: 112px 0 122px
    }

    .variant-continuity .section-intro {
      text-align: center
    }

    .variant-continuity .path-card {
      background: #fff;
      border: 1px solid #dbe9f8;
      box-shadow: 0 24px 58px rgba(40, 90, 150, .09)
    }

    .variant-continuity .path-card:first-child {
      transform: translateY(16px)
    }

    /* 8. Recertification: white + left-aligned header, timeline reads horizontally. */
    .variant-recert {
      background: #fff;
      padding: 118px 0
    }

    .variant-recert .section-intro {
      margin: 0 0 44px;
      text-align: left;
      max-width: 1040px
    }

    .variant-recert .eyebrow,
    .variant-recert .display,
    .variant-recert .lead {
      text-align: left
    }

    .variant-recert .display {
      font-size: clamp(40px, 4vw, 64px)
    }

    .variant-recert .recert-grid {
      position: relative
    }

    .variant-recert .recert-grid::before {
      content: "";
      position: absolute;
      left: 6%;
      right: 6%;
      top: 20px;
      height: 2px;
      background: linear-gradient(90deg, #b8d8ff, #0B7CFF);
      z-index: 0
    }

    .variant-recert .recert-card {
      position: relative;
      z-index: 1;
      background: #fff;
      border: 1px solid #dfeaf7;
      box-shadow: 0 18px 48px rgba(42, 91, 150, .08)
    }

    .variant-recert .recert-close {
      text-align: left;
      max-width: 900px;
      margin-left: 0
    }

    /* 9. Revenue protection: contained saturated-blue feature panel. */
    .variant-revenue {
      background: #fff;
      padding: 96px 0 110px
    }

    .revenue-shell {
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      padding: 72px 62px 58px;
      background: linear-gradient(135deg, #0a58bb 0%, #0B7CFF 62%, #1988ff 100%);
      box-shadow: 0 30px 80px rgba(0, 78, 178, .20)
    }

    .revenue-shell::before {
      content: "";
      position: absolute;
      width: 560px;
      height: 560px;
      border-radius: 50%;
      right: 4%;
      top: -45%;
      border: 1px solid rgba(255, 255, 255, .13);
      box-shadow: 0 0 0 90px rgba(255, 255, 255, .025), 0 0 0 180px rgba(255, 255, 255, .02)
    }

    .variant-revenue .section-intro {
      position: relative;
      z-index: 1;
      margin: 0 0 38px;
      text-align: left;
      max-width: 1000px
    }

    .variant-revenue .eyebrow {
      color: #a9d4ff;
      text-align: left
    }

    .variant-revenue .display {
      color: #fff;
      text-align: left;
      max-width: 1050px;
      font-size: clamp(40px, 4vw, 64px)
    }

    .variant-revenue .display .blue {
      color: #d8efff
    }

    .variant-revenue .lead {
      color: #e7f2ff;
      text-align: left;
      max-width: 900px
    }

    .variant-revenue .def-grid {
      position: relative;
      z-index: 1;
      margin-top: 28px;
      gap: 18px
    }

    .variant-revenue .def-card {
      background: rgba(255, 255, 255, .97);
      border: 0;
      box-shadow: 0 18px 48px rgba(0, 44, 112, .17)
    }

    /* 10. One operation: contained organizational system panel. */
    .variant-operation {
      background: #f7faff;
      padding: 110px 0
    }

    .operation-shell {
      border-radius: 36px;
      background: #fff;
      border: 1px solid #dfeaf7;
      box-shadow: 0 28px 70px rgba(34, 82, 145, .10);
      padding: 58px 50px 42px
    }

    .variant-operation .section-intro {
      margin: 0 0 40px;
      text-align: left;
      max-width: 1050px
    }

    .variant-operation .eyebrow,
    .variant-operation .display,
    .variant-operation .lead {
      text-align: left
    }

    .variant-operation .display {
      font-size: clamp(40px, 3.8vw, 61px)
    }

    .variant-operation .operation-grid {
      margin-top: 28px
    }

    .variant-operation .operation-footer {
      box-shadow: none;
      background: #f4f9ff
    }

    /* 11. Proof: editorial white, metrics are typographic rather than identical cards. */
    .variant-proof {
      background: #fff;
      padding: 118px 0 128px
    }

    .variant-proof .section-intro {
      margin: 0 0 46px;
      text-align: left;
      max-width: 960px
    }

    .variant-proof .eyebrow,
    .variant-proof .display,
    .variant-proof .lead {
      text-align: left
    }

    .variant-proof .display {
      font-size: clamp(40px, 3.9vw, 62px)
    }

    .variant-proof .proof-wrap {
      grid-template-columns: .78fr 1.22fr;
      gap: 70px;
      align-items: center
    }

    .variant-proof .proof-metrics {
      gap: 0;
      border-top: 1px solid #dce7f4;
      border-bottom: 1px solid #dce7f4
    }

    .variant-proof .proof-metric {
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      background: transparent !important;
      padding: 34px 18px;
      text-align: left
    }

    .variant-proof .proof-metric+.proof-metric {
      border-left: 1px solid #dce7f4 !important
    }

    .variant-proof .proof-metric strong {
      font-size: 68px
    }

    .variant-proof .proof-story {
      box-shadow: none;
      border-left: 3px solid #0B7CFF;
      border-radius: 0;
      background: transparent;
      padding: 10px 0 10px 34px
    }

    /* Final conversion band, intentionally unlike the rest of the page. */
    .variant-final-band {
      background: #fff;
      min-height: auto;
      padding: 82px 0 88px;
      text-align: left
    }

    .variant-final-band::before,
    .variant-final-band::after {
      display: none
    }

    .variant-final-band .cta-inner {
      width: min(94vw, 1420px);
      margin: 0 auto
    }

    .final-band-card {
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      min-height: 390px;
      padding: 68px 72px;
      display: grid;
      grid-template-columns: 1.2fr .55fr;
      gap: 50px;
      align-items: center;
      background: linear-gradient(115deg, #0c59ba, #0B7CFF 78%);
      box-shadow: 0 28px 72px rgba(0, 87, 190, .20)
    }

    .final-band-card::before {
      content: "";
      position: absolute;
      width: 650px;
      height: 650px;
      border-radius: 50%;
      right: 5%;
      top: -70%;
      border: 1px solid rgba(255, 255, 255, .14);
      box-shadow: 0 0 0 100px rgba(255, 255, 255, .025), 0 0 0 190px rgba(255, 255, 255, .018)
    }

    .final-band-copy,
    .final-band-action {
      position: relative;
      z-index: 1
    }

    .final-band-copy .eyebrow {
      color: #9ed0ff;
      text-align: left;
      margin-bottom: 26px
    }

    .final-band-copy .eyebrow::before {
      content: "";
      display: inline-block;
      width: 28px;
      height: 2px;
      background: #9ed0ff;
      margin-right: 14px;
      vertical-align: middle
    }

    .final-band-heading {
      font-size: clamp(42px, 4.4vw, 68px);
      line-height: 1.08;
      letter-spacing: -.03em;
      color: #fff;
      font-weight: 650;
      margin: 0 0 18px;
      max-width: 900px
    }

    .final-band-lead {
      color: #e4f1ff;
      font-size: 18px;
      line-height: 1.55;
      max-width: 780px;
      margin: 0
    }

    .final-band-action {
      display: flex;
      justify-content: flex-end
    }

    .final-band-btn {
      background: #fff !important;
      color: #07164c !important;
      border: 0 !important;
      min-width: 250px;
      min-height: 72px;
      border-radius: 999px !important;
      font-size: 19px !important;
      font-weight: 700 !important;
      box-shadow: 0 14px 38px rgba(0, 34, 90, .18) !important
    }

    .final-brand-close {
      justify-content: center;
      margin-top: 34px;
      opacity: .85
    }

    @media(max-width:1050px) {
      .nav-links {
        gap: 18px;
        font-size: 13px
      }

      .diff-layout,
      .economics-top,
      .integrity-layout {
        grid-template-columns: 1fr;
        gap: 36px
      }

      .variant-editorial .compare-case {
        grid-template-columns: 1fr 1fr
      }

      .final-band-card {
        grid-template-columns: 1fr;
        padding: 58px 48px
      }

      .final-band-action {
        justify-content: flex-start
      }
    }

    @media(max-width:820px) {

      .variant-dark .section-intro,
      .variant-editorial .section-intro,
      .variant-economics .section-intro,
      .variant-integrity .section-intro,
      .variant-recert .section-intro,
      .variant-revenue .section-intro,
      .variant-operation .section-intro,
      .variant-proof .section-intro {
        text-align: left
      }

      .variant-dark .display,
      .variant-editorial .display,
      .variant-economics .display,
      .variant-integrity .display,
      .variant-recert .display,
      .variant-revenue .display,
      .variant-operation .display,
      .variant-proof .display,
      .variant-dark .lead,
      .variant-editorial .lead,
      .variant-economics .lead,
      .variant-integrity .lead,
      .variant-recert .lead,
      .variant-revenue .lead,
      .variant-operation .lead,
      .variant-proof .lead {
        text-align: left
      }

      .variant-editorial .compare-case {
        grid-template-columns: 1fr
      }

      .revenue-shell,
      .operation-shell {
        padding: 42px 22px;
        border-radius: 26px
      }

      .variant-continuity .path-card:first-child {
        transform: none
      }

      .variant-proof .proof-wrap {
        grid-template-columns: 1fr;
        gap: 34px
      }

      .variant-proof .proof-metric+.proof-metric {
        border-left: 0 !important;
        border-top: 1px solid #dce7f4 !important
      }

      .variant-proof .proof-metrics {
        grid-template-columns: 1fr
      }

      .final-band-card {
        padding: 46px 26px;
        min-height: auto;
        border-radius: 26px
      }

      .final-band-heading {
        font-size: 38px
      }

      .final-band-btn {
        min-width: 220px;
        min-height: 64px
      }
    }

    /* v4 refinement: lower density, stronger mobile hierarchy */
    .centered-intro {
      max-width: 1080px;
      margin: 0 auto 44px;
      text-align: center
    }

    .centered-intro .eyebrow,
    .centered-intro .display,
    .centered-intro .lead {
      text-align: center
    }

    .simple-section,
    .simple-economics,
    .simple-integrity,
    .simple-continuity,
    .simple-recert,
    .simple-revenue,
    .simple-operation {
      padding-top: 104px;
      padding-bottom: 108px
    }

    /* Hidden cost */
    .cost-bridge {
      display: grid;
      grid-template-columns: 220px 1fr 220px;
      align-items: center;
      gap: 26px;
      margin: 48px auto 30px;
      max-width: 1100px
    }

    .bridge-end {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 18px 20px;
      border: 1px solid #dfeaf6;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 14px 34px rgba(41, 83, 135, .06)
    }

    .bridge-end strong {
      font-size: 18px
    }

    .bridge-middle {
      text-align: center;
      color: #6b7f9e;
      font-weight: 700;
      letter-spacing: .02em
    }

    .bridge-line {
      height: 2px;
      margin-top: 12px;
      background: linear-gradient(90deg, rgba(11, 124, 255, .08), rgba(11, 124, 255, .65), rgba(11, 124, 255, .08))
    }

    .compact-impact {
      max-width: 960px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      border-top: 1px solid #e2eaf3;
      padding-top: 24px
    }

    .compact-impact span {
      text-align: center;
      font-weight: 700;
      color: #2a426a;
      padding: 0 20px;
      border-right: 1px solid #e2eaf3
    }

    .compact-impact span:last-child {
      border-right: 0
    }

    /* Product shift */
    .product-simple-grid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 70px;
      align-items: center
    }

    .simple-product .section-intro {
      margin: 0;
      max-width: none
    }

    .work-shift {
      display: flex;
      flex-direction: column;
      gap: 18px
    }

    .shift-row {
      padding: 24px;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, .12)
    }

    .shift-row strong {
      display: block;
      margin-bottom: 15px;
      font-size: 14px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #bcd7ff
    }

    .shift-steps {
      display: flex;
      flex-wrap: wrap;
      gap: 10px
    }

    .shift-steps span {
      padding: 12px 15px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .09);
      color: #fff;
      font-weight: 650
    }

    .shift-row.active {
      background: rgba(255, 255, 255, .09);
      border-color: rgba(87, 174, 255, .35)
    }

    .shift-row.active .aether-prep {
      background: #fff;
      color: #0b56c8
    }

    .shift-arrow {
      text-align: center;
      color: #58a8ff;
      font-size: 28px
    }

    /* Economics */
    .simple-economics .econ-intro-simple {
      margin-bottom: 36px
    }

    .econ-simple-panel {
      max-width: 1000px;
      margin: 0 auto;
      padding: 34px 38px;
      border-radius: 28px;
      background: #fff;
      border: 1px solid #dfeaf6;
      box-shadow: 0 18px 55px rgba(41, 83, 135, .08)
    }

    .econ-simple-panel h3 {
      font-size: clamp(26px, 2.5vw, 36px);
      line-height: 1.16;
      text-align: center;
      margin: 0 0 30px;
      color: #071b4a
    }

    .econ-simple-levers {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border-top: 1px solid #e3ecf6
    }

    .econ-simple-levers>div {
      padding: 28px 32px 8px
    }

    .econ-simple-levers>div+div {
      border-left: 1px solid #e3ecf6
    }

    .lever-kicker {
      display: block;
      color: #0B7CFF;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      margin-bottom: 8px
    }

    .econ-simple-levers strong {
      font-size: 22px;
      line-height: 1.25;
      display: block;
      color: #071b4a
    }

    .econ-simple-levers p {
      margin: 8px 0 0;
      color: #6d7f9c
    }

    /* Integrity */
    .integrity-minimal {
      max-width: 1120px;
      margin: 0 auto;
      text-align: center
    }

    .integrity-minimal .eyebrow,
    .integrity-minimal .display,
    .integrity-minimal .lead {
      text-align: center
    }

    .integrity-minimal .lead {
      max-width: 850px;
      margin: 20px auto 0
    }

    .status-chips {
      display: flex;
      justify-content: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 34px
    }

    .status-chips span {
      padding: 13px 18px;
      border-radius: 999px;
      font-weight: 750;
      border: 1px solid
    }

    .status-chips .supported {
      background: #eefaf5;
      color: #0a8f67;
      border-color: #cbeee0
    }

    .status-chips .needs {
      background: #fff8e9;
      color: #a76600;
      border-color: #f3dfae
    }

    .status-chips .not-supported {
      background: #f5f7fb;
      color: #62718c;
      border-color: #dfe5ef
    }

    /* Longitudinal outcomes */
    .outcome-paths {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      max-width: 1120px;
      margin: 0 auto
    }

    .outcome-path {
      padding: 32px 34px;
      border-radius: 30px;
      border: 1px solid #dfeaf6;
      background: #fff;
      box-shadow: 0 18px 50px rgba(41, 83, 135, .07)
    }

    .amber-path {
      background: linear-gradient(180deg, #fffaf2 0%, #fff 100%)
    }

    .blue-path {
      background: linear-gradient(180deg, #f4f9ff 0%, #fff 100%)
    }

    .path-label {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: #697a96;
      margin-bottom: 14px
    }

    .big-outcome {
      font-size: clamp(34px, 3.3vw, 50px);
      line-height: 1.05;
      font-weight: 700;
      letter-spacing: -.035em;
      color: #071b4a;
      margin-bottom: 14px
    }

    .blue-path .big-outcome {
      color: #0B7CFF
    }

    .amber-path .big-outcome {
      color: #bd6b00
    }

    .outcome-path p {
      font-size: 18px;
      line-height: 1.55;
      color: #5d708f;
      margin: 0 0 26px;
      max-width: 510px
    }

    .mini-flow {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      padding-top: 22px;
      border-top: 1px solid rgba(114, 139, 173, .18)
    }

    .mini-flow span {
      padding: 9px 12px;
      border-radius: 999px;
      background: #f7f9fc;
      color: #29436e;
      font-weight: 700;
      font-size: 14px
    }

    .mini-flow b {
      color: #8aa5c7
    }

    /* Recertification */
    .recert-simple-head {
      max-width: 1000px;
      margin-bottom: 48px
    }

    .recert-simple-line {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
      align-items: center;
      gap: 18px;
      padding: 28px;
      border-radius: 26px;
      background: #f7fbff;
      border: 1px solid #dceaf7
    }

    .recert-simple-line>div {
      display: flex;
      align-items: center;
      gap: 12px
    }

    .recert-simple-line>div>span {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #e8f2ff;
      color: #0B7CFF;
      font-weight: 800
    }

    .recert-simple-line>div>strong {
      font-size: 18px;
      color: #071b4a
    }

    .recert-simple-line>b {
      color: #86a8cf
    }

    .recert-simple-line .recert-focus {
      padding: 14px 16px;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 8px 26px rgba(46, 92, 146, .07)
    }

    .simple-recert .recert-close {
      text-align: center;
      margin-top: 34px
    }

    /* Revenue protection */
    .simplified-revenue-shell {
      padding: 58px;
      border-radius: 36px
    }

    .defense-chain {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      gap: 20px;
      align-items: stretch;
      margin-top: 42px
    }

    .defense-chain>div {
      padding: 26px;
      border-radius: 24px;
      background: rgba(255, 255, 255, .10);
      border: 1px solid rgba(255, 255, 255, .16);
      display: flex;
      flex-direction: column;
      gap: 10px
    }

    .defense-chain>div strong {
      font-size: 20px;
      color: #fff
    }

    .defense-chain>div small {
      color: #dceaff;
      line-height: 1.45
    }

    .defense-chain>b {
      display: grid;
      place-items: center;
      color: #9ed0ff;
      font-size: 26px
    }

    .defense-focus {
      background: #fff !important
    }

    .defense-focus strong {
      color: #073e9b !important
    }

    .defense-focus small {
      color: #5d708f !important
    }

    /* Operation */
    .simplified-operation-shell {
      padding: 56px;
      border-radius: 36px
    }

    .shared-case-core {
      max-width: 560px;
      margin: 36px auto 22px;
      padding: 24px 30px;
      border-radius: 24px;
      background: #fff;
      border: 1px solid #dbe8f7;
      text-align: center;
      box-shadow: 0 12px 32px rgba(41, 83, 135, .08)
    }

    .shared-case-core strong {
      display: block;
      font-size: 26px;
      color: #071b4a
    }

    .shared-case-core span {
      display: block;
      margin-top: 6px;
      color: #6b7d99
    }

    .role-grid-simple {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      max-width: 980px;
      margin: 0 auto
    }

    .role-grid-simple>div {
      padding: 18px 16px;
      border-radius: 18px;
      background: #f7fbff;
      text-align: center;
      border: 1px solid #e1ebf6
    }

    .role-grid-simple strong {
      display: block;
      color: #071b4a
    }

    .role-grid-simple span {
      display: block;
      margin-top: 4px;
      color: #657792
    }

    .operation-tagline {
      text-align: center;
      margin-top: 26px;
      font-weight: 700;
      font-size: 20px;
      color: #30476b
    }

    @media (max-width: 860px) {

      .simple-section,
      .simple-economics,
      .simple-integrity,
      .simple-continuity,
      .simple-recert,
      .simple-revenue,
      .simple-operation {
        padding-top: 76px;
        padding-bottom: 80px
      }

      .cost-bridge {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 34px
      }

      .bridge-middle {
        order: 2
      }

      .bridge-end {
        justify-content: center
      }

      .bridge-end:last-child {
        order: 3
      }

      .bridge-line {
        width: 2px;
        height: 34px;
        margin: 10px auto 0;
        background: linear-gradient(180deg, rgba(11, 124, 255, .08), rgba(11, 124, 255, .65), rgba(11, 124, 255, .08))
      }

      .compact-impact {
        grid-template-columns: 1fr;
        padding-top: 8px
      }

      .compact-impact span {
        border-right: 0;
        border-bottom: 1px solid #e2eaf3;
        padding: 14px 6px
      }

      .compact-impact span:last-child {
        border-bottom: 0
      }

      .product-simple-grid {
        grid-template-columns: 1fr;
        gap: 34px
      }

      .simple-product .section-intro {
        text-align: center
      }

      .simple-product .section-intro .eyebrow,
      .simple-product .section-intro .display,
      .simple-product .section-intro .lead {
        text-align: center
      }

      .shift-steps {
        justify-content: center
      }

      .shift-row {
        text-align: center
      }

      .econ-simple-panel {
        padding: 28px 22px
      }

      .econ-simple-levers {
        grid-template-columns: 1fr
      }

      .econ-simple-levers>div {
        padding: 24px 4px
      }

      .econ-simple-levers>div+div {
        border-left: 0;
        border-top: 1px solid #e3ecf6
      }

      .outcome-paths {
        grid-template-columns: 1fr
      }

      .outcome-path {
        padding: 28px 24px
      }

      .big-outcome {
        font-size: 36px
      }

      .mini-flow {
        gap: 8px
      }

      .mini-flow span {
        font-size: 13px
      }

      .recert-simple-head {
        text-align: center;
        margin: 0 auto 34px
      }

      .recert-simple-head .eyebrow,
      .recert-simple-head .display,
      .recert-simple-head .lead {
        text-align: center
      }

      .recert-simple-line {
        grid-template-columns: 1fr;
        padding: 22px
      }

      .recert-simple-line>b {
        transform: rotate(90deg);
        height: 18px
      }

      .recert-simple-line>div {
        justify-content: flex-start
      }

      .simplified-revenue-shell,
      .simplified-operation-shell {
        padding: 34px 22px;
        border-radius: 28px
      }

      .defense-chain {
        grid-template-columns: 1fr
      }

      .defense-chain>b {
        transform: rotate(90deg);
        height: 18px
      }

      .role-grid-simple {
        grid-template-columns: 1fr 1fr
      }
    }

    @media (max-width: 520px) {
      .centered-intro {
        margin-bottom: 30px
      }

      .outcome-path {
        padding: 24px 20px
      }

      .big-outcome {
        font-size: 32px
      }

      .mini-flow {
        display: grid;
        grid-template-columns: 1fr auto 1fr auto 1fr;
        gap: 6px
      }

      .mini-flow span {
        padding: 8px 7px;
        text-align: center;
        font-size: 12px
      }

      .status-chips {
        gap: 8px
      }

      .status-chips span {
        padding: 10px 12px;
        font-size: 13px
      }

      .role-grid-simple {
        grid-template-columns: 1fr
      }

      .defense-chain>div {
        padding: 22px 18px
      }
    }


    /* v5: Executive Outcomes */
    .executive-outcomes {
      padding: 118px 0;
      background: linear-gradient(120deg, #07164c 0%, #0b235f 58%, #0b4fae 100%);
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    .executive-outcomes::after {
      content: "";
      position: absolute;
      right: -12%;
      top: -38%;
      width: 58vw;
      height: 58vw;
      max-width: 860px;
      max-height: 860px;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 50%;
      box-shadow: 0 0 0 110px rgba(255, 255, 255, .025), 0 0 0 215px rgba(255, 255, 255, .018);
    }

    .executive-layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 84px;
      align-items: start
    }

    .executive-copy {
      position: sticky;
      top: 128px
    }

    .executive-copy .eyebrow {
      color: #84c5ff;
      text-align: left
    }

    .executive-copy .display {
      color: #fff;
      text-align: left;
      max-width: 650px
    }

    .executive-copy .display .blue {
      color: #5bb0ff
    }

    .executive-copy .lead {
      color: #cadcf7;
      text-align: left;
      max-width: 620px;
      margin: 24px 0 0
    }

    .executive-roles {
      display: flex;
      flex-direction: column;
      border-top: 1px solid rgba(255, 255, 255, .16)
    }

    .executive-role {
      display: grid;
      grid-template-columns: 185px 1fr;
      gap: 28px;
      padding: 27px 4px;
      border-bottom: 1px solid rgba(255, 255, 255, .14);
      align-items: start
    }

    .executive-role strong {
      font-size: 16px;
      color: #fff;
      letter-spacing: .01em
    }

    .executive-role span {
      font-size: 16px;
      line-height: 1.55;
      color: #c9dbf4
    }

    .executive-organization {
      margin-top: 16px;
      padding: 28px 26px;
      border: 1px solid rgba(120, 190, 255, .28);
      border-radius: 22px;
      background: rgba(30, 126, 255, .12)
    }

    .executive-organization strong {
      color: #7fc4ff
    }

    .executive-organization span {
      color: #fff;
      font-weight: 600
    }

    @media(max-width:900px) {
      .executive-layout {
        grid-template-columns: 1fr;
        gap: 44px
      }

      .executive-copy {
        position: static
      }
    }

    @media(max-width:620px) {
      .executive-outcomes {
        padding: 78px 0
      }

      .executive-role {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 22px 2px
      }

      .executive-role strong {
        font-size: 15px
      }

      .executive-role span {
        font-size: 15px
      }

      .executive-organization {
        padding: 22px 20px
      }
    }


    /* ===== Aether earned referral margin: scroll-led visual ===== */
    #hidden-cost {
      overflow: clip;
      background: linear-gradient(180deg, #fff 0%, #f8fbff 48%, #fff 100%)
    }

    #hidden-cost::before {
      opacity: .28
    }

    #hidden-cost .section-intro {
      position: relative;
      z-index: 3
    }

    .margin-scroll-region {
      position: relative;
      height: clamp(1640px, 245svh, 2650px);
      margin: 18px auto 16px
    }

    .margin-sticky {
      position: sticky;
      top: 16px;
      height: min(700px, calc(100svh - 32px));
      min-height: 590px;
      max-width: 1310px;
      margin: auto;
      padding: 22px 30px 14px;
      border: 1px solid #e4edfa;
      border-radius: 30px;
      background: radial-gradient(ellipse 80% 60% at 50% 75%, rgba(225, 239, 255, .44), transparent 75%), rgba(255, 255, 255, .92);
      box-shadow: 0 24px 72px rgba(29, 86, 151, .07), 0 3px 14px rgba(21, 68, 140, .035);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      isolation: isolate
    }

    .margin-sticky::before,
    .margin-sticky::after {
      content: "";
      position: absolute;
      pointer-events: none;
      z-index: -1;
      border-radius: 50%;
      background: #e7f3ff;
      opacity: .32;
      transform: rotate(-19deg)
    }

    .margin-sticky::before {
      width: 500px;
      height: 240px;
      left: -280px;
      top: -150px
    }

    .margin-sticky::after {
      width: 560px;
      height: 250px;
      right: -300px;
      bottom: -140px
    }

    .margin-visual-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      color: var(--blue2);
      letter-spacing: .19em;
      font-size: 11px;
      font-weight: 800
    }

    .margin-scroll-hint {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #7990b3;
      letter-spacing: .13em;
      font-size: 10px
    }

    .margin-hint-icon {
      display: grid;
      place-items: center;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      border: 1px solid #d9e8fa;
      font-size: 14px;
      color: var(--blue2);
      animation: margin-hint 1.9s ease-in-out infinite
    }

    @keyframes margin-hint {
      50% {
        transform: translateY(4px)
      }
    }

    .margin-active-connector {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none;
      overflow: visible
    }

    .margin-costs {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 13px;
      padding: 12px 3px 1px
    }

    .margin-cost {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 9px;
      text-align: center;
      min-height: 144px;
      padding: 20px 8px 16px;
      border: 1px solid #e4ebf6;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 9px 25px rgba(31, 82, 154, .06);
      opacity: .54;
      transform: translateY(0);
      transition: opacity .25s, box-shadow .35s, transform .35s, border-color .25s
    }

    .margin-cost.is-past {
      opacity: .80;
      border-color: #f4dfe5
    }

    .margin-cost.is-current {
      opacity: 1;
      border-color: #f5b7c3;
      box-shadow: 0 13px 34px rgba(239, 77, 98, .12), 0 6px 16px rgba(28, 76, 134, .065);
      transform: translateY(-5px)
    }

    .margin-cost.is-current::after {
      content: "";
      position: absolute;
      bottom: -27px;
      height: 20px;
      border-left: 2px dotted var(--red);
      left: 50%;
      opacity: .95
    }

    .margin-cost-number {
      position: absolute;
      left: 11px;
      top: 10px;
      display: grid;
      place-items: center;
      height: 27px;
      min-width: 27px;
      border-radius: 999px;
      background: #fff0f2;
      color: #dc3c59;
      font-size: 12px;
      letter-spacing: .02em;
      font-weight: 800;
      border: 1px solid #ffe1e6
    }

    .margin-cost.is-current .margin-cost-number {
      color: #fff;
      background: var(--red);
      border-color: var(--red)
    }

    .margin-cost-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: var(--red);
      background: #fff0f2
    }

    .margin-cost-icon svg {
      width: 29px;
      height: 29px
    }

    .margin-cost-label {
      font-weight: 750;
      color: var(--navy);
      font-size: clamp(13px, 1.25vw, 16px);
      line-height: 1.25;
      max-width: 156px
    }

    .margin-wealth {
      position: relative;
      z-index: 2;
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-top: 8px
    }

    .margin-cash-art {
      width: min(100%, 860px);
      height: min(315px, 100%);
      overflow: visible;
      filter: drop-shadow(0 12px 12px rgba(36, 103, 79, .08))
    }

    .margin-bundle {
      will-change: opacity, transform
    }

    .margin-wealth-label {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 17px;
      width: 100%;
      margin-top: -4px;
      font-size: clamp(16px, 1.85vw, 22px);
      font-weight: 800;
      color: var(--navy);
      letter-spacing: -.03em;
      text-align: center
    }

    .margin-label-line {
      width: min(13%, 80px);
      height: 1px;
      background: #cfdef2
    }

    .margin-bottom-status {
      display: flex;
      align-items: center;
      gap: 16px;
      width: min(100%, 850px);
      margin: 4px auto 0;
      min-height: 29px
    }

    .margin-stage-number {
      font-size: 10px;
      letter-spacing: .12em;
      font-weight: 800;
      color: var(--red);
      flex: 0 0 133px;
      text-align: right
    }

    .margin-stage-description {
      font-size: 12px;
      color: #657b9d;
      font-weight: 650;
      flex: 0 0 225px
    }

    .margin-progress-track {
      height: 5px;
      background: #ecf2fa;
      border-radius: 100px;
      overflow: hidden;
      flex: 1
    }

    .margin-progress-fill {
      height: 100%;
      width: 0;
      background: linear-gradient(90deg, #267ffe, #ef4d62);
      border-radius: 100px;
      will-change: width
    }

    .margin-legal-note {
      font-size: 10px;
      line-height: 1.3;
      text-align: center;
      color: #8193ad;
      margin: 1px 0 0
    }

    #hidden-cost .compact-impact {
      position: relative;
      z-index: 3
    }

    @media(max-width:1050px) {
      .margin-sticky {
        padding: 22px 20px 14px
      }

      .margin-costs {
        gap: 8px
      }

      .margin-cost {
        min-height: 135px;
        border-radius: 16px
      }

      .margin-cost-label {
        font-size: 13px
      }
    }

    @media(max-width:720px) {
      .margin-scroll-region {
        height: clamp(1510px, 245svh, 2150px);
        margin-top: 14px
      }

      .margin-sticky {
        top: 8px;
        height: calc(100svh - 16px);
        min-height: 615px;
        padding: 16px 12px 13px;
        border-radius: 22px
      }

      .margin-visual-head {
        font-size: 9px;
        letter-spacing: .1em;
        padding: 0 4px
      }

      .margin-scroll-hint {
        font-size: 9px;
        letter-spacing: .04em;
        gap: 5px
      }

      .margin-hint-icon {
        height: 21px;
        width: 21px;
        font-size: 12px
      }

      .margin-costs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        padding: 8px 1px 0
      }

      .margin-cost {
        min-height: 100px;
        padding: 16px 4px 9px;
        gap: 5px;
        border-radius: 13px
      }

      .margin-cost-number {
        width: 21px;
        min-width: 21px;
        height: 21px;
        font-size: 10px;
        left: 6px;
        top: 6px
      }

      .margin-cost-icon {
        height: 34px;
        width: 34px
      }

      .margin-cost-icon svg {
        width: 23px;
        height: 23px
      }

      .margin-cost-label {
        font-size: 11.5px;
        line-height: 1.17
      }

      .margin-cost.is-current::after {
        display: none
      }

      .margin-wealth {
        padding-top: 0;
        justify-content: center
      }

      .margin-cash-art {
        height: min(245px, 100%);
        width: 100%;
        margin-top: 0
      }

      .margin-wealth-label {
        font-size: 16px;
        gap: 9px;
        margin-top: -5px
      }

      .margin-bottom-status {
        gap: 9px;
        margin-top: 4px
      }

      .margin-stage-number {
        flex: 0 0 55px;
        text-align: left;
        font-size: 9px;
        letter-spacing: 0
      }

      .margin-stage-description {
        flex: 0 0 108px;
        font-size: 10px;
        line-height: 1.15
      }

      .margin-legal-note {
        font-size: 9px;
        padding: 0 4px
      }
    }

    @media(max-width:400px) {
      .margin-sticky {
        padding: 12px 9px 10px
      }

      .margin-cost {
        min-height: 96px
      }

      .margin-cost-label {
        font-size: 10.5px
      }

      .margin-cost-icon {
        width: 30px;
        height: 30px
      }

      .margin-cash-art {
        height: min(223px, 100%)
      }
    }

    @media(max-height:650px) {
      .margin-sticky {
        min-height: 0;
        height: calc(100svh - 12px);
        top: 6px
      }

      .margin-cost {
        min-height: 78px;
        padding: 12px 4px 7px;
        gap: 4px
      }

      .margin-cost-icon {
        width: 27px;
        height: 27px
      }

      .margin-cost-icon svg {
        width: 19px;
        height: 19px
      }

      .margin-cost-label {
        font-size: 10px
      }

      .margin-cash-art {
        height: min(185px, 100%)
      }

      .margin-legal-note {
        display: none
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .margin-hint-icon {
        animation: none
      }

      .margin-cost,
      .margin-bundle {
        transition: none !important
      }
    }



    /* v10-12 website integration: shrinking referral margin chart.
   The 6 pressure cards and original sticky-scroll narrative are preserved. */
    #hidden-cost .margin-wealth {
      padding: 7px 0 0;
      justify-content: center;
      gap: 0;
      min-height: 0;
      max-width: 1140px;
      width: 100%;
      margin: auto;
      flex: 1 1 auto
    }

    #hidden-cost .margin-chart-heading {
      margin: 4px auto 7px;
      font-size: clamp(20px, 2.05vw, 30px);
      line-height: 1.18;
      letter-spacing: -.045em;
      text-align: center;
      color: var(--navy);
      font-weight: 850;
      max-width: 950px
    }

    #hidden-cost .margin-chart-area {
      width: 100%;
      min-height: 0;
      max-width: 1140px;
      flex: 1 1 auto;
      display: flex;
      align-items: flex-end
    }

    #hidden-cost #margin-decline-chart {
      width: 100%;
      height: 100%;
      max-height: 310px;
      display: block;
      overflow: visible
    }

    #hidden-cost .margin-axis {
      stroke: #c3d7f1;
      stroke-width: 1.6
    }

    #hidden-cost .margin-axis-text {
      fill: #152c56;
      font-size: 19px;
      font-weight: 760;
      letter-spacing: -.025em
    }

    #hidden-cost .margin-bar {
      fill: url(#margin-bar-fill)
    }

    #hidden-cost .margin-drop-line {
      fill: none;
      stroke: #f56580;
      stroke-width: 2.3;
      stroke-linecap: round;
      opacity: 0;
      transition: opacity .18s
    }

    #hidden-cost .margin-bar-dot {
      fill: #62a4f6;
      stroke: #fff;
      stroke-width: 2.6;
      opacity: .2
    }

    #hidden-cost .margin-bar-dot.is-current {
      fill: #f56580;
      opacity: 1
    }

    #hidden-cost .margin-bar-dot.is-visible {
      opacity: 1
    }

    #hidden-cost .margin-last-dot {
      fill: #f35373;
      stroke: #fff;
      stroke-width: 2.6
    }

    #hidden-cost .margin-chart-labels {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      padding-left: 6%;
      padding-right: 1.1%;
      width: 100%;
      gap: 0;
      margin-top: -2px
    }

    #hidden-cost .margin-chart-label {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 4px;
      font-size: clamp(10px, .95vw, 13px);
      font-weight: 730;
      line-height: 1.17;
      color: #667e9f;
      min-width: 0
    }

    #hidden-cost .margin-chart-label.is-current {
      color: #163667
    }

    #hidden-cost .margin-chart-label-icon {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff0f3;
      color: #f56580;
      opacity: .58
    }

    #hidden-cost .margin-chart-label-icon svg {
      width: 20px;
      height: 20px
    }

    #hidden-cost .margin-chart-label.is-current .margin-chart-label-icon,
    #hidden-cost .margin-chart-label.is-past .margin-chart-label-icon {
      opacity: 1
    }

    #hidden-cost .margin-mobile-chart {
      display: none
    }

    #hidden-cost .margin-legal-note {
      margin-top: 4px
    }

    #hidden-cost .margin-scroll-hint {
      white-space: nowrap
    }

    #hidden-cost .margin-cost.is-current::after {
      display: none
    }

    /* Ensure new longer qualifier wraps cleanly without changing the original heading. */
    #decision-integrity .headline-line.blue {
      max-width: 1040px;
      margin-left: auto;
      margin-right: auto
    }

    @media(max-width:960px) {
      #hidden-cost .margin-chart-heading {
        font-size: clamp(19px, 2.8vw, 27px)
      }

      #hidden-cost .margin-chart-label {
        font-size: 10px
      }

      #hidden-cost .margin-chart-label-icon {
        width: 26px;
        height: 26px
      }

      #hidden-cost .margin-chart-label-icon svg {
        width: 18px;
        height: 18px
      }
    }

    @media(max-width:720px) {
      #hidden-cost .margin-sticky {
        min-height: 0;
      }

      #hidden-cost .margin-wealth {
        justify-content: center;
        flex: 1;
        gap: 15px;
        padding: 10px 0
      }

      #hidden-cost .margin-chart-heading {
        font-size: clamp(19px, 5.4vw, 25px);
        line-height: 1.18;
        max-width: 460px;
        margin: 0 auto;
        letter-spacing: -.035em
      }

      #hidden-cost .margin-chart-area,
      #hidden-cost .margin-chart-labels {
        display: none
      }

      #hidden-cost .margin-mobile-chart {
        display: flex;
        flex-direction: column;
        gap: 11px;
        width: 100%;
        max-width: 485px;
        margin: auto;
        padding: 17px 14px;
        border: 1px solid #e0eafa;
        border-radius: 17px;
        background: linear-gradient(140deg, #fff, #f6faff)
      }

      #hidden-cost .margin-mobile-caption {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .02em;
        color: var(--navy);
        margin-bottom: 4px
      }

      #hidden-cost .margin-mobile-barline {
        display: grid;
        grid-template-columns: 118px 1fr;
        align-items: center;
        gap: 9px;
        font-weight: 700;
        font-size: 11px;
        color: #5b7196
      }

      #hidden-cost .margin-mobile-track {
        width: 100%;
        height: 25px;
        border: 1px solid #e0eafa;
        background: #edf4fe;
        border-radius: 8px;
        overflow: hidden
      }

      #hidden-cost .margin-mobile-original>div {
        width: 100%;
        height: 100%;
        background: #c9ddf7;
        border-radius: 7px
      }

      #hidden-cost .margin-mobile-remain {
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #9ac9fa, #4a99ef);
        border-radius: 7px 3px 3px 7px;
      }

      #hidden-cost .margin-mobile-stage {
        font-size: 11px;
        color: #687e9e;
        line-height: 1.25;
        min-height: 15px
      }

      #hidden-cost .margin-bottom-status {
        margin-top: 0
      }

      #hidden-cost .margin-legal-note {
        margin-top: 2px
      }
    }

    @media(max-width:400px) {
      #hidden-cost .margin-mobile-chart {
        padding: 12px 9px;
        gap: 8px
      }

      #hidden-cost .margin-mobile-barline {
        grid-template-columns: 105px 1fr;
        font-size: 10px
      }

      #hidden-cost .margin-chart-heading {
        font-size: 18px
      }
    }

    @media(max-height:650px) and (min-width:721px) {
      #hidden-cost .margin-chart-area svg {
        max-height: 200px
      }

      #hidden-cost .margin-cost {
        min-height: 70px
      }

      #hidden-cost .margin-chart-heading {
        font-size: 19px;
        margin: 0 auto
      }

      #hidden-cost .margin-chart-label-icon {
        width: 24px;
        height: 24px
      }
    }

    @media(prefers-reduced-motion:reduce) {
      #hidden-cost .margin-drop-line {
        transition: none
      }
    }


    /* Integrated final layout pass: keep the schema-breaking hook visually dominant. */
    #integrity h2.display .headline-line.blue {
      font-size: clamp(24px, 2.9vw, 38px);
      font-weight: 770;
      line-height: 1.18;
      letter-spacing: -.032em;
      max-width: 1100px;
      margin: 15px auto 0;
    }

    @media(max-width:720px) {
      #hidden-cost .margin-sticky {
        height: min(675px, calc(100svh - 16px));
      }

      #hidden-cost .margin-mobile-chart {
        margin: 0 auto;
      }

      #integrity h2.display .headline-line.blue {
        font-size: clamp(23px, 5.8vw, 29px);
        margin-top: 13px;
      }
    }

    /* ==========================================================
   WHAT AETHER CHANGES: SIX PREPARATION TASKS -> ONE REVIEW
   Self-contained, accessible, responsive; official logo embedded.
   ========================================================== */
    /* Inherit the source build's original product section grid and spacing. */
    .simple-product .case-compression {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      isolation: isolate
    }

    .simple-product .cc-art {
      display: grid;
      grid-template-columns: minmax(168px, 2.05fr) minmax(42px, .76fr) minmax(82px, .95fr) minmax(24px, .34fr) minmax(146px, 1.38fr);
      gap: 0;
      align-items: center;
      width: 100%;
      padding: 30px 0 12px;
      position: relative;
    }

    .simple-product .cc-tasks-wrap,
    .simple-product .cc-review-wrap {
      position: relative;
      min-width: 0
    }

    .simple-product .cc-col-title {
      position: absolute;
      bottom: calc(100% + 12px);
      left: 2px;
      color: #b0d1ff;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .simple-product .cc-review-wrap .cc-col-title {
      left: 50%;
      transform: translateX(-50%)
    }

    .simple-product .cc-tasks {
      display: grid;
      grid-template-rows: repeat(6, 62px);
      gap: 8px;
    }

    .simple-product .cc-task {
      display: flex;
      gap: 10px;
      align-items: center;
      min-width: 0;
      padding: 7px 9px;
      border-radius: 17px;
      background: linear-gradient(110deg, rgba(62, 123, 225, .30), rgba(44, 121, 228, .16));
      border: 1px solid rgba(105, 175, 255, .32);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 18px rgba(4, 18, 68, .10);
      color: #f5f9ff;
      font-weight: 700;
      font-size: clamp(11.5px, .95vw, 13.5px);
      line-height: 1.22;
      position: relative;
      z-index: 1;
    }

    .simple-product .cc-task>span:last-child {
      min-width: 0;
      overflow-wrap: normal;
    }

    .simple-product .cc-icon {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #d7edff;
      background: rgba(100, 173, 255, .22);
      border: 1px solid rgba(117, 190, 255, .15);
    }

    .simple-product .cc-wires {
      width: 100%;
      min-width: 0;
      height: 412px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .simple-product .cc-curves {
      display: block;
      width: 100%;
      height: 412px;
      overflow: visible;
    }

    .simple-product .cc-curve-glow path {
      fill: none;
      stroke: #079dff;
      stroke-width: 8;
      opacity: .24;
      filter: blur(5px)
    }

    .simple-product .cc-curve-lines path {
      fill: none;
      stroke: url(#ccWireGradient);
      stroke-width: 2.6;
      vector-effect: non-scaling-stroke;
      opacity: .94;
    }

    .simple-product .cc-mobile-merge {
      display: none
    }

    .simple-product .cc-core-wrap {
      height: 412px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      min-width: 0;
      flex-direction: column
    }

    .simple-product .cc-logo-halo {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 190px;
      height: 190px;
      transform: translate(-50%, -50%);
      background: radial-gradient(circle, rgba(84, 203, 255, .29) 0%, rgba(22, 146, 255, .12) 48%, transparent 73%);
      pointer-events: none;
      z-index: -1;
    }

    .simple-product .cc-logo-tile {
      width: clamp(78px, 7.3vw, 106px);
      aspect-ratio: 1;
      flex-shrink: 0;
      display: grid;
      place-items: center;
      border-radius: 22px;
      background: linear-gradient(145deg, #fff, #e5f4ff);
      border: 1px solid rgba(245, 252, 255, .95);
      box-shadow: 0 0 0 1px rgba(106, 210, 255, .24), 0 0 34px rgba(50, 178, 255, .44), 0 15px 40px rgba(0, 12, 77, .16);
      padding: 10px;
    }

    .simple-product .cc-logo-tile img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .simple-product .cc-core-caption {
      position: absolute;
      top: calc(50% + 66px);
      font-size: 11px;
      letter-spacing: .20em;
      color: #bfe6ff;
      font-weight: 800;
    }

    .simple-product .cc-handoff {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      width: 100%;
      color: #84e8ff;
      position: relative;
      filter: drop-shadow(0 0 8px rgba(80, 224, 255, .45));
    }

    .simple-product .cc-handoff-line {
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, #55e3ff, #8ae7ff);
      width: calc(100% - 24px);
    }

    .simple-product .cc-handoff svg {
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      margin-left: -1px;
    }

    .simple-product .cc-review {
      display: flex;
      gap: 9px;
      align-items: center;
      justify-content: center;
      min-width: 0;
      width: min(100%, 160px);
      margin-inline: auto;
      border-radius: 999px;
      padding: 8px 14px 8px 10px;
      background: linear-gradient(140deg, rgba(24, 112, 228, .80), rgba(34, 126, 241, .72));
      border: 1px solid rgba(91, 203, 255, .65);
      box-shadow: 0 0 24px rgba(39, 164, 255, .20), inset 0 1px 1px rgba(255, 255, 255, .13);
      box-sizing: border-box;
    }

    .simple-product .cc-review-icon {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(84, 177, 255, .30);
      color: #fff;
    }

    .simple-product .cc-review strong {
      font-size: clamp(12.5px, .98vw, 15px);
      line-height: 1;
      white-space: nowrap;
      font-weight: 650;
      color: white;
      letter-spacing: -.01em;
    }

    @media(max-width:1150px) {
      .simple-product .product-simple-grid {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .simple-product .case-compression {
        max-width: 760px;
        margin-inline: auto;
      }

      .simple-product .cc-art {
        grid-template-columns: minmax(220px, 2.05fr) minmax(64px, .76fr) minmax(94px, .95fr) minmax(26px, .34fr) minmax(150px, 1.34fr)
      }

      .simple-product .cc-task {
        font-size: 13px
      }
    }

    @media(max-width:680px) {
      .simple-product .case-compression {
        max-width: 440px
      }

      .simple-product .cc-art {
        grid-template-columns: 1fr;
        grid-template-areas: 'tasks' 'wires' 'core' 'handoff' 'review';
        padding: 28px 0 0;
        justify-items: center;
        gap: 0
      }

      .simple-product .cc-tasks-wrap {
        grid-area: tasks;
        width: 100%;
      }

      .simple-product .cc-tasks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(78px, auto));
        gap: 9px
      }

      .simple-product .cc-task {
        font-size: 12px;
        min-height: 78px;
        padding: 8px 7px;
        gap: 7px;
        border-radius: 15px
      }

      .simple-product .cc-icon {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
      }

      .simple-product .cc-icon svg {
        width: 18px;
        height: 18px
      }

      .simple-product .cc-col-title {
        left: 4px;
        bottom: calc(100% + 11px);
        font-size: 10px;
      }

      .simple-product .cc-wires {
        grid-area: wires;
        height: 65px;
        width: 200px;
      }

      .simple-product .cc-curves {
        display: none
      }

      .simple-product .cc-mobile-merge {
        display: block;
        width: 190px;
        height: 57px
      }

      .simple-product .cc-core-wrap {
        grid-area: core;
        height: 114px;
        width: 100%;
      }

      .simple-product .cc-logo-tile {
        width: 84px;
        border-radius: 19px;
        padding: 9px;
      }

      .simple-product .cc-logo-halo {
        width: 162px;
        height: 140px;
      }

      .simple-product .cc-core-caption {
        top: calc(50% + 51px);
        font-size: 10px;
      }

      .simple-product .cc-handoff {
        grid-area: handoff;
        height: 66px;
        width: 76px;
        transform: rotate(90deg);
      }

      .simple-product .cc-handoff-line {
        width: 56px;
      }

      .simple-product .cc-review-wrap {
        grid-area: review;
        width: 200px;
        margin-top: 32px;
        justify-self: center;
      }

      .simple-product .cc-review-wrap .cc-col-title {
        bottom: calc(100% + 8px)
      }

      .simple-product .cc-review {
        min-height: 58px;
        min-width: 0;
        width: min(100%, 172px);
        padding-inline: 14px;
      }

      .simple-product .cc-review strong {
        font-size: 15px
      }
    }

    @media(max-width:375px) {
      .simple-product .cc-task {
        font-size: 11px;
        gap: 6px;
        padding: 6px 5px;
      }

      .simple-product .cc-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
      }
    }

    @media(prefers-reduced-motion:reduce) {

      .simple-product .cc-art,
      .simple-product .cc-logo-tile,
      .simple-product .cc-wires {
        animation: none !important;
        transition: none !important
      }
    }


    /* ===== vNext: integrated artwork and legible small-screen adaptations ===== */
    .aether-visual,
    .executive-visual,
    .econ-mobile-card {
      margin: 0;
      min-width: 0;
    }

    .aether-visual img,
    .executive-visual img,
    .econ-mobile-card img {
      display: block;
      width: 100%;
      height: auto;
    }

    .visual-mobile {
      display: none;
    }

    .visual-economics {
      max-width: 1180px;
      margin: 34px auto 0;
      overflow: hidden;
      border: 1px solid #e0eaf7;
      border-radius: 28px;
      background: #fff;
      box-shadow: 0 20px 58px rgba(30, 80, 144, .09)
    }

    .visual-integrity {
      max-width: 1190px;
      margin: 42px auto 0;
      overflow: hidden;
      border-radius: 26px;
      background: #fff;
      box-shadow: 0 16px 54px rgba(30, 80, 144, .08);
      border: 1px solid #e6edf8;
    }

    .integrity-minimal {
      max-width: 1250px;
    }

    .continuity-illustrations {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      align-items: start;
      max-width: 1310px;
      margin: 22px auto 0;
    }

    .continuity-visual {
      overflow: hidden;
      border-radius: 25px;
      background: #fff;
      border: 1px solid #e1eafb;
      box-shadow: 0 20px 52px rgba(31, 88, 153, .08)
    }

    .visual-operation-shell {
      padding-bottom: 38px;
    }

    .visual-operation-shell .section-intro {
      margin-bottom: 28px;
    }

    .visual-operation {
      max-width: 1260px;
      margin-inline: auto;
      overflow: hidden;
      border-radius: 24px;
      background: #fff;
    }

    .executive-visual-section {
      padding: 110px 0 88px;
    }

    .executive-visual-section .executive-layout {
      display: flex;
      flex-direction: column;
      gap: 14px;
      align-items: center;
    }

    .executive-visual-section .executive-copy {
      position: static;
      max-width: 1090px;
      text-align: center;
    }

    .executive-visual-section .executive-copy .eyebrow,
    .executive-visual-section .executive-copy .display,
    .executive-visual-section .executive-copy .lead {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    .executive-visual-section .executive-copy .display {
      max-width: 1070px;
      font-size: clamp(39px, 4.1vw, 65px);
    }

    .executive-visual-section .executive-copy .lead {
      max-width: 780px;
    }

    .executive-visual {
      width: min(100%, 1250px);
      margin: 0 auto;
      filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .08));
    }

    /* Tablet: arrange the detailed longitudinal path boards one above the other. */
    @media(max-width:980px) {
      .continuity-illustrations {
        grid-template-columns: 1fr;
        max-width: 720px;
        gap: 22px;
      }

      .executive-visual-section .executive-copy .display {
        font-size: clamp(37px, 5.8vw, 57px)
      }
    }

    @media(max-width:860px) {
      .visual-desktop {
        display: none !important;
      }

      .visual-mobile {
        display: block;
      }

      .simple-economics .econ-intro-simple {
        margin-bottom: 24px;
      }

      .econ-mobile {
        max-width: 540px;
        margin: 26px auto 0;
      }

      .econ-mobile-heading {
        color: #0b7cff;
        letter-spacing: .16em;
        text-transform: uppercase;
        text-align: center;
        font-size: 15px;
        font-weight: 800;
        margin: 0 0 16px;
      }

      .econ-mobile-card {
        overflow: hidden;
        border-radius: 19px;
        border: 1px solid #e0e9f7;
        background: #fff;
        box-shadow: 0 12px 32px rgba(35, 82, 145, .08)
      }

      .econ-mobile-arrow {
        text-align: center;
        color: #0B7CFF;
        font-size: 35px;
        font-weight: 800;
        line-height: 1;
        margin: 9px 0;
      }

      .integrity-mobile {
        margin: 30px auto 0;
        max-width: 560px;
        text-align: left;
      }

      .integrity-risk-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }

      .integrity-risk {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 17px 12px;
        background: linear-gradient(135deg, #fff5f6, #fff);
        border: 1px solid #f6dfe6;
        border-radius: 19px;
        min-width: 0;
      }

      .integrity-risk-amber {
        background: linear-gradient(135deg, #fff5e9, #fff);
        border-color: #f5e6cf;
      }

      .integrity-risk-icon {
        display: grid;
        place-items: center;
        flex: 0 0 27px;
        width: 27px;
        height: 27px;
        background: #ffe3e7;
        border-radius: 50%;
        color: #e63251;
        font-size: 20px;
        font-weight: 900;
      }

      .integrity-risk-amber .integrity-risk-icon {
        background: #ffe6c7;
        color: #ca6b00;
      }

      .integrity-risk strong {
        font-size: 13px;
        color: #ae233f;
        line-height: 1.25;
        display: block;
      }

      .integrity-risk-amber strong {
        color: #ac5300;
      }

      .integrity-risk small {
        display: block;
        color: #657a9d;
        font-size: 11px;
        margin-top: 5px;
        line-height: 1.35;
      }

      .integrity-mobile-arrow {
        text-align: center;
        font-size: 32px;
        font-weight: 850;
        color: #0B7CFF;
        margin: 7px 0 5px;
      }

      .integrity-review {
        background: #fff;
        border: 1px solid #dce8f8;
        border-radius: 23px;
        padding: 20px 16px;
        box-shadow: 0 16px 48px rgba(25, 93, 178, .13);
      }

      .integrity-review-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #e7eef8;
        padding-bottom: 12px;
        color: #0b1a54;
      }

      .integrity-review-top strong {
        font-size: 22px;
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .integrity-review-top>span {
        font-size: 12px;
        color: #5d78a7;
      }

      .review-dot {
        display: block;
        background: linear-gradient(125deg, #29c5ff, #1159d1);
        width: 22px;
        height: 22px;
        border-radius: 6px 16px 6px 16px;
        transform: rotate(-12deg);
      }

      .integrity-review-title {
        font-size: 15px;
        font-weight: 800;
        color: #0c1c58;
        margin: 15px 0;
      }

      .integrity-review-title span {
        color: #0B7CFF;
        margin-right: 7px;
      }

      .integrity-review-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }

      .integrity-review-columns>div {
        padding: 12px 10px;
        background: #f7faff;
        border: 1px solid #e5edf9;
        border-radius: 14px;
        min-width: 0;
      }

      .review-column-label {
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
        color: #0c1f61;
      }

      .review-item {
        display: block;
        font-size: 11px;
        color: #3565b0;
        line-height: 1.4;
        margin-top: 7px;
      }

      .review-missing {
        color: #bc6400;
      }

      .integrity-review-foot {
        font-size: 11px;
        color: #5d78aa;
        margin-top: 12px;
        border-radius: 12px;
        background: #edf5ff;
        padding: 12px;
        text-align: center;
      }

      .integrity-mobile-result {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 16px 0 0;
      }

      .integrity-mobile-result span {
        background: #eaf3ff;
        color: #075ed1;
        padding: 12px 10px;
        border-radius: 100px;
        text-align: center;
        font-size: 11px;
        line-height: 1.3;
        font-weight: 750;
      }

      .continuity-mobile {
        max-width: 580px;
        margin: 26px auto 0;
        display: grid;
        gap: 22px;
      }

      .continuity-mobile-path {
        background: #fff;
        border: 1px solid #deebf8;
        border-radius: 26px;
        padding: 24px 20px 18px;
        box-shadow: 0 15px 46px rgba(27, 86, 153, .09);
        counter-reset: step;
      }

      .path-mobile-kicker {
        display: inline-block;
        letter-spacing: .16em;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 850;
        padding: 9px 16px;
        border-radius: 20px;
        margin-bottom: 18px;
      }

      .path-amber .path-mobile-kicker {
        background: #fff1e3;
        color: #bb4d00;
      }

      .path-blue .path-mobile-kicker {
        background: #e7f2ff;
        color: #0967db;
      }

      .continuity-mobile-path h3 {
        font-size: 25px;
        letter-spacing: -.035em;
        line-height: 1.15;
        margin: 0 0 17px;
        color: #07164c;
      }

      .continuity-mobile-path h3 span {
        display: block;
      }

      .path-amber h3 span {
        color: #be4b00;
      }

      .path-blue h3 span {
        color: #0B7CFF;
      }

      .path-mobile-steps {
        list-style: none;
        margin: 0;
        padding: 0 0 0 46px;
        position: relative;
        counter-reset: step;
      }

      .path-mobile-steps::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 20px;
        bottom: 23px;
        border-left: 2px dashed #b5d8fb;
      }

      .path-mobile-steps li {
        position: relative;
        counter-increment: step;
        padding: 14px 0 15px;
        border-top: 1px solid #e3edf9;
      }

      .path-mobile-steps li::before {
        content: counter(step);
        position: absolute;
        left: -46px;
        top: 11px;
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #e7f3ff;
        color: #0b5fea;
        font-weight: 850;
        font-size: 14px;
      }

      .path-mobile-steps li strong {
        display: block;
        font-size: 15px;
        line-height: 1.3;
        color: #0a1d56;
      }

      .path-mobile-steps li small {
        display: block;
        color: #647eae;
        line-height: 1.35;
        font-size: 12px;
        margin-top: 4px;
      }

      .path-mobile-outcome {
        border-radius: 16px;
        padding: 17px 16px;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 5px;
      }

      .path-amber .path-mobile-outcome {
        background: #fff4e8;
      }

      .path-blue .path-mobile-outcome {
        background: #eaf4ff;
      }

      .path-mobile-outcome span {
        text-transform: uppercase;
        letter-spacing: .16em;
        font-size: 10px;
        font-weight: 850;
        color: #a65e05;
      }

      .path-blue .path-mobile-outcome span {
        color: #0a6add;
      }

      .path-mobile-outcome strong {
        font-size: 15px;
        color: #071c53;
        line-height: 1.35;
      }

      .visual-operation-shell {
        padding: 28px 17px !important;
      }

      .visual-operation-shell .section-intro {
        margin-bottom: 20px;
      }

      .operation-mobile {
        max-width: 560px;
        margin: 26px auto 0;
      }

      .operation-mobile-title {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-bottom: 16px;
      }

      .operation-mobile-logo {
        width: 49px;
        height: 49px;
        display: grid;
        place-items: center;
        flex: 0 0 49px;
        background: linear-gradient(135deg, #0b7cff, #00c5f3);
        color: #fff;
        border-radius: 15px;
        font-size: 25px;
        font-weight: 900;
      }

      .operation-mobile-title strong {
        display: block;
        font-size: 20px;
        line-height: 1.2;
        color: #081c56;
      }

      .operation-mobile-title small {
        display: block;
        color: #6983b2;
        font-size: 12px;
        margin-top: 3px;
      }

      .operation-mobile-case {
        padding: 20px 16px;
        background: #fff;
        border: 1px solid #dceaf8;
        box-shadow: 0 10px 38px rgba(36, 92, 156, .08);
        border-radius: 22px;
      }

      .operation-case-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 13px;
        border-bottom: 1px solid #e1eafa;
      }

      .operation-case-heading strong {
        font-size: 15px;
        color: #081c59;
      }

      .operation-case-heading span {
        white-space: nowrap;
        font-size: 11px;
        font-weight: 700;
        color: #008c78;
        background: #e6f8f0;
        border-radius: 999px;
        padding: 8px 10px;
      }

      .operation-mobile-case dl {
        margin: 0;
      }

      .operation-mobile-case dl>div {
        display: grid;
        grid-template-columns: 1fr 1.12fr;
        gap: 8px;
        padding: 10px 0;
        border-bottom: 1px solid #eaf0f8;
      }

      .operation-mobile-case dl>div:last-child {
        border: 0;
      }

      .operation-mobile-case dt {
        color: #6680a9;
        font-size: 12px;
      }

      .operation-mobile-case dd {
        margin: 0;
        color: #164ead;
        font-size: 12px;
        font-weight: 700;
      }

      .operation-mobile-roles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
        margin-top: 14px;
      }

      .operation-mobile-roles>div {
        border-radius: 16px;
        border: 1px solid #e0ebfa;
        padding: 13px 12px;
        background: #f8fbff;
      }

      .operation-mobile-roles strong {
        display: block;
        font-size: 12px;
        color: #0b47a2;
      }

      .operation-mobile-roles span {
        display: block;
        color: #627caa;
        font-size: 11px;
        line-height: 1.35;
        margin-top: 5px;
      }

      .operation-mobile-benefits {
        display: flex;
        justify-content: center;
        gap: 7px;
        flex-wrap: wrap;
        margin-top: 18px;
      }

      .operation-mobile-benefits span {
        font-size: 11px;
        font-weight: 800;
        background: #eaf4ff;
        color: #0967dd;
        padding: 8px 10px;
        border-radius: 999px;
      }

      .executive-visual-section .executive-layout {
        gap: 20px;
      }

      .executive-mobile {
        width: 100%;
        margin: 10px auto 0;
        max-width: 560px;
      }

      .executive-mobile-hub {
        margin: 0 auto 24px;
        max-width: 310px;
        background: #fff;
        border: 2px solid #46baff;
        padding: 17px 16px;
        text-align: center;
        border-radius: 22px;
        box-shadow: 0 0 30px rgba(65, 167, 255, .36);
        position: relative;
      }

      .executive-mobile-hub::after {
        content: "";
        position: absolute;
        height: 22px;
        width: 2px;
        background: #64b9ff;
        left: 50%;
        bottom: -24px;
      }

      .executive-mobile-hub strong {
        display: block;
        color: #09184b;
        font-size: 26px;
      }

      .executive-mobile-hub span {
        display: block;
        margin-top: 5px;
        color: #607cab;
        font-size: 13px;
      }

      .executive-mobile-roles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 11px;
      }

      .executive-mobile-roles>div {
        min-height: 116px;
        border: 1px solid #6eb5ff;
        border-radius: 17px;
        background: #fff;
        padding: 15px 13px;
        box-shadow: 0 0 20px rgba(22, 133, 255, .20);
      }

      .executive-mobile-roles strong {
        color: #0b1d57;
        display: block;
        font-size: 13px;
        line-height: 1.3;
      }

      .executive-mobile-roles span {
        color: #617a9d;
        display: block;
        margin-top: 7px;
        line-height: 1.4;
        font-size: 12px;
      }

      .executive-mobile-org {
        margin: 16px 0 0;
        background: #fff;
        border: 2px solid #61b4ff;
        border-radius: 18px;
        padding: 18px;
        box-shadow: 0 0 28px rgba(42, 153, 255, .27);
      }

      .executive-mobile-org strong {
        display: block;
        font-size: 15px;
        color: #091a54;
      }

      .executive-mobile-org span {
        display: block;
        font-size: 13px;
        color: #52749f;
        line-height: 1.45;
        margin-top: 6px;
      }
    }

    @media(max-width:375px) {
      .integrity-risk-grid {
        grid-template-columns: 1fr;
      }

      .integrity-risk strong {
        font-size: 14px;
      }

      .integrity-risk small {
        font-size: 12px;
      }

      .integrity-review-top>span {
        font-size: 10px;
      }

      .executive-mobile-roles>div {
        padding: 13px 10px;
      }

      .continuity-mobile-path h3 {
        font-size: 23px;
      }
    }


    /* ===== October 2026 executive outcome refinements ===== */
    #executive-outcomes .executive-visual {
      width: min(100%, 1420px);
      max-width: 1420px;
      filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .10));
    }

    #executive-outcomes .executive-visual img {
      width: 100%;
      height: auto;
      display: block;
    }

    #executive-outcomes .executive-layout {
      gap: 26px;
    }

    #recertification .recert-simple-head {
      margin-bottom: 0;
    }

    #recertification .recert-close {
      margin-top: 24px;
      text-align: left;
    }

    #recertification {
      padding-block: 84px;
    }

    .footer-mini a {
      color: inherit;
      text-decoration: none;
    }

    .footer-mini a:hover {
      color: #0B7CFF;
    }

    @media(min-width:821px) {
      #executive-outcomes .container {
        width: min(95vw, 1480px);
      }
    }

    @media(max-width:820px) {
      #executive-outcomes .executive-mobile {
        width: 100%;
        max-width: 560px;
        margin: 12px auto 0;
      }

      #executive-outcomes .executive-stage-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      #executive-outcomes .executive-stage-card {
        min-height: 165px;
        border: 1px solid rgba(33, 152, 255, .76);
        border-radius: 18px;
        padding: 17px 15px;
        background: linear-gradient(145deg, #0a3272 0%, #051849 78%);
        box-shadow: inset 0 1px 0 rgba(100, 190, 255, .12), 0 8px 24px rgba(0, 25, 72, .3);
      }

      #executive-outcomes .exec-stage-label {
        display: flex;
        align-items: center;
        gap: 9px;
      }

      #executive-outcomes .exec-stage-number {
        flex-shrink: 0;
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: rgba(13, 120, 244, .27);
        border: 1px solid rgba(89, 177, 255, .35);
        color: #70c4ff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .03em;
      }

      #executive-outcomes .exec-stage-label strong {
        font-size: 15px;
        color: #fff;
        line-height: 1.2;
        letter-spacing: -.015em;
      }

      #executive-outcomes .executive-stage-card p {
        margin: 15px 0 0;
        color: #c8dcf7;
        font-size: 13px;
        line-height: 1.55;
      }

      #executive-outcomes .executive-mobile-result {
        position: relative;
        margin-top: 16px;
        padding: 24px 22px 23px;
        border-radius: 22px;
        overflow: hidden;
        border: 1px solid #1788ff;
        background: radial-gradient(circle at 90% 10%, rgba(7, 116, 255, .3), transparent 55%), linear-gradient(135deg, #0d3271, #04133c);
        box-shadow: 0 12px 36px rgba(0, 23, 65, .24);
      }

      #executive-outcomes .exec-result-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: #fff;
        font-size: 21px;
        font-weight: 800;
      }

      #executive-outcomes .exec-result-mark {
        display: grid;
        place-items: center;
        font-size: 23px;
        font-weight: 900;
        font-style: italic;
        width: 39px;
        height: 39px;
        border-radius: 12px;
        color: #fff;
        background: linear-gradient(135deg, #55d1ff, #036bf9 60%, #001e9a);
      }

      #executive-outcomes .exec-result-title {
        display: block;
        margin-top: 18px;
        color: #fff;
        font-size: 25px;
        line-height: 1.16;
        letter-spacing: -.035em;
      }

      #executive-outcomes .exec-result-benefits {
        display: grid;
        gap: 11px;
        margin-top: 22px;
      }

      #executive-outcomes .exec-result-benefits span {
        display: flex;
        align-items: center;
        gap: 11px;
        font-size: 14px;
        color: #e1edff;
        line-height: 1.35;
      }

      #executive-outcomes .exec-result-benefits span::before {
        content: '✓';
        display: grid;
        place-items: center;
        flex-shrink: 0;
        width: 23px;
        height: 23px;
        border: 1px solid #4bbcff;
        border-radius: 50%;
        font-size: 12px;
        color: #80d2ff;
        background: rgba(0, 120, 255, .20);
        font-weight: 800;
      }

      #recertification {
        padding-block: 70px;
      }
    }

    @media(max-width:445px) {
      #executive-outcomes .executive-stage-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      #executive-outcomes .executive-stage-card {
        min-height: 0;
        padding: 15px 17px;
      }

      #executive-outcomes .executive-stage-card p {
        margin-top: 8px;
      }

      #executive-outcomes .exec-result-title {
        font-size: 24px;
      }
    }


    @media(max-width:820px) {
      #recertification .recert-close {
        text-align: center;
      }
    }


    /* v7 mobile refinement overrides */
    @media (max-width:760px) {
      #top .hero-art-stage {
        margin-top: 6px;
        padding: 10px 0 18px;
      }

      #top .product-frame.hero-floating-window {
        padding: 10px;
      }

      #top .product-shot {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        display: block;
        transform: none !important;
        object-fit: contain !important;
        object-position: center top !important;
      }

      #hidden-cost .hc-bar-top {
        display: none !important;
      }

      #hidden-cost .hc-mobile-chart {
        display: block;
        padding: 14px 0 18px;
      }

      #hidden-cost .hc-mobile-solo {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 18px;
        min-height: 238px;
        padding: 6px 4px 4px;
      }

      #hidden-cost .hc-mobile-stage {
        max-width: 150px;
        font-size: 13px;
        line-height: 1.35;
        font-weight: 780;
        color: #425d91;
        text-align: right;
      }

      #hidden-cost .hc-mobile-vertical {
        position: relative;
        flex: 0 0 56px;
        width: 56px;
        height: 224px;
        border-radius: 28px;
        background: linear-gradient(180deg, #f8fcff 0%, #edf4fc 100%);
        border: 1px solid #ddeafa;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 12px 32px rgba(84, 125, 181, .10);
        overflow: hidden;
      }

      #hidden-cost .hc-mobile-fill {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        background: linear-gradient(180deg, #ffba68 0%, #ff8b60 38%, #ed6178 100%);
        border-radius: 20px 20px 28px 28px;
        transition: height .12s linear;
      }

      #hidden-cost .hc-mobile-caption {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.45;
        color: #6f87ab;
        text-align: center;
      }

      #product .product-mobile-figure {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 16px auto 0;
      }

      #product .product-mobile-figure img {
        width: min(70vw, 270px);
        height: auto;
        display: block;
        border-radius: 18px;
        box-shadow: 0 18px 40px rgba(4, 28, 76, .22);
      }

      #integrity .integrity-mobile-compact {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        max-width: 390px;
        margin: 18px auto 0;
      }

      #integrity .integrity-compact-card {
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, .95);
        border-radius: 22px;
        padding: 16px 12px 16px;
        border: 1px solid rgba(229, 105, 120, .18);
        box-shadow: 0 16px 40px rgba(177, 91, 105, .12);
        min-height: 180px;
        display: flex;
        flex-direction: column;
      }

      #integrity .integrity-compact-card.amber {
        border-color: rgba(240, 154, 28, .22);
        box-shadow: 0 16px 40px rgba(214, 156, 80, .12);
      }

      #integrity .integrity-compact-card::before {
        content: '';
        position: absolute;
        inset: -14% auto auto -18%;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(246, 86, 111, .14), rgba(246, 86, 111, 0));
        pointer-events: none;
      }

      #integrity .integrity-compact-card.amber::before {
        background: radial-gradient(circle, rgba(241, 161, 25, .16), rgba(241, 161, 25, 0));
      }

      #integrity .integrity-compact-icon {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 26px;
        font-weight: 900;
        margin-bottom: 12px;
        background: #ffe8ec;
        color: #ef3e61;
      }

      #integrity .integrity-compact-card.amber .integrity-compact-icon {
        background: #fff2dc;
        color: #ea8300;
      }

      #integrity .integrity-compact-card strong {
        display: block;
        font-size: 15px;
        line-height: 1.15;
        letter-spacing: -.02em;
        color: #ef244d;
      }

      #integrity .integrity-compact-card.amber strong {
        color: #d35e00;
      }

      #integrity .integrity-compact-card span {
        display: block;
        margin-top: 8px;
        color: #5e77a0;
        font-size: 13px;
        line-height: 1.35;
      }

      #continuity .continuity-mobile-compact {
        display: grid;
        gap: 12px;
        max-width: 420px;
        margin: 18px auto 0;
      }

      #continuity .continuity-compact-card {
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid #deebf8;
        border-radius: 22px;
        padding: 16px 16px 15px;
        box-shadow: 0 14px 36px rgba(27, 86, 153, .10);
      }

      #continuity .continuity-compact-card.amber {
        background: linear-gradient(180deg, #fffaf2 0%, #fff 100%);
      }

      #continuity .continuity-compact-card.blue {
        background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);
      }

      #continuity .continuity-compact-kicker {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: #f0a136;
      }

      #continuity .continuity-compact-card.blue .continuity-compact-kicker {
        color: #4f93ff;
      }

      #continuity .continuity-compact-card h3 {
        margin: 8px 0 12px;
        font-size: 20px;
        line-height: 1.15;
        letter-spacing: -.03em;
        color: #07164c;
      }

      #continuity .continuity-compact-card h3 span {
        display: block;
        color: #133a7d;
      }

      #continuity .continuity-compact-outcome {
        padding: 11px 12px;
        border-radius: 16px;
        border: 1px solid rgba(240, 161, 54, .22);
        background: rgba(255, 246, 230, .84);
      }

      #continuity .continuity-compact-card.blue .continuity-compact-outcome {
        border-color: rgba(79, 147, 255, .18);
        background: rgba(239, 247, 255, .9);
      }

      #continuity .continuity-compact-outcome span {
        display: block;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #f0a136;
        margin-bottom: 5px;
      }

      #continuity .continuity-compact-card.blue .continuity-compact-outcome span {
        color: #4f93ff;
      }

      #continuity .continuity-compact-outcome strong {
        display: block;
        font-size: 14px;
        line-height: 1.35;
        color: #102b66;
      }

      #executive-outcomes .executive-mobile-figure {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 18px auto 0;
      }

      #executive-outcomes .executive-mobile-figure img {
        width: min(74vw, 292px);
        height: auto;
        display: block;
        border-radius: 18px;
        box-shadow: 0 20px 42px rgba(1, 18, 60, .28);
      }

      #demo .mdf-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      #demo .mdf-wide {
        grid-column: auto;
      }

      #demo .mobile-demo-form button {
        width: 100%;
      }
    }
  

    /* vNext enhancements: full-bleed canvas, reordered economics, sharper visuals and standard footer */
    html,
    body {
      width: 100%;
      max-width: 100%;
    }

    main {
      width: 100%;
      max-width: none;
      overflow: clip;
    }

    main>section {
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-right: 0;
      box-sizing: border-box;
      background-clip: border-box;
    }

    #hidden-cost {
      background: linear-gradient(180deg, #ffffff 0%, #f5faff 50%, #ffffff 100%);
    }

    #economics {
      background: linear-gradient(180deg, #edf6ff 0%, #f7fbff 65%, #ffffff 100%);
    }

    #integrity {
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }

    #recertification {
      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    }

    #executive-outcomes {
      background: linear-gradient(120deg, #07164c 0%, #0b235f 58%, #0b4fae 100%);
    }

    #proof {
      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    #defensibility {
      background: linear-gradient(115deg, #073f9b 0%, #0b67d9 52%, #0a83ff 100%);
      padding-top: 92px;
      padding-bottom: 94px;
    }

    #defensibility .revenue-shell,
    #defensibility .simplified-revenue-shell {
      background: none;
      box-shadow: none;
      border-radius: 0;
      border: 0;
      overflow: visible;
      padding: 0;
      max-width: none;
    }

    #defensibility .section-intro {
      margin: 0 auto;
    }

    #defensibility .section-intro .lead {
      margin-bottom: 0;
    }

    #defensibility .display,
    #defensibility .eyebrow {
      color: #fff;
    }

    #defensibility .display .blue {
      color: #bbdfff;
    }

    #defensibility .lead {
      color: #e6f2ff;
    }

    #economics .visual-economics {
      max-width: 1400px;
      width: 100%;
    }

    #economics .visual-economics img,
    #integrity .visual-integrity img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Backgrounds belong to the full-width section, not a floating centered panel. */
    .aether-standard-footer {
      background: #f8fbff;
      border-top: 1px solid #dfebf8;
      color: #0a2456;
      position: relative;
      z-index: 3;
      width: 100%;
    }

    .footer-surface {
      width: 100%;
      padding: 27px max(24px, calc((100vw - 1360px)/2));
      box-sizing: border-box;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) auto auto;
      gap: 28px;
      align-items: center;
    }

    .footer-identity {
      display: flex;
      flex-direction: column;
      gap: 6px;
      line-height: 1.3;
    }

    .footer-identity strong {
      font-size: 16px;
      font-weight: 800;
      letter-spacing: -.2px;
      color: #0a1945;
    }

    .footer-identity span {
      font-size: 12px;
      color: #60769b;
    }

    .footer-actions {
      display: flex;
      gap: 28px;
      align-items: center;
      flex-wrap: wrap;
    }

    .footer-actions a {
      font-size: 13px;
      color: #23579d;
      text-decoration: none;
      font-weight: 600;
    }

    .footer-actions a:hover,
    .footer-actions a:focus-visible {
      text-decoration: underline;
      color: #0b67d9;
    }

    .hipaa-trust-mark {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 156px;
      padding: 8px 12px;
      border: 1px solid #cce3fa;
      border-radius: 12px;
      background: white;
    }

    .hipaa-trust-mark span {
      display: flex;
      flex-direction: column;
      line-height: 1.15;
      gap: 3px;
    }

    .hipaa-trust-mark strong {
      font-size: 14px;
      font-weight: 900;
      color: #0c4b9c;
      letter-spacing: 1px;
    }

    .hipaa-trust-mark small {
      font-size: 10px;
      color: #4f7099;
      white-space: nowrap;
    }

    @media(max-width:900px) {
      .footer-surface {
        padding: 25px 5vw;
      }

      .footer-grid {
        grid-template-columns: 1fr auto;
        gap: 20px;
      }

      .footer-actions {
        grid-column: 1;
        grid-row: 2;
      }

      .hipaa-trust-mark {
        grid-column: 2;
        grid-row: 1/3;
      }
    }

    @media(max-width:600px) {
      #defensibility {
        padding: 70px 0 76px;
      }

      .footer-grid {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
      }

      .footer-actions {
        gap: 20px;
      }

      .hipaa-trust-mark {
        min-width: 0;
      }

      .footer-surface {
        padding: 30px 5vw 36px;
      }

      .footer-identity strong {
        font-size: 15px;
      }

      #economics .econ-mobile-card img {
        width: 100%;
        height: auto;
        object-fit: contain;
      }
    }
  

    /* Footer follows the live Aether website design and uses existing destinations. */
    .aether-site-footer,
    .aether-site-footer * {
      box-sizing: border-box;
    }

    .aether-site-footer {
      width: 100%;
      background: #06192f;
      color: #f7faff;
      border-top: 1px solid rgba(255, 255, 255, .07);
      position: relative;
      z-index: 4;
    }

    .aether-site-footer-inner {
      max-width: 1510px;
      margin: 0 auto;
      padding: 82px 54px 24px;
    }

    .aether-site-footer-main {
      display: grid;
      grid-template-columns: minmax(360px, 1.75fr) minmax(140px, .75fr) minmax(165px, .75fr) minmax(180px, .7fr);
      column-gap: clamp(28px, 4.8vw, 95px);
      row-gap: 36px;
      align-items: start;
      padding-bottom: 60px;
    }

    .aether-site-footer-about {
      max-width: 560px;
    }

    .aether-site-footer-brand {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      text-decoration: none;
      color: #fff;
    }

    .aether-site-footer-brand:hover {
      opacity: .95;
    }

    .aether-site-footer-brand img {
      height: 56px;
      width: 56px;
      object-fit: contain;
      display: block;
    }

    .aether-site-footer-brand-text {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .aether-site-footer-brand-text strong {
      font-size: 25px;
      font-weight: 790;
      letter-spacing: -.045em;
      line-height: 1.02;
      color: #fff;
    }

    .aether-site-footer-brand-text small {
      font-size: 12px;
      line-height: 1.2;
      font-weight: 750;
      letter-spacing: .095em;
      color: #91a8bf;
    }

    .aether-site-footer-about p {
      font-size: 17px;
      line-height: 1.65;
      color: #a8b9cf;
      max-width: 510px;
      margin: 34px 0 0;
    }

    .aether-site-footer-links {
      display: flex;
      flex-direction: column;
      gap: 22px;
      align-items: flex-start;
    }

    .aether-site-footer-links h2 {
      font-family: inherit;
      margin: 7px 0 12px;
      font-size: 13px;
      line-height: 1.3;
      font-weight: 800;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .065em;
    }

    .aether-site-footer-links a {
      color: #9eafc6;
      text-decoration: none;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 430;
    }

    .aether-site-footer-links a:hover,
    .aether-site-footer-links a:focus-visible {
      color: #fff;
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .aether-site-hipaa-shell {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 16px;
      padding: 10px 12px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .02);
      box-shadow: inset 0 0 0 1px rgba(182, 207, 237, .12);
    }

    .aether-site-hipaa-badge {
      display: block;
      width: 199px;
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      clip-path: inset(1px round 10px);
    }




    .aether-site-footer-bottom {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 28px;
      border-top: 1px solid rgba(182, 207, 237, .16);
      padding: 28px 0 3px;
      color: #8196ad;
      font-size: 11.5px;
      line-height: 1.55;
    }

    .aether-site-footer-bottom span:last-child {
      text-align: right;
      max-width: 680px;
    }

    @media(max-width:1050px) {
      .aether-site-footer-inner {
        padding: 64px 6vw 24px;
      }

      .aether-site-footer-main {
        grid-template-columns: minmax(250px, 1.5fr) repeat(3, minmax(105px, 1fr));
        column-gap: 22px;
      }

      .aether-site-footer-about p {
        font-size: 15px;
      }
    }

    @media(max-width:760px) {
      .aether-site-footer-inner {
        padding: 48px 6vw 24px;
      }

      .aether-site-footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 38px 18px;
        padding-bottom: 40px;
      }

      .aether-site-footer-about {
        grid-column: 1/-1;
      }

      .aether-site-footer-about p {
        max-width: 550px;
        margin-top: 22px;
      }

      .aether-site-footer-links {
        gap: 18px;
      }

      .aether-site-footer-links h2 {
        margin: 0 0 8px;
        font-size: 12px;
      }

      .aether-site-footer-links a {
        font-size: 13px;
      }

      .aether-site-footer-bottom {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-top: 20px;
      }

      .aether-site-footer-bottom span:last-child {
        text-align: left;
      }
    }

    @media(max-width:480px) {
      .aether-site-footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 16px;
      }

      .aether-site-footer-about {
        grid-column: 1/-1;
      }

      .aether-site-footer-legal {
        grid-column: 2;
      }

      .aether-site-footer-links a {
        font-size: 14px;
      }

      .aether-site-footer-brand img {
        width: 49px;
        height: 49px;
      }

      .aether-site-footer-brand-text strong {
        font-size: 23px;
      }

      .aether-site-footer-about p {
        font-size: 15px;
        line-height: 1.6;
      }

    }

    /* Targeted spacing refinement: bring the Hidden Cost section closer to the hero. */
    @media (min-width:901px) {
      .hero {
        min-height: 780px;
        padding-top: 134px;
        padding-bottom: 46px;
      }

      #hidden-cost {
        padding-top: 64px;
      }
    }

    @media (max-width:900px) {
      .hero {
        padding-bottom: 30px;
      }

      #hidden-cost {
        padding-top: 54px;
      }
    }
  

    /* === 2026-10-18 targeted art, layout and motion refresh === */
    /* Hero: slightly perspective-slanted window, thin arcs and floating confirmation. */
    .hero {
      isolation: isolate;
    }

    .hero-grid {
      grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
      gap: clamp(28px, 4.5vw, 76px);
    }

    .hero-art-stage {
      position: relative;
      min-width: 0;
      isolation: isolate;
      padding: 46px 14px 43px 12px;
      --hero-scroll-shift: 0px;
    }

    .hero-art-stage::before {
      content: "";
      position: absolute;
      inset: 9% 7% 12% 5%;
      background: radial-gradient(ellipse, rgba(30, 121, 238, .16), transparent 69%);
      filter: blur(30px);
      z-index: -1;
      pointer-events: none;
    }

    .hero-orbit {
      position: absolute;
      border: 1px solid rgba(74, 148, 238, .21);
      pointer-events: none;
      border-radius: 50%;
      z-index: -1;
    }

    .hero-orbit-one {
      width: 118%;
      aspect-ratio: 1/1;
      left: -4%;
      top: -25%;
    }

    .hero-orbit-two {
      width: 84%;
      aspect-ratio: 1/1;
      left: 12%;
      top: -10%;
    }

    .product-frame.hero-floating-window {
      position: relative;
      margin: 0;
      padding: 0;
      overflow: hidden;
      border-radius: 20px;
      border: 1px solid #dfe9f7;
      background: #fff;
      box-shadow: 0 30px 75px rgba(28, 72, 132, .22), 0 8px 20px rgba(9, 53, 120, .06);
      transform: perspective(1450px) rotateY(-5deg) rotateX(2.2deg) rotateZ(-2.2deg) translate3d(0, var(--hero-scroll-shift), 0);
      transition: transform .38s cubic-bezier(.2, .7, .2, 1), box-shadow .38s ease;
      will-change: transform;
      backface-visibility: hidden;
    }

    .hero-art-stage:hover .hero-floating-window {
      transform: perspective(1450px) rotateY(-3deg) rotateX(1deg) rotateZ(-1.2deg) translate3d(0, calc(var(--hero-scroll-shift) - 7px), 0);
      box-shadow: 0 42px 92px rgba(28, 72, 132, .24), 0 9px 22px rgba(9, 53, 120, .08);
    }

    .product-frame.hero-floating-window::before {
      display: none;
    }

    .hero-floating-window .product-window {
      border-radius: 0;
      overflow: hidden;
    }

    .hero-floating-window .product-shot {
      width: 100%;
      aspect-ratio: 1400/839;
      object-fit: contain;
      object-position: center;
      display: block;
    }

    .hero-floating-window .product-bar {
      position: relative;
      min-height: 41px;
      height: 41px;
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 0 16px;
      background: #fafcff;
      border-bottom: 1px solid #e8effa;
    }

    .hero-floating-window .product-bar .dot {
      flex: 0 0 7px;
      width: 7px;
      height: 7px;
    }

    .product-chrome-label {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .11em;
      color: #90a3bf;
      white-space: nowrap;
    }

    .product-chrome-expand {
      position: absolute;
      right: 15px;
      top: 7px;
      font-size: 23px;
      color: #6092cf;
      font-weight: 800;
      line-height: 1;
    }

    .hero-ready-toast {
      position: absolute;
      left: -22px;
      bottom: 12px;
      display: flex;
      align-items: center;
      gap: 12px;
      width: max-content;
      max-width: calc(100% - 10px);
      padding: 13px 19px;
      border: 1px solid #dceaf8;
      border-radius: 17px;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 20px 43px rgba(25, 69, 124, .14);
      z-index: 3;
      transform: rotate(-1deg);
    }

    .hero-ready-check {
      display: grid;
      place-items: center;
      width: 33px;
      height: 33px;
      flex: none;
      background: #dff8ee;
      color: #03a57d;
      border-radius: 11px;
      font-size: 22px;
      font-weight: 800;
    }

    .hero-ready-copy {
      display: flex;
      flex-direction: column;
      gap: 3px;
      white-space: normal;
    }

    .hero-ready-copy strong {
      font-size: 13px;
      color: #0b2450;
      line-height: 1.2;
    }

    .hero-ready-copy small {
      font-size: 10px;
      color: #617ca2;
      line-height: 1.4;
    }

    /* Hidden cost: all six drivers, chart and headline compact enough to scan together. */
    #hidden-cost {
      padding-top: 36px;
      padding-bottom: 39px;
    }

    #hidden-cost .section-intro {
      max-width: 1050px;
      margin: 0 auto 8px;
    }

    #hidden-cost .section-intro .eyebrow {
      margin-bottom: 12px;
    }

    #hidden-cost .section-intro .display {
      font-size: clamp(32px, 3.45vw, 51px);
      line-height: 1.06;
      margin-bottom: 11px;
    }

    #hidden-cost .section-intro .lead {
      font-size: clamp(14px, 1.14vw, 17px);
      line-height: 1.45;
      max-width: 890px;
      margin: 0 auto;
    }

    #hidden-cost .margin-scroll-region {
      height: clamp(540px, 112svh, 1060px);
      margin: 10px auto 14px;
    }

    #hidden-cost .margin-sticky {
      height: clamp(320px, 48svh, 420px);
      min-height: 0;
      top: 12px;
      padding: 12px 18px 10px;
      border-radius: 22px;
    }

    #hidden-cost .margin-visual-head {
      font-size: 10px;
      letter-spacing: .11em;
    }

    #hidden-cost .margin-costs {
      gap: 8px;
      padding: 7px 0 0;
    }

    #hidden-cost .margin-cost {
      min-height: 78px;
      padding: 11px 5px 8px;
      gap: 4px;
      border-radius: 12px;
    }

    #hidden-cost .margin-cost-number {
      top: 5px;
      left: 6px;
      width: 20px;
      min-width: 20px;
      height: 20px;
      font-size: 9px;
    }

    #hidden-cost .margin-cost-icon {
      height: 27px;
      width: 27px;
    }

    #hidden-cost .margin-cost-icon svg {
      height: 18px;
      width: 18px;
    }

    #hidden-cost .margin-cost-label {
      font-size: clamp(10px, .87vw, 12.5px);
      line-height: 1.14;
    }

    #hidden-cost .margin-wealth {
      padding-top: 4px;
    }

    #hidden-cost .margin-chart-heading {
      font-size: clamp(16px, 1.55vw, 21px);
      margin: 3px auto 3px;
    }

    #hidden-cost #margin-decline-chart {
      max-height: 174px;
    }

    #hidden-cost .margin-chart-label {
      font-size: clamp(9px, .74vw, 11px);
      gap: 2px;
    }

    #hidden-cost .margin-chart-label-icon {
      height: 20px;
      width: 20px;
    }

    #hidden-cost .margin-chart-label-icon svg {
      height: 14px;
      width: 14px;
    }

    #hidden-cost .margin-bottom-status {
      min-height: 23px;
      gap: 10px;
      margin-top: 0;
    }

    #hidden-cost .margin-stage-description {
      font-size: 10px;
    }

    #hidden-cost .margin-legal-note {
      font-size: 9px;
      line-height: 1.2;
      margin-top: 1px;
    }

    #hidden-cost .compact-impact {
      padding-top: 14px;
    }

    #hidden-cost .compact-impact span {
      font-size: 12px;
      line-height: 1.35;
    }

    /* Economics image left, text right, desktop. Mobile stacks them for legibility. */
    #economics {
      padding: 80px 0;
    }

    #economics .economics-side-by-side {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: clamp(38px, 5vw, 92px);
      align-items: center;
      max-width: 1280px;
      margin: 0 auto;
    }

    #economics .economics-comparison-art {
      width: 100%;
      max-width: 560px;
      min-width: 0;
      margin: 0;
    }

    #economics .economics-comparison-art img {
      display: block;
      width: 100%;
      height: auto;
      filter: drop-shadow(0 14px 26px rgba(30, 74, 129, .10));
    }

    #economics .illustration-disclaimer {
      font-size: 10px;
      color: #6b83a3;
      line-height: 1.4;
      text-align: center;
      margin: 6px 14px 0;
    }

    #economics .section-intro {
      max-width: 700px;
      margin: 0;
      text-align: left;
    }

    #economics .section-intro .eyebrow,
    #economics .section-intro .display,
    #economics .section-intro .lead {
      text-align: left;
    }

    #economics .section-intro .display {
      font-size: clamp(39px, 3.9vw, 65px);
      line-height: 1.08;
    }

    #economics .section-intro .lead {
      font-size: clamp(18px, 1.35vw, 22px);
      margin: 24px 0 0;
    }

    /* Replace the home-grown product diagram with user's full supplied artwork. */
    #product {
      padding: 94px 0 95px;
    }

    #product .product-art-layout {
      max-width: 1380px;
    }

    #product .section-intro {
      text-align: center;
      max-width: 1150px;
      margin: 0 auto 27px;
    }

    #product .section-intro .eyebrow,
    #product .section-intro .display,
    #product .section-intro .lead {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    #product .section-intro .display {
      font-size: clamp(41px, 4.05vw, 66px);
    }

    #product .section-intro .lead {
      max-width: 840px;
    }

    #product .product-illustration {
      width: min(100%, 1290px);
      margin: 0 auto;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid rgba(74, 166, 255, .28);
      box-shadow: 0 20px 58px rgba(0, 10, 48, .28);
    }

    #product .product-illustration img {
      display: block;
      width: 100%;
      height: auto;
    }

    /* Supplied executive visual; retain mobile role text/cards when scaled art would be unreadable. */
    #executive-outcomes .executive-visual {
      overflow: hidden;
      border: 1px solid rgba(112, 184, 255, .28);
      border-radius: 23px;
    }

    #executive-outcomes .executive-layout {
      gap: 33px;
    }

    #executive-outcomes .executive-visual img {
      width: 100%;
      height: auto;
    }

    /* Proof's text left, outcome evidence and supporting detail right. */
    #proof {
      padding: 95px 0 100px;
    }

    #proof .proof-two-column {
      display: grid;
      grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
      gap: clamp(45px, 5vw, 86px);
      align-items: center;
    }

    #proof .section-intro {
      margin: 0;
      text-align: left;
      max-width: 570px;
    }

    #proof .section-intro .display {
      font-size: clamp(39px, 3.8vw, 60px);
      line-height: 1.09;
    }

    #proof .section-intro .lead {
      font-size: clamp(18px, 1.4vw, 22px);
      margin-top: 23px;
    }

    #proof .proof-wrap.proof-right-column {
      display: flex;
      flex-direction: column;
      gap: 22px;
      margin: 0;
      max-width: none;
    }

    #proof .proof-metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-top: 1px solid #d9e6f5;
      border-bottom: 1px solid #d9e6f5;
    }

    #proof .proof-metric {
      padding: 15px 15px 18px;
    }

    #proof .proof-metric strong {
      font-size: clamp(56px, 5.2vw, 84px);
      line-height: 1.12;
      font-variant-numeric: tabular-nums;
    }

    #proof .proof-metric span {
      font-size: clamp(12px, 1vw, 15px);
      line-height: 1.42;
    }

    #proof .proof-story {
      padding: 8px 0 6px 26px;
    }

    #proof .proof-story h3 {
      font-size: 21px;
      line-height: 1.3;
    }

    #proof .proof-story p {
      font-size: 14px;
      line-height: 1.56;
    }

    #proof [data-count-to] {
      display: inline-block;
      min-width: 3.8ch;
    }

    @media(max-width:1000px) {
      .hero-grid {
        gap: 26px;
      }

      .hero-ready-toast {
        left: -8px;
        bottom: 18px;
        padding: 10px 12px;
      }

      #economics .economics-side-by-side {
        gap: 32px;
      }

      #economics .section-intro .display {
        font-size: clamp(36px, 4vw, 51px);
      }

      #proof .proof-two-column {
        gap: 32px;
      }
    }

    @media(max-width:860px) {
      .hero-grid {
        grid-template-columns: 1fr;
      }

      .hero-art-stage {
        max-width: 770px;
        width: 100%;
        margin: 0 auto;
        padding: 26px 12px 47px;
      }

      .hero-ready-toast {
        left: 0;
        bottom: 4px;
      }

      #economics {
        padding: 64px 0;
      }

      #economics .economics-side-by-side {
        grid-template-columns: 1fr;
        gap: 26px;
      }

      #economics .economics-comparison-art {
        grid-row: 2;
        margin-inline: auto;
        max-width: 475px;
      }

      #economics .section-intro {
        grid-row: 1;
        text-align: center;
        margin: 0 auto;
      }

      #economics .section-intro .eyebrow,
      #economics .section-intro .display,
      #economics .section-intro .lead {
        text-align: center;
      }

      #economics .section-intro .display {
        font-size: clamp(36px, 6vw, 52px);
      }

      #product {
        padding: 73px 0;
      }

      #product .section-intro .display {
        font-size: clamp(35px, 5.8vw, 54px);
      }

      #proof .proof-two-column {
        grid-template-columns: 1fr;
        gap: 31px;
      }

      #proof .section-intro {
        max-width: 780px;
      }

      #proof .proof-wrap.proof-right-column {
        max-width: 780px;
      }

      #hidden-cost .margin-scroll-region {
        height: clamp(540px, 110svh, 930px);
      }
    }

    @media(max-width:720px) {
      #hidden-cost {
        padding: 43px 0 46px;
      }

      #hidden-cost .section-intro {
        margin-bottom: 12px;
      }

      #hidden-cost .section-intro .display {
        font-size: clamp(30px, 7.4vw, 43px);
        line-height: 1.08;
      }

      #hidden-cost .section-intro .lead {
        font-size: 14px;
      }

      #hidden-cost .margin-scroll-region {
        height: clamp(590px, 120svh, 950px);
        margin: 8px 0 14px;
      }

      #hidden-cost .margin-sticky {
        top: 10px;
        min-height: 0;
        height: clamp(370px, 60svh, 480px);
        padding: 10px 10px 9px;
      }

      #hidden-cost .margin-costs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
      }

      #hidden-cost .margin-cost {
        min-height: 72px;
        padding: 9px 4px 5px;
        gap: 2px;
      }

      #hidden-cost .margin-cost-icon {
        width: 23px;
        height: 23px;
      }

      #hidden-cost .margin-cost-icon svg {
        width: 15px;
        height: 15px;
      }

      #hidden-cost .margin-cost-label {
        font-size: 10.2px;
      }

      #hidden-cost .margin-wealth {
        gap: 5px;
        padding: 4px 0;
      }

      #hidden-cost .margin-chart-heading {
        font-size: clamp(16px, 4.1vw, 22px);
      }

      #hidden-cost .margin-mobile-chart {
        padding: 10px;
        gap: 7px;
      }

      #hidden-cost .margin-mobile-caption {
        margin: 0;
      }

      #hidden-cost .margin-mobile-track {
        height: 18px;
      }

      #hidden-cost .margin-bottom-status {
        min-height: 22px;
      }

      #hidden-cost .compact-impact {
        grid-template-columns: 1fr;
        gap: 7px;
        padding-top: 11px;
      }

      #hidden-cost .compact-impact span {
        border: 0;
        padding: 0;
      }

      #product .product-illustration {
        border-radius: 13px;
      }

      #proof {
        padding: 70px 0;
      }

      #proof .proof-metric strong {
        font-size: clamp(55px, 12vw, 76px);
      }
    }

    @media(max-width:520px) {
      .hero-art-stage {
        padding: 14px 5px 38px;
      }

      .product-frame.hero-floating-window {
        border-radius: 13px;
      }

      .hero-floating-window .product-bar {
        height: 29px;
        min-height: 29px;
        padding: 0 9px;
        gap: 3px;
      }

      .hero-floating-window .product-bar .dot {
        width: 5px;
        height: 5px;
        flex-basis: 5px;
      }

      .product-chrome-label {
        font-size: 6px;
        letter-spacing: .07em;
      }

      .product-chrome-expand {
        right: 9px;
        top: 5px;
        font-size: 17px;
      }

      .hero-ready-toast {
        padding: 8px 10px;
        gap: 7px;
        border-radius: 12px;
        left: -4px;
        bottom: 4px;
      }

      .hero-ready-check {
        width: 26px;
        height: 26px;
        font-size: 18px;
      }

      .hero-ready-copy strong {
        font-size: 11px;
      }

      .hero-ready-copy small {
        font-size: 9px;
      }

      #hidden-cost .margin-visual-head {
        font-size: 8px;
        letter-spacing: .04em;
      }

      #hidden-cost .margin-scroll-hint {
        font-size: 8px;
      }

      #hidden-cost .margin-cost {
        min-height: 65px;
      }

      #hidden-cost .margin-cost-number {
        font-size: 8px;
        width: 18px;
        min-width: 18px;
        height: 18px;
        left: 4px;
        top: 4px;
      }

      #hidden-cost .margin-cost-icon {
        width: 21px;
        height: 21px;
      }

      #hidden-cost .margin-cost-label {
        font-size: 9.4px;
      }

      #hidden-cost .margin-stage-description {
        flex: 0 0 107px;
      }

      #hidden-cost .margin-legal-note {
        font-size: 8px;
      }

      #proof .proof-metrics {
        grid-template-columns: 1fr 1fr;
      }

      #proof .proof-metric+.proof-metric {
        border-left: 1px solid #dce7f4 !important;
        border-top: 0 !important;
      }

      #proof .proof-metric {
        padding: 14px 8px;
      }

      #proof .proof-metric span {
        font-size: 11px;
      }

      #proof .proof-story {
        padding-left: 18px;
      }
    }

    @media(prefers-reduced-motion:reduce) {

      .product-frame.hero-floating-window,
      .hero-art-stage:hover .hero-floating-window {
        transform: none !important;
        transition: none !important;
        will-change: auto;
      }

      #proof [data-count-to] {
        transition: none !important;
      }
    }
  

    /* Keep detailed supplied artwork readable on narrow screens without shrinking away its labels. */
    .artwork-zoom-btn {
      display: none;
      appearance: none;
      background: transparent;
      color: #a5d7ff;
      border: 1px solid rgba(134, 209, 255, .45);
      border-radius: 999px;
      padding: 10px 17px;
      margin: 14px auto 0;
      font: 700 12px/1.35 inherit;
      letter-spacing: .02em;
      cursor: pointer;
    }

    #executive-outcomes .artwork-zoom-btn {
      margin: 0 auto 18px;
    }

    .artwork-zoom-btn:hover,
    .artwork-zoom-btn:focus-visible {
      color: #fff;
      border-color: #7cc7ff;
      background: rgba(54, 145, 255, .13);
    }

    .artwork-dialog[hidden] {
      display: none !important;
    }

    .artwork-dialog {
      position: fixed;
      inset: 0;
      background: rgba(2, 11, 35, .87);
      z-index: 20000;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: clamp(8px, 3vw, 28px);
      box-sizing: border-box;
    }

    .artwork-dialog-panel {
      display: flex;
      flex-direction: column;
      max-width: 1320px;
      width: 100%;
      max-height: 94dvh;
      border: 1px solid #5699e9;
      border-radius: 17px;
      background: #09235b;
      box-shadow: 0 25px 80px rgba(0, 0, 0, .42);
      overflow: hidden;
    }

    .artwork-dialog-topbar {
      padding: 12px 18px;
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, .16);
    }

    .artwork-dialog-topbar h2 {
      margin: 0;
      font-size: 16px;
      color: #fff;
      line-height: 1.3;
    }

    .artwork-dialog-close {
      width: 35px;
      height: 35px;
      border: 1px solid rgba(255, 255, 255, .3);
      border-radius: 9px;
      background: rgba(255, 255, 255, .07);
      font-size: 19px;
      line-height: 1;
      cursor: pointer;
      color: #fff;
    }

    .artwork-dialog-close:hover,
    .artwork-dialog-close:focus-visible {
      background: #1254aa;
    }

    .artwork-dialog-scroll {
      overflow: auto;
      overscroll-behavior: contain;
      padding: 0;
    }

    .artwork-dialog-image {
      width: 100%;
      max-width: none;
      display: block;
      height: auto;
    }

    @media(max-width:860px) {

      #product .artwork-zoom-btn,
      #executive-outcomes .artwork-zoom-btn {
        display: block;
      }

      .artwork-dialog-image {
        min-width: 850px;
      }

      .artwork-dialog-topbar h2 {
        font-size: 13px;
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .artwork-dialog {
        scroll-behavior: auto;
      }
    }
  

    /* === AETHER SECTION COMPOSITION REPAIR · 2026-10-18 === */
    /* HERO: upright floating product window. No tipping/rolling perspective. */
    .product-frame.hero-floating-window {
      transform: perspective(1600px) rotateY(-1.15deg) translate3d(0, var(--hero-scroll-shift), 0);
      box-shadow: 0 28px 72px rgba(28, 72, 132, .17), 0 5px 15px rgba(9, 53, 120, .04);
    }

    .hero-art-stage:hover .hero-floating-window {
      transform: perspective(1600px) rotateY(-.6deg) translate3d(0, calc(var(--hero-scroll-shift) - 5px), 0);
      box-shadow: 0 36px 76px rgba(28, 72, 132, .20), 0 8px 18px rgba(9, 53, 120, .07);
    }

    .hero-ready-toast {
      transform: none;
    }

    /* WHAT AETHER CHANGES: visually blended two-column layout, not stacked image/card. */
    #product {
      padding: clamp(55px, 5vw, 78px) 0;
      overflow: hidden;
      position: relative;
    }

    #product .product-art-layout.product-true-two-column {
      width: min(92vw, 1400px);
      max-width: 1400px;
      display: grid;
      grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr);
      align-items: center;
      gap: clamp(28px, 4.2vw, 78px);
    }

    #product .product-art-layout .section-intro {
      max-width: 570px;
      margin: 0;
      text-align: left;
      min-width: 0;
      position: relative;
      z-index: 2;
    }

    #product .product-art-layout .section-intro .eyebrow,
    #product .product-art-layout .section-intro .display,
    #product .product-art-layout .section-intro .lead {
      text-align: left;
      margin-left: 0;
      margin-right: 0;
    }

    #product .product-art-layout .section-intro .display {
      font-size: clamp(34px, 3.55vw, 59px);
      line-height: 1.065;
      letter-spacing: -.04em;
    }

    #product .product-art-layout .section-intro .lead {
      font-size: clamp(15px, 1.16vw, 19px);
      line-height: 1.5;
      max-width: 555px;
      margin-top: 19px;
    }

    #product .product-illustration {
      min-width: 0;
      width: 100%;
      max-width: none;
      margin: 0;
      border: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      overflow: visible !important;
      background: transparent;
      align-self: center;
    }

    #product .product-illustration img {
      width: 100%;
      height: auto;
      max-height: clamp(350px, 31vw, 500px);
      object-fit: contain;
      filter: none;
      -webkit-mask-image: radial-gradient(ellipse 77% 78% at 51% 49%, #000 66%, rgba(0, 0, 0, .94) 76%, transparent 100%);
      mask-image: radial-gradient(ellipse 77% 78% at 51% 49%, #000 66%, rgba(0, 0, 0, .94) 76%, transparent 100%);
    }

    #product .product-art-layout>.artwork-zoom-btn {
      grid-column: 2;
      justify-self: center;
      margin: -24px auto 0;
    }

    /* EXECUTIVE: one integrated illustration, reduced visual weight and whitespace. */
    #executive-outcomes {
      padding: clamp(48px, 4.6vw, 73px) 0 clamp(42px, 4vw, 67px);
    }

    #executive-outcomes .executive-layout {
      gap: clamp(4px, .7vw, 13px);
    }

    #executive-outcomes .executive-copy {
      max-width: 1090px;
      position: static;
    }

    #executive-outcomes .executive-copy .eyebrow {
      margin-bottom: 15px;
    }

    #executive-outcomes .executive-copy .display {
      max-width: 1020px;
      font-size: clamp(35px, 3.16vw, 51px);
      line-height: 1.075;
      letter-spacing: -.041em;
    }

    #executive-outcomes .executive-copy .lead {
      margin-top: 15px;
      max-width: 780px;
      font-size: clamp(16px, 1.2vw, 19px);
      line-height: 1.45;
    }

    #executive-outcomes .executive-visual {
      width: min(100%, 1050px);
      max-width: 1050px;
      overflow: visible !important;
      border: 0 !important;
      border-radius: 0 !important;
      filter: none !important;
      box-shadow: none !important;
      margin: 0 auto;
      background: transparent;
    }

    #executive-outcomes .executive-visual img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      -webkit-mask-image: radial-gradient(ellipse 78% 79% at 50% 50%, #000 73%, rgba(0, 0, 0, .92) 85%, transparent 100%);
      mask-image: radial-gradient(ellipse 78% 79% at 50% 50%, #000 73%, rgba(0, 0, 0, .92) 85%, transparent 100%);
    }

    /* HIDDEN COST: match scroll-track height to actual compact card; avoid giant blank tail. */
    #hidden-cost {
      padding-top: 34px;
      padding-bottom: 35px;
    }

    #hidden-cost .margin-scroll-region {
      height: clamp(545px, 64svh, 665px) !important;
      margin: 10px auto 9px;
    }

    #hidden-cost .margin-sticky {
      height: clamp(340px, 46svh, 410px);
      top: 12px;
    }

    #hidden-cost .compact-impact {
      margin-top: 6px;
    }

    @media(min-width:1440px) {
      #product .product-art-layout.product-true-two-column {
        gap: clamp(55px, 5vw, 90px)
      }

      #product .product-art-layout .section-intro .display {
        font-size: clamp(47px, 3vw, 61px)
      }

      #product .product-illustration img {
        max-height: 490px;
      }
    }

    @media(max-width:1050px) and (min-width:761px) {
      #product .product-art-layout.product-true-two-column {
        width: min(94vw, 1000px);
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: 20px;
      }

      #product .product-art-layout .section-intro .display {
        font-size: clamp(32px, 3.7vw, 43px);
      }

      #product .product-art-layout .section-intro .lead {
        font-size: 15px;
      }

      #product .product-illustration img {
        max-height: 370px;
      }

      #executive-outcomes .executive-visual {
        max-width: 930px;
      }
    }

    @media(max-width:760px) {
      #product {
        padding: 59px 0 62px;
      }

      #product .product-art-layout.product-true-two-column {
        grid-template-columns: 1fr;
        gap: 9px;
        width: min(92vw, 650px);
      }

      #product .product-art-layout .section-intro {
        max-width: 630px;
        margin: 0 auto;
        text-align: left;
      }

      #product .product-art-layout .section-intro .display {
        font-size: clamp(33px, 6.8vw, 47px);
      }

      #product .product-art-layout .section-intro .lead {
        font-size: 16px;
        margin-top: 15px;
      }

      #product .product-illustration {
        width: 100%;
        max-width: 620px;
      }

      #product .product-illustration img {
        max-height: none;
      }

      #product .product-art-layout>.artwork-zoom-btn {
        grid-column: 1;
        margin: 4px auto 0;
      }

      #executive-outcomes {
        padding: 59px 0 63px;
      }

      #executive-outcomes .executive-copy .display {
        font-size: clamp(34px, 7vw, 48px);
      }

      #executive-outcomes .executive-copy .lead {
        font-size: 15px;
      }

      #executive-outcomes .executive-layout {
        gap: 19px;
      }

      #hidden-cost .margin-scroll-region {
        height: clamp(675px, 82svh, 755px) !important;
        margin: 8px 0 8px;
      }

      #hidden-cost .margin-sticky {
        height: clamp(450px, 60svh, 535px);
        top: 8px;
      }
    }

    @media(max-width:420px) {
      #hidden-cost .margin-scroll-region {
        height: 690px !important;
      }

      #hidden-cost .margin-sticky {
        height: 480px;
      }

      #product .product-art-layout .section-intro .display {
        font-size: 35px;
      }
    }

    @media(max-height:660px) and (min-width:761px) {
      #hidden-cost .margin-scroll-region {
        height: 545px !important;
      }

      #hidden-cost .margin-sticky {
        height: 340px;
        top: 5px;
      }
    }

    @media(prefers-reduced-motion:reduce) {

      .product-frame.hero-floating-window,
      .hero-art-stage:hover .hero-floating-window {
        transform: none !important;
      }
    }
  

    /* Final edge blending: no visible rectangular panel behind supplied illustrations. */
    #product .product-illustration img,
    #executive-outcomes .executive-visual img {
      -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 91%, transparent 100%);
      mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 91%, transparent 100%);
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }

    @media(min-width:761px) {
      #hidden-cost .margin-sticky {
        height: clamp(430px, 53svh, 500px);
      }
    }

    @media(max-width:760px) {
      #executive-outcomes .executive-stage-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
      }

      #executive-outcomes .executive-stage-card {
        min-height: 0 !important;
        padding: 13px 11px 14px !important;
        border-radius: 14px;
      }

      #executive-outcomes .exec-stage-label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
      }

      #executive-outcomes .exec-stage-label strong {
        font-size: 13px;
        line-height: 1.24;
      }

      #executive-outcomes .exec-stage-number {
        width: 29px;
        height: 29px;
        font-size: 10px;
      }

      #executive-outcomes .executive-stage-card p {
        font-size: 12px;
        line-height: 1.46;
        margin: 9px 0 0;
      }

      #executive-outcomes .executive-mobile-result {
        margin-top: 11px;
        padding: 17px 16px 18px;
        border-radius: 17px;
      }

      #executive-outcomes .exec-result-brand {
        font-size: 17px;
      }

      #executive-outcomes .exec-result-title {
        margin-top: 11px;
        font-size: 21px;
      }

      #executive-outcomes .exec-result-benefits {
        gap: 7px;
        margin-top: 14px;
      }

      #executive-outcomes .exec-result-benefits span {
        font-size: 12.5px;
      }
    }
  

    @media(min-width:761px) {
      #executive-outcomes {
        padding-top: 42px;
        padding-bottom: 43px;
      }
    }
  

    /* Executive Outcome: user supplied transparent artwork, no edge fade or framed panel. */
    #executive-outcomes .executive-visual {
      width: min(100%, 1480px) !important;
      max-width: 1480px !important;
      margin: 0 auto !important;
      filter: none !important;
      box-shadow: none !important;
      border: 0 !important;
      border-radius: 0 !important;
      overflow: visible !important;
      background: transparent !important;
    }

    #executive-outcomes .executive-visual img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      -webkit-mask-image: none !important;
      mask-image: none !important;
      -webkit-mask-composite: initial !important;
      mask-composite: initial !important;
    }

    /* Hidden Cost: remove the bottom add-on sections, keep the chart tighter, and slow the scroll progression. */
    #hidden-cost .margin-bottom-status,
    #hidden-cost .compact-impact {
      display: none !important;
    }

    #hidden-cost {
      padding-top: 34px !important;
      padding-bottom: 20px !important;
    }

    #hidden-cost .margin-scroll-region {
      height: clamp(1550px, 195svh, 1850px) !important;
      margin: 12px auto 0 !important;
    }

    #hidden-cost .margin-sticky {
      height: clamp(430px, 53svh, 500px) !important;
      top: 12px !important;
    }

    #hidden-cost .margin-legal-note {
      margin-top: 10px !important;
    }

    @media(max-width:760px) {
      #hidden-cost .margin-scroll-region {
        height: clamp(1400px, 185svh, 1750px) !important;
        margin: 10px 0 0 !important;
      }

      #hidden-cost .margin-sticky {
        height: clamp(460px, 60svh, 540px) !important;
        top: 8px !important;
      }
    }

    @media(max-width:420px) {
      #hidden-cost .margin-scroll-region {
        height: clamp(1400px, 185svh, 1650px) !important;
      }
    }
  

    #hidden-cost .hc-module {
      margin-top: 26px;
      background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .98));
      border: 1px solid #e4edf8;
      border-radius: 30px;
      box-shadow: 0 24px 64px rgba(16, 54, 119, .10), 0 10px 24px rgba(16, 54, 119, .05);
      padding: 16px 16px 10px;
      position: relative;
      overflow: hidden;
      min-height: 0
    }

    #hidden-cost .hc-module:before {
      content: "";
      position: absolute;
      right: -90px;
      bottom: -110px;
      width: 420px;
      height: 260px;
      background: radial-gradient(circle at center, rgba(31, 124, 255, .06), rgba(31, 124, 255, 0) 72%);
      pointer-events: none
    }

    #hidden-cost .hc-module:after {
      content: "";
      position: absolute;
      left: -120px;
      top: -120px;
      width: 300px;
      height: 220px;
      background: radial-gradient(circle at center, rgba(31, 124, 255, .05), rgba(31, 124, 255, 0) 70%);
      pointer-events: none
    }

    #hidden-cost .hc-bar-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 2px 4px 12px
    }

    #hidden-cost .hc-bar-title {
      color: #1f7cff;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase
    }



    #hidden-cost .hc-stages {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px
    }

    #hidden-cost .hc-stage-card {
      position: relative;
      min-height: 84px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .88);
      border: 1px solid #f1d8dd;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 10px 10px 12px;
      transition: .22s ease
    }

    #hidden-cost .hc-stage-card.active {
      background: linear-gradient(180deg, #fff, #fff7f8);
      border-color: #ee97a6;
      box-shadow: 0 12px 26px rgba(240, 95, 117, .10);
      transform: translateY(-1px)
    }

    #hidden-cost .hc-stage-num {
      position: absolute;
      top: 9px;
      left: 9px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 800;
      color: #f05f75;
      background: #fff5f7;
      border: 1px solid #ffd6dd
    }

    #hidden-cost .hc-stage-card.active .hc-stage-num {
      color: #fff;
      background: #f05f75;
      border-color: #f05f75
    }

    #hidden-cost .hc-icon {
      color: #f05f75;
      display: grid;
      place-items: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #fff0f2;
      color: #ef4d62;
      margin-bottom: 6px;
      flex: none
    }

    #hidden-cost .hc-icon svg {
      width: 21px;
      height: 21px;
      display: block;
      stroke: currentColor;
      fill: none
    }

    #hidden-cost .hc-stage-label {
      color: #223c75;
      font-size: 14px;
      font-weight: 800;
      line-height: 1.2
    }

    #hidden-cost .hc-chart-title {
      text-align: center;
      margin: 14px 0 2px;
      font-size: 20px;
      letter-spacing: -.03em;
      line-height: 1.15;
      font-weight: 800;
      color: #081b5c
    }

    #hidden-cost .hc-chart-wrap {
      position: relative;
      max-width: 1120px;
      height: 320px;
      margin: 0 auto
    }

    #hidden-cost #hcChart {
      width: 100%;
      height: 100%;
      display: block;
      overflow: visible
    }






    #hidden-cost .hc-reset:hover {
      opacity: .8
    }

    #hidden-cost .hc-axis-label {
      font-size: 14px;
      font-weight: 800;
      fill: #173468
    }

    #hidden-cost .hc-axis-x {
      font-size: 16px;
      font-weight: 750;
      fill: #5875a6;
      letter-spacing: -.12px
    }

    #hidden-cost .hc-axis-x.active {
      fill: #e44d6b
    }

    #hidden-cost .hc-mobile-chart {
      display: none
    }

    @media (max-width:1100px) {
      #hidden-cost .hc-stages {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      #hidden-cost .hc-chart-wrap {
        height: 340px
      }

      #hidden-cost .hc-module {
        min-height: 0
      }
    }

    @media (max-width:760px) {
      #hidden-cost .hc-module {
        padding: 14px 12px 8px;
        border-radius: 24px
      }

      #hidden-cost .hc-bar-top {
        padding: 0 2px 10px
      }

      #hidden-cost .hc-stages {
        display: none
      }

      #hidden-cost .hc-chart-wrap {
        display: none
      }

      #hidden-cost .hc-chart-title {
        font-size: 18px;
        margin: 16px auto 19px;
        max-width: 340px;
        line-height: 1.25
      }

      #hidden-cost .hc-mobile-chart {
        display: grid;
        gap: 13px;
        padding: 6px 4px 17px
      }

      #hidden-cost .hc-mobile-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px
      }

      #hidden-cost .hc-mobile-label {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #425d91;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.2
      }

      #hidden-cost .hc-mobile-index {
        display: grid;
        place-items: center;
        flex: 0 0 25px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 1px solid #f5d4dd;
        background: #fff6f8;
        color: #ed6178;
        font-size: 11px;
        font-weight: 800
      }

      #hidden-cost .hc-mobile-track {
        display: block;
        height: 18px;
        background: #edf4fc;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #ddeafa
      }

      #hidden-cost .hc-mobile-fill {
        display: block;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #c1dfff, #62a6f4);
        border-radius: 4px;
        transition: width .1s linear
      }

      #hidden-cost .hc-mobile-row.active .hc-mobile-label {
        color: #e44d6b
      }

      #hidden-cost .hc-mobile-row.active .hc-mobile-index {
        background: #f05f75;
        color: #fff;
        border-color: #f05f75
      }

      #hidden-cost .hc-mobile-row.is-zero .hc-mobile-track {
        box-shadow: inset 0 0 0 1px rgba(240, 95, 117, .22)
      }
    }
  

    @media (max-width:820px) {
      .aether-site-footer a[href="/assessment"] {
        display: none !important
      }

      #economics .economics-comparison-art {
        display: none !important
      }

      #economics .mobile-economics-visual {
        display: block;
        grid-row: 2;
        grid-column: 1;
        max-width: 520px;
        width: 100%;
        margin: 12px auto 0
      }

      #economics .economics-side-by-side {
        display: flex;
        flex-direction: column;
        gap: 14px
      }

      #economics .economics-side-by-side>.section-intro {
        order: 0
      }

      #economics .mobile-economics-visual {
        order: 1
      }

      #economics .me-fixed {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #0b2e69;
        margin-bottom: 13px
      }

      #economics .me-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #1679ee;
        background: #e6f1ff;
        font-size: 18px
      }

      #economics .me-scenarios {
        display: grid;
        gap: 4px
      }

      #economics .me-scenario {
        padding: 16px 17px 18px;
        border: 1px solid #dae9fa;
        background: #fff;
        box-shadow: 0 12px 26px rgba(28, 72, 130, .06);
        border-radius: 19px
      }

      #economics .me-heading {
        display: flex;
        gap: 12px;
        align-items: center;
        margin-bottom: 16px
      }

      #economics .me-heading strong {
        display: block;
        font-size: 18px;
        letter-spacing: -.025em;
        color: #0d265a
      }

      #economics .me-heading small {
        display: block;
        font-size: 13px;
        color: #647da7;
        margin-top: 3px
      }

      #economics .me-symbol {
        display: grid;
        place-items: center;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        background: #fff1f2;
        color: #e75d68;
        font-weight: 800;
        flex: none
      }

      #economics .me-aether .me-symbol {
        background: #e3f7f2;
        color: #07967d
      }

      #economics .me-bar {
        height: 17px;
        display: flex;
        overflow: hidden;
        border-radius: 6px;
        background: #e7f1fb
      }

      #economics .me-bar span {
        display: block;
        transition: none
      }

      #economics .me-traditional .me-cost {
        background: #f16d70
      }

      #economics .me-traditional .me-margin {
        background: #f6cbcf
      }

      #economics .me-aether .me-cost {
        background: #aee6d6
      }

      #economics .me-aether .me-margin {
        background: #079780
      }

      #economics .me-numbers {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-top: 10px
      }

      #economics .me-numbers span {
        min-width: 0;
        display: flex;
        flex-direction: column
      }

      #economics .me-numbers span:last-child {
        text-align: right
      }

      #economics .me-numbers b {
        font-size: 25px;
        line-height: 1.15;
        color: #ec575f
      }

      #economics .me-aether .me-numbers b {
        color: #087f77
      }

      #economics .me-numbers small {
        font-size: 12px;
        color: #536f9b;
        margin-top: 2px
      }

      #economics .me-arrow {
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        color: #2588ff;
        font-weight: 800
      }

      #economics .me-disclaimer {
        color: #5975a1;
        font-size: 12px;
        line-height: 1.5;
        text-align: center;
        padding: 0 7px;
        margin: 11px 0 0
      }
    }

    @media (min-width:821px) {
      #economics .mobile-economics-visual {
        display: none !important
      }
    }

    @media(max-width:760px) {

      /* Hero: keep first-view message and CTA; focus the UI screenshot on the case list */
      #top .hero-art-stage {
        margin-top: 5px;
        padding: 7px 0 19px
      }

      #top .hero-floating-window {
        overflow: hidden;
        transform: none !important
      }

      #top .product-window {
        overflow: hidden
      }

      #top .product-shot {
        width: 133%;
        max-width: none;
        height: auto;
        display: block;
        transform: translateX(-11%);
        transform-origin: center
      }

      #top .hero-art-stage .hero-orbit {
        opacity: .30
      }

      #top .hero-content {
        padding-bottom: 0
      }

      #top .hero-copy .btn {
        min-height: 52px
      }

      /* Natural, non-trapping touch-scroll integration will drive the approved six-stage chart. */
      #hidden-cost .hc-module {
        margin-top: 15px;
        padding-top: 14px;
        padding-bottom: 10px
      }

      #hidden-cost .hc-chart-title {
        margin: 10px auto 13px;
        font-size: 18px
      }

      #hidden-cost .hc-mobile-chart {
        gap: 11px;
        padding: 4px 4px 10px
      }

      #hidden-cost .hc-mobile-label {
        font-size: 14px;
        line-height: 1.2
      }

      #hidden-cost .hc-mobile-track {
        height: 17px
      }

      /* Product: native 2-stage story, full desktop diagram remains in zoom viewer */
      #product .product-illustration {
        display: none !important
      }

      #product .product-mobile-story {
        display: block;
        width: 100%;
        max-width: 460px;
        margin: 20px auto 3px
      }

      #product .pms-before {
        padding: 13px 15px;
        border: 1px solid rgba(133, 191, 255, .18);
        border-radius: 17px;
        color: #dbe9ff;
        background: rgba(4, 26, 78, .52)
      }

      #product .pms-kicker {
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: #8ec2ff
      }

      #product .pms-before p {
        font-size: 14px;
        line-height: 1.5;
        margin: 4px 0 0;
        color: #dfedff
      }

      #product .pms-flow {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 9px
      }

      #product .pms-prepares {
        width: 100%;
        border: 1px solid rgba(90, 175, 255, .6);
        border-radius: 18px;
        background: linear-gradient(145deg, #0f4aa2, #0a286c);
        padding: 18px 16px;
        color: white
      }

      #product .pms-mark {
        display: flex;
        align-items: center;
        gap: 11px
      }

      #product .pms-logo {
        display: grid;
        place-items: center;
        border-radius: 12px;
        width: 39px;
        height: 39px;
        background: linear-gradient(145deg, #1bcaff, #166aff);
        font-weight: 900;
        font-size: 26px;
        line-height: 1;
        color: #fff
      }

      #product .pms-mark strong,
      #product .pms-clinician strong {
        display: block;
        font-size: 18px;
        letter-spacing: -.02em
      }

      #product .pms-mark small,
      #product .pms-clinician small {
        display: block;
        font-size: 12px;
        color: #d2e3ff;
        margin-top: 3px
      }

      #product .pms-details {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
        margin: 16px 0 0
      }

      #product .pms-details span {
        padding: 9px 12px 9px 35px;
        position: relative;
        border: 1px solid rgba(126, 188, 255, .19);
        background: rgba(8, 28, 84, .56);
        border-radius: 9px;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.25
      }

      #product .pms-details span:before {
        position: absolute;
        content: '✓';
        left: 13px;
        top: 8px;
        color: #52c9ff;
        font-weight: 900
      }

      #product .pms-arrow {
        color: #75c9ff;
        font-size: 28px;
        line-height: 32px
      }

      #product .pms-clinician {
        width: 100%;
        border: 1px solid rgba(104, 211, 255, .55);
        border-radius: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 15px 16px;
        background: rgba(11, 92, 203, .65);
        color: #fff
      }

      #product .pms-clinician-icon {
        display: grid;
        place-items: center;
        background: #268df4;
        width: 39px;
        height: 39px;
        flex: none;
        border-radius: 50%;
        font-size: 23px
      }

      #product .artwork-zoom-btn {
        margin: 17px auto 0;
        min-height: 44px;
        padding: 12px 15px
      }

      /* Improve integrity density without reducing clinical explanation */
      #integrity .integrity-risk-grid {
        gap: 10px
      }

      #integrity .integrity-risk {
        padding: 15px 11px
      }

      #integrity .integrity-risk strong {
        font-size: 13px;
        line-height: 1.25
      }

      #integrity .integrity-risk small {
        font-size: 12px;
        line-height: 1.35
      }

      #integrity .integrity-mobile-arrow {
        margin: 10px auto
      }

      /* Both pathways remain fully accessible in expandable details */
      #continuity .continuity-mobile {
        gap: 12px;
        margin-top: 18px
      }

      #continuity .continuity-mobile-path {
        padding: 0 !important;
        overflow: hidden;
        border-radius: 20px
      }

      #continuity .mobile-path-summary {
        list-style: none;
        display: block;
        padding: 17px 17px 15px;
        cursor: pointer;
        position: relative;
        min-height: 148px
      }

      #continuity .mobile-path-summary::-webkit-details-marker {
        display: none
      }

      #continuity .mobile-path-summary .path-mobile-kicker {
        margin: 0 0 6px
      }

      #continuity .mobile-path-summary h3 {
        font-size: 21px;
        margin: 0 25px 8px 0;
        line-height: 1.1
      }

      #continuity .mobile-path-brief {
        display: block;
        max-width: 95%;
        font-size: 13px;
        line-height: 1.3;
        color: #55739d;
        font-weight: 650
      }

      #continuity .mobile-path-expand {
        display: inline-block;
        margin-top: 11px;
        font-size: 12px;
        letter-spacing: .04em;
        font-weight: 800;
        color: #187cf5
      }

      #continuity .mobile-path-expand:after {
        content: '  +';
        font-size: 16px
      }

      #continuity details[open] .mobile-path-expand {
        font-size: 0
      }

      #continuity details[open] .mobile-path-expand:after {
        content: 'Hide steps  −';
        font-size: 12px
      }

      #continuity .path-mobile-steps {
        padding: 8px 22px 0;
        margin: 0 16px 0 !important
      }

      #continuity .path-mobile-outcome {
        margin: 8px 14px 15px
      }

      /* Executive payoff first; one-line role value later */
      #executive-outcomes .executive-mobile {
        display: flex;
        flex-direction: column;
        gap: 11px;
        margin-top: 18px
      }

      #executive-outcomes .executive-mobile-result {
        order: 0;
        margin: 0 !important;
        padding: 18px 17px !important
      }

      #executive-outcomes .executive-stage-grid {
        order: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
        margin: 0
      }

      #executive-outcomes .executive-stage-card {
        padding: 12px 11px !important;
        min-height: 0 !important
      }

      #executive-outcomes .exec-stage-label {
        gap: 6px
      }

      #executive-outcomes .exec-stage-label strong {
        font-size: 13px !important;
        line-height: 1.2
      }

      #executive-outcomes .executive-stage-card p:not(.exec-mobile-brief) {
        display: none
      }

      #executive-outcomes .exec-mobile-brief {
        display: block !important;
        margin: 6px 0 0;
        font-size: 12px !important;
        line-height: 1.35 !important
      }

      #executive-outcomes .artwork-zoom-btn {
        order: 2;
        margin: 0 auto;
        min-height: 44px;
        padding: 12px 15px
      }

      #executive-outcomes .exec-result-title {
        font-size: 21px;
        line-height: 1.2
      }

      #executive-outcomes .exec-result-benefits {
        gap: 7px
      }

      #executive-outcomes .exec-result-benefits span {
        font-size: 12.5px
      }

      /* Proof: attribution needs to remain legible and unambiguous */
      #proof .proof-note {
        font-size: 13px !important;
        line-height: 1.55 !important
      }

      /* Direct mobile request capture UI, email handoff until endpoint available */
      #demo .final-band-card {
        gap: 18px;
        padding: 28px 20px 26px
      }

      #demo .final-band-action {
        display: none !important
      }

      #demo .mobile-demo-form {
        display: block;
        width: 100%;
        position: relative;
        z-index: 2;
        margin-top: 2px
      }

      #demo .mdf-heading {
        font-size: 16px;
        font-weight: 800;
        color: white;
        margin-bottom: 12px
      }

      #demo .mdf-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px
      }

      #demo .mdf-grid label {
        display: block;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3
      }

      #demo .mdf-optional {
        font-size: 11px;
        color: #cce6ff;
        font-weight: 500
      }

      #demo .mdf-grid input,
      #demo .mdf-grid textarea {
        width: 100%;
        margin-top: 6px;
        padding: 12px 13px;
        border: 1.5px solid rgba(255, 255, 255, .66);
        border-radius: 12px;
        color: #0e2a62;
        background: #fff;
        font: 500 16px/1.35 inherit;
        font-family: inherit;
        outline: none;
        box-shadow: none
      }

      #demo .mdf-grid input:focus,
      #demo .mdf-grid textarea:focus {
        border-color: #b9e9ff;
        outline: 2px solid rgba(255, 255, 255, .45)
      }

      #demo .mdf-grid textarea {
        resize: vertical;
        min-height: 68px
      }

      #demo .mdf-submit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 50px;
        border: 0;
        border-radius: 13px;
        background: #fff;
        color: #0d5cca;
        padding: 12px 15px;
        margin-top: 14px;
        font-size: 15px;
        font-weight: 800;
        cursor: pointer
      }

      #demo .mdf-submit span {
        font-size: 21px
      }

      #demo .mdf-notice {
        color: #d8eaff;
        font-size: 11.5px;
        line-height: 1.45;
        margin: 10px 0 0
      }

      /* Remove non-live assessment from mobile navigation/footer */
      .aether-site-footer a[href="/assessment"] {
        display: none !important
      }

      /* Accessible targets */
      .artwork-zoom-btn {
        min-height: 44px !important
      }

      footer a,
      .aether-site-footer a {
        display: inline-flex;
        align-items: center;
        min-height: 44px
      }

      .nav-links a {
        min-height: 44px
      }
    }

    @media(min-width:761px) {
      #product .product-mobile-story {
        display: none !important
      }

      #demo .mobile-demo-form {
        display: none !important
      }

      #executive-outcomes .exec-mobile-brief {
        display: none !important
      }
    }
  

    @media (max-width:760px) {
      #top .hero-art-stage {
        margin-top: 6px !important;
        padding: 10px 0 18px !important;
      }

      #top .product-frame.hero-floating-window {
        padding: 10px !important;
      }

      #top .product-shot {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        transform: none !important;
        object-fit: contain !important;
        object-position: center top !important;
      }

      #hidden-cost .hc-bar-top {
        display: none !important;
      }

      #hidden-cost .hc-mobile-chart {
        display: grid !important;
        gap: 0 !important;
        padding: 14px 0 18px !important;
      }

      #hidden-cost .hc-mobile-solo {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 18px !important;
        min-height: 238px !important;
        padding: 6px 4px 4px !important;
      }

      #hidden-cost .hc-mobile-stage {
        max-width: 150px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 780 !important;
        color: #425d91 !important;
        text-align: right !important;
      }

      #hidden-cost .hc-mobile-vertical {
        position: relative !important;
        flex: 0 0 56px !important;
        width: 56px !important;
        height: 224px !important;
        border-radius: 28px !important;
        background: linear-gradient(180deg, #f8fcff 0%, #edf4fc 100%) !important;
        border: 1px solid #ddeafa !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 12px 32px rgba(84, 125, 181, .10) !important;
        overflow: hidden !important;
      }

      #hidden-cost .hc-mobile-fill {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        width: auto !important;
        background: linear-gradient(180deg, #ffba68 0%, #ff8b60 38%, #ed6178 100%) !important;
        border-radius: 20px 20px 28px 28px !important;
        transition: height .12s linear !important;
      }

      #hidden-cost .hc-mobile-caption {
        margin-top: 10px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        color: #6f87ab !important;
        text-align: center !important;
      }

      #product .product-mobile-figure {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 16px auto 0 !important;
      }

      #product .product-mobile-figure img {
        width: min(70vw, 270px) !important;
        height: auto !important;
        display: block !important;
        border-radius: 18px !important;
        box-shadow: 0 18px 40px rgba(4, 28, 76, .22) !important;
      }

      #integrity .integrity-mobile-compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        max-width: 390px !important;
        margin: 18px auto 0 !important;
      }

      #continuity .continuity-mobile-compact {
        display: grid !important;
        gap: 12px !important;
        max-width: 420px !important;
        margin: 18px auto 0 !important;
      }

      #executive-outcomes .executive-mobile-figure {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 18px auto 0 !important;
      }

      #executive-outcomes .executive-mobile-figure img {
        width: min(74vw, 292px) !important;
        height: auto !important;
        display: block !important;
        border-radius: 18px !important;
        box-shadow: 0 20px 42px rgba(1, 18, 60, .28) !important;
      }

      #demo .mdf-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }
    }
  

    #aether-margin-journey {
      display: none !important;
    }

    @media (max-width:760px) {
      #hidden-cost {
        overflow: visible !important;
        overflow-x: clip !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #f8fbff !important;
      }

      #hidden-cost::before {
        display: none !important;
      }

      #hidden-cost>.container {
        display: none !important;
      }

      #aether-margin-journey {
        display: block !important;
      }

      #demo .mdf-submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
        position: relative !important;
        overflow: hidden !important;
        min-height: 62px !important;
        padding: 16px 20px !important;
        margin-top: 24px !important;
        background: linear-gradient(110deg, #1169f3 0%, #0753d8 55%, #0438ae 100%) !important;
        color: white !important;
        border: 1px solid rgba(158, 220, 255, .78) !important;
        border-radius: 15px !important;
        font-size: 17px !important;
        font-weight: 850 !important;
        letter-spacing: .015em !important;
        text-align: center !important;
        box-shadow: 0 16px 32px rgba(1, 22, 99, .45), 0 5px 10px rgba(6, 22, 70, .2), 0 0 0 2px rgba(139, 217, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .30) !important;
        cursor: pointer !important;
        transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
      }

      #demo .mdf-submit span {
        display: inline-grid !important;
        place-items: center !important;
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
        background: rgba(255, 255, 255, .18) !important;
        border: 1px solid rgba(255, 255, 255, .3) !important;
        border-radius: 50% !important;
        font-size: 21px !important;
        line-height: 1 !important;
      }

      #demo .mdf-submit:active {
        transform: translateY(1px) scale(.99) !important;
        box-shadow: 0 8px 16px rgba(1, 22, 99, .32) !important;
      }

      #demo .mdf-submit:focus-visible {
        outline: 3px solid white !important;
        outline-offset: 4px !important;
      }
    }

    @media(hover:hover) and (max-width:760px) {
      #demo .mdf-submit:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.065) !important;
        box-shadow: 0 20px 40px rgba(1, 22, 99, .50), 0 6px 12px rgba(6, 22, 70, .23), 0 0 0 2px rgba(139, 217, 255, .35) !important;
      }
    }

    @media (prefers-reduced-motion:reduce) {
      #demo .mdf-submit {
        transition: none !important;
      }
    }

    #aether-margin-journey {
      --ink: #09245b;
      --muted: #58729b;
      --blue: #5ea5ef;
      --coral: #fb4f6a;
      --background: #f8fbff;
      --hairline: #dbe7f6;
      --panel: #fff;
    }

    #aether-margin-journey {

      position: relative;
      height: 420svh;
      background:
        radial-gradient(ellipse at 78% 40%, #f1f7ff 0, transparent 53%),
        linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    }

    #aether-margin-journey .amj-margin-sticky {
      position: sticky;
      top: 0;
      height: 100vh;
      height: 100svh;
      overflow: hidden;
      isolation: isolate;
    }

    #aether-margin-journey .amj-margin-layout {
      max-width: 740px;
      height: 100%;
      margin: 0 auto;
      padding: max(13px, env(safe-area-inset-top)) 16px max(9px, env(safe-area-inset-bottom));
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    #aether-margin-journey .amj-heading {
      flex: 0 0 auto;
    }

    #aether-margin-journey .amj-kicker {
      color: #ef5272;
      font-size: clamp(9px, 2.55vw, 11px);
      font-weight: 800;
      letter-spacing: .115em;
      text-transform: uppercase;
      margin: 0 0 5px;
    }

    #aether-margin-journey h1 {
      margin: 0;
      max-width: 640px;
      font-weight: 850;
      font-size: clamp(22px, 5.35vw, 34px);
      line-height: 1.16;
      letter-spacing: -.038em;
      text-wrap: balance;
    }

    #aether-margin-journey .amj-heading-rule {
      height: 3px;
      width: 100%;
      background: #e8eef8;
      overflow: hidden;
      border-radius: 999px;
      margin-top: 12px;
    }

    #aether-margin-journey .amj-heading-rule-fill {
      height: 100%;
      width: 0;
      background: linear-gradient(90deg, #ff7589, #ed4967);
      transform-origin: left;
      transition: none;
    }

    #aether-margin-journey .amj-chart-region {
      min-height: 165px;
      flex: 1 1 auto;
      display: grid;
      grid-template-columns: minmax(85px, 1fr) minmax(125px, 1.16fr) minmax(18px, .33fr);
      column-gap: 12px;
      align-items: center;
      padding: 12px 0 17px;
      position: relative;
    }

    #aether-margin-journey .amj-chart-region::after {
      content: "";
      position: absolute;
      bottom: 16px;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 0, #bed3ed 13%, #bed3ed 89%, transparent 100%);
    }

    #aether-margin-journey .amj-chart-label {
      justify-self: end;
      align-self: center;
      max-width: 142px;
      text-align: right;
      position: relative;
      z-index: 2;
    }

    #aether-margin-journey .amj-label-line {
      display: block;
      font-size: clamp(13px, 3.4vw, 18px);
      font-weight: 850;
      line-height: 1.22;
      letter-spacing: -.025em;
    }

    #aether-margin-journey .amj-label-subtitle {
      display: block;
      margin-top: 8px;
      font-size: 10px;
      line-height: 1.4;
      color: var(--muted);
      font-weight: 550;
    }

    #aether-margin-journey .amj-label-guide {
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 5px;
    }

    #aether-margin-journey .amj-label-guide span {
      height: 1px;
      width: 34px;
      background: #8caed8;
    }

    #aether-margin-journey .amj-label-guide i {
      height: 6px;
      width: 6px;
      border: 1.3px solid #89add9;
      border-radius: 50%;
      background: #fff;
    }

    #aether-margin-journey .amj-bar-track {
      height: 100%;
      min-height: 140px;
      width: min(100%, 184px);
      position: relative;
      align-self: stretch;
      justify-self: center;
      z-index: 2;
      border-radius: 11px 11px 2px 2px;
      background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), #dae7f8 calc(25% - 1px), #dae7f8 25%);
      border-left: 1px solid #d9e6f7;
      border-right: 1px solid #d9e6f7;
    }

    #aether-margin-journey .amj-bar {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 0;
      height: 100%;
      min-height: 16px;
      border-radius: 8px 8px 3px 3px;
      background: linear-gradient(180deg, #67aaf1 0%, #91bff3 51%, #deecfb 100%);
      box-shadow: 0 8px 28px rgba(59, 136, 227, .10), inset 0 0 0 1px rgba(60, 129, 205, .10);
      will-change: height;
    }

    #aether-margin-journey .amj-bar::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2px;
      background: var(--coral);
      border-radius: 99px;
      box-shadow: 0 0 0 1px #f9f4fa;
    }

    #aether-margin-journey .amj-bar::after {
      content: "";
      position: absolute;
      top: -3px;
      left: 50%;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #fff;
      border: 1.5px solid #64a7f1;
      transform: translateX(-50%);
    }

    #aether-margin-journey .amj-loss-caption {
      align-self: start;
      justify-self: start;
      writing-mode: vertical-rl;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .075em;
      color: #e36d81;
      opacity: 0;
      transform: translateY(7px);
      transition: opacity .28s ease, transform .28s ease;
      text-transform: uppercase;
    }

    #aether-margin-journey .amj-loss-caption.amj-visible {
      opacity: 1;
      transform: translateY(0);
    }

    #aether-margin-journey .amj-focus-wrap {
      flex: 0 0 auto;
    }

    #aether-margin-journey .amj-section-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 7px;
      gap: 8px;
    }

    #aether-margin-journey .amj-section-meta strong {
      color: #57729b;
      font-size: 10px;
      letter-spacing: .09em;
      font-weight: 850;
      text-transform: uppercase;
    }

    #aether-margin-journey .amj-section-meta span {
      color: #a4465b;
      font-size: 11px;
      font-weight: 750;
      font-variant-numeric: tabular-nums;
    }

    #aether-margin-journey .amj-focus-card {
      min-height: 108px;
      background: rgba(255, 255, 255, .96);
      border: 1px solid #f3dbe0;
      border-radius: 15px;
      box-shadow: 0 12px 32px rgba(29, 61, 113, .045);
      display: grid;
      grid-template-columns: 45px minmax(0, 1fr);
      column-gap: 11px;
      padding: 13px;
      align-items: start;
    }

    #aether-margin-journey .amj-focus-icon {
      display: grid;
      place-items: center;
      width: 43px;
      height: 43px;
      border-radius: 12px;
      background: #ffeff2;
      color: #f45170;
    }

    #aether-margin-journey .amj-focus-icon svg {
      width: 23px;
      height: 23px;
    }

    #aether-margin-journey .amj-focus-kicker {
      margin: 0 0 2px;
      color: #ed516c;
      font-size: 10px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    #aether-margin-journey .amj-focus-card h2 {
      margin: 0;
      color: #0d2a64;
      font-size: clamp(16px, 4.2vw, 20px);
      font-weight: 820;
      line-height: 1.18;
      letter-spacing: -.025em;
    }

    #aether-margin-journey .amj-focus-card p.amj-body {
      margin: 5px 0 0;
      color: #5b7090;
      font-size: clamp(11px, 3vw, 13px);
      line-height: 1.38;
    }

    #aether-margin-journey .amj-focus-enter {
      animation: amj-focus-enter .32s ease both;
    }

    @keyframes amj-focus-enter {
      from {
        opacity: .45;
        transform: translateY(7px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #aether-margin-journey .amj-chips-wrap {
      flex: 0 0 auto;
      margin-top: 10px;
    }

    #aether-margin-journey .amj-chip-label-heading {
      color: #607799;
      margin: 0 0 7px;
      font-size: 10px;
      font-weight: 750;
      letter-spacing: .085em;
      text-transform: uppercase;
    }

    #aether-margin-journey .amj-chip-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }

    #aether-margin-journey .amj-pressure-chip {
      min-height: 37px;
      display: flex;
      gap: 7px;
      align-items: center;
      padding: 7px 9px;
      border-radius: 9px;
      border: 1px solid #e5eaf3;
      background: #fff;
      color: #102d62;
      transition: background .26s, border-color .26s, opacity .26s, transform .26s;
      opacity: .32;
    }

    #aether-margin-journey .amj-pressure-chip:not(.amj-revealed) {
      background: #f8faff;
      border-color: #e4eaf3;
    }

    #aether-margin-journey .amj-pressure-chip:not(.amj-revealed)>* {
      opacity: 0;
    }

    #aether-margin-journey .amj-pressure-chip.amj-revealed {
      opacity: 1;
      animation: amj-chip-reveal .33s ease both;
    }

    #aether-margin-journey .amj-pressure-chip.amj-revealed.amj-active {
      border-color: #ffb9c4;
      background: #fff0f3;
    }

    #aether-margin-journey .amj-chip-index {
      color: #ef526b;
      font-weight: 850;
      font-size: 10px;
      flex: 0 0 auto;
    }

    #aether-margin-journey .amj-chip-text {
      font-weight: 720;
      font-size: clamp(10.7px, 2.65vw, 12px);
      line-height: 1.15;
    }

    @keyframes amj-chip-reveal {
      from {
        opacity: 0;
        transform: translateY(8px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #aether-margin-journey .amj-footer-line {
      flex: 0 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 8px;
      gap: 10px;
      font-size: 10px;
      color: #8493a9;
    }

    #aether-margin-journey .amj-scroll-hint {
      color: #5a7297;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 700;
    }

    #aether-margin-journey .amj-scroll-hint svg {
      width: 13px;
      height: 13px;
    }

    #aether-margin-journey .amj-scroll-hint.amj-finished {
      color: #eb5770;
    }

    #aether-margin-journey .amj-svg-sprite {
      width: 0;
      height: 0;
      position: absolute;
      overflow: hidden;
    }

    @media (min-width: 720px) {
      #aether-margin-journey .amj-margin-layout {
        padding: 28px 36px 20px;
      }

      #aether-margin-journey .amj-chart-region {
        grid-template-columns: 1fr 1.12fr .65fr;
        gap: 30px;
        padding: 20px 0 24px;
      }

      #aether-margin-journey .amj-chart-region::after {
        bottom: 22px;
      }

      #aether-margin-journey .amj-bar-track {
        width: 180px;
      }

      #aether-margin-journey .amj-focus-card {
        min-height: 120px;
        padding: 18px;
      }

      #aether-margin-journey .amj-chips-wrap {
        margin-top: 15px;
      }

      #aether-margin-journey .amj-chip-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }

      #aether-margin-journey .amj-pressure-chip {
        min-height: 42px;
        padding: 10px 12px;
      }

      #aether-margin-journey .amj-footer-line {
        margin-top: 13px;
      }
    }

    @media (max-height: 740px) {
      #aether-margin-journey .amj-margin-layout {
        padding-top: 11px;
        padding-bottom: 7px;
      }

      #aether-margin-journey .amj-heading-rule {
        margin-top: 8px;
      }

      #aether-margin-journey .amj-chart-region {
        padding-top: 8px;
        padding-bottom: 11px;
        min-height: 144px;
      }

      #aether-margin-journey .amj-chart-region::after {
        bottom: 10px;
      }

      #aether-margin-journey .amj-focus-card {
        min-height: 93px;
        padding: 10px 11px;
        grid-template-columns: 36px 1fr;
        gap: 9px;
      }

      #aether-margin-journey .amj-focus-icon {
        width: 35px;
        height: 35px;
        border-radius: 10px;
      }

      #aether-margin-journey .amj-focus-icon svg {
        width: 20px;
        height: 20px;
      }

      #aether-margin-journey .amj-focus-card p.amj-body {
        margin-top: 3px;
      }

      #aether-margin-journey .amj-chips-wrap {
        margin-top: 7px;
      }

      #aether-margin-journey .amj-chip-label-heading {
        margin-bottom: 5px;
      }

      #aether-margin-journey .amj-chip-grid {
        gap: 4px;
      }

      #aether-margin-journey .amj-pressure-chip {
        min-height: 33px;
        padding: 5px 7px;
      }

      #aether-margin-journey .amj-footer-line {
        margin-top: 6px;
      }
    }

    @media (max-height: 590px) {
      #aether-margin-journey .amj-heading h1 {
        font-size: 19px;
      }

      #aether-margin-journey .amj-kicker {
        font-size: 9px;
      }

      #aether-margin-journey .amj-label-subtitle,
      #aether-margin-journey .amj-chip-label-heading,
      #aether-margin-journey .amj-footer-line small {
        display: none;
      }

      #aether-margin-journey .amj-chart-region {
        min-height: 114px;
      }

      #aether-margin-journey .amj-focus-card {
        min-height: 80px;
      }

      #aether-margin-journey .amj-pressure-chip {
        min-height: 27px;
      }

      #aether-margin-journey .amj-chips-wrap {
        margin-top: 5px;
      }
    }

    @media (prefers-reduced-motion: reduce) {

      #aether-margin-journey .amj-pressure-chip,
      #aether-margin-journey .amj-loss-caption {
        transition: none;
      }

      #aether-margin-journey .amj-focus-enter,
      #aether-margin-journey .amj-pressure-chip.amj-revealed {
        animation: none;
      }
    }
  

    /* The graph stays visible during the scroll-driven reveal; no blank tail. */
    @media (min-width:761px) {
      #hidden-cost {
        position: relative !important;
        overflow: visible !important;
        height: calc(100svh + clamp(520px, 60svh, 640px)) !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      #hidden-cost>.container {
        position: sticky !important;
        top: 0 !important;
        height: 100svh !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        padding: clamp(10px, 2svh, 24px) 0 !important;
      }

      #hidden-cost .section-intro {
        flex: 0 0 auto !important;
        margin-bottom: 0 !important;
      }

      #hidden-cost .hc-module {
        flex: 0 1 auto !important;
        margin-top: clamp(10px, 2svh, 25px) !important;
      }
    }

    /* Prevent clipping in short landscape desktop windows. */
    @media (min-width:761px) and (max-height:700px) {
      #hidden-cost .hc-module {
        padding: 10px 14px 6px !important;
      }

      #hidden-cost .hc-stages .hc-stage-card {
        min-height: 68px;
        padding: 5px 8px 7px;
      }

      #hidden-cost .hc-chart-wrap {
        height: clamp(180px, 36svh, 290px) !important;
      }

      #hidden-cost .section-intro .display {
        font-size: clamp(26px, 4.5svh, 39px) !important;
      }

      #hidden-cost .section-intro .lead {
        font-size: clamp(13px, 2.2svh, 16px) !important;
      }
    }
  

    /* Keep the proven desktop scrollbar-driven animation, but separate scroll travel
   from the visual card's actual height. This eliminates the 100vh centering gaps. */
    .hc-desktop-scroll-runway {
      display: none
    }

    @media (min-width:761px) {
      #hidden-cost {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
      }

      #hidden-cost>.container {
        position: sticky !important;
        top: clamp(20px, 3.5svh, 42px) !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        padding: 10px 0 12px !important;
      }

      #hidden-cost .section-intro {
        flex: 0 0 auto !important;
        margin-bottom: 0 !important;
      }

      #hidden-cost .hc-module {
        flex: 0 0 auto !important;
        margin-top: clamp(8px, 1.5svh, 15px) !important;
      }

      #hidden-cost>.hc-desktop-scroll-runway {
        display: block !important;
        height: clamp(500px, 60svh, 640px) !important;
        width: 1px;
        pointer-events: none;
        visibility: hidden;
      }
    }
  

    @media (max-width:760px) {
      #demo .mdf-submit>span[aria-hidden="true"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
      }

      #demo .mdf-submit>span[aria-hidden="true"] svg {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        margin: 0 !important;
        transform: none !important;
      }
    }
  
@media (max-width:820px) {
  .nav-links .assessment-nav::after {
    display: none
  }
}