:root {
      color-scheme: light;
      --ink: #10252d;
      --ink-2: #17343e;
      --teal: #2f6474;
      --teal-2: #214957;
      --aqua: #6fc9dc;
      --foam: #aee8f5;
      --cement: #dde2dc;
      --stone: #30383a;
      --sand: #f1eadc;
      --paper: #fffdf7;
      --gold: #a86a24;
      --brass: #d3a35a;
      --whatsapp: #25D366;
      --line: rgba(23, 52, 62, .16);
      --shadow: 0 28px 80px rgba(16, 37, 45, .16), 0 2px 0 rgba(255,255,255,.7) inset;
      --shadow-soft: 0 18px 46px rgba(16, 37, 45, .075), 0 1px 0 rgba(255,255,255,.72) inset;
      --shadow-hero: 0 38px 100px rgba(16, 37, 45, .20), 0 1px 0 rgba(255,255,255,.75) inset;
      --radius-xl: 30px;
      --radius-lg: 20px;
      --radius-md: 16px;
      --phi: 1.618;
      --container: 1248px;
      --measure: 64ch;
      --section-y: clamp(48px, 5.6vw, 82px);
      --section-y-tight: clamp(28px, 4vw, 56px);
      --anchor-offset: 132px;
      --font-display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", "Cairo", "Tajawal", "Segoe UI", sans-serif;
      --font-body: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", sans-serif;
    }

    [data-theme="dark"] {
      color-scheme: dark;
      --ink: #eaf6f5;
      --ink-2: #d7eff3;
      --teal: #80c8d8;
      --teal-2: #9ddced;
      --aqua: #72d4ec;
      --foam: #193c49;
      --cement: #263134;
      --stone: #d9e0dc;
      --sand: #111d22;
      --paper: #0c171b;
      --gold: #e0a34b;
      --line: rgba(234, 246, 245, .16);
      --shadow: 0 24px 70px rgba(0, 0, 0, .42);
    }

    * { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: var(--anchor-offset);
      background: var(--paper);
    }

    body {
      margin: 0;
      font-family: var(--font-body);
      color: var(--ink);
      background:
        radial-gradient(circle at 16% 8%, rgba(111, 201, 220, .18), transparent 29%),
        radial-gradient(circle at 86% 16%, rgba(168, 106, 36, .14), transparent 27%),
        linear-gradient(180deg, #f1eadc 0%, #fffdf7 48%, #f4f6f1 100%);
      overflow-x: clip;
    }

    @supports not (overflow: clip) {
      body { overflow-x: hidden; }
    }

    a { color: inherit; }

    .page-shell {
      position: relative;
      min-height: 100vh;
    }

    .grain {
      pointer-events: none;
      position: fixed;
      inset: 0;
      opacity: .22;
      background-image:
        linear-gradient(90deg, rgba(23,52,62,.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(23,52,62,.04) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(48,56,58,.025) 0 1px, transparent 1px 9px);
      background-size: 44px 44px, 44px 44px, 18px 18px;
      mask-image: linear-gradient(180deg, black, transparent 84%);
      z-index: 0;
    }

    .container {
      width: min(var(--container), calc(100% - clamp(24px, 5vw, 76px)));
      margin-inline: auto;
      position: relative;
      z-index: 1;
    }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 10;
      backdrop-filter: blur(22px);
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--paper) 90%, transparent), color-mix(in srgb, var(--paper) 74%, transparent));
      border-bottom: 1px solid var(--line);
      box-shadow: 0 12px 32px rgba(18,45,54,.05);
    }

    .nav {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
    }

    .brand-mark {
      position: relative;
      overflow: hidden;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 17px;
      color: white;
      background:
        linear-gradient(145deg, var(--teal), var(--ink-2)),
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.42), transparent 34%);
      box-shadow: 0 12px 28px rgba(35, 78, 93, .26);
      font-weight: 900;
      letter-spacing: -.04em;
    }

    .brand-mark::before {
      content: "";
      position: absolute;
      inset: 9px 10px auto auto;
      width: 7px;
      height: 25px;
      border-radius: 999px;
      background: rgba(111,201,220,.42);
      box-shadow: -13px 0 0 rgba(111,201,220,.22);
      transform: rotate(10deg);
    }

    .brand strong {
      display: block;
      font-family: var(--font-display);
      font-size: 1.02rem;
      letter-spacing: -.02em;
    }

    .brand small {
      color: color-mix(in srgb, var(--ink) 62%, transparent);
      font-size: .8rem;
    }

    .nav-links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-inline: auto;
      color: color-mix(in srgb, var(--ink) 72%, transparent);
      font-size: .9rem;
    }

    .nav-links a {
      border: 1px solid var(--line);
      background: color-mix(in srgb, var(--paper) 74%, transparent);
      border-radius: 999px;
      padding: 10px 14px;
      text-decoration: none;
      cursor: pointer;
      color: inherit;
    }

    .hero {
      padding: clamp(62px, 7.2vw, 112px) 0 clamp(24px, 3vw, 44px);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(480px, 1.12fr);
      gap: clamp(48px, 6vw, 104px);
      align-items: center;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 9px 13px;
      border: 1px solid rgba(48, 105, 125, .18);
      border-radius: 999px;
      background: color-mix(in srgb, var(--paper) 78%, transparent);
      color: var(--teal-2);
      font-size: .88rem;
      font-weight: 800;
    }

    .pulse-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--whatsapp);
      box-shadow: 0 0 0 8px rgba(37, 211, 102, .13);
    }

    h1, h2, h3 {
      font-family: var(--font-display);
      letter-spacing: -.045em;
      margin: 0;
      color: var(--ink-2);
      text-wrap: balance;
    }

    h1 {
      margin-top: 18px;
      font-size: clamp(2.45rem, 5vw, 5.05rem);
      line-height: 1.02;
      max-width: 12ch;
    }

    .h1-accent {
      display: inline;
      position: static;
      padding-inline: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: inherit;
      letter-spacing: inherit;
      white-space: normal;
    }

    .h1-accent::after {
      content: none;
    }

    .hero-copy {
      margin: 22px 0 0;
      max-width: var(--measure);
      font-size: clamp(1.03rem, 2vw, 1.24rem);
      line-height: 1.85;
      color: color-mix(in srgb, var(--ink) 76%, transparent);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 26px;
      min-width: 0;
    }

    .mobile-product-peek {
      display: none;
    }

    .mobile-product-gallery {
      display: none;
    }

    .hero-actions .btn-secondary {
      background: rgba(255,255,255,.58);
      color: var(--ink-2);
      border: 1px solid var(--line);
      box-shadow: 0 14px 28px rgba(18,45,54,.08);
    }

    .cta-microcopy {
      display: block;
      margin-top: 8px;
      color: color-mix(in srgb, var(--ink) 60%, transparent);
      font-size: .92rem;
      font-weight: 800;
    }

    .hero-path {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      max-width: 660px;
      margin-top: 14px;
    }

    .hero-path span {
      position: relative;
      min-height: 44px;
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      border-radius: 18px;
      padding: 10px 12px;
      background: rgba(255,255,255,.52);
      color: color-mix(in srgb, var(--ink) 72%, transparent);
      font-size: .88rem;
      font-weight: 900;
      box-shadow: 0 10px 24px rgba(18,45,54,.05);
    }

    .hero-path b {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      margin-inline-end: 7px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--gold) 20%, white);
      color: var(--ink-2);
      font-size: .72rem;
    }

    .hero-aliases {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      max-width: 680px;
      margin-top: 14px;
      color: color-mix(in srgb, var(--ink) 58%, transparent);
      font-size: .9rem;
    }

    .hero-aliases span:not(:first-child) {
      display: inline-flex;
      padding: 6px 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.46);
      color: var(--teal-2);
      font-weight: 900;
    }

    .hero-assurance {
      display: flex;
      flex-wrap: wrap;
      gap: clamp(12px, 2vw, 20px);
      margin-top: 18px;
      max-width: 660px;
      border-block-start: 1px solid var(--line);
      padding-top: 18px;
    }

    .hero-assurance span {
      display: inline-flex;
      align-items: center;
      min-height: auto;
      border: 0;
      border-radius: 0;
      padding: 0;
      background: transparent;
      color: color-mix(in srgb, var(--ink) 74%, transparent);
      font-size: .88rem;
      font-weight: 800;
      box-shadow: none;
    }

    [data-theme="dark"] .hero-assurance span {
      background: rgba(255,255,255,.055);
      color: rgba(234,246,245,.82);
    }

    .btn {
      position: relative;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      border: 0;
      border-radius: 999px;
      padding: 13px 19px;
      font-weight: 900;
      text-decoration: none;
      cursor: pointer;
      transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
      letter-spacing: -.01em;
    }

    .btn:hover { transform: translateY(-2px); }
    .btn:focus-visible {
      outline: 3px solid var(--ink-2);
      outline-offset: 3px;
      box-shadow: 0 0 0 6px rgba(255,255,255,.82), var(--shadow-soft);
    }

    .btn-primary {
      background:
        linear-gradient(135deg, var(--ink-2), #102a33 72%, color-mix(in srgb, var(--gold) 32%, #102a33));
      color: white;
      box-shadow: 0 18px 34px rgba(26, 61, 74, .22);
    }

    .btn-primary::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      transform: translateX(120%);
      background: linear-gradient(90deg, transparent, rgba(211,163,90,.28), transparent);
      transition: transform .55s ease;
    }

    .btn-primary:hover::after {
      transform: translateX(-120%);
    }

    .btn-secondary {
      background: var(--ink-2);
      color: white;
      box-shadow: 0 18px 34px rgba(26, 61, 74, .22);
    }

    .hero-media {
      position: relative;
      min-height: 565px;
      display: grid;
      place-items: center;
      isolation: isolate;
    }

    .hero-media::before {
      content: "";
      position: absolute;
      width: min(92%, 540px);
      aspect-ratio: 1;
      border-radius: 42% 58% 48% 52%;
      background:
        radial-gradient(circle at 42% 28%, rgba(255,255,255,.75), transparent 22%),
        linear-gradient(135deg, rgba(127, 215, 235, .35), rgba(48, 105, 125, .18) 48%, rgba(189, 122, 35, .12));
      filter: blur(.2px);
      z-index: -2;
      animation: slowMorph 9s ease-in-out infinite alternate;
    }

    .media-card {
      width: min(100%, 720px);
      aspect-ratio: 16 / 9;
      display: grid;
      margin: 0;
      border: 1px solid var(--line);
      border-radius: 38px;
      background:
        radial-gradient(circle at 52% 78%, rgba(16,37,45,.22), transparent 36%),
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.76), transparent 26%),
        linear-gradient(145deg, #fbf7ed, #dfe8e5 58%, #cfd9d5);
      box-shadow: var(--shadow-hero);
      overflow: hidden;
      transform: none;
    }

    [data-theme="dark"] .media-card { background: rgba(19, 38, 45, .62); }

    .media-card img {
      width: 100%;
      height: 100%;
      display: block;
      aspect-ratio: 16 / 9;
      object-fit: contain;
      object-position: center;
      padding: 0;
      transform: scale(1.04);
      transform-origin: center;
      mix-blend-mode: multiply;
      filter: contrast(1.06) saturate(.92) drop-shadow(0 34px 28px rgba(16,37,45,.22));
      background: transparent;
    }

    [data-theme="dark"] .media-card img {
      background:
        linear-gradient(145deg, rgba(14,28,33,.92), rgba(22,42,48,.72)),
        radial-gradient(circle at 20% 20%, rgba(127,215,235,.14), transparent 30%);
    }

    .product-gallery {
      width: 100%;
      align-content: center;
      gap: 14px;
    }

    .gallery-frame {
      position: relative;
      width: min(100%, 720px);
      margin-inline: auto;
    }

    .gallery-frame .media-card {
      width: 100%;
    }

    .gallery-nav {
      position: absolute;
      top: 50%;
      z-index: 4;
      display: inline-grid;
      place-items: center;
      width: 46px;
      height: 46px;
      border: 1px solid color-mix(in srgb, var(--ink-2) 18%, var(--line));
      border-radius: 50%;
      background: color-mix(in srgb, var(--paper) 84%, transparent);
      color: var(--ink-2);
      box-shadow: 0 18px 34px rgba(18,45,54,.16);
      backdrop-filter: blur(16px);
      cursor: pointer;
      transform: translateY(-50%);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

    .gallery-nav:hover,
    .gallery-nav:focus-visible {
      background: var(--ink-2);
      color: white;
      box-shadow: 0 22px 38px rgba(18,45,54,.22);
      transform: translateY(-50%) scale(1.04);
      outline: none;
    }

    .gallery-nav svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
      stroke-width: 2.5;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .gallery-nav--prev { right: 16px; }
    .gallery-nav--next { left: 16px; }

    .gallery-zoom {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 5;
      display: inline-grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border: 1px solid color-mix(in srgb, var(--ink-2) 16%, var(--line));
      border-radius: 16px;
      background: color-mix(in srgb, var(--paper) 86%, transparent);
      color: var(--ink-2);
      box-shadow: 0 18px 34px rgba(18,45,54,.14);
      backdrop-filter: blur(16px);
      cursor: pointer;
      transition: transform .2s ease, background .2s ease, color .2s ease;
    }

    .gallery-zoom:hover,
    .gallery-zoom:focus-visible {
      background: var(--ink-2);
      color: white;
      transform: translateY(-1px);
      outline: none;
    }

    .gallery-zoom svg {
      width: 19px;
      height: 19px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .gallery-thumbs {
      width: min(100%, 720px);
      margin-inline: auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .gallery-thumb {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      min-width: 0;
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: rgba(255,255,255,.48);
      color: var(--ink-2);
      text-align: right;
      cursor: pointer;
      box-shadow: 0 12px 24px rgba(18,45,54,.045);
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }

    .gallery-thumb:hover,
    .gallery-thumb:focus-visible,
    .gallery-thumb.is-active {
      border-color: color-mix(in srgb, var(--gold) 48%, var(--line));
      background: color-mix(in srgb, var(--paper) 72%, white);
      transform: translateY(-1px);
      outline: none;
    }

    .gallery-thumb img {
      width: 58px;
      height: 44px;
      border-radius: 12px;
      object-fit: cover;
      background: rgba(255,255,255,.55);
    }

    .gallery-thumb span {
      display: block;
      overflow: hidden;
      color: var(--ink-2);
      font-size: .78rem;
      font-weight: 900;
      line-height: 1.35;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    body.lightbox-open {
      overflow: hidden;
    }

    .gallery-lightbox[hidden] {
      display: none !important;
    }

    .gallery-lightbox {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: grid;
      place-items: center;
      padding: clamp(14px, 3vw, 34px);
      background:
        radial-gradient(circle at 50% 40%, rgba(127,215,235,.12), transparent 34%),
        rgba(8, 24, 30, .88);
      backdrop-filter: blur(20px);
    }

    .gallery-lightbox__dialog {
      position: relative;
      width: min(1120px, 96vw);
      height: min(760px, 88vh);
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 32px;
      background:
        radial-gradient(circle at 50% 80%, rgba(255,255,255,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
      box-shadow: 0 36px 90px rgba(0,0,0,.34);
      overflow: hidden;
    }

    .gallery-lightbox__image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: clamp(18px, 3vw, 42px);
      filter: drop-shadow(0 28px 34px rgba(0,0,0,.24));
    }

    .gallery-lightbox__close,
    .gallery-lightbox__nav {
      position: absolute;
      z-index: 2;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.2);
      background: rgba(255,255,255,.12);
      color: white;
      backdrop-filter: blur(16px);
      cursor: pointer;
      transition: transform .2s ease, background .2s ease;
    }

    .gallery-lightbox__close:hover,
    .gallery-lightbox__close:focus-visible,
    .gallery-lightbox__nav:hover,
    .gallery-lightbox__nav:focus-visible {
      background: rgba(255,255,255,.2);
      transform: scale(1.04);
      outline: none;
    }

    .gallery-lightbox__close {
      top: 16px;
      right: 16px;
      width: 46px;
      height: 46px;
      border-radius: 16px;
      font-size: 1.4rem;
      line-height: 1;
    }

    .gallery-lightbox__nav {
      top: 50%;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      transform: translateY(-50%);
    }

    .gallery-lightbox__nav:hover,
    .gallery-lightbox__nav:focus-visible {
      transform: translateY(-50%) scale(1.04);
    }

    .gallery-lightbox__nav svg {
      width: 20px;
      height: 20px;
      stroke: currentColor;
      stroke-width: 2.5;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .gallery-lightbox__nav--prev { right: 18px; }
    .gallery-lightbox__nav--next { left: 18px; }

    .gallery-lightbox__count {
      position: absolute;
      bottom: 18px;
      right: 50%;
      transform: translateX(50%);
      z-index: 2;
      min-width: 64px;
      padding: 9px 13px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      background: rgba(255,255,255,.13);
      color: white;
      text-align: center;
      font-weight: 950;
      backdrop-filter: blur(16px);
    }

    .section {
      position: relative;
      padding: var(--section-y) 0;
      scroll-margin-top: var(--anchor-offset);
    }

    #block-details,
    #foam,
    #fit,
    #specs,
    #trust,
    #request-quote {
      scroll-margin-top: var(--anchor-offset);
    }

    .skip-link {
      position: fixed;
      z-index: 100;
      inset: 12px auto auto 12px;
      transform: translateY(-150%);
      padding: 12px 16px;
      border-radius: 999px;
      background: var(--ink-2);
      color: white;
      font-weight: 800;
      text-decoration: none;
      box-shadow: var(--shadow);
      transition: transform .18s ease;
    }

    .skip-link:focus-visible {
      transform: translateY(0);
      outline: 3px solid var(--gold);
      outline-offset: 3px;
    }

    .visually-hidden {
      position: absolute !important;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }

    .section--tight,
    .section--specs {
      padding: var(--section-y-tight) 0;
    }

    .section--soft {
      background: linear-gradient(180deg, transparent, rgba(127,215,235,.10), transparent);
    }

    .section--proof {
      padding: var(--section-y) 0;
      background:
        radial-gradient(circle at 12% 0%, rgba(127,215,235,.12), transparent 28%),
        radial-gradient(circle at 86% 48%, rgba(189,122,35,.10), transparent 30%),
        linear-gradient(180deg, transparent, rgba(228,179,99,.08), transparent);
    }

    .section--proof-direct {
      padding-top: clamp(10px, 1.8vw, 28px);
    }

    .section--proof-direct .product-proof-stack {
      gap: clamp(16px, 2.2vw, 28px);
    }

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

    .section-heading--center {
      display: block;
      text-align: center;
      max-width: 860px;
      margin-inline: auto;
      margin-bottom: clamp(24px, 4vw, 44px);
    }

    .section-heading--center p {
      margin: 12px auto 0;
    }

    .section-kicker {
      display: inline-flex;
      margin-bottom: 10px;
      padding: 7px 12px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.58);
      color: var(--teal-2);
      font-weight: 900;
      font-size: .82rem;
    }

    .section-heading h2 {
      font-size: clamp(1.72rem, 3.05vw, 3.05rem);
      line-height: 1.1;
      max-width: 13.5ch;
    }

    .section-heading--center h2 {
      margin-inline: auto;
    }

    .section-heading p {
      max-width: 620px;
      margin: 0;
      color: color-mix(in srgb, var(--ink) 64%, transparent);
      line-height: 1.8;
    }

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

    .fit-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
      gap: 14px;
    }

    .hero-grid > *,
    .quick-specs > *,
    .fit-grid > *,
    .split > *,
    .block-evidence-hero > *,
    .foam-evidence-hero > *,
    .trust-row > * {
      min-width: 0;
    }

    .fit-card {
      position: relative;
      overflow: hidden;
      min-height: 190px;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background:
        linear-gradient(145deg, rgba(255,253,247,.92), rgba(237,242,237,.68));
      padding: 22px;
      box-shadow: var(--shadow-soft);
    }

    .fit-card::before {
      content: "";
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
      width: 7px;
      background: var(--teal);
    }

    .fit-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: inherit;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(23,52,62,.055);
    }

    .fit-card.good::before { background: var(--whatsapp); }
    .fit-card.warn::before { background: var(--gold); }
    .fit-card.bad::before { background: #b94a35; }

    .fit-card.good {
      min-height: 230px;
      padding: clamp(24px, 3vw, 34px);
      background:
        radial-gradient(circle at 100% 0%, rgba(111,201,220,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,253,247,.96), rgba(222,232,226,.74));
      border-color: color-mix(in srgb, var(--teal) 34%, var(--line));
    }

    .fit-card.good::before { background: var(--teal); }
    .fit-card.warn::before { background: var(--brass); }
    .fit-card.bad::before { background: color-mix(in srgb, var(--stone) 72%, var(--gold)); }

    .fit-card span {
      display: inline-flex;
      margin-bottom: 13px;
      padding: 7px 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.54);
      border: 1px solid var(--line);
      font-weight: 900;
      color: var(--teal-2);
      font-size: .84rem;
    }

    .fit-card h3 {
      font-size: 1.35rem;
      margin-bottom: 10px;
    }

    .fit-card.good h3 {
      font-size: clamp(1.5rem, 2.25vw, 2.05rem);
      line-height: 1.18;
      max-width: 13ch;
    }

    .fit-card p {
      margin: 0;
      color: color-mix(in srgb, var(--ink) 78%, transparent);
      line-height: 1.78;
    }

    .metric-card {
      min-height: 154px;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background:
        linear-gradient(145deg, rgba(255,253,247,.92), rgba(237,242,237,.68));
      padding: 21px;
      box-shadow: var(--shadow-soft);
      position: relative;
      overflow: hidden;
    }

    .metric-card--primary {
      border-color: color-mix(in srgb, var(--gold) 34%, var(--line));
      background:
        radial-gradient(circle at 0% 0%, rgba(189,122,35,.12), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, transparent), color-mix(in srgb, var(--sand) 38%, var(--paper)));
    }

    .metric-card::after {
      content: "";
      position: absolute;
      inset: auto -32px -42px auto;
      width: 112px;
      height: 112px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--aqua) 18%, transparent);
    }

    .metric-card span,
    .metric-card dt {
      display: block;
      color: color-mix(in srgb, var(--ink) 72%, transparent);
      font-size: .84rem;
      margin-bottom: 12px;
    }

    .metric-card strong,
    .metric-card dd {
      display: block;
      color: var(--ink-2);
      font-size: clamp(1.28rem, 2.1vw, 1.85rem);
      line-height: 1.05;
      font-family: var(--font-display);
      margin: 0;
    }

    .metric-card small,
    .metric-card .metric-note {
      display: block;
      margin-top: 10px;
      color: color-mix(in srgb, var(--ink) 74%, transparent);
      line-height: 1.55;
      font-size: .88rem;
      font-family: var(--font-body);
    }

    .metric-card dd.metric-value-inline {
      display: inline-flex;
      align-items: baseline;
      gap: .22em;
      white-space: nowrap;
    }

    .metric-card dd.metric-value-inline span {
      display: inline;
      margin: 0;
      color: inherit;
      font: inherit;
    }

    .confirmation-deck {
      margin-top: clamp(20px, 3vw, 34px);
      padding-top: clamp(20px, 3vw, 34px);
      border-top: 1px solid var(--line);
      scroll-margin-top: var(--anchor-offset);
    }

    .decision-panel {
      padding: clamp(18px, 2.6vw, 28px);
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      border-radius: 28px;
      background:
        radial-gradient(circle at 8% 0%, rgba(168,106,36,.10), transparent 32%),
        linear-gradient(145deg, rgba(255,253,247,.74), rgba(237,242,237,.42));
      box-shadow: var(--shadow-soft);
    }

    .decision-panel .confirmation-deck {
      border-top-color: color-mix(in srgb, var(--gold) 34%, var(--line));
    }

    .summary-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 18px;
      padding: 18px;
      border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line));
      border-radius: var(--radius-lg);
      background: linear-gradient(135deg, rgba(189,122,35,.10), rgba(255,255,255,.52));
      box-shadow: 0 18px 42px rgba(18, 45, 54, .06);
    }

    .summary-cta p {
      margin: 0;
      color: color-mix(in srgb, var(--ink) 70%, transparent);
      line-height: 1.7;
    }

    .split {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: clamp(28px, 4vw, 52px);
      align-items: stretch;
      max-width: var(--container);
    }

    .panel {
      position: relative;
      border: 1px solid var(--line);
      border-radius: var(--radius-xl);
      background:
        linear-gradient(145deg, rgba(255,253,247,.92), rgba(237,242,237,.68));
      box-shadow: 0 20px 50px rgba(18, 45, 54, .08);
      padding: clamp(20px, 3vw, 34px);
      overflow: hidden;
    }

    .panel::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: inherit;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(23,52,62,.055);
    }

    .product-proof-stack .panel::before {
      content: "";
      position: absolute;
      inset-block: 18px;
      inset-inline-start: 18px;
      width: 5px;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--aqua), color-mix(in srgb, var(--gold) 76%, transparent));
      opacity: .72;
    }

    .product-proof-panel--foam {
      background:
        radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--foam) 28%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--paper) 86%, transparent), color-mix(in srgb, var(--foam) 18%, var(--paper)));
      border-color: color-mix(in srgb, var(--aqua) 36%, var(--line));
    }

    .product-proof-panel--composition {
      background:
        radial-gradient(circle at 92% 0%, rgba(189,122,35,.14), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(127,215,235,.16), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--paper) 88%, transparent), color-mix(in srgb, var(--cement) 34%, var(--paper)));
      border-color: color-mix(in srgb, var(--gold) 26%, var(--line));
    }

    .block-evidence-hero {
      display: grid;
      grid-template-columns: minmax(480px, 1fr) minmax(0, 1.45fr);
      grid-template-areas: "media content";
      gap: clamp(18px, 2.4vw, 32px);
      align-items: start;
      margin-top: 16px;
      direction: ltr;
    }

    .block-evidence-content {
      grid-area: content;
      direction: rtl;
      min-height: 100%;
      border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line));
      border-radius: 30px;
      padding: clamp(18px, 2vw, 26px);
      background:
        linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.34)),
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 32%);
      box-shadow: 0 24px 54px rgba(18,45,54,.08);
    }

    .block-evidence-content h4 {
      margin: 0 0 12px;
      color: var(--ink-2);
      font-family: var(--font-display);
      font-size: clamp(1.55rem, 2.35vw, 2.25rem);
      line-height: 1.12;
      letter-spacing: -.04em;
      max-width: 18ch;
    }

    .block-evidence-content p {
      max-width: var(--measure);
      margin-bottom: 18px;
      color: color-mix(in srgb, var(--ink) 68%, transparent);
      font-size: 1.03rem;
      line-height: 1.95;
    }

    .block-proof-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 20px;
    }

    .block-proof-pills span {
      display: inline-flex;
      padding: 9px 12px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.58);
      color: var(--teal-2);
      font-size: .86rem;
      font-weight: 900;
    }

    .block-evidence-content .block-key-strip {
      margin-top: 14px;
    }

    dl.mini-spec {
      margin: 0;
    }

    .proof-ribbon {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 18px 0 8px;
    }

    .proof-ribbon span {
      position: relative;
      display: grid;
      gap: 4px;
      align-content: start;
      min-height: 74px;
      padding: 12px;
      border-radius: 20px;
      border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
      background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42)),
        radial-gradient(circle at 100% 0%, rgba(189,122,35,.12), transparent 42%);
      box-shadow: 0 16px 34px rgba(18,45,54,.07);
    }

    .proof-ribbon b {
      order: 2;
      color: var(--ink-2);
      font-family: var(--font-display);
      font-size: clamp(1rem, 1.35vw, 1.28rem);
      line-height: 1.14;
      letter-spacing: -.02em;
    }

    .proof-ribbon--block b {
      font-size: clamp(.95rem, 1.22vw, 1.18rem);
      overflow-wrap: anywhere;
    }

    .proof-ribbon small {
      order: 1;
      color: color-mix(in srgb, var(--ink) 64%, transparent);
      font-size: .8rem;
      line-height: 1.5;
      font-weight: 900;
    }

    .proof-ribbon--foam span {
      border-color: color-mix(in srgb, var(--aqua) 42%, var(--line));
      background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42)),
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--foam) 32%, transparent), transparent 45%);
    }

    .decision-snapshot {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, .82fr));
      gap: 10px;
      margin: 12px 0 6px;
      padding: 10px;
      border-radius: 24px;
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      background:
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.34)),
        radial-gradient(circle at 100% 0%, rgba(189,122,35,.10), transparent 42%);
      box-shadow: 0 18px 38px rgba(18,45,54,.055);
    }

    .decision-snapshot--foam {
      border-color: color-mix(in srgb, var(--aqua) 34%, var(--line));
      background:
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.34)),
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--foam) 28%, transparent), transparent 42%);
    }

    .decision-snapshot__lead,
    .decision-snapshot span {
      display: grid;
      gap: 4px;
      min-height: 78px;
      margin: 0;
      padding: 11px;
      border-radius: 18px;
      background: rgba(255,255,255,.54);
      border: 1px solid rgba(255,255,255,.52);
    }

    .decision-snapshot__lead strong,
    .decision-snapshot b {
      color: var(--ink-2);
      font-family: var(--font-display);
      font-size: .98rem;
      line-height: 1.35;
    }

    .decision-snapshot__lead {
      color: color-mix(in srgb, var(--ink) 70%, transparent);
      font-size: .88rem;
      line-height: 1.7;
      font-weight: 800;
    }

    .decision-snapshot small {
      color: color-mix(in srgb, var(--ink) 62%, transparent);
      font-size: .76rem;
      line-height: 1.55;
      font-weight: 800;
    }

    .section-mini-cta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-top: 14px;
    }

    .section-mini-cta .btn {
      min-height: 42px;
      padding: 10px 15px;
      font-size: .88rem;
    }

    .section-mini-cta span {
      color: color-mix(in srgb, var(--ink) 62%, transparent);
      font-size: .84rem;
      font-weight: 800;
      line-height: 1.55;
    }

    .section-mini-cta--detached {
      margin: 16px 0 0;
      padding: 14px 16px;
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      border-radius: 22px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
        radial-gradient(circle at 0% 0%, rgba(189,122,35,.10), transparent 42%);
      box-shadow: 0 14px 30px rgba(18,45,54,.05);
    }

    .block-evidence-media {
      grid-area: media;
      direction: rtl;
      position: relative;
      margin: 0;
      width: 100%;
      max-width: 100%;
      min-height: 0;
      height: auto;
      max-height: 540px;
      aspect-ratio: 16 / 9;
      box-sizing: border-box;
      justify-self: stretch;
      display: grid;
      place-items: center;
      border-radius: 34px;
      overflow: hidden;
      border: 1px solid color-mix(in srgb, var(--gold) 32%, var(--line));
      box-shadow: var(--shadow);
      background:
        radial-gradient(circle at 36% 26%, rgba(255,255,255,.82), transparent 24%),
        linear-gradient(160deg, #f6efe1, #dfe9e6 46%, #265968);
    }

    .block-evidence-media img {
      width: 100%;
      height: 100%;
      min-height: 0;
      aspect-ratio: 16 / 9;
      object-fit: contain;
      padding: clamp(8px, 1.4vw, 18px);
      display: block;
      transform: scale(1.04);
      mix-blend-mode: multiply;
      filter: contrast(1.06) saturate(.92) drop-shadow(0 24px 22px rgba(18,45,54,.16));
    }

    .block-key-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 6px;
      margin: 10px 0 2px;
      align-items: stretch;
    }

    .block-key-strip .mini-spec {
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      border-radius: 18px;
      padding: 9px 10px;
      background: rgba(255,255,255,.54);
      min-height: 76px;
    }

    .block-evidence-content .block-key-strip .mini-spec dt {
      font-size: .72rem;
      margin-bottom: 4px;
    }

    .block-evidence-content .block-key-strip .mini-spec dd {
      font-size: .84rem;
      line-height: 1.42;
    }

    .composition-story {
      grid-template-columns: repeat(3, 1fr);
      margin-top: 14px;
    }

    .composition-story .layer {
      grid-template-columns: 72px 1fr;
      align-items: start;
    }

    .foam-evidence-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.618fr) minmax(360px, 1fr);
      grid-template-areas: "content media";
      gap: clamp(16px, 2.4vw, 30px);
      align-items: stretch;
      margin-top: 16px;
      direction: ltr;
    }

    .foam-evidence-content {
      grid-area: content;
      direction: rtl;
      min-height: 100%;
      border: 1px solid color-mix(in srgb, var(--aqua) 34%, var(--line));
      border-radius: 30px;
      padding: clamp(18px, 2.4vw, 28px);
      background:
        linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,255,255,.36)),
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--foam) 44%, transparent), transparent 34%);
      box-shadow: 0 24px 50px rgba(18,45,54,.08);
    }

    .foam-evidence-content h4 {
      margin: 0 0 12px;
      color: var(--ink-2);
      font-family: var(--font-display);
      font-size: clamp(1.55rem, 2.6vw, 2.35rem);
      line-height: 1.14;
      letter-spacing: -.035em;
    }

    .foam-evidence-content p {
      max-width: 680px;
      margin-bottom: 18px;
      color: color-mix(in srgb, var(--ink) 68%, transparent);
      font-size: 1.02rem;
      line-height: 1.95;
    }

    .foam-proof-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin: 20px 0 22px;
    }

    .foam-proof-pills span {
      display: inline-flex;
      padding: 9px 12px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.58);
      color: var(--teal-2);
      font-size: .86rem;
      font-weight: 900;
    }

    .foam-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }

    .foam-evidence-media {
      grid-area: media;
      direction: rtl;
      position: relative;
      margin: 0;
      min-height: 0;
      aspect-ratio: 16 / 9;
      align-self: start;
      border-radius: 34px;
      overflow: hidden;
      border: 1px solid color-mix(in srgb, var(--aqua) 42%, var(--line));
      box-shadow: var(--shadow);
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 28%),
        linear-gradient(160deg, #d8f6ff, #88d9ed 46%, #2b6677);
    }

    .foam-evidence-media img {
      width: 100%;
      height: 100%;
      min-height: 0;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      object-position: center 42%;
      display: block;
      transform: scale(1.02);
    }

    .foam-key-strip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin-top: 12px;
    }

    .foam-key-strip .mini-spec {
      border: 1px solid color-mix(in srgb, var(--aqua) 28%, var(--line));
      border-radius: 18px;
      padding: 12px;
      background: rgba(255,255,255,.54);
    }

    .foam-section-label,
    .attribute-section-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin: 16px 0 8px;
      padding: 12px 14px;
      border: 1px solid color-mix(in srgb, var(--gold) 20%, var(--line));
      border-radius: 22px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
        radial-gradient(circle at 100% 0%, rgba(189,122,35,.09), transparent 36%);
    }

    .foam-section-label h4,
    .attribute-section-label h4 {
      margin: 0;
      color: var(--ink-2);
      font-family: var(--font-display);
      font-size: clamp(1.1rem, 1.55vw, 1.38rem);
    }

    .foam-section-label span,
    .attribute-section-label span {
      color: color-mix(in srgb, var(--ink) 74%, transparent);
      font-size: .9rem;
      line-height: 1.6;
    }

    .product-proof-panel--foam .foam-section-label,
    .product-proof-panel--foam .attribute-section-label {
      border-color: color-mix(in srgb, var(--aqua) 28%, var(--line));
      background:
        linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.30)),
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--foam) 24%, transparent), transparent 38%);
    }

    .source-links--quiet {
      padding: 14px 0 0;
    }

    .nav-cta {
      padding-inline: 16px;
      min-height: 42px;
      font-size: .9rem;
    }

    .nav-cta.btn-primary {
      box-shadow: 0 12px 24px rgba(26, 61, 74, .16);
    }

    .post-fit-cta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin-top: 18px;
      padding: 18px;
      border: 1px solid color-mix(in srgb, var(--gold) 38%, var(--line));
      border-radius: var(--radius-lg);
      background: linear-gradient(135deg, rgba(228,179,99,.16), rgba(255,255,255,.44));
    }

    .post-fit-cta p {
      margin: 0;
      color: color-mix(in srgb, var(--ink) 70%, transparent);
      line-height: 1.7;
    }

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

    .source-note {
      margin-top: 18px;
      color: color-mix(in srgb, var(--ink) 72%, transparent);
      line-height: 1.75;
      font-size: .9rem;
    }

    .advanced-details {
      margin-top: 14px;
      border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--line));
      border-radius: 26px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.50), rgba(255,255,255,.22));
      overflow: hidden;
      box-shadow: 0 16px 34px rgba(18,45,54,.045);
    }

    .advanced-details summary {
      cursor: pointer;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 14px 18px;
      color: var(--ink-2);
      font-family: var(--font-display);
      font-weight: 900;
      font-size: 1.02rem;
    }

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

    .advanced-details summary::after {
      content: "+";
      flex: 0 0 auto;
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(255,255,255,.62);
      border: 1px solid var(--line);
      color: var(--teal-2);
    }

    .advanced-details[open] summary::after {
      content: "-";
    }

    .advanced-details__body {
      padding: 0 14px 14px;
    }

    .product-proof-panel--foam .advanced-details {
      border-color: color-mix(in srgb, var(--aqua) 32%, var(--line));
    }

    .section-heading + .product-proof-stack {
      margin-top: 26px;
    }

    .cta-band--v5 {
      box-shadow: var(--shadow-hero);
    }

    #block-details,
    #foam {
      scroll-margin-top: var(--anchor-offset);
    }

    a:focus-visible,
    button:focus-visible {
      outline: 3px solid var(--ink-2);
      outline-offset: 3px;
      box-shadow: 0 0 0 6px rgba(255,255,255,.82);
    }

    .panel h2,
    .panel h3 {
      font-size: clamp(1.25rem, 1.95vw, 1.75rem);
      margin-bottom: 14px;
    }

    .panel-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
      padding: 7px 12px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.56);
      color: var(--teal-2);
      font-size: .82rem;
      font-weight: 900;
    }

    .panel p {
      color: color-mix(in srgb, var(--ink) 68%, transparent);
      line-height: 1.9;
      margin: 0 0 18px;
    }

    .layer-stack {
      display: grid;
      gap: 12px;
      margin-top: 24px;
    }

    .layer {
      display: grid;
      grid-template-columns: 96px 1fr;
      gap: 14px;
      align-items: center;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 12px;
      background: rgba(255,255,255,.46);
    }

    [data-theme="dark"] .layer { background: rgba(255,255,255,.04); }

    .layer-visual {
      min-height: 62px;
      border-radius: 14px;
      background: var(--stone);
      box-shadow: inset 0 0 0 10px rgba(255,255,255,.04);
    }

    .layer-visual.foam {
      background: linear-gradient(135deg, #bdeeff, #58bad1);
      box-shadow: inset 0 0 0 6px rgba(255,255,255,.36);
    }

    .layer strong {
      display: block;
      color: var(--ink-2);
      margin-bottom: 3px;
    }

    .layer span {
      color: color-mix(in srgb, var(--ink) 62%, transparent);
      font-size: .9rem;
      line-height: 1.55;
    }

    .spec-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid var(--line);
      border-radius: var(--radius-xl);
      overflow: hidden;
      background: color-mix(in srgb, var(--paper) 80%, transparent);
      box-shadow: 0 20px 50px rgba(18, 45, 54, .08);
    }

    .spec {
      min-height: 108px;
      padding: 18px;
      border-left: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .spec:nth-child(3n) { border-left: 0; }

    .spec span {
      display: block;
      color: color-mix(in srgb, var(--ink) 56%, transparent);
      font-size: .82rem;
      margin-bottom: 9px;
    }

    .spec strong {
      color: var(--ink-2);
      font-size: 1.06rem;
      line-height: 1.55;
    }

    .trust-row {
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 18px;
    }

    .trust-row .panel {
      background:
        linear-gradient(145deg, rgba(255,253,247,.90), rgba(237,242,237,.58)),
        radial-gradient(circle at 100% 0%, rgba(127,215,235,.12), transparent 36%);
    }

    .trust-row h2,
    .trust-row h3 {
      font-family: var(--font-display);
      letter-spacing: -.03em;
    }

    .scope-list {
      display: grid;
      gap: 10px;
    }

    .scope-item {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 13px;
      border-radius: 16px;
      background: rgba(255,255,255,.48);
      border: 1px solid var(--line);
      line-height: 1.7;
    }

    [data-theme="dark"] .scope-item { background: rgba(255,255,255,.04); }

    .scope-item i {
      flex: 0 0 11px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      margin-top: 9px;
      background: var(--gold);
      box-shadow: 0 0 0 7px color-mix(in srgb, var(--gold) 14%, transparent);
    }

    .alias-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }

    .chip {
      display: inline-flex;
      padding: 9px 12px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.5);
      color: color-mix(in srgb, var(--ink) 70%, transparent);
      font-weight: 800;
      font-size: .9rem;
    }

    .chip:nth-child(-n + 4) {
      border-color: color-mix(in srgb, var(--gold) 28%, var(--line));
      background: color-mix(in srgb, var(--gold) 9%, rgba(255,255,255,.58));
      color: var(--ink-2);
    }

    [data-theme="dark"] .chip { background: rgba(255,255,255,.05); }

    .cta-band {
      display: grid;
      grid-template-columns: minmax(0, 1.618fr) minmax(260px, 1fr);
      gap: clamp(18px, 3vw, 38px);
      align-items: center;
      border-radius: 34px;
      padding: clamp(28px, 4.6vw, 48px);
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 42px),
        linear-gradient(135deg, var(--ink-2), #102a33 62%, #0b1a20),
        radial-gradient(circle at 8% 10%, rgba(127,215,235,.3), transparent 28%);
      color: white;
      box-shadow: var(--shadow);
      overflow: hidden;
      position: relative;
    }

    .cta-band > * {
      position: relative;
      z-index: 1;
      min-width: 0;
      max-width: 100%;
    }

    .cta-band::after {
      content: "";
      position: absolute;
      inset: -80px auto auto -70px;
      width: 230px;
      height: 230px;
      border-radius: 50%;
      border: 34px solid rgba(127,215,235,.14);
    }

    .cta-band::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(211,163,90,.18);
      border-radius: 24px;
      pointer-events: none;
    }

    .cta-band h2 {
      color: white;
      font-size: clamp(1.55rem, 2.65vw, 2.5rem);
      margin-bottom: 10px;
      max-width: 100%;
      overflow-wrap: anywhere;
    }

    .cta-band p {
      margin: 0;
      max-width: min(680px, 100%);
      line-height: 1.8;
      color: rgba(255,255,255,.76);
    }

    .cta-band .btn {
      min-width: min(100%, 260px);
      justify-self: center;
    }

    .request-checklist {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(132px, 100%), 1fr));
      gap: 10px;
      margin-top: 18px;
      max-width: 100%;
      min-width: 0;
    }

    .request-checklist span {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      min-height: 44px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 18px;
      padding: 10px 14px;
      color: rgba(255,255,255,.86);
      background: rgba(255,255,255,.08);
      font-size: .92rem;
      font-weight: 800;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }

    .request-checklist span::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin-inline-end: 8px;
      background: color-mix(in srgb, var(--gold) 70%, white);
      box-shadow: 0 0 0 5px rgba(189,122,35,.14);
    }

    .sticky-cta {
      position: fixed;
      inset: auto 16px 16px 16px;
      display: none;
      z-index: 20;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(14px);
      border-radius: 22px;
      padding: 10px;
      background: rgba(255,255,255,.78);
      border: 1px solid var(--line);
      box-shadow: 0 18px 42px rgba(18,45,54,.18);
      backdrop-filter: blur(14px);
      transition: opacity .22s ease, transform .22s ease;
    }

    [data-theme="dark"] .sticky-cta { background: rgba(12,23,27,.82); }

    body.show-sticky-cta .sticky-cta {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }

    .sticky-cta .btn { width: 100%; }

    .product-body-card {
      margin-top: 22px;
      border-radius: 26px;
      border: 1px solid var(--line);
      background:
        linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.28)),
        radial-gradient(circle at 20% 0%, rgba(127,215,235,.18), transparent 35%);
      overflow: hidden;
    }

    [data-theme="dark"] .product-body-card {
      background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
        radial-gradient(circle at 20% 0%, rgba(127,215,235,.1), transparent 35%);
    }

    .product-body-card img {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: contain;
      padding: 16px;
      background: rgba(255,255,255,.54);
    }

    [data-theme="dark"] .product-body-card img { background: rgba(255,255,255,.04); }

    .under-image-specs,
    .foam-properties,
    .attribute-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      padding: 0;
      margin: 8px 0 14px;
    }

    .under-image-specs .mini-spec,
    .foam-properties .mini-spec,
    .attribute-grid .mini-spec {
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 12px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.28));
      min-height: 94px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 8px;
      box-shadow: 0 14px 30px rgba(18,45,54,.045);
    }

    .product-proof-panel--composition .attribute-grid .mini-spec,
    .product-proof-panel--composition .block-key-strip .mini-spec {
      border-color: color-mix(in srgb, var(--gold) 24%, var(--line));
    }

    .product-proof-panel--foam .attribute-grid .mini-spec,
    .product-proof-panel--foam .foam-properties .mini-spec,
    .product-proof-panel--foam .foam-key-strip .mini-spec {
      border-color: color-mix(in srgb, var(--aqua) 30%, var(--line));
    }

    .attribute-grid--deep .mini-spec {
      background:
        linear-gradient(145deg, rgba(255,255,255,.46), rgba(255,255,255,.22));
      box-shadow: 0 10px 22px rgba(18,45,54,.035);
    }

    .attribute-grid--compact {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      margin-bottom: 10px;
    }

    .attribute-grid--compact .mini-spec {
      min-height: 78px;
      justify-content: center;
    }

    .attribute-grid--deep .mini-spec dt,
    .attribute-grid--deep .mini-spec span {
      color: color-mix(in srgb, var(--ink) 62%, transparent);
    }

    [data-theme="dark"] .under-image-specs .mini-spec,
    [data-theme="dark"] .foam-properties .mini-spec,
    [data-theme="dark"] .attribute-grid .mini-spec {
      background: rgba(255,255,255,.04);
    }

    .mini-spec span,
    .mini-spec dt {
      display: block;
      color: var(--ink-2);
      font-size: .8rem;
      margin-bottom: 5px;
      font-weight: 900;
      line-height: 1.45;
    }

    .mini-spec strong,
    .mini-spec dd {
      display: block;
      color: var(--ink-2);
      line-height: 1.5;
      font-size: .92rem;
      margin: 0;
    }

    .supplier-kicker {
      display: inline-flex;
      padding: 7px 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.58);
      border: 1px solid var(--line);
      color: var(--teal-2);
      font-weight: 900;
      font-size: .78rem;
      margin-bottom: 10px;
    }

    .source-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      padding: 0 16px 16px;
    }

    .source-links a {
      border: 1px solid var(--line);
      background: rgba(255,255,255,.45);
      border-radius: 999px;
      padding: 8px 10px;
      text-decoration: none;
      color: var(--teal-2);
      font-weight: 800;
      font-size: .82rem;
    }

    @keyframes slowMorph {
      from { transform: rotate(0) scale(1); border-radius: 42% 58% 48% 52%; }
      to { transform: rotate(8deg) scale(1.03); border-radius: 58% 42% 54% 46%; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *,
      *::before,
      *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
      .btn:hover,
      .media-card {
        transform: none;
      }
    }

    @media (max-width: 940px) {
      :root { --anchor-offset: 154px; }

      .hero-grid,
      .split,
      .trust-row,
      .cta-band {
        grid-template-columns: 1fr;
      }

      .foam-evidence-hero {
        grid-template-columns: 1fr;
        grid-template-areas:
          "media"
          "content";
        direction: rtl;
      }

      .block-evidence-hero {
        grid-template-columns: 1fr;
        grid-template-areas:
          "media"
          "content";
        direction: rtl;
      }

      .block-key-strip,
      .proof-ribbon,
      .foam-key-strip,
      .attribute-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .composition-story {
        grid-template-columns: 1fr;
      }

      .hero-media { min-height: 460px; }
      .quick-specs { grid-template-columns: repeat(2, 1fr); }
      .fit-grid { grid-template-columns: 1fr; }
      .spec-grid { grid-template-columns: repeat(2, 1fr); }
      .spec:nth-child(3n) { border-left: 1px solid var(--line); }
      .spec:nth-child(2n) { border-left: 0; }
      .section-heading { display: block; }
      .section-heading p { margin-top: 12px; }
      .nav { flex-wrap: wrap; padding: 12px 0; }
      .nav-links {
        flex-wrap: wrap;
        justify-content: center;
        overflow: visible;
        width: 100%;
        padding-bottom: 0;
      }
    }

    @media (min-width: 941px) and (max-width: 1180px) {
      .block-key-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .cta-band {
        justify-items: stretch;
        padding: clamp(24px, 5vw, 34px);
        border-radius: 28px;
      }

      .cta-band h2 {
        font-size: clamp(1.55rem, 5.6vw, 2.15rem);
        line-height: 1.18;
        text-align: center;
        text-wrap: balance;
      }

      .cta-band p {
        margin-inline: auto;
        text-align: center;
      }

      .request-checklist {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .request-checklist span {
        justify-content: center;
        text-align: center;
      }

      .cta-band .btn {
        justify-self: stretch;
      }
    }

    @media (max-width: 620px) {
      :root { --anchor-offset: 236px; }

      html,
      body {
        max-width: 100%;
        overflow-x: clip;
      }

      .container {
        width: calc(100% - 24px);
        max-width: 100%;
      }

      .topbar,
      main,
      section,
      .page-shell {
        max-width: 100vw;
        overflow-x: clip;
      }

      .nav {
        min-height: 66px;
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        padding: 10px 0;
      }
      .brand {
        justify-self: end;
        max-width: 100%;
      }
      .brand strong {
        font-size: .96rem;
      }
      .brand small {
        font-size: .72rem;
      }
      .nav-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        font-size: .82rem;
        overflow: visible;
        width: min(100%, 420px);
        justify-self: center;
        padding: 0;
        scrollbar-width: auto;
      }
      .nav-links a,
      .nav-links .nav-cta {
        width: 100%;
        min-width: 0;
        white-space: normal;
        padding: 8px 10px;
        text-align: center;
      }
      .nav-links .nav-cta {
        grid-column: 1 / -1;
        order: -1;
      }
      .hero {
        padding-top: 22px;
        padding-bottom: 28px;
        overflow-x: clip;
      }
      .hero-grid,
      .hero-grid > *,
      .hero-copy,
      .hero-actions,
      .mobile-product-peek,
      .product-proof-panel,
      .block-evidence-hero,
      .block-evidence-content,
      .foam-evidence-hero,
      .foam-evidence-content {
        min-width: 0;
        max-width: 100%;
      }
      .hero-grid > div:first-child {
        text-align: center;
      }
      .eyebrow {
        max-width: 100%;
        margin-inline: auto;
        padding: 7px 10px;
        font-size: .78rem;
        white-space: normal;
        justify-content: center;
        text-align: center;
      }
      .hero-media { display: none; }
      h1 {
        margin-inline: auto;
        margin-top: 13px;
        max-width: 100%;
        font-size: clamp(1.48rem, 6.8vw, 1.92rem);
        line-height: 1.12;
        text-align: center;
        overflow-wrap: normal;
        word-break: normal;
      }
      .h1-accent {
        display: inline;
        width: auto;
        margin: 0;
      }
      .hero-copy {
        margin-inline: auto;
        margin-top: 13px;
        font-size: .96rem;
        line-height: 1.68;
        max-width: 100%;
        text-align: center;
      }
      .hero-actions {
        margin-top: 18px;
        gap: 9px;
      }
      .cta-microcopy {
        text-align: center;
        font-size: .82rem;
        line-height: 1.55;
      }
      .hero-media::before {
        width: min(86%, 360px);
      }
      .mobile-product-gallery {
        display: grid;
        width: 100%;
        margin-top: 14px;
        gap: 10px;
      }
      .mobile-product-gallery .gallery-frame {
        width: 100%;
      }
      .mobile-product-gallery .media-card {
        border-radius: 28px;
      }
      .mobile-product-gallery .media-card img {
        min-height: clamp(172px, 50vw, 232px);
      }
      .mobile-product-gallery .gallery-nav {
        width: 40px;
        height: 40px;
      }
      .mobile-product-gallery .gallery-nav--prev { right: 10px; }
      .mobile-product-gallery .gallery-nav--next { left: 10px; }
      .mobile-product-gallery .gallery-zoom {
        top: 10px;
        left: 10px;
        width: 40px;
        height: 40px;
        border-radius: 14px;
      }
      .mobile-product-gallery .gallery-thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
      }
      .mobile-product-gallery .gallery-thumb {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        padding: 6px;
      }
      .mobile-product-gallery .gallery-thumb img {
        width: 100%;
        height: 42px;
      }
      .mobile-product-gallery .gallery-thumb span {
        font-size: .7rem;
        white-space: normal;
      }
      .hero-path {
        width: 100%;
        max-width: 100%;
      }
      .hero-path span {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-width: 0;
        white-space: normal;
      }
      .hero-path b {
        flex: 0 0 auto;
      }
      .panel,
      .product-proof-panel {
        padding: 14px;
        border-radius: 24px;
      }
      .panel-kicker,
      .supplier-kicker {
        display: flex;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
      }
      .panel h2,
      .panel h3,
      .block-evidence-content h4,
      .foam-evidence-content h4 {
        text-align: center;
      }
      .panel p,
      .block-evidence-content p,
      .foam-evidence-content p {
        text-align: center;
      }
      .media-card { transform: none; }
      .quick-specs,
      .spec-grid {
        grid-template-columns: 1fr;
      }
      .fit-grid {
        grid-template-columns: 1fr;
      }
      .summary-cta {
        display: grid;
      }
      .post-fit-actions {
        display: grid;
        justify-content: stretch;
      }
      .summary-cta .btn {
        width: 100%;
      }
      .foam-evidence-media,
      .foam-evidence-media img,
      .block-evidence-media,
      .block-evidence-media img {
        min-height: 0;
      }
      .block-evidence-media {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        align-self: start;
      }
      .block-evidence-media img {
        width: 100%;
        height: 100%;
        transform: none;
        padding: 8px;
      }
      .foam-evidence-media {
        height: auto;
        aspect-ratio: 16 / 9;
      }
      .block-evidence-content,
      .foam-evidence-content {
        padding: 18px;
        border-radius: 24px;
      }
      .block-evidence-content h4,
      .foam-evidence-content h4 {
        font-size: clamp(1.28rem, 5.8vw, 1.7rem);
        line-height: 1.18;
        max-width: 100%;
      }
      .block-evidence-content p,
      .foam-evidence-content p {
        font-size: .92rem;
        line-height: 1.72;
      }
      .block-key-strip,
      .proof-ribbon,
      .foam-key-strip,
      .attribute-grid {
        grid-template-columns: 1fr;
      }
      .block-key-strip,
      .proof-ribbon {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .block-key-strip .mini-spec,
      .proof-ribbon span {
        min-height: auto;
        padding: 10px;
      }
      .block-key-strip .mini-spec dt,
      .proof-ribbon small {
        font-size: .68rem;
      }
      .block-key-strip .mini-spec dd,
      .proof-ribbon b {
        font-size: clamp(.92rem, 4.2vw, 1.04rem);
        line-height: 1.26;
      }
      .proof-ribbon span {
        min-height: auto;
        padding: 12px;
      }

      #foam .proof-ribbon {
        grid-template-columns: 1fr;
      }

      #foam .proof-ribbon small {
        font-size: .78rem;
        line-height: 1.55;
      }

      .decision-snapshot {
        grid-template-columns: 1fr;
        padding: 10px;
      }
      .decision-snapshot__lead,
      .decision-snapshot span {
        min-height: auto;
      }
      .section-mini-cta {
        display: grid;
      }
      .section-mini-cta .btn {
        width: 100%;
      }
      .foam-section-label,
      .attribute-section-label {
        display: block;
      }
      .foam-section-label span,
      .attribute-section-label span {
        display: block;
        margin-top: 8px;
      }
      .foam-hero-actions .btn {
        width: 100%;
      }
      .spec,
      .spec:nth-child(2n),
      .spec:nth-child(3n) {
        border-left: 0;
      }
      .under-image-specs,
      .foam-properties,
      .foam-key-strip,
      .attribute-grid {
        grid-template-columns: 1fr;
      }
      .product-proof-panel .attribute-grid,
      .product-proof-panel .foam-properties {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .product-proof-panel .attribute-grid .mini-spec,
      .product-proof-panel .foam-properties .mini-spec {
        min-height: auto;
        padding: 10px;
      }
      .sticky-cta { display: block; }
      body { padding-bottom: 84px; }
      h1 { max-width: 100%; }
      .hero-actions,
      .hero-path,
      .post-fit-cta,
      .summary-cta,
      .cta-band {
        display: grid;
        grid-template-columns: 1fr;
      }
      .hero-actions .btn,
      .post-fit-cta .btn,
      .summary-cta .btn,
      .cta-band .btn {
        width: 100%;
        min-width: 0;
        white-space: normal;
        text-align: center;
      }
      .hero-assurance {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 14px;
      }
      .hero-assurance span {
        justify-content: center;
      }
      .hero-aliases {
        justify-content: center;
        text-align: center;
      }
      .request-checklist {
        grid-template-columns: 1fr;
        margin-top: 16px;
      }
      .sticky-cta {
        inset: auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;
      }
      .sticky-cta .btn {
        min-height: 46px;
        padding-block: 10px;
      }
      .gallery-lightbox {
        padding: 10px;
      }
      .gallery-lightbox__dialog {
        width: 100%;
        height: 84vh;
        border-radius: 24px;
      }
      .gallery-lightbox__image {
        padding: 16px;
      }
      .gallery-lightbox__close {
        top: 10px;
        right: 10px;
      }
      .gallery-lightbox__nav {
        width: 44px;
        height: 44px;
      }
      .gallery-lightbox__nav--prev { right: 10px; }
      .gallery-lightbox__nav--next { left: 10px; }
    }

    @media (max-width: 340px) {
      .product-proof-panel .attribute-grid,
      .product-proof-panel .foam-properties {
        grid-template-columns: 1fr;
      }
    }

    .page-shell .mini-spec dt,
    .page-shell .mini-spec > span,
    .page-shell .attribute-grid--deep .mini-spec dt,
    .page-shell .attribute-grid--deep .mini-spec > span,
    .page-shell .foam-properties .mini-spec dt,
    .page-shell .foam-properties .mini-spec > span,
    .page-shell .attribute-grid .mini-spec dt,
    .page-shell .attribute-grid .mini-spec > span,
    .page-shell .block-key-strip .mini-spec dt,
    .page-shell .foam-key-strip .mini-spec dt,
    .page-shell .under-image-specs .mini-spec dt {
      color: var(--ink-2);
      font-weight: 950;
      letter-spacing: -.01em;
    }

    .page-shell .proof-ribbon span {
      grid-template-rows: auto minmax(30px, 1fr);
      align-content: stretch;
      gap: 10px;
      min-height: 94px;
    }

    .page-shell .proof-ribbon small {
      align-self: start;
    }

    .page-shell .proof-ribbon b {
      align-self: end;
    }

    .page-shell .proof-ribbon--foam b {
      font-size: clamp(.92rem, 1.08vw, 1.08rem);
      line-height: 1.1;
    }

    .page-shell .proof-ribbon--block b {
      font-size: clamp(.9rem, 1.08vw, 1.08rem);
      line-height: 1.14;
    }

    @media (max-width: 620px) {
      .page-shell .proof-ribbon span {
        min-height: 96px;
      }

      .page-shell .proof-ribbon--foam b,
      .page-shell .proof-ribbon--block b {
        font-size: clamp(.98rem, 4vw, 1.08rem);
      }
    }