.animate-on-scroll, .reveal, [class*="animate"] { opacity: 1 !important; transform: none !important; visibility: visible !important; }
    /* ================================================================
       CSS CUSTOM PROPERTIES; PROPHACITE DESIGN SYSTEM
    ================================================================ */
    :root {
      /* Core Palette */
      --navy-core: #0B1D36;
      --navy: #0C2844;
      --navy-teal: #0D3555;
      --dark-teal: #0A4D5E;
      --teal-edge: #088F8A;
      --teal: #00C2B2;
      --teal-dark: #009E91;
      --gold: #D4AF37;
      --gold-btn: #C9A84C;
      --gold-antique: #B8962E;
      --gold-bg: rgba(212, 175, 55, 0.12);
      --gold-border: rgba(212, 175, 55, 0.30);

      /* Product Colors - R.I.S.K. */
      --product: #EF4444;
      --product-warm: #8B4513;
      --product-dim: rgba(239, 68, 68, 0.15);
      --product-border: rgba(239, 68, 68, 0.30);
      --product-card: #33201A;
      --product-foot: #2a1914;

      /* Text */
      --text-dark: #111827;
      --text-gray: #6B7280;
      --text-light: #9BA3AE;

      /* Backgrounds */
      --bg-white: #FFFFFF;
      --bg-light: #F8F9FA;
      --bg-warm: #F4F2EE;

      /* Fonts */
      --font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;

      /* Spacing */
      --space-xs: 0.25rem;
      --space-sm: 0.5rem;
      --space-md: 1rem;
      --space-lg: 1.5rem;
      --space-xl: 2rem;
      --space-2xl: 3rem;
      --space-3xl: 4rem;
      --space-4xl: 6rem;
      --space-5xl: 8rem;

      /* Radius */
      --radius-sm: 0;
      --radius-md: 0;
      --radius-lg: 0;
      --radius-xl: 0;
      --radius-full: 0;

      /* Shadows */
      --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.12);

      /* Transitions */
      --transition-base: all 250ms ease;
    }

    /* ================================================================
       RESET & BASE
    ================================================================ */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-body);
      font-size: clamp(1rem, 1.5vw, 1.125rem);
      line-height: 1.7;
      color: var(--text-dark);
      overflow-x: hidden;
    }

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

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: var(--font-heading);
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    h1 {
      font-size: clamp(2.25rem, 5vw, 3.75rem);
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    h2 {
      font-size: clamp(1.75rem, 4vw, 2.5rem);
      font-weight: 700;
    }

    h3 {
      font-size: clamp(1.25rem, 3vw, 1.75rem);
      font-weight: 700;
    }

    h4 {
      font-size: clamp(1.125rem, 2vw, 1.375rem);
      font-weight: 700;
    }

    /* ================================================================
       LAYOUT UTILITIES
    ================================================================ */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 2rem;
    }

    .container--wide {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0 2rem;
    }

    .container--narrow {
      max-width: 800px;
      margin: 0 auto;
      padding: 0 2rem;
    }

    .section {
      padding: var(--space-4xl) 0;
    }

    .section--lg {
      padding: var(--space-5xl) 0;
    }

    .component-frame {
      display: block;
      width: 100%;
      border: 0;
      background: transparent;
      overflow: hidden;
    }

    .component-frame--nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      height: 68px;
    }

    .component-frame--footer {
      min-height: 300px;
    }

    .component-frame--product-card {
      max-width: 300px;
      height: 430px;
      min-height: 428px;
      margin: 0 auto;
    }

    .component-shell {
      position: relative;
      width: 100%;
    }

    .component-shell--footer {
      overflow: hidden;
    }

    .section-header {
      text-align: center;
      margin-bottom: var(--space-3xl);
    }

    .section-header h3 {
      color: var(--text-dark);
    }

    .section-header p {
      max-width: 580px;
      margin: 0.75rem auto 0;
      font-size: 0.9375rem;
      color: var(--text-gray);
    }

    .section-header--light p {
      color: rgba(255, 255, 255, 0.70);
    }

    /* ================================================================
       OVERLINES
    ================================================================ */
    .overline {
      font-family: var(--font-heading);
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      display: block;
      margin-bottom: 0.625rem;
    }

    .overline--gold {
      color: var(--gold);
    }

    .overline--teal {
      color: var(--teal);
    }

    .overline--product {
      color: var(--product);
    }

    /* ================================================================
       GRADIENT BACKGROUNDS
    ================================================================ */
    .gradient-hero {
      background-color: #33201A;
      background-image: radial-gradient(rgba(255, 255, 255, 0.05) 2px, transparent 2px);
      background-size: 30px 30px;
    }

    .gradient-radial {
      background: radial-gradient(ellipse 100% 70% at 50% 40%, var(--navy-teal) 0%, var(--navy) 45%, var(--navy-core) 100%);
    }

    .section--dark {
      background: var(--navy-core);
    }

    /* ================================================================
       NAVIGATION
    ================================================================ */
    #navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background: rgba(11, 29, 54, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(0, 194, 178, 0.12);
      transition: var(--transition-base);
    }

    #navbar.scrolled {
      background: rgba(11, 29, 54, 0.97);
      backdrop-filter: blur(16px);
      border-bottom-color: rgba(0, 194, 178, 0.08);
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    }

    .nav__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2rem;
      max-width: 1360px;
      margin: 0 auto;
      gap: 2rem;
    }

    .nav__logo img {
      height: 82px;
      display: block;
    }

    .nav__logo svg {
      height: 50px;
      width: auto;
      display: block;
    }

    .nav__links {
      display: flex;
      align-items: center;
      gap: 1.75rem;
      list-style: none;
    }

    .nav__links a {
      font-family: var(--font-heading);
      font-size: 0.875rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.85);
      transition: color 200ms ease;
      display: flex;
      align-items: center;
      gap: 0.375rem;
      position: relative;
    }

    .nav__links a:hover {
      color: #fff;
    }

    .nav__links .nav__dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .nav__dot--green {
      background: #2ECC71;
    }

    .nav__dot--purple {
      background: #A78BFA;
    }

    .nav__dot--red {
      background: #EF6B6B;
    }

    .nav__link--das {
      position: relative;
    }

    .nav__link--das::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      height: 2px;
      background: var(--gold-btn);
      border-radius: 0;
    }

    .nav__link--risk {
      color: rgba(239, 68, 68, 0.9) !important;
    }

    .nav__link--risk::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      height: 2px;
      background: var(--product);
      border-radius: 0;
    }

    .nav__link--faq {
      color: rgba(255, 255, 255, 0.55) !important;
    }

    .nav__link--faq:hover {
      color: rgba(255, 255, 255, 0.85) !important;
    }

    .nav__hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 0.5rem;
    }

    .nav__hamburger span {
      display: block;
      width: 22px;
      height: 2px;
      background: rgba(255, 255, 255, 0.85);
      border-radius: 0;
      transition: var(--transition-base);
    }

    /* ================================================================
       BUTTONS
    ================================================================ */
    .btn {
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 600;
      padding: 0.875rem 1.75rem;
      border-radius: 0;
      border: none;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      text-decoration: none;
    }

    .btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
    }

    .btn:active {
      transform: translateY(0);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .btn--product {
      background: var(--gold);
      color: var(--navy-core);
    }

    .btn--product:hover {
      background: #E0BD45;
      box-shadow: 0 6px 16px rgba(212, 175, 55, 0.3);
    }

    .btn--gold {
      background: var(--gold);
      color: var(--navy-core);
    }

    .btn--gold:hover {
      background: #E0BD45;
      box-shadow: 0 6px 16px rgba(212, 175, 55, 0.3);
    }

    .btn--outline-product {
      background: transparent;
      color: #3B82F6;
      border: 1.5px solid #3B82F6;
    }

    .btn--outline-product:hover {
      background: rgba(59, 130, 246, 0.08);
    }

    .btn--outline-teal {
      background: transparent;
      color: var(--teal);
      border: 1.5px solid var(--teal);
    }

    .btn--outline-teal:hover {
      background: rgba(0, 194, 178, 0.06);
    }

    .navy-gold-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 0;
      margin-bottom: 10px;
      font-family: var(--font-heading);
      font-size: 13px;
      font-weight: 600;
      color: var(--gold-btn) !important;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0;
      cursor: pointer;
      text-align: center;
      letter-spacing: 0.02em;
      line-height: 0;
      appearance: none;
      transition: transform 0.2s ease, filter 0.2s ease;
      text-decoration: none;
    }

    .navy-gold-btn:hover {
      background: transparent !important;
      transform: translateY(-2px);
      filter: brightness(1.05);
      box-shadow: none;
    }

    .navy-gold-btn:focus-visible {
      outline: 2px solid rgba(212, 175, 55, 0.72);
      outline-offset: 3px;
    }

    .navy-gold-btn__svg {
      display: block;
      width: min(100%, 268px);
      height: auto;
      filter: drop-shadow(0 8px 20px rgba(212, 175, 55, 0.14));
      pointer-events: none;
    }

    .navy-gold-btn__svg text {
      font-size: 12px;
      font-weight: 700;
    }

    .navy-gold-btn--risk-red {
      position: relative;
      isolation: isolate;
    }

    .navy-gold-btn--risk-red::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 3px;
      width: 192px;
      height: 16px;
      background: rgba(239, 68, 68, 0.24);
      border-radius: 999px;
      filter: blur(18px);
      opacity: 0.28;
      transform: translateX(-50%) scaleX(0.72);
      transition: opacity 0.18s ease, transform 0.18s ease, filter 0.18s ease;
      pointer-events: none;
      z-index: 0;
    }

    .navy-gold-btn--risk-red:hover::after,
    .navy-gold-btn--risk-red:focus-visible::after {
      opacity: 0.78;
      transform: translateX(-50%) scaleX(0.96);
      filter: blur(22px);
    }

    .navy-gold-btn--risk-red:hover {
      transform: none;
      filter: none;
    }

    .navy-gold-btn--risk-red:focus-visible {
      outline-color: rgba(239, 68, 68, 0.72);
    }

    .navy-gold-btn--risk-red .navy-gold-btn__svg {
      position: relative;
      z-index: 1;
      width: min(100%, 240px);
      opacity: 0.92;
      filter: drop-shadow(0 8px 22px rgba(239, 68, 68, 0.18)) saturate(1.08) brightness(1.11) contrast(1.05);
      transition: transform 0.18s ease, filter 0.18s ease, opacity 0.18s ease;
    }

    .navy-gold-btn--risk-red:hover .navy-gold-btn__svg,
    .navy-gold-btn--risk-red:focus-visible .navy-gold-btn__svg {
      opacity: 1;
      transform: translateY(-2px) scale(1.012);
      filter: drop-shadow(0 8px 22px rgba(239, 68, 68, 0.18)) saturate(1.18) brightness(1.22) contrast(1.07);
    }

    .navy-gold-btn--risk-red:active .navy-gold-btn__svg {
      transform: translateY(0) scale(1.01);
    }

    .navy-gold-btn--risk-red .navy-gold-btn__svg text {
      font-size: 12px;
      font-weight: 700;
    }

    .navy-gold-btn--gold-glass:focus-visible {
      outline-color: rgba(212, 175, 55, 0.72);
    }

    .navy-gold-btn--gold-glass:hover {
      filter: brightness(1.08);
    }

    .navy-gold-btn--gold-glass .navy-gold-btn__svg {
      width: min(100%, 240px);
      filter: drop-shadow(0 8px 22px rgba(212, 175, 55, 0.14));
    }

    .navy-gold-btn__label {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }

    /* ================================================================
       HERO SECTION
    ================================================================ */
    #hero {
      padding: 10rem 0 5rem;
      position: relative;
      overflow: hidden;
    }

    #hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: none;
      pointer-events: none;
    }

    .hero__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
    }

    .hero__eyebrow {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: var(--product);
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

    .hero__eyebrow::before {
      content: '';
      display: inline-block;
      width: 18px;
      height: 2px;
      background: var(--product);
      border-radius: 0;
    }

    #hero h1 {
      color: #fff;
      margin-bottom: 1rem;
    }

    #hero h1 span {
      color: var(--product);
    }

    .hero__headline {
      margin-bottom: 1rem;
      max-width: none;
      font-size: clamp(2rem, 4vw, 3.1rem);
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: -0.02em;
      color: #fff;
      text-wrap: balance;
    }

    .hero__headline-line {
      display: block;
      width: auto;
      white-space: nowrap;
    }

    .hero__headline-line--alert {
      color: var(--product);
    }

    .hero__support {
      font-family: var(--font-heading);
      font-size: clamp(1.125rem, 2vw, 1.375rem);
      font-weight: 600;
      color: rgba(255, 255, 255, 0.80);
      margin-bottom: 1.25rem;
      line-height: 1.5;
    }

    .hero__detail-box {
      background: rgba(0, 0, 0, 0.20);
      border: 1px solid rgba(139, 69, 19, 0.30);
      border-left: 3px solid var(--product);
      border-right: 3px solid var(--product);
      border-radius: 0;
      padding: 1rem 1.25rem;
      margin-bottom: 1.5rem;
    }

    .hero__detail-box p {
      font-size: 0.9375rem;
      color: rgba(255, 255, 255, 0.65);
      margin: 0 0 0.75rem;
      line-height: 1.6;
    }

    .hero__detail-box p:last-child {
      margin-bottom: 0;
    }

    .hero__citation {
      font-family: var(--font-heading);
      font-size: 0.6875rem !important;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--gold-btn) !important;
      margin-top: -0.25rem !important;
    }

    .hero__detail-box a {
      color: var(--teal);
      border-bottom: 1px solid transparent;
      transition: border-color 150ms;
    }

    .hero__detail-box a:hover {
      border-bottom-color: var(--teal);
    }

    .hero__actions {
      display: flex;
      align-items: center;
      gap: 0.875rem;
      flex-wrap: wrap;
      margin-bottom: 1.25rem;
    }

    .hero__pricing-inline {
      display: flex;
      align-items: baseline;
      gap: 0.5rem;
      padding-top: 0.25rem;
    }

    .hero__price-founding {
      font-family: var(--font-heading);
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--gold);
      font-feature-settings: 'tnum' 1;
    }

    .hero__price-standard {
      font-family: var(--font-heading);
      font-size: 0.9375rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.40);
      text-decoration: line-through;
    }

    .hero__founding-label {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: var(--gold-btn);
    }

    .hero__tags {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
    }

    .hero__tag {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.50);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 0;
      padding: 0.25rem 0.75rem;
    }

    .hero__card-wrap {
      position: relative;
      cursor: pointer;
    }

    .hero__card-wrap .hint-text {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.35);
      text-align: center;
      margin-bottom: 0.5rem;
      letter-spacing: 0.04em;
    }

    .hero__right {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .hero__deliverable-link {
      font-family: var(--font-heading);
      font-size: 0.8125rem;
      font-weight: 600;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.62);
      text-align: center;
      margin: 0;
    }

    .hero__deliverable-link a {
      color: var(--gold-btn);
      text-decoration: none;
      border-bottom: 1px solid rgba(169, 124, 80, 0.45);
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    .hero__deliverable-link a:hover,
    .hero__deliverable-link a:focus-visible {
      color: #fff;
      border-color: #fff;
    }

    .hero-announce {
      background: var(--gold-bg);
      border: 0;
      border-left: 3px solid var(--gold-btn);
      border-right: 3px solid var(--gold-btn);
      border-radius: 0;
      box-shadow: inset 0 1px 0 var(--gold-border), inset 0 -1px 0 var(--gold-border);
      padding: 0.75rem 1rem;
      margin-bottom: 0.75rem;
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 600;
      color: var(--gold-btn);
      line-height: 1.5;
    }

    /* Anchor CTA */
    .hero__anchor-cta {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 1.5rem;
      font-family: var(--font-heading);
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--teal);
      letter-spacing: 0.02em;
      border-bottom: 1px solid rgba(0, 194, 178, 0.30);
      padding-bottom: 2px;
      transition: border-color 150ms, color 150ms;
    }

    .hero__anchor-cta:hover {
      color: #fff;
      border-bottom-color: #fff;
    }

    /* ================================================================
       FRACTURE CUBE HERO CANVAS
    ================================================================ */
    .risk-fracture-canvas {
      display: block;
      width: min(520px, 100%) !important;
      height: auto !important;
      aspect-ratio: 13 / 9;
      margin: 0 auto;
    }

    /* ================================================================
       SIGNAL MONITOR WIDGET
    ================================================================ */
    .signal-monitor {
      background: #FAF8F6;
      border: 1px solid rgba(139, 69, 19, 0.20);
      border-top: 2px solid var(--product);
      font-family: var(--font-heading);
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .sm-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.625rem 0.875rem;
      background: rgba(51, 32, 26, 0.08);
      border-bottom: 1px solid rgba(139, 69, 19, 0.15);
    }

    .sm-header__left {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .sm-label {
      font-size: 0.5625rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(51, 32, 26, 0.45);
    }

    .sm-live {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      font-size: 0.5rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      color: rgba(51, 32, 26, 0.40);
    }

    .sm-header__domains {
      display: flex;
      gap: 4px;
    }

    .sm-domain {
      font-size: 0.5rem;
      font-weight: 700;
      color: rgba(51, 32, 26, 0.40);
      background: rgba(51, 32, 26, 0.08);
      border: 1px solid rgba(139, 69, 19, 0.18);
      padding: 2px 5px;
      letter-spacing: 0.06em;
      transition: color 0.3s, border-color 0.3s;
    }

    .sm-domain.active {
      color: var(--product);
      border-color: rgba(239, 68, 68, 0.35);
      background: rgba(239, 68, 68, 0.08);
    }

    /* Score row */
    .sm-score-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.875rem 0.875rem 0.625rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .sm-score-num {
      font-size: 3rem;
      font-weight: 700;
      color: #EF4444;
      font-feature-settings: 'tnum' 1;
      line-height: 1;
      letter-spacing: -0.02em;
      transition: color 0.5s;
    }

    .sm-score-label {
      font-size: 0.5rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: rgba(51, 32, 26, 0.40);
      margin-top: 3px;
    }

    .sm-score-meta {
      display: flex;
      flex-direction: column;
      gap: 0.375rem;
    }

    .sm-meta-row {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      justify-content: flex-end;
    }

    .sm-meta-label {
      font-size: 0.5rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(51, 32, 26, 0.35);
    }

    .sm-meta-val {
      font-size: 0.6875rem;
      font-weight: 700;
      color: rgba(51, 32, 26, 0.80);
      font-feature-settings: 'tnum' 1;
      min-width: 70px;
      text-align: right;
    }

    /* Pressure bars */
    .sm-bars-block {
      padding: 0.625rem 0.875rem;
      border-bottom: 1px solid rgba(139, 69, 19, 0.10);
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .sm-bar-row {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .sm-bar-label {
      font-size: 0.5625rem;
      color: rgba(51, 32, 26, 0.50);
      width: 110px;
      flex-shrink: 0;
      text-align: right;
      white-space: nowrap;
    }

    .sm-bar-track {
      flex: 1;
      height: 4px;
      background: rgba(51, 32, 26, 0.08);
      border: 1px solid rgba(139, 69, 19, 0.15);
      overflow: hidden;
    }

    .sm-bar-fill {
      height: 4px;
      width: 0;
      transition: width 1.4s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .sm-bar-val {
      font-size: 0.5625rem;
      font-weight: 700;
      font-feature-settings: 'tnum' 1;
      color: rgba(51, 32, 26, 0.45);
      width: 20px;
      text-align: right;
    }

    /* Signal feed */
    .sm-feed-block {
      flex: 1;
      display: flex;
      flex-direction: column;
      min-height: 120px;
    }

    .sm-feed-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.375rem 0.875rem;
      background: rgba(51, 32, 26, 0.06);
      border-bottom: 1px solid rgba(139, 69, 19, 0.10);
    }

    .sm-feed-title {
      font-size: 0.4375rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      color: rgba(51, 32, 26, 0.35);
    }

    .sm-feed-count {
      font-size: 0.4375rem;
      font-weight: 700;
      color: var(--product);
      letter-spacing: 0.06em;
    }

    .sm-feed {
      flex: 1;
      overflow: hidden;
      padding: 0.375rem 0.875rem;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .sm-feed-item {
      display: flex;
      align-items: flex-start;
      gap: 0.375rem;
      animation: smFeedIn 0.3s ease;
      opacity: 0;
    }

    .sm-feed-item.visible {
      opacity: 1;
    }

    @keyframes smFeedIn {
      from {
        opacity: 0;
        transform: translateY(-4px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .sm-feed-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 3px;
    }

    .sm-feed-text {
      font-size: 0.5rem;
      color: rgba(51, 32, 26, 0.60);
      line-height: 1.4;
    }

    .sm-feed-domain {
      font-size: 0.4rem;
      font-weight: 700;
      color: rgba(51, 32, 26, 0.30);
      letter-spacing: 0.08em;
      margin-left: auto;
      flex-shrink: 0;
      padding-left: 4px;
    }

    /* Footer */
    .sm-footer {
      display: flex;
      justify-content: space-between;
      padding: 0.375rem 0.875rem;
      background: rgba(51, 32, 26, 0.07);
      border-top: 1px solid rgba(139, 69, 19, 0.12);
    }

    .sm-footer span {
      font-size: 0.4375rem;
      color: rgba(51, 32, 26, 0.30);
      letter-spacing: 0.06em;
    }

    /* ================================================================
       BRIEF CARD
    ================================================================ */
    .brief {
      border-radius: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 0 rgba(255, 255, 255, 0.07),
        0 0 0 1px rgba(139, 69, 19, 0.35),
        0 2px 8px rgba(0, 0, 0, 0.4),
        0 18px 40px rgba(0, 0, 0, 0.5);
      isolation: isolate;
      backface-visibility: hidden;
      contain: layout style;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, transparent 35%), var(--product-card);
      font-size: 10px;
    }

    /* Header bar */
    .brief .hdr {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 10px;
      background: rgba(0, 0, 0, 0.25);
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

    .brief .hdr .lg {
      display: flex;
      align-items: center;
    }

    .brief .hdr .lg-text {
      font-family: var(--font-heading);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.85);
    }

    .brief .hdr .lg-text span {
      color: var(--product);
    }

    .brief .fbdg {
      font-family: var(--font-heading);
      font-size: 7px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 3px 8px;
      border-radius: 0;
      background: rgba(212, 175, 55, 0.12);
      color: var(--gold-btn);
      border: 1px solid rgba(212, 175, 55, 0.30);
    }

    /* Content */
    .brief .cnt {
      padding: 10px 10px 6px;
    }

    .brief .co-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 4px;
    }

    .brief .co {
      font-family: var(--font-heading);
      font-size: 15px;
      font-weight: 700;
      color: #F5F0EB;
      line-height: 1.2;
    }

    .brief .stp {
      text-align: right;
      border: 1px solid rgba(139, 69, 19, 0.35);
      background: #0F172A;
      padding: 3px 6px;
      border-radius: 0;
      min-width: 90px;
    }

    .brief .stp-t {
      font-family: var(--font-heading);
      font-size: 5.5px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: var(--gold-btn);
      display: block;
    }

    .brief .stp-n {
      font-family: var(--font-heading);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      color: var(--product);
      display: block;
      line-height: 1.3;
    }

    .brief .stp-s {
      font-size: 6px;
      color: rgba(255, 255, 255, 0.55);
      display: block;
    }

    .brief .meta {
      font-size: 7.5px;
      color: #8C7E72;
      margin-bottom: 8px;
    }

    .brief .md {
      opacity: 0.4;
      margin: 0 3px;
    }

    /* Score row */
    .brief .sc-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      margin-bottom: 8px;
    }

    .brief .sc-num {
      font-family: var(--font-heading);
      font-size: 38px;
      font-weight: 700;
      color: #3B82F6;
      font-feature-settings: 'tnum' 1;
      line-height: 1;
    }

    .brief .sc-pct {
      font-family: var(--font-heading);
      font-size: 16px;
      font-weight: 700;
      color: rgba(59, 130, 246, 0.6);
      font-feature-settings: 'tnum' 1;
    }

    .brief .sc-lbl {
      font-family: var(--font-heading);
      font-size: 6.5px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: var(--gold-btn);
      display: block;
      margin-top: 2px;
    }

    .brief .sc-sub {
      font-size: 6.5px;
      color: rgba(255, 255, 255, 0.30);
      display: block;
      margin-top: 1px;
    }

    .brief .sm {
      text-align: right;
    }

    .brief .sm-i {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      margin-bottom: 3px;
    }

    .brief .sm-l {
      font-size: 5.5px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: rgba(255, 255, 255, 0.20);
      font-family: var(--font-heading);
    }

    .brief .sm-v {
      font-family: var(--font-heading);
      font-size: 9px;
      font-weight: 700;
      font-feature-settings: 'tnum' 1;
      color: rgba(255, 255, 255, 0.80);
    }

    .brief .sm-v.blue {
      color: #3B82F6;
    }

    .brief .sm-v.yellow {
      color: #EAB308;
    }

    /* Pressure Bars */
    .brief .bars {
      display: flex;
      flex-direction: column;
      gap: 3px;
      margin-bottom: 8px;
    }

    .brief .br {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .brief .br-l {
      font-size: 6.5px;
      color: rgba(255, 255, 255, 0.45);
      width: 95px;
      text-align: right;
      flex-shrink: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .brief .br-bg {
      flex: 1;
      height: 5px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 0;
      overflow: hidden;
    }

    .brief .br-f {
      height: 5px;
      border-radius: 0;
      width: 0;
      transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .brief .br-n {
      font-family: var(--font-heading);
      font-size: 6.5px;
      font-weight: 700;
      font-feature-settings: 'tnum' 1;
      color: rgba(255, 255, 255, 0.40);
      width: 18px;
      text-align: right;
    }

    /* Detail cards grid */
    .brief .cds {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5px;
    }

    .brief .cd {
      background: rgba(0, 0, 0, 0.20);
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 0;
      padding: 5px;
    }


    .brief .cd-h,
    .brief .ct-name {
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .brief .brief-icon {
      width: 8px;
      height: 8px;
      flex-shrink: 0;
      object-fit: contain;
    }

    .brief .cd-h {
      font-family: var(--font-heading);
      font-size: 5.5px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: var(--product);
      margin-bottom: 3px;
      padding-bottom: 2px;
      border-bottom: 1px solid rgba(139, 69, 19, 0.25);
    }

    .brief .cd-t {
      font-size: 6.5px;
      color: rgba(255, 255, 255, 0.50);
      margin-bottom: 2px;
      line-height: 1.4;
    }

    .brief .cd-b {
      font-size: 6px;
      color: rgba(255, 255, 255, 0.40);
      margin-bottom: 1px;
      line-height: 1.4;
      padding-left: 5px;
      position: relative;
    }

    .brief .cd-b::before {
      content: '\00B7';
      position: absolute;
      left: 0;
      color: var(--product);
    }

    .brief .cd-lk {
      font-size: 6px;
      color: var(--product);
      margin-top: 3px;
      opacity: 0.7;
    }

    .brief .ct {
      padding: 3px 4px;
      border-radius: 0;
      margin-bottom: 2px;
    }

    .brief .ct.ally {
      border-left: 2px solid #22C55E;
      background: rgba(34, 197, 94, 0.05);
    }

    .brief .ct.drift {
      border-left: 2px solid #EAB308;
      background: rgba(234, 179, 8, 0.05);
    }

    .brief .ct-name {
      font-family: var(--font-heading);
      font-size: 7px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.80);
    }

    .brief .ct-role {
      font-size: 5.5px;
      color: rgba(255, 255, 255, 0.40);
    }

    .brief .ct-intel {
      font-size: 5.5px;
      color: rgba(255, 255, 255, 0.35);
      font-style: italic;
    }

    .brief .alrt {
      background: rgba(249, 115, 22, 0.06);
      border: 1px solid rgba(249, 115, 22, 0.15);
      border-radius: 0;
      padding: 3px;
      margin-bottom: 2px;
    }

    .brief .alrt p {
      font-size: 5.5px;
      color: #F97316;
      font-style: italic;
      margin: 0;
      line-height: 1.4;
    }

    /* Executive summary */
    .brief .ex {
      padding: 8px 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.07);
      background: rgba(0, 0, 0, 0.15);
    }

    .brief .ex-h {
      font-family: var(--font-heading);
      font-size: 6px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: var(--product);
      margin-bottom: 3px;
    }

    .brief .ex-b {
      font-size: 7px;
      color: rgba(255, 255, 255, 0.40);
      line-height: 1.55;
    }

    .brief .ex-c {
      color: var(--product);
      font-weight: 600;
    }

    .brief .ex-a {
      color: var(--gold-btn);
      font-weight: 600;
    }

    /* Footer bar */
    .brief .ft {
      display: flex;
      justify-content: space-between;
      padding: 4px 10px;
      background: var(--product-foot);
      border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    .brief .ft span {
      font-size: 6px;
      color: rgba(255, 255, 255, 0.18);
      font-family: var(--font-heading);
    }

    /* ================================================================
       TRUST STRIP
    ================================================================ */
    .trust-strip {
      list-style: none;
      margin: 0;
      background: var(--navy-core);
      border-top: 1px solid var(--gold-border);
      border-bottom: 1px solid var(--gold-border);
      padding: 14px 60px;
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
      gap: 20px;
    }

    .trust-strip__item {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .trust-strip__item svg {
      width: 18px;
      height: 18px;
      stroke: var(--gold);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
      flex-shrink: 0;
    }

    .trust-strip__item span {
      font-family: var(--font-heading);
      font-size: 13px;
      font-weight: 500;
      color: var(--teal);
      letter-spacing: 0.02em;
      white-space: nowrap;
    }

    .trust-strip__dot {
      color: rgba(255, 255, 255, 0.3);
      font-size: 10px;
      user-select: none;
    }

    .stat-bar {
      background: var(--navy-core);
    }

    /* ================================================================
       WHERE CRACKS FORM; PROBLEM SECTION
    ================================================================ */
    .cracks-section {
      background: var(--bg-white);
      position: relative;
      overflow: hidden;
    }

    .cracks-section::after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 400px;
      height: 200px;
      background: radial-gradient(ellipse at 50% 0%, rgba(91, 46, 26, 0.10) 0%, transparent 70%);
      pointer-events: none;
    }

    .cracks-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: start;
    }

    .cracks-intro h3 {
      color: var(--text-dark);
      margin-bottom: 1rem;
    }

    .cracks-intro p {
      color: var(--text-gray);
      font-size: 0.9375rem;
      margin-bottom: 0.875rem;
    }

    .verification-line {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--font-heading);
      font-size: 14px;
      font-weight: 600;
      color: var(--teal-dark);
      margin-top: 0.5rem;
    }

    .verification-line::before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #22C55E;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .cracks-signals {
      display: flex;
      flex-direction: column;
      gap: 0.875rem;
    }

    .signal-card {
      --signal-card-accent: var(--product);
      background: var(--bg-light);
      border: 0;
      border-left: 3px solid var(--signal-card-accent);
      border-right: 3px solid var(--signal-card-accent);
      border-radius: 0;
      box-shadow: inset 0 1px 0 #E2E8F0, inset 0 -1px 0 #E2E8F0;
      padding: 1rem 1.25rem;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .signal-card:hover {
      transform: translateX(4px);
      box-shadow: inset 0 1px 0 #E2E8F0, inset 0 -1px 0 #E2E8F0, var(--shadow-lg);
    }

    .signal-card--red {
      --signal-card-accent: var(--product);
      background: rgba(51, 32, 26, 0.04);
    }

    .signal-card--yellow {
      --signal-card-accent: #EAB308;
    }

    .signal-card--blue {
      --signal-card-accent: #3B82F6;
    }

    .signal-card__label {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-light);
      margin-bottom: 0.25rem;
    }

    .signal-card__title {
      font-family: var(--font-heading);
      font-size: 0.9375rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 0.25rem;
    }

    .signal-card__desc {
      font-size: 0.8125rem;
      color: var(--text-gray);
      line-height: 1.5;
    }

    .signal-card__trigger {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      border: 0;
      background: none;
      padding: 0;
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 700;
      color: var(--text-dark);
      cursor: default;
      gap: 1rem;
    }

    .signal-card__trigger:focus-visible {
      outline: 2px solid var(--product);
      outline-offset: 2px;
    }

    .signal-card__trigger:disabled {
      opacity: 1;
    }

    .signal-card__trigger-icon {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      display: none;
      align-items: center;
      justify-content: center;
      color: var(--text-dark);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s ease;
      transform: rotate(180deg);
    }

    .signal-card__trigger-icon svg {
      transform: none;
      transition: none;
    }

    .signal-card.open .signal-card__trigger-icon {
      transform: rotate(360deg);
      color: var(--product);
    }

    .signal-card__panel {
      max-height: none;
      overflow: visible;
      opacity: 1;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease,
        padding-top 0.3s ease;
      padding-top: 0.75rem;
    }

    .signal-card.open .signal-card__panel {
      opacity: 1;
      padding-top: 0.75rem;
    }

    .signal-card__panel .signal-card__desc {
      margin: 0;
    }

    /* ================================================================
       WHAT WE MONITOR; SIGNAL CATEGORIES
    ================================================================ */
    .monitor-section {
      position: relative;
    }

    .monitor-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
    }

    .monitor-card {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-top: 2px solid;
      border-radius: 0;
      padding: 1.5rem;
      transition: var(--transition-base);
      position: relative;
      overflow: hidden;
    }

    .monitor-card::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      height: 60px;
      border-radius: 0;
      opacity: 0.06;
    }

    .monitor-card:hover {
      background: rgba(255, 255, 255, 0.06);
      transform: translateY(-2px);
    }

    .monitor-card--red {
      border-top-color: var(--product);
    }

    .monitor-card--red::before {
      background: var(--product);
    }

    .monitor-card--orange {
      border-top-color: #F97316;
    }

    .monitor-card--orange::before {
      background: #F97316;
    }

    .monitor-card--yellow {
      border-top-color: #EAB308;
    }

    .monitor-card--yellow::before {
      background: #EAB308;
    }

    .monitor-card--blue {
      border-top-color: #3B82F6;
    }

    .monitor-card--blue::before {
      background: #3B82F6;
    }

    .monitor-card--green {
      border-top-color: #22C55E;
    }

    .monitor-card--green::before {
      background: #22C55E;
    }

    .monitor-card__code {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-bottom: 0.75rem;
    }

    .monitor-card--red .monitor-card__code {
      color: var(--product);
    }

    .monitor-card--orange .monitor-card__code {
      color: #F97316;
    }

    .monitor-card--yellow .monitor-card__code {
      color: #EAB308;
    }

    .monitor-card--blue .monitor-card__code {
      color: #3B82F6;
    }

    .monitor-card--green .monitor-card__code {
      color: #22C55E;
    }

    .monitor-card h4 {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0.5rem;
    }

    .monitor-card p {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.55;
      margin-bottom: 0.75rem;
    }

    .monitor-card__signals {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }

    .monitor-card__signal {
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.40);
      display: flex;
      align-items: flex-start;
      gap: 0.375rem;
      line-height: 1.4;
    }

    .monitor-card__signal::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 4px;
      background: rgba(255, 255, 255, 0.25);
      border-radius: 50%;
      margin-top: 0.375rem;
      flex-shrink: 0;
    }

    /* ================================================================
       SAMPLE ASSESSMENT SECTION
    ================================================================ */
    .sample-section {
      background: var(--bg-white);
      position: relative;
    }

    .sample-grid {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 4rem;
      align-items: start;
    }

    .sample-brief-wrap .hint-text {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 500;
      color: var(--text-light);
      text-align: center;
      margin-bottom: 0.5rem;
      letter-spacing: 0.04em;
    }

    .sample-brief-wrap .brief {
      cursor: pointer;
    }

    .sample-brief-wrap .brief:hover {
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.15),
        0 0 0 2px rgba(239, 68, 68, 0.40),
        0 8px 32px rgba(0, 0, 0, 0.5),
        0 24px 48px rgba(0, 0, 0, 0.4);
    }

    .sample-copy h2 {
      color: var(--text-dark);
      margin-bottom: 0.75rem;
    }

    .sample-copy .overline--product {
      color: var(--product);
    }

    .sample-copy>p {
      color: var(--text-gray);
      font-size: 0.9375rem;
      margin-bottom: 1.5rem;
      line-height: 1.65;
    }

    .sample-findings {
      display: flex;
      flex-direction: column;
      gap: 0.625rem;
      margin-bottom: 1.5rem;
    }

    .finding-row {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      padding: 0.625rem 0;
      border-bottom: 1px solid #F1F5F9;
    }

    .finding-row:last-child {
      border-bottom: none;
    }

    .finding-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 0.375rem;
    }

    .finding-dot--red {
      background: var(--product);
    }

    .finding-dot--yellow {
      background: #EAB308;
    }

    .finding-dot--green {
      background: #22C55E;
    }

    .finding-row p {
      font-size: 0.875rem;
      color: var(--text-gray);
      margin: 0;
      line-height: 1.5;
    }

    .finding-row strong {
      color: var(--text-dark);
    }

    .sample-note {
      font-size: 0.8125rem;
      color: var(--text-light);
      font-style: italic;
      border-top: 1px solid #E2E8F0;
      padding-top: 1rem;
    }

    /* ================================================================
       WHAT YOU RECEIVE
    ================================================================ */
    .receive-section {
      position: relative;
    }

    .receive-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
      margin-bottom: 2.5rem;
    }

    .receive-bucket {
      background: rgba(51, 32, 26, 0.55);
      border: 1px solid rgba(139, 69, 19, 0.25);
      border-radius: 0;
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
    }

    .receive-bucket__icon {
      width: 36px;
      height: 36px;
      border-radius: 0;
      background: rgba(59, 130, 246, 0.10);
      border: 1px solid rgba(59, 130, 246, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
    }

    .receive-bucket__icon svg {
      width: 18px;
      height: 18px;
      stroke: #3B82F6;
      stroke-width: 2;
      fill: none;
    }

    .receive-bucket h4 {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0.625rem;
    }

    .receive-bucket p {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.55;
      margin-bottom: 1rem;
    }

    .receive-bucket__items {
      display: flex;
      flex-direction: column;
      gap: 0.375rem;
      margin-top: auto;
    }

    .receive-bucket__item {
      font-size: 0.8rem;
      color: rgba(255, 255, 255, 0.45);
      display: flex;
      align-items: center;
      gap: 0.375rem;
    }

    .receive-bucket__item::before {
      content: '';
      width: 5px;
      height: 5px;
      background: var(--gold-btn);
      border-radius: 50%;
      flex-shrink: 0;
      opacity: 0.8;
    }

    .brief-contents {
      background: rgba(51, 32, 26, 0.30);
      border: 1px solid rgba(139, 69, 19, 0.20);
      border-radius: 0;
      overflow: hidden;
    }

    .brief-contents__header {
      padding: 1rem 1.5rem;
      background: rgba(51, 32, 26, 0.50);
      border-bottom: 1px solid rgba(139, 69, 19, 0.20);
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .brief-contents__header h4 {
      font-size: 0.875rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85);
      margin: 0;
    }

    .brief-contents__count {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 700;
      color: #3B82F6;
      background: rgba(59, 130, 246, 0.10);
      border: 1px solid rgba(59, 130, 246, 0.25);
      padding: 2px 8px;
      border-radius: 0;
    }

    .brief-contents__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
    }

    .brief-section-item {
      padding: 0.75rem 1.25rem;
      border-right: 1px solid rgba(139, 69, 19, 0.12);
      border-bottom: 1px solid rgba(139, 69, 19, 0.12);
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .brief-section-item:nth-child(3n) {
      border-right: none;
    }

    .brief-section-num {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      color: var(--gold-btn);
      opacity: 0.8;
      min-width: 20px;
    }

    .brief-section-name {
      font-size: 0.8rem;
      color: var(--text-gray);
      line-height: 1.3;
    }

    /* ================================================================
       COMPARISON TABLE
    ================================================================ */
    .comparison-section {
      background: var(--bg-white);
    }

    .comparison-intro {
      max-width: 600px;
      margin: 0 auto var(--space-3xl);
      text-align: center;
    }

    .comparison-intro h2 {
      color: var(--text-dark);
      margin-bottom: 0.75rem;
    }

    .comparison-intro p {
      color: var(--text-gray);
      font-size: 0.9375rem;
    }

    .comparison-wrap {
      border-radius: 0;
      overflow: auto;
      border: 1px solid #E2E8F0;
      margin-bottom: 3rem;
    }

    .comparison-table {
      width: 100%;
      min-width: 800px;
      border-collapse: collapse;
    }
/* /* ============================================================ */
/* Hide native scrollbar on comparison wrap */
    .comparison-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .comparison-wrap::-webkit-scrollbar {
      display: none;
    }

    /* Proxy scrollbars */
    .table-scroll-proxy {
      position: fixed;
      bottom: 0;
      top: auto;
      left: 0;
      right: 0;
      z-index: 80;
      height: 8px;
      border-top: 1px solid rgba(212, 175, 55, 0.25);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
      touch-action: pan-x;
    }
    .table-scroll-proxy.is-visible {
      opacity: 1;
      pointer-events: auto;
    }
    .table-scroll-proxy__track {
      position: absolute;
      top: 2px;
      left: 12px;
      right: 12px;
      height: 4px;
      background: rgba(0, 0, 0, 0.08);
    }
    .table-scroll-proxy__thumb {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: rgba(0, 0, 0, 0.25);
      min-width: 36px;
      cursor: grab;
      transition: background 0.15s ease;
    }
    .table-scroll-proxy__thumb:active {
      cursor: grabbing;
      background: rgba(0, 0, 0, 0.4);
    }
/* =========================================================== */ 
    .comparison-table thead th {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #94A3B8;
      background: var(--bg-light);
      padding: 0.875rem 1.25rem;
      text-align: left;
      border-bottom: 2px solid #E2E8F0;
    }

    .comparison-table thead th.col-risk {
      color: var(--product);
      background: #2a1914;
      border-left: 2px solid rgba(239, 68, 68, 0.3);
      border-right: 2px solid rgba(139, 69, 19, 0.40);
      position: relative;
    }

    .comparison-table thead th.col-risk::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--product);
    }

    .comparison-table tbody td {
      padding: 0.875rem 1.25rem;
      font-size: 0.84375rem;
      color: var(--text-gray);
      border-bottom: 1px solid #F1F5F9;
      line-height: 1.55;
    }

    .comparison-table tbody td:first-child {
      font-family: var(--font-heading);
      font-weight: 600;
      color: var(--text-dark);
      font-size: 0.8125rem;
    }

    .comparison-table tbody td.col-risk {
      background: rgba(239, 68, 68, 0.04);
      font-weight: 500;
      color: var(--text-dark);
      border-left: 2px solid rgba(239, 68, 68, 0.2);
      border-right: 2px solid rgba(239, 68, 68, 0.2);
    }

    .comparison-table tbody tr:hover td {
      background: #F8FAFB;
    }

    .comparison-table tbody tr:hover td.col-risk {
      background: rgba(239, 68, 68, 0.07);
    }

    .check {
      color: #22C55E;
      font-weight: 700;
    }

    .cross {
      color: #94A3B8;
    }

    .partial {
      color: #EAB308;
    }

    .comparison-note {
      background: var(--bg-light);
      border: 0;
      border-left: 3px solid var(--teal);
      border-right: 3px solid var(--teal);
      border-radius: 0;
      box-shadow: inset 0 1px 0 #E2E8F0, inset 0 -1px 0 #E2E8F0;
      padding: 1rem 1.5rem;
      margin-top: 1.5rem;
    }

    .comparison-note p {
      font-size: 0.875rem;
      color: var(--text-gray);
      line-height: 1.65;
      margin: 0;
    }

    .comparison-disambiguation {
      background: rgba(51, 32, 26, 0.04);
      border: 1px solid rgba(139, 69, 19, 0.18);
      border-left: 3px solid var(--product);
      padding: 1rem 1.5rem;
      margin-top: 1rem;
    }

    .comparison-disambiguation__label {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--product);
      margin-bottom: 0.5rem;
    }

    .comparison-disambiguation p {
      font-size: 0.875rem;
      color: var(--text-gray);
      line-height: 1.65;
      margin: 0;
    }

    /* ================================================================ */
    .guarantee-strip {
      background: var(--navy-core);
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      padding: 2rem 0;
    }

    .guarantee-strip__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      text-align: center;
    }

    .guarantee-item h5 {
      font-family: var(--font-heading);
      font-size: 0.875rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85);
      margin-bottom: 0.375rem;
    }

    .guarantee-item p {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.45);
      line-height: 1.5;
    }

    .guarantee-item__icon {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--gold);
      margin-bottom: 0.5rem;
      display: block;
    }

    /* ================================================================
       PRICING SECTION
    ================================================================ */
    .pricing-section {
      position: relative;
    }

    .pricing-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 80% 50% at 50% 50%, rgba(91, 46, 26, 0.12) 0%, transparent 60%);
      pointer-events: none;
    }

    .pricing-rule {
      width: 100%;
      height: 1px;
      background: rgba(139, 69, 19, 0.35);
      margin-bottom: var(--space-4xl);
    }

    .pricing-card-row {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 2rem;
      max-width: 960px;
      margin: 0 auto 2.5rem;
    }

    .pricing-card {
      width: 320px;
      background: var(--product-card);
      border-radius: 0;
      border: 1px solid rgba(139, 69, 19, 0.30);
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .pricing-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 0 0 1px rgba(139, 69, 19, 0.45), 0 16px 40px rgba(0, 0, 0, 0.4);
    }

    .pricing-card__header {
      padding: 1.25rem 1.5rem 1rem;
      background: rgba(51, 32, 26, 0.50);
      border-bottom: 1px solid rgba(139, 69, 19, 0.20);
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .pricing-card__logo {
      font-family: var(--font-heading);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.70);
    }

    .pricing-card__logo span {
      color: var(--product);
    }

    .pricing-card__badge {
      font-family: var(--font-heading);
      font-size: 8px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--product);
      background: rgba(239, 68, 68, 0.10);
      border: 1px solid rgba(239, 68, 68, 0.25);
      padding: 3px 8px;
      border-radius: 0;
    }

    .pricing-card__body {
      padding: 1.5rem;
    }

    .pricing-card__name {
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 700;
      color: var(--product);
      margin-bottom: 0.25rem;
    }

    .pricing-card__founding-label {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: var(--gold-btn);
      display: block;
      margin-bottom: 0.5rem;
    }

    .pricing-card__price-row {
      display: flex;
      align-items: baseline;
      gap: 0.625rem;
      margin-bottom: 0.25rem;
    }

    .pricing-card__price-main {
      font-family: var(--font-heading);
      font-size: 2.25rem;
      font-weight: 700;
      color: #fff;
      font-feature-settings: 'tnum' 1;
      line-height: 1;
    }

    .pricing-card__price-standard {
      font-family: var(--font-heading);
      font-size: 0.9375rem;
      color: rgba(255, 255, 255, 0.30);
      text-decoration: line-through;
    }

    .pricing-card__price-label {
      font-size: 0.6875rem;
      color: rgba(255, 255, 255, 0.25);
      margin-bottom: 0.5rem;
    }

    .pricing-card__tagline {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.50);
      margin-bottom: 1rem;
      line-height: 1.5;
    }

    .pricing-card__link {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 600;
      color: #3B82F6;
      display: block;
      margin-bottom: 1rem;
      opacity: 0.8;
      transition: opacity 150ms;
    }

    .pricing-card__link:hover {
      opacity: 1;
    }

    .pricing-card__footer {
      padding: 0.75rem 1.5rem;
      background: var(--product-foot);
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      display: flex;
      justify-content: space-between;
    }

    .pricing-card__footer span {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      color: rgba(255, 255, 255, 0.25);
    }

    .pricing-microcopy {
      text-align: center;
      font-family: var(--font-heading);
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.50);
      letter-spacing: 0.02em;
      margin-top: 2rem;
    }

    /* ================================================================
       TIER PRICING GRID
    ================================================================ */
    .tier-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem;
      margin-bottom: 2rem;
      align-items: start;
    }

    /* Enterprise matched-pair styling - inherits tier-card--premium, no overrides needed */
    .tier-card__scoped-label {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 600;
      color: rgba(201, 168, 76, 0.55);
      letter-spacing: 0.04em;
      display: block;
      padding: 0.25rem 0;
    }

    .tier-card__scope-item--future {
      opacity: 0.60;
    }

    .tier-soon {
      font-family: var(--font-heading);
      font-size: 0.4375rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.10em;
      color: var(--gold-btn);
      background: rgba(201, 168, 76, 0.12);
      border: 1px solid rgba(201, 168, 76, 0.25);
      padding: 1px 5px;
      margin-left: 0.25rem;
      vertical-align: middle;
      white-space: nowrap;
    }

        /* ---- BASE TIER CARD ---- */
    .tier-card {
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }

    /* ---- ENTRY: mild, muted, lowest energy ---- */
    .tier-card--entry {
      background: rgba(51, 32, 26, 0.85);
      border: 1px solid rgba(139, 69, 19, 0.45);
      border-top: 2px solid rgba(139, 69, 19, 0.65);
    }

    .tier-card--entry .tier-card__header {
      border-bottom: 1px solid rgba(139, 69, 19, 0.10);
    }

    .tier-card--entry .tier-card__question {
      color: rgba(255, 255, 255, 0.45);
    }

    .tier-card--entry .tier-card__name {
      color: rgba(255, 255, 255, 0.75);
      font-size: 1.125rem;
    }

    .tier-card--entry .tier-card__founding-label {
      color: var(--gold-btn);
    }

    .tier-card--entry .tier-card__price-main {
      color: #fff;
      font-size: 1.875rem;
    }

    .tier-card--entry .tier-card__price-standard {
      color: rgba(255, 255, 255, 0.30);
    }

    .tier-card--entry .tier-card__price-sublabel {
      color: rgba(255, 255, 255, 0.25);
    }

    .tier-card--entry .tier-card__input {
      background: rgba(51, 32, 26, 0.30);
      border-color: rgba(139, 69, 19, 0.12);
    }

    .tier-card--entry .tier-card__input-val {
      color: rgba(255, 255, 255, 0.55);
    }

    .tier-card--entry .tier-card__scope-item--on {
      color: rgba(255, 255, 255, 0.60);
    }

    .tier-card--entry .tier-card__scope-item--on::before {
      background: rgba(255, 255, 255, 0.35);
    }

    .tier-card--entry .tier-card__scope-item--off {
      color: rgba(255, 255, 255, 0.18);
    }

    .tier-card--entry .tier-card__output {
      color: rgba(255, 255, 255, 0.40);
      border-top-color: rgba(139, 69, 19, 0.15);
    }

    .tier-card--entry .tier-card__footer {
      background: rgba(51, 32, 26, 0.25);
      border-top-color: rgba(139, 69, 19, 0.10);
    }


    /* ---- STANDARD: brown + red, warming up ---- */
    .tier-card--standard {
      background: rgba(51, 32, 26, 0.85);
      border: 1px solid rgba(139, 69, 19, 0.50);
      border-top: 3px solid var(--product);
    }

    .tier-card--standard .tier-card__header {
      border-bottom: 1px solid rgba(139, 69, 19, 0.20);
    }

    .tier-card--standard .tier-card__question {
      color: rgba(255, 255, 255, 0.75);
    }

    .tier-card--standard .tier-card__name {
      color: var(--product);
    }

    .tier-card--standard .tier-card__founding-label {
      color: var(--gold-btn);
    }

    .tier-card--standard .tier-card__price-main {
      color: #fff;
    }

    .tier-card--standard .tier-card__price-standard {
      color: rgba(255, 255, 255, 0.28);
    }

    .tier-card--standard .tier-card__price-sublabel {
      color: rgba(255, 255, 255, 0.25);
    }

    .tier-card--standard .tier-card__input {
      background: rgba(51, 32, 26, 0.50);
      border: 1px solid rgba(239, 68, 68, 0.40);
      outline: 1px solid rgba(239, 68, 68, 0.15);
    }

    .tier-card--standard .tier-card__input-val {
      color: rgba(255, 255, 255, 0.65);
    }

    .tier-card--standard .tier-card__scope-item--on {
      color: rgba(255, 255, 255, 0.75);
    }

    .tier-card--standard .tier-card__scope-item--on::before {
      background: var(--product);
    }

    .tier-card--standard .tier-card__scope-item--off {
      color: rgba(255, 255, 255, 0.18);
    }

    .tier-card--entry .navy-gold-btn {
      background: linear-gradient(135deg, #33201A, #4a2d1e);
      border-color: rgba(255, 245, 235, 0.35);
      color: #EF4444 !important;
    }

    .tier-card--entry .navy-gold-btn:hover {
      background: linear-gradient(135deg, #4a2d1e, #5c3624);
      border-color: rgba(255, 245, 235, 0.55);
      color: #EF4444 !important;
    }

    .tier-card--standard .navy-gold-btn {
      background: linear-gradient(135deg, #33201A, #4a2d1e);
      border-color: rgba(239, 68, 68, 0.50);
      color: #EF4444 !important;
    }

    .tier-card--standard .navy-gold-btn:hover {
      background: linear-gradient(135deg, #4a2d1e, #5c3624);
      border-color: rgba(239, 68, 68, 0.80);
      color: #EF4444 !important;
    }

    .tier-card--standard .tier-card__output {
      color: rgba(255, 255, 255, 0.45);
      border-top-color: rgba(139, 69, 19, 0.20);
    }

    .tier-card--standard .tier-card__footer {
      background: rgba(51, 32, 26, 0.50);
      border-top-color: rgba(139, 69, 19, 0.15);
    }

    /* ---- PREMIUM: navy + gold, reserved, polished ---- */
    .tier-card--premium {
      background: linear-gradient(160deg, #0B1D36 0%, #0C2844 100%);
      border: 1px solid rgba(201, 168, 76, 0.45);
      border-top: 3px solid var(--gold-btn);
      box-shadow: 0 0 0 1px rgba(201, 168, 76, 0.10), 0 12px 40px rgba(0, 0, 0, 0.5);
    }

    .tier-card--premium .tier-card__header {
      border-bottom: 1px solid rgba(201, 168, 76, 0.15);
    }

    .tier-card--premium .tier-card__question {
      color: rgba(255, 255, 255, 0.75);
    }

    .tier-card--premium .tier-card__name {
      color: var(--gold-btn);
      font-size: 1.375rem;
    }

    .tier-card--premium .tier-card__founding-label {
      color: var(--gold-btn);
    }

    .tier-card--premium .tier-card__price-main {
      color: var(--gold-btn);
      font-size: 2.25rem;
    }

    .tier-card--premium .tier-card__price-standard {
      color: rgba(201, 168, 76, 0.30);
    }

    .tier-card--premium .tier-card__price-sublabel {
      color: rgba(201, 168, 76, 0.40);
    }

    .tier-card--premium .tier-card__input {
      background: rgba(30, 10, 10, 0.40);
      border: 1px solid rgba(239, 68, 68, 0.55);
      box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.12);
    }

    .tier-card--premium .tier-card__input-label {
      color: rgba(239, 68, 68, 0.60);
    }

    .tier-card--premium .tier-card__input-val {
      color: rgba(255, 255, 255, 0.75);
    }

    .tier-card--premium .tier-card__scope-label {
      color: rgba(239, 68, 68, 0.50);
    }

    .tier-card--premium .tier-card__scope-item--on {
      color: rgba(255, 255, 255, 0.85);
    }

    .tier-card--premium .tier-card__scope-item--on::before {
      background: var(--product);
    }

    .tier-card--premium .tier-card__scope-item--off {
      color: rgba(255, 255, 255, 0.15);
    }

    .tier-card--premium .tier-card__scope-item--off::before {
      background: rgba(239, 68, 68, 0.25);
    }

    .tier-card--premium .tier-card__output {
      color: rgba(201, 168, 76, 0.75);
      border-top-color: rgba(239, 68, 68, 0.30);
    }

    .tier-card--premium .tier-card__footer {
      background: rgba(0, 0, 0, 0.25);
      border-top-color: rgba(201, 168, 76, 0.12);
    }

    .tier-card--premium .navy-gold-btn {
      background: linear-gradient(135deg, #0B1D36, #0C2844);
      border-color: var(--gold-btn);
      color: var(--gold-btn);
      font-size: 13.5px;
    }

    .tier-card--premium .navy-gold-btn:hover {
      background: linear-gradient(135deg, #0C2844, #0D3555);
      border-color: var(--gold);
      color: var(--gold);
      box-shadow: none;
    }

    /* Premium eyebrow badge */
    .tier-card__eyebrow {
      position: absolute;
      top: 0;
      right: 0;
      font-family: var(--font-heading);
      font-size: 0.5rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--navy-core);
      background: var(--gold-btn);
      padding: 3px 10px;
    }

    /* Shared header/body/name/etc - apply after tier overrides */
    .tier-card__header {
      padding: 1.25rem 1.25rem 0.75rem;
    }

    .tier-card__question {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.4;
      margin-bottom: 0.375rem;
      font-style: italic;
    }

    .tier-card__name {
      font-family: var(--font-heading);
      font-size: 1.25rem;
      font-weight: 700;
    }

    .tier-card__body {
      padding: 1rem 1.25rem 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 0.875rem;
    }

    .tier-card__founding-label {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      display: block;
      margin-bottom: 0.25rem;
    }

    .tier-card__price-row {
      display: flex;
      align-items: baseline;
      gap: 0.625rem;
    }

    .tier-card__price-main {
      font-family: var(--font-heading);
      font-size: 2rem;
      font-weight: 700;
      font-feature-settings: 'tnum' 1;
      line-height: 1;
    }

    .tier-card__price-standard {
      font-family: var(--font-heading);
      font-size: 0.9375rem;
      text-decoration: line-through;
    }

    .tier-card__price-sublabel {
      font-size: 0.625rem;
      display: block;
      margin-top: 2px;
    }

    .tier-card__input {
      border: 1px solid;
      padding: 0.4375rem 0.75rem;
    }

    .tier-card__input-label {
      font-family: var(--font-heading);
      font-size: 0.5rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(255, 255, 255, 0.25);
      display: block;
      margin-bottom: 2px;
    }

    .tier-card__input-val {
      font-size: 0.75rem;
      font-family: var(--font-heading);
      font-weight: 500;
      line-height: 1.25;
    }

    .tier-card__scope {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .tier-card__scope-label {
      font-family: var(--font-heading);
      font-size: 0.5rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(255, 255, 255, 0.25);
      margin-bottom: 2px;
    }

    .tier-card__scope-item {
      font-size: 0.75rem;
      display: flex;
      align-items: center;
      gap: 0.375rem;
      line-height: 1.35;
    }

    .tier-card__scope-item::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .tier-card__output {
      font-family: var(--font-heading);
      font-size: 0.6875rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      border-top: 1px solid;
      padding-top: 0.75rem;
      margin-top: auto;
    }

    .tier-card__footer {
      padding: 0.625rem 1.25rem;
      border-top: 1px solid;
    }

    .tier-card__footer span {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      color: rgba(255, 255, 255, 0.20);
      letter-spacing: 0.04em;
    }

    /* Add-ons block */
    .addons-block {
      border: 0;
      border-left: 3px solid rgba(139, 69, 19, 0.50);
      border-right: 3px solid rgba(139, 69, 19, 0.50);
      border-radius: 0;
      box-shadow: inset 0 1px 0 rgba(139, 69, 19, 0.20), inset 0 -1px 0 rgba(139, 69, 19, 0.20);
      background: rgba(51, 32, 26, 0.30);
      padding: 1.25rem 1.5rem;
      margin-bottom: 1.5rem;
    }

    .addons-block__label {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: rgba(255, 255, 255, 0.30);
      margin-bottom: 0.875rem;
    }

    .addons-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
    }

    .addon-item__name {
      font-family: var(--font-heading);
      font-size: 0.875rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.80);
      margin-bottom: 0.125rem;
    }

    .addon-item__price {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--gold-btn);
      margin-bottom: 0.375rem;
    }

    .addon-item__desc {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.40);
      line-height: 1.5;
    }

    /* Insurance framing */
    .insurance-frame {
      text-align: center;
      padding: 1.25rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      margin-bottom: 1.5rem;
    }

    .insurance-frame__stat {
      font-family: var(--font-heading);
      font-size: clamp(1rem, 2vw, 1.25rem);
      font-weight: 700;
      color: rgba(255, 255, 255, 0.60);
      letter-spacing: -0.01em;
    }

    /* ================================================================
       FAQ SECTION
    ================================================================ */
    .faq-section {
      background: var(--bg-white);
    }

    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      list-style: none;
      max-width: 760px;
      margin: 0 auto;
      padding: 0;
    }

    .faq-item {
      width: 100%;
      overflow: hidden;
      border: 1px solid rgba(0, 194, 178, 0.10);
      border-radius: 0;
      background: var(--bg-white);
      transition: border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-item:hover {
      border-color: var(--teal);
      transform: translateY(-2px);
    }

    .faq-item.open {
      border-color: #FA4444;
      background: rgba(201, 168, 76, 0.02);
      transform: translateY(-4px);
    }

    .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      padding: 1.25rem 1.75rem;
      background: none;
      border: none;
      text-align: left;
      cursor: pointer;
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 600;
      color: var(--teal);
      transition: color 0.3s ease;
    }

    .faq-question:hover {
      color: var(--teal);
    }

    .faq-arrow {
      flex-shrink: 0;
      margin-left: auto;
      width: 20px;
      height: 20px;
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--teal);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s ease;
      transform: rotate(180deg);
    }

    .faq-arrow svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
      fill: none;
      transition: none;
    }

    .faq-item.open .faq-arrow {
      color: #FA4444;
      transform: rotate(360deg);
    }

    .faq-item.open .faq-arrow svg {
      transform: none;
    }

    .faq-item.open .faq-question {
      color: #FA4444;
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      padding: 0 1.75rem;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease;
    }

    .faq-item.open .faq-answer {
      max-height: 500px;
      opacity: 1;
      padding: 0 1.75rem 1.75rem;
    }

    .faq-answer p {
      margin: 0;
      font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
      color: var(--text-gray);
      line-height: 1.75;
    }

    /* ================================================================
       CROSS-PRODUCT CTA
    ================================================================ */
    .cross-product {
      background: radial-gradient(ellipse at 50% 30%, #0D3555 0%, #0C2844 50%, #0B1D36 100%);
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      padding: var(--space-3xl) 0;
    }

    .cross-product__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 300px));
      justify-content: center;
      gap: 1rem;
      max-width: 616px;
      margin: 0 auto;
    }

    .cross-card {
      border: 1px solid rgba(139, 69, 19, 0.25);
      border-radius: 0;
      padding: 1.5rem;
      transition: var(--transition-base);
      text-decoration: none;
    }

    .cross-card:hover {
      border-color: rgba(139, 69, 19, 0.45);
      background: rgba(51, 32, 26, 0.30);
      transform: translateY(-2px);
    }

    .cross-card__tag {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-bottom: 0.5rem;
      display: block;
    }

    .cross-card--green .cross-card__tag {
      color: #22C55E;
    }

    .cross-card--purple .cross-card__tag {
      color: #A78BFA;
    }

    .cross-card h4 {
      font-size: 1rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85);
      margin-bottom: 0.375rem;
    }

    .cross-card p {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.45);
      margin-bottom: 0.75rem;
      line-height: 1.5;
    }

    .cross-card__link {
      font-family: var(--font-heading);
      font-size: 0.8125rem;
      font-weight: 600;
    }

    .cross-card--green .cross-card__link {
      color: #22C55E;
    }

    .cross-card--purple .cross-card__link {
      color: #A78BFA;
    }

    /* ================================================================
       FOOTER
    ================================================================ */
    footer {
      background: linear-gradient(180deg, var(--navy-core) 0%, #061220 100%);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      padding: 0;
    }

    .footer__top {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2rem;
      margin-bottom: 3rem;
    }

    .footer__column h5 {
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--gold-btn);
      margin-bottom: 1rem;
    }

    .footer__column ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .footer__column a {
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.65);
      transition: color 150ms;
    }

    .footer__column a:hover {
      color: rgba(255, 255, 255, 0.90);
    }

    .footer__email {
      font-family: var(--font-heading);
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--gold);
    }

    .footer__bottom {
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      padding-top: 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.75rem;
    }

    .footer__copyright {
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.35);
    }

    .footer__legal {
      display: flex;
      gap: 1.25rem;
    }

    .footer__legal a {
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.35);
      transition: color 150ms;
    }

    .footer__legal a:hover {
      color: rgba(255, 255, 255, 0.60);
    }

    /* ================================================================
       LIGHTBOX
    ================================================================ */
    .lightbox {
      position: fixed;
      inset: 0;
      z-index: 10000;
      display: none;
      background: rgba(0, 0, 0, 0.82);
      align-items: center;
      justify-content: center;
    }

    .lightbox.active {
      display: flex;
    }

    .lightbox__inner {
      max-width: 720px;
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      border-radius: 0;
      transform-origin: center center;
      scale: 1.5;
      animation: lightboxIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
      scrollbar-width: thin;
      scrollbar-color: var(--teal) transparent;
    }

    .lightbox__inner::-webkit-scrollbar {
      width: 8px;
    }

    .lightbox__inner::-webkit-scrollbar-thumb {
      background: var(--teal);
      border-radius: 0;
    }

    .lightbox__close {
      position: fixed;
      top: 1.5rem;
      right: 1.5rem;
      width: 40px;
      height: 40px;
      border-radius: 0;
      background: rgba(11, 29, 54, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 18px;
      color: #fff;
      transition: border-color 200ms;
      z-index: 10001;
    }

    .lightbox__close:hover {
      border-color: var(--product);
    }

    .lightbox__hint {
      position: fixed;
      bottom: 1.5rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.35);
      pointer-events: none;
      white-space: nowrap;
    }

    @keyframes lightboxIn {
      0% {
        opacity: 0;
        scale: 1.38;
      }

      100% {
        opacity: 1;
        scale: 1.5;
      }
    }


    /* ================================================================
       WHAT THIS ENABLES SECTION
    ================================================================ */
    .enables-section {
      background: var(--bg-white);
      border-top: 1px solid #E2E8F0;
    }

    .enables-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1.25rem;
    }

    .enables-card {
      background: var(--bg-light);
      border: 1px solid #E2E8F0;
      border-top: 2px solid rgba(139, 69, 19, 0.30);
      padding: 1.5rem;
      overflow: hidden;
    }

    .enables-card--span2 {
      grid-column: span 2;
    }

    .enables-card--origin {
      background: rgba(51, 32, 26, 0.05);
      border-top-color: var(--product);
      border-color: rgba(139, 69, 19, 0.20);
    }

    .enables-origin {
      margin-top: 2.5rem;
    }

    .enables-origin__inner {
      background: rgba(51, 32, 26, 0.06);
      border: 1px solid rgba(139, 69, 19, 0.20);
      border-left: 3px solid var(--product);
      padding: 2rem 2.5rem;
    }

    .enables-origin__label {
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 700;
      color: var(--product);
      margin-bottom: 1rem;
    }

    .enables-origin p {
      font-size: 0.9375rem;
      color: var(--text-gray);
      line-height: 1.7;
      margin-bottom: 0.875rem;
    }

    .enables-origin p:last-child {
      margin-bottom: 0;
    }

    .enables-card__num {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      color: var(--product);
      margin-bottom: 0.625rem;
    }

    .enables-card h4 {
      font-size: 0.9375rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 0.625rem;
    }

    .enables-card p {
      font-size: 0.8125rem;
      color: var(--text-gray);
      line-height: 1.65;
    }

    .enables-card__heading {
      margin: 0 0 0.625rem;
    }

    .enables-card__trigger {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      background: none;
      border: none;
      padding: 0;
      text-align: left;
      cursor: default;
    }

    .enables-card__trigger:disabled {
      opacity: 1;
    }

    .enables-card__trigger:focus-visible {
      outline: 2px solid var(--product);
      outline-offset: 2px;
    }

    .enables-card__title,
    .enables-origin__label {
      display: block;
    }

    .enables-card__title {
      font-size: 0.9375rem;
      font-weight: 700;
      color: var(--text-dark);
    }

    .enables-card__trigger-icon {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      display: none;
      align-items: center;
      justify-content: center;
      color: var(--text-dark);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s ease;
      transform: rotate(180deg);
    }

    .enables-card__trigger-icon svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
      fill: none;
      transform: none;
      transition: none;
    }

    .enables-card__panel {
      max-height: none;
      overflow: visible;
      opacity: 1;
      padding-top: 0;
      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease,
        padding-top 0.3s ease;
    }

    .enables-card__panel p:last-child {
      margin-bottom: 0;
    }

    .enables-card.open .enables-card__trigger-icon {
      transform: rotate(360deg);
      color: var(--product);
    }

    .enables-card.open .enables-card__panel {
      opacity: 1;
      padding-top: 0.75rem;
    }

    @media (max-width: 1024px) {
      .enables-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 440px) {
      .signal-card {
        padding: 1rem;
      }

      .signal-card:hover {
        transform: none;
      }

      .signal-card__trigger {
        cursor: pointer;
      }

      .signal-card__title {
        text-align: left;
      }

      .signal-card__trigger-icon {
        display: flex;
      }

      .signal-card__panel {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0;
      }

      .enables-grid {
        grid-template-columns: 1fr;
        gap: 0.875rem;
      }

      .enables-card--span2 {
        grid-column: span 1;
      }

      .enables-card {
        padding: 1rem;
      }

      .enables-card__heading {
        margin-bottom: 0;
      }

      .enables-card__trigger {
        cursor: pointer;
      }

      .enables-card__trigger-icon {
        display: flex;
      }

      .enables-card__panel {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0;
      }

      .comparison-table thead th,
      .comparison-table tbody td {
        padding: 0.5rem 0.8rem;
      }
    }

    /* Stat callout */
    .stat-callout {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem 1.25rem;
      background: rgba(51, 32, 26, 0.06);
      border: 0;
      border-left: 3px solid var(--product);
      border-right: 3px solid var(--product);
      border-radius: 0;
      margin: 1.25rem 0;
    }

    .stat-callout__number {
      font-family: var(--font-heading);
      font-size: 2.25rem;
      font-weight: 700;
      color: var(--product);
      font-feature-settings: 'tnum' 1;
      line-height: 1;
      flex-shrink: 0;
    }

    .stat-callout__text {
      font-size: 0.875rem;
      color: var(--text-gray);
      line-height: 1.5;
    }

    .stat-callout__source {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-light);
      margin-left: 0.375rem;
    }

    /* ================================================================
       DOMAIN ACCORDION
    ================================================================ */
    .domain-accordion {
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .domain-item {
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .domain-item:last-child {
      border-bottom: none;
    }

    .domain-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1.125rem 1.5rem;
      background: rgba(255, 255, 255, 0.03);
      border: none;
      cursor: pointer;
      text-align: left;
      transition: background 200ms;
    }

    .domain-trigger:hover {
      background: rgba(255, 255, 255, 0.06);
    }

    .domain-item.open .domain-trigger {
      background: rgba(51, 32, 26, 0.40);
    }

    .domain-trigger__code {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      color: var(--product);
      min-width: 70px;
    }

    .domain-trigger__name {
      font-family: var(--font-heading);
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      flex: 1;
    }

    .domain-trigger__arrow {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255, 0.35);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s ease;
      flex-shrink: 0;
      transform: rotate(180deg);
    }

    .domain-trigger__arrow svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
      fill: none;
      transform: none;
      transition: none;
    }

    .domain-item.open .domain-trigger__arrow {
      transform: rotate(360deg);
      color: var(--product);
    }

    .domain-panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .domain-item.open .domain-panel {
      max-height: 3600px;
    }

    .domain-categories {
      display: flex;
      flex-direction: column;
      padding: 0.75rem 1.5rem 1.25rem;
      gap: 0;
    }

    .domain-cat {
      display: flex;
      gap: 1.25rem;
      padding: 0.875rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      align-items: flex-start;
    }

    .domain-cat:last-child {
      border-bottom: none;
    }

    .domain-list-static {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.875rem;
      margin-bottom: 1.75rem;
      padding-bottom: 1.25rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .domain-pill {
      font-family: var(--font-heading);
      font-size: 0.8125rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.82);
      letter-spacing: 0.02em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 2.75rem;
      padding: 0.75rem 1.15rem;
      border: 1px solid rgba(239, 68, 68, 0.28);
      background: rgba(255, 255, 255, 0.04);
      transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, color 180ms ease;
    }

    a.domain-pill:hover,
    a.domain-pill:focus-visible {
      background: rgba(239, 68, 68, 0.12);
      border-color: rgba(239, 68, 68, 0.55);
      color: #fff;
      transform: translateY(-1px);
    }

    a.domain-pill:focus-visible {
      outline: 2px solid rgba(239, 68, 68, 0.65);
      outline-offset: 3px;
    }

    .domain-trigger--master {
      padding: 1.125rem 1.5rem;
    }

    .domain-trigger--master .domain-trigger__name {
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.70);
      font-weight: 600;
    }

    .domain-group-label {
      font-family: var(--font-heading);
      font-size: 0.5625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: var(--product);
      padding: 1rem 0 0.5rem;
      border-top: 1px solid rgba(139, 69, 19, 0.20);
      margin-top: 0.5rem;
    }

    .domain-group-label:first-child {
      border-top: none;
      margin-top: 0;
      padding-top: 0;
    }

    .domain-cat__code {
      font-family: var(--font-heading);
      font-size: 0.625rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: rgba(139, 69, 19, 0.80);
      min-width: 40px;
      padding-top: 2px;
      flex-shrink: 0;
    }

    .domain-cat__title {
      font-family: var(--font-heading);
      font-size: 0.875rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85);
      margin-bottom: 0.3rem;
    }

    .domain-cat__desc {
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.50);
      line-height: 1.6;
    }

    /*================================================================ */
    .animate-on-scroll {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .animate-on-scroll.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .delay-1 {
      transition-delay: 0.1s;
    }

    .delay-2 {
      transition-delay: 0.2s;
    }

    .delay-3 {
      transition-delay: 0.3s;
    }

    .delay-4 {
      transition-delay: 0.4s;
    }

    /* ================================================================
       RESPONSIVE
    ================================================================ */
    @media (max-width: 1024px) {
      .hero__grid {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
      }

      .hero__tags {
        justify-content: center;
      }

      .hero__detail-box {
        text-align: left;
      }

      .signal-monitor {
        max-width: 480px;
        margin: 0 auto;
      }

      .cracks-grid {
        grid-template-columns: 1fr;
      }

      .monitor-grid {
        grid-template-columns: 1fr 1fr;
      }

      .sample-grid {
        grid-template-columns: 1fr;
      }

      .sample-brief-wrap {
        order: 2;
      }

      .sample-copy {
        order: 1;
      }
    }

    @media (max-width: 900px) {
      .pricing-card-row {
        flex-direction: column;
        align-items: center;
      }

      .pricing-card {
        width: 300px;
        max-width: 100%;
      }

      .brief-contents__grid {
        grid-template-columns: 1fr 1fr;
      }

      .brief-section-item:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.05);
      }

      .brief-section-item:nth-child(2n) {
        border-right: none;
      }
    }

    @media (max-width: 768px) {
      .component-frame--nav {
        height: 64px;
      }

      #navbar {
        padding: 0;
      }

      .nav__links {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 1rem 2rem;
        background: rgba(11, 29, 54, 0.98);
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
      }

      .nav__links.mobile-open {
        display: flex;
      }

      .nav__hamburger {
        display: flex;
      }

      .trust-strip {
        flex-direction: column;
        gap: 8px;
        padding: 16px 24px;
      }

      .trust-strip__dot {
        display: none;
      }

      .receive-grid {
        grid-template-columns: 1fr;
      }

      .monitor-grid {
        grid-template-columns: 1fr;
      }

      .guarantee-strip__grid {
        grid-template-columns: 1fr;
      }

      .cross-product__grid {
        grid-template-columns: 1fr;
      }

      .addons-grid {
        grid-template-columns: 1fr;
      }

      .footer__top {
        grid-template-columns: 1fr 1fr;
      }

      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }

      .brief-contents__grid {
        grid-template-columns: 1fr;
      }

      .brief-section-item:nth-child(2n) {
        border-right: none;
      }

      .brief-section-item {
        border-right: none;
      }

      .lightbox__inner {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        scale: 1;
      }

      .lightbox__close {
        top: 0.75rem;
        right: 0.75rem;
      }

      .lightbox__hint {
        bottom: 0.75rem;
      }
    }

    @media (max-width: 600px) {
      .tier-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 480px) {
      .footer__top {
        grid-template-columns: 1fr;
      }
    }

    /* ================================================================
       SUBTLE LINK
    ================================================================ */
    .subtle-link {
      color: inherit;
      border-bottom: none;
      transition: border-bottom 150ms, opacity 150ms;
    }

    .subtle-link:hover {
      border-bottom: 1px solid currentColor;
      opacity: 0.85;
    }

    /* ================================================================
       PAGE SUMMARY (SEO)
    ================================================================ */
    .page-summary {
      width: 100%;
      max-width: 70ch;
      margin: 24px auto;
      background: #F7F8FA !important;
      padding: 12px 16px;
      box-sizing: border-box;
    }

    .page-summary :is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote) {
      width: 100%;
      margin: 0 0 1rem !important;
      box-sizing: border-box;
      text-wrap: pretty;
      text-align: left !important;
    }

    .page-summary :is(h1, h2, h3, h4, h5, h6, p, li, a, span, blockquote),
    .page-summary .seo-note__heading,
    .page-summary .seo-note__subheading,
    .seo-note.page-summary :is(h1, h2, h3, h4, h5, h6, p, li, a, span, blockquote),
    .seo-note.page-summary .seo-note__heading,
    .seo-note.page-summary .seo-note__subheading {
      font-size: 0.875rem !important;
      font-weight: 400 !important;
      line-height: 1.45 !important;
      font-family: 'Open Sans', sans-serif !important;
      letter-spacing: 0 !important;
      color: #6E6E73 !important;
    }

    .page-summary :is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote):last-child {
      margin-bottom: 0 !important;
    }