:root {
    /* ── BRAND PALETTE ── */
    --navy:        #3871c8;
    --navy-deep:   #024d85;
    --footer-bg:   #024d85;
    --cta:         #fbc730;
    --cta-hover:   #e5af1a;
    --hero-bg:     #e0ebfe;
    --hero-h1:     #f78e3c;
    --orange:      #f78e3c;
    --warm:        #f7ecdd;

    /* ── DERIVED NEUTRALS ── */
    --paper:        #ffffff;
    --paper-warm:   #fdfbf6;
    --paper-section:#faf6ee;
    --ink:          #0c1e3e;
    --ink-soft:     #2d3748;
    --muted:        #475569;
    --muted-soft:   #64748b;
    --rule:         #ece5d4;
    --rule-strong:  #d8cfb8;
    --success:      #15803d;
    --success-soft: #dcfce7;
    --danger:       #c8342c;
    --danger-soft:  #fdf1f0;

    /* ── LAYOUT ── */
    --w-wide:   1200px;
    --w-prose:  820px;
    --w-narrow: 680px;

    --display: 'Fraunces', Georgia, serif;
    --body:    'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body {
    font-family: var(--body);
    font-size: 17px;
    line-height: 1.65;
    color: var(--ink-soft);
    background: var(--paper-warm);
    -webkit-font-smoothing: antialiased;
  }
  img { max-width: 100%; height: auto; display: block; }
  a { color: var(--navy-deep); text-decoration: none; }
  a:hover { text-decoration: underline; }

  /* ── ANNOUNCEMENT STRIP ── */
  .announce {
    background: #000;
    color: #fffaf0;
    text-align: center;
    padding: 9px 16px;
    font-size: 13px;
    letter-spacing: 0.02em;
  }
  .announce strong { color: var(--cta); font-weight: 700; }

  /* ── STICKY HEADER ── */
  header.site {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--navy-deep);
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .nav-inner {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  .brand {
    font-family: var(--display);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.01em;
  }
  .brand sup { color: var(--cta); font-size: 11px; margin-left: 2px; font-weight: 600; }
  .nav-links { display: flex; gap: 28px; list-style: none; }
  .nav-links a {
    color: #f1ede4;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    transition: color 0.15s;
  }
  .nav-links a:hover { color: var(--cta); text-decoration: none; }
  .cta-pill {
    background: var(--cta);
    color: var(--ink) !important;
    padding: 10px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.02em;
    transition: background 0.15s, transform 0.15s;
    display: inline-block;
    border: none;
  }
  .cta-pill:hover { background: var(--cta-hover); transform: translateY(-1px); text-decoration: none; }

  /* ── HERO ── */
  #hero {
    position: relative;
    background: linear-gradient(180deg, var(--hero-bg) 0%, var(--paper-warm) 100%);
    padding: 72px 24px 64px;
    overflow: hidden;
  }
  #hero::before, #hero::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
  }
  #hero::before {
    top: -180px; right: -160px;
    width: 560px; height: 560px;
    background: radial-gradient(circle, rgba(251,199,48,0.18), transparent 65%);
  }
  #hero::after {
    bottom: -200px; left: -180px;
    width: 520px; height: 520px;
    background: radial-gradient(circle, rgba(247,142,60,0.12), transparent 65%);
  }
  .hero-grid {
    position: relative;
    max-width: var(--w-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 56px;
    align-items: center;
  }
  .eyebrow {
    display: inline-block;
    background: rgba(247,142,60,0.14);
    color: var(--orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 22px;
  }
  h1.hero-h1 {
    font-family: var(--display);
    font-weight: 500;
    font-size: clamp(40px, 5vw, 60px);
    line-height: 1.1;
    color: var(--ink);
    letter-spacing: -0.015em;
    margin-bottom: 22px;
  }
  h1.hero-h1 em {
    font-style: italic;
    color: var(--orange);
    font-weight: 500;
  }
  .hero-sub {
    font-size: 19px;
    line-height: 1.65;
    color: var(--ink-soft);
    max-width: 560px;
    margin-bottom: 24px;
  }
  .checks { list-style: none; margin-bottom: 26px; }
  .checks li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 6px 0;
    font-size: 16px;
    color: var(--ink-soft);
  }
  .checks li::before {
    content: '✓';
    color: var(--success);
    font-weight: 800;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: var(--success-soft);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    margin-top: 2px;
  }
  .trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 24px;
  }
  .trust-pill {
    background: var(--paper);
    border: 1px solid var(--rule);
    color: var(--ink);
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 999px;
    letter-spacing: 0.01em;
  }
  .trust-pill::before {
    content: '✓ ';
    color: var(--success);
    font-weight: 700;
  }
  .hero-ctas {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 18px;
  }
  .btn-primary {
    background: var(--cta);
    color: var(--ink) !important;
    padding: 16px 30px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    box-shadow: 0 8px 22px rgba(251,199,48,0.35);
    transition: transform 0.15s, box-shadow 0.2s, background 0.15s;
    display: inline-block;
    border: none;
    cursor: pointer;
  }
  .btn-primary:hover {
    background: var(--cta-hover);
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(229,175,26,0.45);
    text-decoration: none;
  }
  .btn-ghost {
    background: var(--paper);
    border: 1.5px solid var(--rule-strong);
    color: var(--ink);
    padding: 14px 26px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 16px;
    transition: background 0.15s, border-color 0.15s;
    display: inline-block;
  }
  .btn-ghost:hover { background: var(--paper-section); border-color: var(--ink-soft); text-decoration: none; }
  .stars-row {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--muted);
    font-size: 14px;
  }
  .stars-row .stars { color: var(--cta); letter-spacing: 2px; font-size: 18px; }
  .hero-image {
    position: relative;
    text-align: center;
  }
  .hero-image img {
    max-width: 480px;
    margin: 0 auto;
    filter: drop-shadow(0 30px 50px rgba(2,77,133,.28));
  }

  /* ── AT A GLANCE ── */
  .glance-wrap {
    background: var(--paper);
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
    padding: 36px 24px;
  }
  .glance {
    max-width: var(--w-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
  }
  .glance-item {
    text-align: center;
    padding: 8px 12px;
  }
  .glance-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: var(--hero-bg);
    color: var(--navy-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--display);
  }
  .glance-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--muted-soft);
    font-weight: 700;
    margin-bottom: 4px;
  }
  .glance-value {
    font-size: 14.5px;
    color: var(--ink);
    font-weight: 600;
    line-height: 1.4;
  }

  /* ── BYLINE ── */
  .byline-wrap { background: var(--paper-warm); padding: 32px 24px; }
  .byline {
    max-width: var(--w-prose);
    margin: 0 auto;
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 16px;
    padding: 22px 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 28px;
    box-shadow: 0 4px 20px rgba(2,77,133,0.05);
  }
  .byline-author {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 240px;
  }
  .avatar {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: var(--navy-deep);
    color: #fff;
    font-family: var(--display);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .byline-meta { font-size: 13.5px; color: var(--muted); line-height: 1.4; }
  .byline-meta strong { color: var(--ink); display: block; font-size: 14.5px; font-weight: 600; }
  .byline-block { font-size: 12px; color: var(--muted-soft); text-transform: uppercase; letter-spacing: 0.12em; }
  .byline-block b {
    display: block;
    font-size: 13.5px;
    color: var(--ink);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 3px;
  }

  /* ── SECTION BAR ── */
  .section-bar {
    background: linear-gradient(180deg, var(--navy), var(--navy-deep));
    padding: 56px 24px;
    text-align: center;
    color: #fff;
  }
  .section-bar h2 {
    font-family: var(--display);
    font-weight: 500;
    font-size: clamp(30px, 4.2vw, 48px);
    line-height: 1.2;
    color: #fff;
    letter-spacing: -0.01em;
    margin-bottom: 14px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-bar h2 em {
    color: var(--cta);
    font-style: italic;
    font-weight: 500;
  }
  .section-bar .underline {
    width: 56px;
    height: 3px;
    background: var(--orange);
    margin: 0 auto;
    border-radius: 2px;
  }
  .section-bar .eyebrow {
    background: rgba(255,255,255,0.1);
    color: var(--cta);
    margin-bottom: 16px;
  }

  /* ── PROSE ── */
  .prose-section { padding: 56px 24px; background: var(--paper-warm); }
  .prose-section.alt { background: var(--paper-section); }
  .prose-section.warm { background: var(--warm); }
  .prose {
    max-width: var(--w-prose);
    margin: 0 auto;
    font-size: 19px;
    line-height: 1.8;
    color: var(--ink-soft);
  }
  .prose p { margin-bottom: 22px; }
  .prose .kicker {
    font-family: var(--display);
    font-style: italic;
    font-size: 22px;
    line-height: 1.5;
    color: var(--ink);
    margin-bottom: 26px;
  }
  .prose h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: clamp(22px, 2.6vw, 28px);
    line-height: 1.3;
    color: var(--ink);
    margin: 36px 0 14px;
  }
  .prose ul.arrow { list-style: none; margin: 0 0 22px; }
  .prose ul.arrow li {
    padding: 6px 0 6px 26px;
    position: relative;
  }
  .prose ul.arrow li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--orange);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
  }
  .prose a.inline { color: var(--navy-deep); border-bottom: 1px solid rgba(2,77,133,0.3); }
  .prose a.inline:hover { color: var(--orange); border-color: var(--orange); text-decoration: none; }

  /* ── 3-UP CARDS ── */
  .three-up {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 56px 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .step-card {
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    padding: 32px 26px;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
  }
  .step-num {
    font-family: var(--display);
    font-size: 24px;
    font-weight: 600;
    color: var(--orange);
    line-height: 1;
    margin-bottom: 14px;
  }
  .step-card h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .step-card p {
    font-size: 16px;
    color: var(--ink-soft);
    line-height: 1.6;
  }

  /* ── BENEFITS ── */
  .benefits {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 56px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }
  .benefit-card {
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    padding: 28px 30px;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
  }
  .benefit-card h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 21px;
    line-height: 1.35;
    color: var(--ink);
    margin-bottom: 12px;
  }
  .benefit-card h3::before {
    content: '❤';
    color: var(--orange);
    margin-right: 10px;
  }
  .benefit-card p {
    font-size: 16px;
    color: var(--ink-soft);
    line-height: 1.65;
  }

  /* ── INGREDIENTS ── */
  .ingredients {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 56px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }
  .ing-card {
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    padding: 26px 28px;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
    position: relative;
  }
  .ing-num {
    position: absolute;
    top: 22px; right: 28px;
    font-family: var(--display);
    color: var(--orange);
    font-size: 28px;
    font-weight: 600;
    opacity: 0.6;
  }
  .ing-card h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    color: var(--ink);
    margin-bottom: 6px;
    padding-right: 40px;
  }
  .ing-card .role {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--orange);
    margin-bottom: 12px;
    font-weight: 700;
  }
  .ing-card p {
    font-size: 15.5px;
    color: var(--ink-soft);
    line-height: 1.6;
  }
  .ing-link-wrap {
    max-width: var(--w-prose);
    margin: 0 auto;
    padding: 0 24px 56px;
    text-align: center;
    font-size: 16px;
    color: var(--muted);
    font-style: italic;
  }
  .ing-link-wrap a { color: var(--navy-deep); border-bottom: 1px solid rgba(2,77,133,0.3); font-style: normal; font-weight: 600; }

  /* ── COMPARISON TABLE ── */
  .compare-wrap {
    max-width: var(--w-prose);
    margin: 0 auto;
    padding: 56px 24px;
  }
  .compare-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
  }
  .compare-table thead th {
    background: linear-gradient(180deg, var(--navy), var(--navy-deep));
    color: #fff;
    font-family: var(--display);
    font-weight: 600;
    font-size: 17px;
    padding: 16px 18px;
    text-align: left;
  }
  .compare-table thead th:first-child { width: 38%; }
  .compare-table tbody td {
    padding: 14px 18px;
    border-top: 1px solid var(--rule);
    font-size: 15px;
    color: var(--ink-soft);
    line-height: 1.5;
  }
  .compare-table tbody td:first-child {
    font-weight: 600;
    color: var(--ink);
    background: var(--paper-section);
  }
  .compare-table tbody td.yes { color: var(--success); font-weight: 700; }
  .compare-table tbody td.no  { color: var(--muted-soft); }

  /* ── PROS & CONS ── */
  .pros-cons {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 56px 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .pc-card {
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    padding: 30px 32px;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
  }
  .pc-card h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 24px;
    color: var(--ink);
    margin-bottom: 18px;
  }
  .pc-card.pros h3::before { content: '✓ '; color: var(--success); }
  .pc-card.cons h3::before { content: '! '; color: var(--orange); }
  .pc-card ul { list-style: none; }
  .pc-card li {
    padding: 9px 0 9px 26px;
    position: relative;
    font-size: 16px;
    color: var(--ink-soft);
    line-height: 1.55;
    border-bottom: 1px solid var(--rule);
  }
  .pc-card li:last-child { border-bottom: none; }
  .pc-card.pros li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 10px;
    color: var(--success);
    font-weight: 800;
    font-size: 14px;
  }
  .pc-card.cons li::before {
    content: '−';
    position: absolute;
    left: 0;
    top: 8px;
    color: var(--orange);
    font-weight: 700;
    font-size: 18px;
  }

  /* ── REVIEWS / USER FEEDBACK ── */
  .reviews {
    max-width: var(--w-wide);
    margin: 0 auto;
    padding: 56px 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .review-card {
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    padding: 30px 26px;
    text-align: center;
    box-shadow: 0 4px 18px rgba(2,77,133,0.05);
  }
  .review-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 14px;
    object-fit: cover;
    border: 3px solid var(--paper-section);
  }
  .review-name { font-family: var(--display); font-weight: 600; font-size: 18px; color: var(--ink); margin-bottom: 2px; }
  .review-loc { font-size: 13px; color: var(--muted-soft); margin-bottom: 10px; }
  .review-stars { color: var(--cta); letter-spacing: 2px; margin-bottom: 14px; }
  .review-quote { font-size: 16px; color: var(--ink-soft); line-height: 1.6; font-style: italic; }
  .reviews-meta {
    max-width: var(--w-prose);
    margin: 0 auto 18px;
    text-align: center;
    padding: 0 24px;
    font-size: 16px;
    color: var(--muted);
  }
  .reviews-meta b { color: var(--ink); font-weight: 700; }
  .reviews-meta .stars { color: var(--cta); letter-spacing: 2px; }

  /* ── PRICING (matches reference image strictly) ── */
  .pricing-wrap {
    background: var(--paper-warm);
    padding: 56px 20px 72px;
  }
  .pricing-intro {
    max-width: var(--w-prose);
    margin: 0 auto 36px;
    text-align: center;
    font-size: 16.5px;
    color: var(--muted);
  }
  .pricing-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .price-card {
    background: #f1f1f1;
    border-radius: 6px;
    padding: 36px 28px 32px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .price-tier {
    font-family: var(--body);
    font-weight: 800;
    font-size: 38px;
    color: var(--ink);
    line-height: 1;
    letter-spacing: 0.01em;
  }
  .price-supply {
    font-family: var(--body);
    font-size: 18px;
    color: var(--ink);
    margin-top: 8px;
    margin-bottom: 18px;
    font-weight: 500;
  }
  .price-img {
    height: 240px;
    margin: 8px 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
  }
  .price-img img { max-height: 240px; width: auto; }
  .price-amount-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    margin: 4px 0 6px;
  }
  .price-amount {
    font-family: var(--body);
    font-weight: 900;
    font-size: 76px;
    line-height: 0.95;
    color: var(--ink);
    letter-spacing: -0.02em;
  }
  .price-amount sup { font-size: 38px; vertical-align: top; line-height: 1.1; font-weight: 800; }
  .price-per {
    font-family: var(--body);
    font-weight: 700;
    font-size: 22px;
    color: var(--ink);
    line-height: 1.05;
    text-align: left;
    margin-top: 8px;
  }
  .price-save {
    font-family: var(--body);
    font-weight: 800;
    font-size: 26px;
    color: var(--danger);
    margin: 14px 0 18px;
    letter-spacing: 0.01em;
  }
  .price-cta {
    display: inline-block;
    background: var(--cta);
    color: var(--ink) !important;
    font-family: var(--body);
    font-weight: 800;
    font-size: 17px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 18px 24px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    transition: background 0.15s, transform 0.15s;
    text-decoration: none;
    margin-top: 6px;
  }
  .price-cta:hover { background: var(--cta-hover); transform: translateY(-1px); text-decoration: none; }
  .price-total {
    font-family: var(--body);
    font-weight: 700;
    font-size: 22px;
    color: var(--ink);
    margin-top: 20px;
  }
  .price-shipping {
    font-family: var(--body);
    font-size: 16px;
    color: var(--ink);
    margin-top: 4px;
  }
  /* Yellow circular sticker badges */
  .price-badge {
    position: absolute;
    top: 36%;
    left: 18px;
    transform: translateY(-50%) rotate(-12deg);
    background: var(--cta);
    color: var(--ink);
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--body);
    font-weight: 900;
    font-size: 16px;
    line-height: 1.05;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px rgba(229,175,26,0.35);
    z-index: 2;
    padding: 8px;
  }
  .price-card.most-popular .price-badge { left: 12px; }
  .price-disclaimer {
    max-width: var(--w-prose);
    margin: 36px auto 0;
    text-align: center;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.6;
  }
  .price-disclaimer b { color: var(--ink); }

  /* ── GUARANTEE BLOCK ── */
  .guarantee-wrap {
    padding: 64px 24px;
    background: var(--warm);
  }
  .guarantee {
    max-width: var(--w-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 56px;
    align-items: center;
  }
  .seal-stage {
    position: relative;
    width: 280px;
    height: 280px;
    margin: 0 auto;
  }
  .seal-stage::before {
    content: '';
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(247,142,60,0.22), transparent 70%);
    animation: shimmer 4s ease-in-out infinite;
  }
  @keyframes shimmer {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.04); }
  }
  .seal {
    position: relative;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 25%, #ec5b1b, var(--orange) 50%, #c46716);
    border: 6px solid #fff;
    box-shadow: 0 0 0 3px #c46716, 0 18px 40px rgba(196,103,22,0.35);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--display);
  }
  .seal .days { font-size: 64px; font-weight: 700; line-height: 1; }
  .seal .days small { font-size: 18px; font-weight: 600; display: block; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; color: #ffe9b6; }
  .seal .mb { font-size: 22px; font-weight: 600; margin-top: 12px; letter-spacing: 0.06em; text-transform: uppercase; }
  .seal .gt { font-size: 14px; letter-spacing: 0.16em; text-transform: uppercase; color: #ffe9b6; margin-top: 4px; font-weight: 600; }
  .guarantee-copy h2 {
    font-family: var(--display);
    font-weight: 500;
    font-size: clamp(28px, 3.4vw, 40px);
    line-height: 1.2;
    color: var(--ink);
    margin-bottom: 16px;
    letter-spacing: -0.01em;
  }
  .guarantee-copy h2 em { color: var(--orange); font-style: italic; font-weight: 500; }
  .guarantee-copy p {
    font-size: 18px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin-bottom: 22px;
  }

  /* ── FAQ ── */
  .faq-wrap { padding: 56px 24px; background: var(--paper-warm); }
  .faq {
    max-width: var(--w-prose);
    margin: 0 auto;
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(2,77,133,0.05);
  }
  details.faq-item { border-bottom: 1px solid var(--rule); }
  details.faq-item:last-child { border-bottom: none; }
  details.faq-item summary {
    padding: 22px 26px;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.4;
  }
  details.faq-item summary::-webkit-details-marker { display: none; }
  .faq-q {
    font-family: var(--display);
    color: var(--orange);
    font-weight: 700;
    font-size: 20px;
    flex-shrink: 0;
  }
  .faq-toggle {
    margin-left: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--hero-bg);
    color: var(--navy-deep);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    flex-shrink: 0;
    transition: background 0.15s, transform 0.2s, color 0.15s;
  }
  details[open] .faq-toggle { background: var(--orange); color: #fff; transform: rotate(45deg); }
  details.faq-item .faq-body {
    padding: 0 26px 24px 60px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--ink-soft);
  }

  /* ── AI OVERVIEW BLOCK ── */
  .ai-overview-wrap { padding: 56px 24px; background: var(--paper-section); }
  .ai-overview {
    max-width: var(--w-prose);
    margin: 0 auto;
    background: var(--paper);
    border: 2px solid var(--hero-bg);
    border-radius: 18px;
    padding: 30px 32px;
  }
  .ai-overview > summary {
    font-family: var(--display);
    font-weight: 600;
    font-size: 22px;
    color: var(--ink);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .ai-overview > summary::-webkit-details-marker { display: none; }
  .ai-overview > summary::before {
    content: '🤖';
    font-size: 22px;
  }
  .ai-overview .ai-body {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--rule);
    font-size: 16px;
    line-height: 1.7;
    color: var(--ink-soft);
  }
  .ai-overview .ai-body h4 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 17px;
    color: var(--navy-deep);
    margin: 16px 0 6px;
  }
  .ai-overview .ai-body h4:first-child { margin-top: 0; }
  .ai-overview .ai-body p { margin-bottom: 10px; }

  /* ── FINAL CTA PANEL ── */
  .final-cta {
    background: linear-gradient(180deg, var(--navy), var(--navy-deep));
    padding: 80px 24px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
  }
  .final-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(251,199,48,0.18), transparent 60%);
    pointer-events: none;
  }
  .final-cta-inner { position: relative; max-width: var(--w-prose); margin: 0 auto; }
  .final-cta h2 {
    font-family: var(--display);
    font-weight: 500;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
  }
  .final-cta h2 em { color: var(--cta); font-style: italic; font-weight: 500; }
  .final-cta p {
    font-size: 18px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
  }
  .final-cta .micro {
    font-size: 13px;
    color: rgba(255,255,255,0.78);
    margin-top: 18px;
    letter-spacing: 0.02em;
  }
  .final-cta .micro b { color: var(--cta); }

  /* ── INFO SOURCES ── */
  .sources-wrap { background: var(--paper-warm); padding: 48px 24px; }
  .sources {
    max-width: var(--w-prose);
    margin: 0 auto;
    background: var(--paper);
    border: 2px solid var(--cta);
    border-radius: 18px;
    padding: 30px 34px;
  }
  .sources h3 {
    font-family: var(--display);
    font-weight: 600;
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 14px;
  }
  .sources ul { list-style: none; margin-bottom: 22px; }
  .sources li { padding: 6px 0; font-size: 15.5px; }
  .sources li a { color: var(--navy-deep); text-decoration: underline; font-weight: 600; }
  .disclaimer {
    background: #fffbeb;
    border-left: 4px solid var(--cta);
    border-radius: 8px;
    padding: 16px 20px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--ink-soft);
  }
  .disclaimer b { color: #92400e; }

  /* ── FOOTER ── */
  footer {
    background: var(--footer-bg);
    color: rgba(255,255,255,0.78);
    padding: 64px 24px 32px;
    font-size: 14px;
  }
  .foot-grid {
    max-width: var(--w-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
  }
  .foot-brand { font-family: var(--display); font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 12px; }
  .foot-brand sup { color: var(--cta); font-size: 11px; }
  .foot p { line-height: 1.65; max-width: 360px; }
  .foot-col h4 {
    font-family: var(--display);
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    margin-bottom: 14px;
  }
  .foot-col ul { list-style: none; }
  .foot-col li { padding: 5px 0; }
  .foot-col a { color: rgba(255,255,255,0.78); }
  .foot-col a:hover { color: var(--cta); text-decoration: none; }
  .foot-rule {
    max-width: var(--w-wide);
    margin: 40px auto 24px;
    border: none;
    border-top: 1px solid rgba(255,255,255,0.12);
  }
  .foot-copy {
    max-width: var(--w-wide);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: rgba(255,255,255,0.62);
  }
  .foot-disclaimers {
    max-width: var(--w-wide);
    margin: 30px auto 0;
    display: grid;
    gap: 18px;
  }
  .foot-disclaimer { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 16px; }
  .foot-disclaimer .label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--cta);
    font-weight: 700;
    margin-bottom: 6px;
  }
  .foot-disclaimer p { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.7); max-width: none; }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .hero-image img { max-width: 360px; }
    .glance { grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .three-up, .ingredients, .benefits, .reviews, .pricing-grid, .pros-cons, .foot-grid { grid-template-columns: 1fr; }
    .guarantee { grid-template-columns: 1fr; gap: 36px; }
    .seal-stage, .seal { width: 240px; height: 240px; }
    .seal .days { font-size: 50px; }
    .nav-links { display: none; }
  }
  @media (max-width: 560px) {
    #hero { padding: 48px 20px; }
    .section-bar { padding: 44px 20px; }
    .prose-section { padding: 40px 20px; }
    .pricing-wrap, .guarantee-wrap, .final-cta { padding: 48px 20px; }
    .byline { padding: 18px 20px; }
    .price-amount { font-size: 64px; }
    .price-amount sup { font-size: 30px; }
    .price-tier { font-size: 32px; }
    .price-img { height: 200px; }
    .price-img img { max-height: 200px; }
  }

