.mt-4 { margin-top: 1rem; }
    .pt-2 { padding-top: 0.5rem; }
    .pt-6 { padding-top: 1.5rem; }
    .italic { font-style: italic; }
    .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }

    @media (min-width: 640px) { .sm\:hidden { display: none; } }

    .mob-hide { display: none; }
    @media (min-width: 640px) { .mob-hide { display: inline; } }

    body, .font-sans {
      font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
                   Arial, "Noto Sans", system-ui, sans-serif;
    }

    h1, h2, h3, h4 { text-wrap: balance; }
    p, li, figcaption, span.blk { text-wrap: pretty; }

    h1 { letter-spacing: -0.021em; }
    h2 { letter-spacing: -0.013em; }

    p, h4, span, a { overflow-wrap: break-word; }

    .kicker { letter-spacing: 0.06em; line-height: 1.35; margin-bottom: 0.3rem; }

    @media (min-width: 768px) {
      .kicker { min-height: 2.7em; }
      .card-h { min-height: 3.2em; }
      .card-h-2 { min-height: 3.2em; }
    }

    .hero-wrap { max-width: 1040px; margin-left: auto; margin-right: auto; }
    .hero-sub { font-size: clamp(1.0625rem, 2vw, 1.3125rem); line-height: 1.5; font-weight: 600; }
    .bg-brand-dark\/40 { background-color: #292524; }
    .hero-h1 { font-size: clamp(1.65rem, 3.6vw, 3rem); line-height: 1.15; font-weight: 700; }
    @media (min-width: 640px) { .hero-h1 { line-height: 1.1; } }

    .disclosure { font-size: 13px; line-height: 1.6; color: rgb(28 25 23 / 0.66); }

    .en-hero-cap {
      margin-top: .75rem;
      font-size: 13px;
      line-height: 1.6;
      color: rgb(28 25 23 / 0.66);
      text-align: center;
    }

    .max-w-3xl { max-width: 56rem; }
    .prose-col > p:not(.eyebrow) { max-width: 62ch; font-size: 17px; line-height: 1.68; }

    h2.sec-h {
      font-size: clamp(1.5rem, 2.9vw, 2.5rem);
      line-height: 1.12; font-weight: 700; letter-spacing: -0.02em;
    }

    h2.sec-h--long { font-size: clamp(1.375rem, 2.2vw, 1.875rem); }
    h3.blk-h {
      font-size: clamp(1.125rem, 1.9vw, 1.6875rem);
      line-height: 1.2; font-weight: 700; letter-spacing: -0.015em;
    }

    .eyebrow {
      font-size: 11px; font-weight: 600; letter-spacing: 0.16em;
      display: flex; align-items: baseline; gap: 0.75rem;
    }
    @media (min-width: 640px) { .eyebrow { font-size: 12px; } }
    .eyebrow::after {
      content: ""; flex: 1 1 auto; height: 1px;
      background: currentColor; opacity: 0.28; transform: translateY(-0.28em);
    }
    .text-center .eyebrow { justify-content: center; }
    .text-center .eyebrow::after { display: none; }

    .metric-card {
      background: #292524;
      border: 1px solid #3C3633;
      border-radius: 0.75rem;
      padding: 1.25rem 1rem 1.5rem;
      text-align: center;
    }
    .metric-label {
      display: block; font-size: 11px; font-weight: 600;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: rgb(245 245 244 / 0.55);
    }
    .metric-fig {
      display: block; margin-top: 0.5rem;
      font-size: clamp(2.25rem, 6vw, 3.5rem);
      line-height: 1; font-weight: 800; letter-spacing: -0.03em;
      font-variant-numeric: tabular-nums lining-nums;
      font-feature-settings: "tnum" 1, "lnum" 1;
      color: #C5A059;

      white-space: nowrap;
    }
    .metric-fig .u {
      font-size: 0.3em; font-weight: 600; letter-spacing: 0.08em;
      text-transform: uppercase; margin-left: 0.3em;
      color: rgb(245 245 244 / 0.75);
    }

    @media (max-width: 639px) {
      .metric-fig { font-size: min(2.25rem, calc(13vw - 20px)); }
    }
    .metric-sub {
      display: block; margin-top: 0.75rem; font-size: 12px; line-height: 1.45;
      font-variant-numeric: tabular-nums lining-nums;
      color: rgb(245 245 244 / 0.62);
    }

    .metric-caveat {
      display: block; margin-top: 0.5rem; font-size: 11px; line-height: 1.5;
      color: rgb(245 245 244 / 0.58);
    }

    .submetrics {
      display: grid; grid-template-columns: repeat(2, 1fr);
      border-top: 1px solid #3C3633;
      border-bottom: 1px solid #3C3633;
    }
    .submetrics > div { padding: 1rem 0.75rem; text-align: center; }
    @media (min-width: 640px) {
      .submetrics { grid-template-columns: repeat(4, 1fr); }
      .submetrics > div { border-left: 1px solid #3C3633; }
      .submetrics > div:first-child { border-left: 0; }
    }
    @media (max-width: 639px) {
      .submetrics > div:nth-child(n+3) { border-top: 1px solid #3C3633; }
      .submetrics > div:nth-child(odd)  { border-right: 1px solid #3C3633; }
    }
    .sm-label {
      font-size: 10px; font-weight: 600; letter-spacing: 0.13em;
      text-transform: uppercase; color: rgb(245 245 244 / 0.58);
    }
    .sm-val {
      margin-top: 0.375rem; font-size: 18px; font-weight: 700; line-height: 1.1;
      color: #F5F5F4;
      font-variant-numeric: tabular-nums lining-nums;
      font-feature-settings: "tnum" 1, "lnum" 1;
    }
    .sm-val .to { margin: 0 0.28em; font-weight: 400; color: rgb(245 245 244 / 0.38); }
    .sm-val .un { font-size: 0.68em; font-weight: 500; color: rgb(245 245 244 / 0.6); }

    .baseline-note {
      margin-top: 0.875rem; font-size: 11px; line-height: 1.5; text-align: center;
      color: rgb(245 245 244 / 0.58);
    }

    .ba { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: start; }
    .ba > figure { margin: 0; }
    .ba-frame {
      aspect-ratio: 3 / 4; overflow: hidden; border-radius: 0.75rem;
      background: #292524; border: 1px solid #3C3633;
    }
    .ba-frame img {
      width: 100%; height: 100%; display: block;
      object-fit: cover; object-position: 50% 12%;
    }
    .ba-date {
      display: block; margin-top: 0.625rem;
      font-size: 11px; line-height: 1.2; font-weight: 600;
      letter-spacing: 0.13em; text-transform: uppercase;
      font-variant-numeric: tabular-nums lining-nums;
      color: rgb(245 245 244 / 0.92);
    }
    .ba-role {
      display: block; margin-top: 0.25rem;
      font-size: 11px; line-height: 1.3; letter-spacing: 0.1em;
      text-transform: uppercase; color: rgb(245 245 244 / 0.58);
    }
    .ba-note {
      display: block; margin-top: 0.5rem;
      font-size: 12px; line-height: 1.5; color: rgb(245 245 244 / 0.62);
    }
    .ba-rule {
      grid-column: 1 / -1; height: 1px; margin-top: 0.75rem;
      background: #3C3633;
    }
    @media (max-width: 400px) { .ba { gap: 0.625rem; } }

    .link-ghost {
      border: 1px solid rgb(245 245 244 / 0.35);
      color: rgb(245 245 244 / 0.92);
      background: transparent; font-weight: 600;
      transition: border-color .2s, background-color .2s;
    }
    .link-ghost:hover {
      border-color: rgb(245 245 244 / 0.7);
      background: rgb(245 245 244 / 0.06);
    }
    .link-ref {
      color: #1C1917; font-weight: 600;
      text-decoration: underline;
      text-decoration-color: rgb(197 160 89 / 0.85);
      text-decoration-thickness: 1.5px;
      text-underline-offset: 3px;
    }
    .link-ref:hover { text-decoration-color: #1C1917; }

    .bg-brand-green .link-ref { color: rgb(245 245 244 / 0.95); }
    .bg-brand-green .link-ref:hover { text-decoration-color: #F5F5F4; }
    ::selection { background: rgb(197 160 89 / 0.35); color: #1C1917; }

    @media (min-width: 768px) {
      header.relative { padding-top: 7.5rem; padding-bottom: 6rem; }

      div.space-y-12 > .results-card:not([hidden]) {
        margin-top: 4.5rem; margin-bottom: 4.5rem;
      }
    }

    .shadow-sm  { box-shadow: 0 1px 2px rgb(28 25 23 / 0.06); }
    .shadow-lg  { box-shadow: 0 8px 24px -8px rgb(28 25 23 / 0.16),
                              0 2px 6px -2px rgb(28 25 23 / 0.08); }
    .shadow-xl  { box-shadow: 0 18px 44px -16px rgb(28 25 23 / 0.28),
                              0 4px 12px -6px rgb(28 25 23 / 0.12); }
    .shadow-2xl { box-shadow: 0 32px 64px -24px rgb(28 25 23 / 0.30),
                              0 8px 20px -10px rgb(28 25 23 / 0.14); }
    .results-card {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06),
                  0 24px 60px -28px rgb(0 0 0 / 0.55);
    }

    .buy-card {
      border: 1px solid rgb(18 43 32 / 0.10);
      border-top: 3px solid #C5A059;
      border-radius: 1rem;
    }
    .buy-kicker {
      color: #1C1917; font-size: 12px; font-weight: 700;
      letter-spacing: 0.18em; text-transform: uppercase;
    }

    .cta-btn {
      background: #BC8C2E;
      box-shadow: 0 14px 30px -12px rgba(140, 100, 20, .62), 0 2px 6px -2px rgba(28, 25, 23, .18);
      transition: background-color .18s ease, box-shadow .18s ease;
    }
    .cta-btn:hover { background-color: #A87A22; }
    .cta-btn:focus-visible { outline: 3px solid #1C1917; outline-offset: 3px; }

    .btn-arrow {

      display: inline-block;
      width: 1em; height: 1em;
      flex: 0 0 auto;
      vertical-align: -0.125em;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .cta-btn .btn-arrow { margin-left: .5em; }

    .cta-btn { white-space: nowrap; }
    .trust-pill {
      background: transparent;
      border: 1px solid rgb(28 25 23 / 0.16);
      color: rgb(28 25 23 / 0.72);
      letter-spacing: 0.04em;
    }

    .price-headline {
      display: block; font-size: 18px; line-height: 1.35;
      font-weight: 700; color: #1C1917; letter-spacing: -0.01em;
    }
    .price-note {
      display: block; margin-top: 0.5rem; font-size: 13px; line-height: 1.55;
      color: rgb(28 25 23 / 0.62);
    }

    .legal {
      text-align: left; max-width: 34rem;
      margin-left: auto; margin-right: auto;
      padding-top: 1.5rem;
      border-top: 1px solid rgb(28 25 23 / 0.12);
      font-size: 12.5px; line-height: 1.65;

      color: rgb(28 25 23 / 0.72);
      font-variant-numeric: lining-nums tabular-nums;
    }

    .note-block {
      border-left: 2px solid rgb(197 160 89 / 0.8);
      border-radius: 0 0.75rem 0.75rem 0;
      padding-left: 1.5rem;
      background: rgb(41 37 36 / 0.5);
    }

    @media (max-width: 639px) {
      .cta-btn {
        padding-left: 1rem; padding-right: 1rem;
        font-size: min(17px, calc((100vw - 8rem) / 15.7));
      }
    }

    @media (max-width: 479px) {
      .chart-hdr { display: block; }
      .chart-hdr > span:last-child { display: block; margin-top: 2px; }
    }

    .bg-brand-green {
      background-color: #16281c;
      background-image: url("img/texture.webp");
      background-repeat: repeat;
      background-size: 340px auto;
      background-position: top center;
    }
    @media (min-width: 768px) {
      .bg-brand-green { background-size: 460px auto; }
    }

    .bg-brand-card,
    .bg-brand-dark\/40,
    .bg-brand-dark\/50,
    .bg-brand-dark\/60,
    .note-block,
    .metric-card,
    .ba-frame { background-color: #191614; }

    .note-block.note-block--cream {
      background-color: rgb(255 255 255 / 0.62);
      text-align: left;
      max-width: 34rem;
      margin-left: auto; margin-right: auto;
    }
    .note-block--cream p { color: rgb(28 25 23 / 0.72); }
    .note-block--cream strong { color: #1C1917; }

    .en-midcta {
      display: inline-flex; align-items: center; justify-content: center;
      padding: .875rem 1.75rem; border-radius: 9999px;
      background: #C5A059; color: #1C1917;
      font-weight: 700; font-size: 1rem; line-height: 1.4;
      box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .55);
      transition: background-color .18s ease;
    }
    .en-midcta:hover { background: #B08C43; }
    .en-midcta:focus-visible { outline: 2px solid #F5F2EB; outline-offset: 3px; }

    @media (max-width: 389px) {
      .en-midcta { font-size: .9375rem; padding-left: 1.25rem; padding-right: 1.25rem; }
    }

    .pullquote {
      max-width: 34rem;
      margin: 0.5rem auto 0;
      padding-top: 1.75rem;
      border-top: 1px solid rgb(28 25 23 / 0.14);
      text-align: center;
      font-size: clamp(1.0625rem, 1.7vw, 1.375rem);
      line-height: 1.45;
      font-weight: 600;
      letter-spacing: -0.011em;
      color: rgb(28 25 23 / 0.62);
    }
    .pullquote span {
      color: #1C1917;
    }

    .faq { display: grid; gap: 0.75rem; }
    .faq-item {
      background: #FFFFFF;
      border: 1px solid rgb(197 160 89 / 0.2);
      border-radius: 0.75rem;
      box-shadow: 0 1px 2px rgb(28 25 23 / 0.06);
    }
    .faq-item > summary {
      list-style: none;
      cursor: pointer;
      display: flex;

      align-items: center;

      gap: 1rem;
      padding: 1.125rem 1.25rem;
      font-size: 15px;
      line-height: 1.45;
      font-weight: 700;
      color: #1C1917;
    }
    .faq-item > summary::-webkit-details-marker { display: none; }

    .faq-item > summary::after {
      content: "+";
      margin-left: auto;
      flex: 0 0 auto;
      font-size: 20px;
      line-height: 1.1;
      font-weight: 400;
      color: #8A6D28;
    }
    .faq-item[open] > summary::after { content: "\2212"; }
    .faq-item[open] > summary { padding-bottom: 0.625rem; }
    .faq-item > summary:focus-visible {
      outline: 2px solid #C5A059;
      outline-offset: 2px;
      border-radius: 0.75rem;
    }
    .faq-a {
      padding: 0 1.25rem 1.25rem;
    }
    .faq-a p {
      max-width: 62ch;
      font-size: 14px;
      line-height: 1.65;
      color: rgb(28 25 23 / 0.72);
    }
    @media (min-width: 640px) {
      .faq-item > summary { font-size: 16px; padding: 1.25rem 1.5rem; }
      .faq-a { padding: 0 1.5rem 1.5rem; }
      .faq-a p { font-size: 15px; }
    }

    .faq-link-row { margin-top: 0.625rem; }
    .faq-link { color: #1C1917; font-weight: 600; font-size: 14px; }
    .faq-link > span {
      text-decoration: underline;
      text-decoration-color: rgb(197 160 89 / 0.85);
      text-decoration-thickness: 1.5px;
      text-underline-offset: 3px;
    }
    .faq-link .btn-arrow { margin-left: 0.4em; }
    .faq-link:hover > span { text-decoration-color: #C5A059; }
    @media (min-width: 640px) { .faq-link { font-size: 15px; } }

    .link-ref-ext { text-decoration: none; }
    .link-ref-ext > span {
      text-decoration: underline;
      text-decoration-color: rgb(197 160 89 / 0.85);
      text-decoration-thickness: 1.5px;
      text-underline-offset: 3px;
    }
    .link-ref-ext .btn-arrow { margin-left: 0.4em; }

    .sticky-buy {
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 40;
      background: rgb(245 242 235 / 0.94);
      -webkit-backdrop-filter: saturate(180%) blur(10px);
      backdrop-filter: saturate(180%) blur(10px);
      border-top: 2px solid #C5A059;
      box-shadow: 0 -8px 28px -14px rgb(28 25 23 / 0.35);
      padding-bottom: env(safe-area-inset-bottom, 0px);
      transform: translateY(115%);
      visibility: hidden;
      transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1), visibility .28s;
    }
    .sticky-buy.is-visible { transform: none; visibility: visible; }
    .sticky-buy-inner {
      max-width: 36rem;
      margin: 0 auto;
      padding: 0.6875rem 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }

    .sticky-buy-btn {
      flex: 1 1 auto;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      background: #C5A059; color: #1C1917;
      padding: 0.5rem 1.125rem;
      border-radius: 9999px;
      text-align: center;
      white-space: nowrap;
      transition: background-color .18s ease;
    }
    .sticky-buy-main {
      font-size: 15px; font-weight: 700; line-height: 1.25;
      letter-spacing: -0.008em;
    }
    .sticky-buy-sub {
      margin-top: 1px;
      font-size: 11.5px; font-weight: 600; line-height: 1.3;
      color: rgb(28 25 23 / 0.82);
    }
    .sticky-buy-btn:hover { background: #B08C43; }
    .sticky-buy-btn:focus-visible { outline: 2px solid #1C1917; outline-offset: 2px; }
    @media (prefers-reduced-motion: reduce) {
      .sticky-buy { transition: none; }
    }

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

    #join { padding-top: 2.5rem; }

    @media (max-width: 767px) { #join { padding-bottom: 2.5rem; } }

    #buy { scroll-margin-top: 55vh; }
    @media (min-width: 768px) { #buy { scroll-margin-top: 48vh; } }

    .en-story-box {
      border: 1px solid rgba(197,160,89,.35);
      border-radius: .75rem;
      padding: 1.5rem 1.25rem;
      background: rgba(18,43,32,.45);
    }
    .en-story-title {
      color: #C5A059; font-weight: 700; font-size: 1.0625rem;
      text-align: center; letter-spacing: .02em; margin-bottom: 1rem;
    }
    .en-story-list {
      display: flex; flex-direction: column; gap: .5rem;
      max-width: 24rem; margin-left: auto; margin-right: auto;
    }
    .en-story-link {
      display: flex; align-items: center; justify-content: space-between; gap: .75rem;
      padding: .875rem 1.25rem; border: 1px solid rgba(197,160,89,.35); border-radius: .75rem;
      background: rgba(18,43,32,.45); color: #F8F6F0; font-size: .875rem;
      text-align: left; line-height: 1.6;
      transition: border-color .2s, background-color .2s;
    }
    .en-story-link:hover { border-color: rgba(197,160,89,.7); background: rgba(18,43,32,.7); }
    .en-story-link::after { content: "\2192"; color: #C5A059; flex: 0 0 auto; }

    .en-story-wrap { max-width: 42rem; margin-left: auto; margin-right: auto; }
    .en-story-wrap > * + * { margin-top: 1.25rem; }

    #story { padding: 4rem 1rem; }
    @media (min-width: 640px) { #story { padding-left: 1.5rem; padding-right: 1.5rem; } }
    @media (min-width: 768px) { #story { padding-top: 5rem; padding-bottom: 5rem; padding-left: 2rem; padding-right: 2rem; } }

    @media (max-width: 767px) { #story { padding-bottom: calc(4rem + 82px); } }
    @media (min-width: 768px) { #story { padding-bottom: calc(5rem + 82px); } }

    .lean-note {
      margin: -1.25rem 0 2rem; text-align: center;
      font-size: 11px; line-height: 1.6; color: rgb(245 245 244 / 0.5);
    }
    .sm-unit {
      display: block; margin-top: 1px;
      font-size: 9px; font-weight: 500; letter-spacing: 0.01em;
      text-transform: none; color: rgb(245 245 244 / 0.42);
    }

    .submetrics > div { display: flex; flex-direction: column; justify-content: space-between; }

    .cards2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
    @media (min-width: 768px) { .cards2 { grid-template-columns: repeat(2, 1fr); max-width: 52rem; margin-inline: auto; } }

    .faq { margin-top: 2rem; text-align: left; }

    .fda-mark {
      font-size: 0.72em; vertical-align: super; margin-left: 0.12em;
      color: rgb(245 245 244 / 0.5); text-decoration: none;
      transition: color .18s ease;
    }
    .fda-mark:hover, .fda-mark:focus-visible { color: #C5A059; }

    #fda-note { scroll-margin-top: 30vh; }