/* Gluco Cleanse Tea: reference design, accessible 18–20px reading sizes. */
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-size:20px;line-height:1.75}p{margin:0 0 22px}h1,h2,h3{font-family:var(--display);font-weight:500;color:var(--ink);line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(40px,4.4vw,60px);margin:0 0 24px}h2{font-size:clamp(30px,3.3vw,42px);margin:0 0 24px}h3{font-size:26px;margin:0 0 16px}h1 strong,h2 strong,h3 strong{font-weight:500}a{color:var(--navy-deep)}p a,li a{ text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{font:inherit;cursor:pointer}.skip-link{position:fixed;left:16px;top:-100px;padding:10px 20px;background:#fff;z-index:1000}.skip-link:focus{top:12px}.announce{font-size:14px;padding:8px 20px}.site-header{position:sticky;top:0;z-index:50;background:var(--navy-deep);box-shadow:0 3px 15px #024d851a}.nav-inner{gap:24px;max-width:1280px}.brand{font-size:24px;white-space:nowrap}.brand span{display:block;font:600 10px/1.6 var(--body);letter-spacing:.16em;color:#cbdcf4;margin-top:4px}.nav-links{gap:20px;align-items:center}.nav-links a{font-size:14px;white-space:nowrap}.nav-links a[aria-current=page]{color:var(--cta)}.cta-pill{white-space:nowrap}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #ffffff66;border-radius:8px;padding:7px 12px;font-size:16px}.page-hero{padding:72px 24px 64px;background:radial-gradient(ellipse at 75% 40%,#e1edff 0,transparent 54%),linear-gradient(180deg,var(--hero-bg),var(--paper-warm))}.hero-grid{align-items:center}.hero-copy>p{font-size:20px;line-height:1.7;color:var(--ink-soft)}.hero-copy>.btn-primary{margin:2px 0 20px}.hero-copy>.gct-disclosure{font-size:14px;line-height:1.6;max-width:530px;color:var(--muted);margin:0}.hero-image img{width:100%;max-width:520px}.hero-copy .eyebrow{font-size:12px}.text-hero{display:block;max-width:900px}.text-hero h1{max-width:900px}.btn-primary{font-size:16px;line-height:1.5;text-align:center;letter-spacing:.015em}.section-bar h2{margin-bottom:18px}.content-band{padding:56px 24px;background:var(--paper-warm)}.content-band:nth-child(even){background:var(--paper-section)}.section-inner{max-width:var(--w-wide);margin:0 auto}.section-inner>p,.section-inner>.topic,.section-inner>.note-card,.editorial-band .section-inner{max-width:var(--w-prose);margin-left:auto;margin-right:auto}.section-inner>h2{text-align:center}.card-grid,.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto 24px}.step-card{padding:30px}.step-card h3{font-size:25px}.step-card p{font-size:18px;line-height:1.7;margin:0}.step-card::before{content:'';display:block;width:36px;height:4px;border-radius:4px;background:var(--orange);margin-bottom:22px}.feature-split{max-width:1100px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.feature-image img{max-width:420px;width:100%;margin:auto}.feature-copy h2{font-size:clamp(30px,3.4vw,42px)}.feature-copy p{font-size:20px}.guarantee-band{background:var(--warm)!important}.guarantee-band .feature-image img{max-width:270px}.bonus-card{border:1px solid var(--rule);border-radius:18px;background:#fff;padding:30px;box-shadow:0 4px 18px #024d850d}.bonus-card img{height:230px;object-fit:contain;width:100%;margin:0 auto 26px}.bonus-card h3{font-size:24px}.bonus-card p{font-size:18px}.table-scroll{overflow:auto;margin:30px auto;max-width:100%;border-radius:16px;border:1px solid var(--rule);background:#fff}.compare-table{border:0;border-radius:0}.compare-table th,.compare-table thead th{font-size:18px;line-height:1.5}.compare-table td,.compare-table tbody td{font-size:18px;line-height:1.65;padding:18px}.compare-table thead th:first-child{width:auto}.compare-table tbody tr:nth-child(even) td{background:#fdfbf6}.package-section{max-width:1200px;margin:auto;text-align:center}.package-section>p{max-width:820px;margin:0 auto 26px}.pricing-grid{gap:20px;margin:32px auto}.price-card{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:8px;padding:30px 24px}.price-card:last-child{background:#fff6d8;border-color:var(--cta)}.price-tier{font-family:var(--body);font-size:27px;font-weight:800;letter-spacing:-.03em}.price-img{height:210px}.price-img img{max-height:200px;object-fit:contain}.price-amount{font-size:72px}.price-total{font-size:21px;margin:18px 0 4px}.price-shipping{font-size:18px;line-height:1.5;min-height:54px;margin-bottom:20px}.price-cta{margin-top:auto;font-size:15px}.package-section .table-scroll{text-align:left}.package-section>h2{font-size:34px}.faq{max-width:820px}.faq-item summary{font-size:20px!important;padding:24px 26px!important}.faq-item summary::after{content:'+';margin-left:auto;flex-shrink:0;color:var(--navy-deep);background:var(--hero-bg);border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px}.faq-item[open] summary::after{content:'−';background:var(--cta)}.faq-item>p{padding:0 26px 24px;font-size:18px;line-height:1.75;margin:0}.related-guides{max-width:1000px;margin:0 auto;padding:30px;border:1px solid var(--rule);border-radius:18px;background:#fff}.related-guides h2{font-size:28px}.related-guides>a{display:inline-block;font-size:18px;margin:6px 10px 6px 0;padding:10px 18px;background:var(--hero-bg);border-radius:999px;text-decoration:none}.note-card{padding:30px;border-left:4px solid var(--cta);background:#fffbeb;border-radius:10px}.note-card p:last-child{margin:0}.final-cta .section-inner{max-width:900px}.final-cta p{font-size:20px}.guide-byline{max-width:900px;padding:30px 24px;margin:0 auto;font-size:14px}.guide-overview{max-width:852px;margin:0 auto 36px;font-size:20px}.guide-overview h2{font-size:30px}.guide-overview p:last-child{margin:0}.guide-article{max-width:948px;margin:0 auto;padding:0 48px 60px}.guide-article>.topic{margin:48px 0 0}.guide-article h2{font-size:36px;scroll-margin-top:115px}.guide-article ul,.guide-article ol{padding-left:25px;margin:20px 0 30px}.guide-article li{margin-bottom:10px}.contents-card{background:var(--paper-section);border:1px solid var(--rule);border-radius:18px;padding:28px 32px}.contents-card h2{font-size:27px}.contents-card ul{columns:2;column-gap:32px;margin-bottom:0}.contents-card li{font-size:18px;break-inside:avoid;line-height:1.6}.guide-article>.related-guides,.guide-article>.sources{margin-top:42px}.guide-article>.faq{margin-top:48px}.guide-article .faq h2{padding:26px 26px 0}.guide-article>.package-section{margin-top:48px}.guide-article .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-article .price-card{padding:24px 12px}.guide-article .price-tier{font-size:21px}.guide-article .price-img{height:150px}.guide-article .price-img img{max-height:140px}.guide-article .price-amount{font-size:54px}.guide-article .price-per{font-size:18px}.guide-article .price-shipping{font-size:18px;min-height:81px}.guide-article .price-cta{font-size:13px;padding:15px 8px}.sources{font-size:18px;line-height:1.7}.sources h2{font-size:28px}.sources li{font-size:18px}.sources p{font-size:18px}.gct-disclosure{font-size:14px}.premium-footer{padding:56px 24px 32px;background:var(--footer-bg)}.premium-footer>div{max-width:1200px;margin:auto}.premium-footer h2,.premium-footer h3{color:#fff;font-size:26px}.premium-footer a{color:#fff}.premium-footer nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 30px}.premium-footer nav a{font-size:16px}.premium-footer p{font-size:14px;line-height:1.75;color:#dae6f5}.premium-footer p a{text-decoration:underline}.premium-footer .gct-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.premium-footer .gct-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}.premium-footer .gct-footer-links a{font-size:16px}.editorial-band h2{font-size:28px;text-align:left}.editorial-band p{font-size:18px}.editorial-band .byline-meta{font-size:14px}.menu-toggle[aria-expanded=true]{background:#ffffff18}
@media(min-width:981px) and (max-width:1180px){.header-cta{display:none}.nav-inner{justify-content:space-between}.hero-grid{gap:32px}}
@media(max-width:980px){.nav-inner{position:relative;justify-content:space-between}.menu-toggle{display:block}.header-cta{display:none}.nav-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0}.site-header .nav-inner{flex-wrap:wrap}.site-header .nav-links{width:100%}.js .site-header .nav-links{display:none}.js .site-header .nav-links.is-open{display:grid;grid-template-columns:1fr 1fr;padding:16px 0 8px}.nav-links a{font-size:18px;padding:8px}.hero-grid{gap:36px}.hero-image img{max-width:440px}.hero-copy{max-width:720px}.card-grid,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-card:last-child{grid-column:1/-1;max-width:570px;justify-self:center}.feature-split{gap:36px;grid-template-columns:.7fr 1fr}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card{padding:26px 14px}.price-tier{font-size:24px}.price-img{height:170px}.price-img img{max-height:160px}.price-amount{font-size:60px}.guide-overview{margin-left:24px;margin-right:24px}.site-header .brand{font-size:24px}}
@media(max-width:680px){body{font-size:18px}.nav-inner{padding:12px 20px}.site-header .brand{font-size:22px}.page-hero{padding:42px 20px}.hero-grid{gap:30px}.hero-copy>p{font-size:18px}.hero-copy h1{font-size:40px}.hero-image img{max-width:360px}.btn-primary{font-size:15px;padding:16px 24px;max-width:100%}.hero-copy>.btn-primary{width:100%}.content-band{padding:40px 20px}.section-bar{padding:40px 20px}.section-bar h2{font-size:32px}.card-grid,.bonus-grid,.feature-split,.pricing-grid,.guide-article .pricing-grid{grid-template-columns:1fr}.bonus-card:last-child{grid-column:auto;max-width:none}.feature-split{gap:30px}.feature-image img{max-width:320px}.feature-copy p{font-size:18px}.step-card{padding:26px}.bonus-card{padding:26px}.bonus-card img{height:230px}.price-card,.guide-article .price-card{padding:32px 24px}.price-tier,.guide-article .price-tier{font-size:30px}.price-img,.guide-article .price-img{height:220px}.price-img img,.guide-article .price-img img{max-height:210px}.price-amount,.guide-article .price-amount{font-size:72px}.price-shipping,.guide-article .price-shipping{min-height:0}.price-cta,.guide-article .price-cta{font-size:16px;padding:18px}.table-scroll .compare-table{min-width:590px}.faq-item summary{font-size:18px!important;padding:22px 20px!important}.faq-item>p{padding:0 20px 24px}.guide-article{padding:0 20px 40px}.guide-article h2{font-size:30px}.guide-byline{padding:26px 20px}.guide-overview{margin:0 20px 28px;padding:26px 24px;font-size:18px}.contents-card{padding:24px}.contents-card ul{columns:1}.sources{padding:26px 22px}.premium-footer .gct-footer-grid{grid-template-columns:1fr;gap:24px}.premium-footer nav{gap:12px 20px}.related-guides{padding:26px 22px}.related-guides>a{font-size:18px}.final-cta{padding:50px 20px}.final-cta p{font-size:18px}.final-cta h2{font-size:34px}.announce{font-size:12px}.note-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-copy h1 em{font-style:italic;color:var(--orange);font-weight:500}
/* Original homepage section restoration */
.home-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feedback-card{background:#fff;border:1px solid var(--rule);border-radius:18px;padding:32px;box-shadow:0 4px 18px #024d850d;text-align:center}.feedback-photo{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:0 auto 20px;border:4px solid var(--paper-section)}.feedback-card h3{font-size:26px}.feedback-card blockquote{margin:0}.feedback-card p{font-size:18px;line-height:1.75;margin:0}.feedback-note{font-size:13px;line-height:1.6;text-align:center;color:var(--muted);margin-top:24px!important}.ingredient-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:ingredient}.ingredient-detail-grid .step-card{counter-increment:ingredient}.ingredient-detail-grid .step-card::before{content:counter(ingredient,decimal-leading-zero);background:transparent;color:var(--orange);font:500 30px/1 var(--display);height:auto;width:auto}.home-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-center{text-align:center;margin-top:28px!important}.home-checks{padding-left:24px;margin-bottom:28px}.home-checks li{margin-bottom:10px}.home-section-nav{max-width:1200px;margin:0 auto 32px!important}#content16-5f{padding-bottom:20px}#content17-5s{padding-top:20px}#content5-n{padding-bottom:12px}#content8-5c{padding-top:28px}
@media(max-width:980px){.home-four-grid,.ingredient-detail-grid{grid-template-columns:1fr 1fr}.feedback-grid{grid-template-columns:1fr}.feedback-card{text-align:left;display:grid;grid-template-columns:96px 1fr;gap:0 26px}.feedback-photo{grid-row:1/3;margin:0}.feedback-card h3{margin-bottom:12px}.feedback-card blockquote{grid-column:2}}
@media(max-width:680px){.home-four-grid,.ingredient-detail-grid,.home-benefit-grid{grid-template-columns:1fr}.feedback-card{display:block;text-align:center;padding:26px}.feedback-photo{margin:0 auto 20px}.home-checks{font-size:18px}}
/* One continuous homepage FAQ block. */
#content16-5f{padding-top:40px;padding-bottom:40px;background:var(--paper-warm)}
#content16-5f .faq-item{scroll-margin-top:110px}
@media(max-width:680px){#content16-5f{padding-top:28px;padding-bottom:28px}}
#content16-5f #content17-5s{padding:0;margin:0;background:transparent}