:root {
  --ink: #141414;
  --muted: #696963;
  --forest: #153f34;
  --forest-deep: #0b2e27;
  --fern: #336b57;
  --mint: #dcebdc;
  --cream: #f7f3e9;
  --paper: #fffefa;
  --coral: #de7259;
  --gold: #e2b94f;
  --line: rgba(20, 20, 20, .16);
  --line-light: rgba(255, 255, 255, .19);
  --article: 720px;
  --wide: 860px;
  --radius: 12px;
  --serif: "Lora", Georgia, serif;
  --sans: "Lato", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
}
a { color: inherit; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
p, h1, h2, h3 { margin-top: 0; }
.shell { width: min(var(--wide), calc(100% - 40px)); margin-inline: auto; }
.narrow { width: min(var(--article), calc(100% - 40px)); }
.section { padding: 88px 0; }
.progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 100; }
.progress span { display: block; width: 0; height: 100%; background: var(--coral); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 68px;
  padding: 10px max(20px, calc((100vw - var(--wide)) / 2));
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 254, 250, .94);
  backdrop-filter: blur(14px);
  font-family: var(--sans);
}
.wordmark { display: inline-flex; flex-direction: column; justify-self: start; line-height: 1.05; text-decoration: none; }
.wordmark__name { font-size: 20px; font-weight: 900; letter-spacing: -.035em; text-transform: uppercase; }
.wordmark__line { margin-top: 5px; color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.site-header nav { display: flex; gap: 24px; }
.site-header nav a { font-size: 11px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.site-header nav a:hover { color: var(--fern); }
.nav-cta { justify-self: end; padding: 9px 15px; border-radius: 999px; color: #fff; background: var(--forest); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; }

.hero {
  width: min(var(--article), calc(100% - 40px));
  min-height: auto;
  padding: 54px 0 70px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 38px;
}
.hero__copy { display: flex; flex-direction: column; }
.byline { order: 0; display: flex; align-items: center; gap: 12px; margin-bottom: 28px; font-family: var(--sans); }
.avatar {
  position: relative;
  width: 52px;
  aspect-ratio: 1;
  border-radius: 50%;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: 0 0 0 4px rgba(51,107,87,.12);
}
.avatar img {
  position: absolute;
  top: -51%;
  left: -87%;
  width: 245%;
  height: auto;
  max-width: none;
}
.byline div:last-child { display: flex; flex-direction: column; line-height: 1.35; }
.byline strong { font-size: 13px; font-weight: 900; }
.byline span { color: var(--muted); font-size: 11px; }
.byline div:last-child { min-width: 0; }
.byline span { overflow-wrap: anywhere; }
.byline a { text-underline-offset: 3px; }
.eyebrow { margin: 0 0 12px; color: var(--fern); font-family: var(--sans); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { font-family: var(--sans); }
h1 {
  margin-bottom: 24px;
  font-size: clamp(40px, 5vw, 50px);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -.035em;
  text-transform: uppercase;
}
h1 em { color: var(--coral); font-style: normal; font-weight: inherit; }
.hero__dek { max-width: 680px; margin-bottom: 0; color: #383835; font-size: 18px; line-height: 1.68; }
.hero__actions { margin: 27px 0 22px; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; font-family: var(--sans); }
.button { min-height: 48px; padding: 12px 19px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; font-family: var(--sans); font-size: 12px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: .025em; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { color: #fff; background: var(--forest); box-shadow: 0 10px 24px rgba(21,63,52,.16); }
.button--light { color: var(--forest); background: var(--cream); }
.text-link { font-size: 12px; font-weight: 700; text-underline-offset: 4px; }
.trust-line { display: flex; flex-wrap: wrap; gap: 8px; font-family: var(--sans); }
.trust-line span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 4px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }

.hero__visual { min-height: 500px; position: relative; display: grid; place-items: center; isolation: isolate; }
.product-stage { width: 100%; height: 500px; display: grid; place-items: center; border-radius: var(--radius); background: linear-gradient(145deg, #dbe9d9, #efd7c7); overflow: hidden; box-shadow: 0 18px 45px rgba(15,50,40,.12); }
.product-stage::before { content: ""; position: absolute; width: 360px; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.46); }
.product-stage img { position: relative; z-index: 1; width: 66%; height: 88%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 30px 18px rgba(13,48,40,.18)); }
.hero__stamp { position: absolute; top: -22px; right: -18px; z-index: 3; width: 102px; aspect-ratio: 1; display: grid; align-content: center; place-items: center; border-radius: 50%; color: var(--forest-deep); background: var(--gold); transform: rotate(7deg); box-shadow: 0 10px 25px rgba(20,20,20,.13); text-transform: uppercase; font-family: var(--sans); }
.hero__stamp::before { content: ""; position: absolute; inset: 7px; border: 1px dashed rgba(20,20,20,.4); border-radius: inherit; }
.hero__stamp span { font-size: 9px; letter-spacing: .1em; }
.hero__stamp strong { font-size: 18px; line-height: 1; font-weight: 900; }
.orbit { position: absolute; z-index: -1; border: 1px solid rgba(51,107,87,.16); border-radius: 50%; }
.orbit--one { width: 560px; aspect-ratio: 1; }
.orbit--two { width: 500px; aspect-ratio: 1; border-style: dashed; animation: spin 34s linear infinite; }
.floating-note { position: absolute; z-index: 2; min-width: 154px; padding: 11px 13px 11px 32px; border: 1px solid rgba(255,255,255,.72); border-radius: 8px; background: rgba(255,254,250,.88); backdrop-filter: blur(10px); box-shadow: 0 12px 28px rgba(13,48,40,.1); display: flex; flex-direction: column; font-family: var(--sans); line-height: 1.2; }
.floating-note .dot { position: absolute; left: 13px; top: 17px; width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 4px rgba(222,114,89,.13); }
.floating-note strong { font-size: 14px; font-weight: 900; }
.floating-note small { color: var(--muted); font-size: 9px; }
.floating-note--top { left: -28px; top: 28%; }
.floating-note--bottom { right: -28px; bottom: 16%; }
@keyframes spin { to { transform: rotate(360deg); } }

.proof-strip { padding: 0 0 23px; color: var(--cream); background: var(--forest); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid article { padding: 25px 18px; display: flex; flex-direction: column; gap: 3px; border-right: 1px solid var(--line-light); }
.proof-grid article:last-child { border-right: 0; }
.proof-grid strong { color: var(--gold); font-family: var(--sans); font-size: 30px; line-height: 1; font-weight: 900; }
.proof-grid span { font-family: var(--sans); font-size: 9px; line-height: 1.4; }
sup { font-size: .58em; }
.proof-strip__note { margin: 0 auto; color: rgba(255,255,255,.52); font-family: var(--sans); font-size: 8px; text-align: center; }

.intro { padding: 82px 0; }
.pull-quote { margin-bottom: 34px; font: 600 25px/1.48 var(--serif); letter-spacing: -.02em; }
.intro__body { display: block; }
.intro__body p { margin: 0 0 20px; color: #373733; }
.intro__body p:last-child { margin-bottom: 0; }

.criteria { color: var(--cream); background: var(--forest-deep); overflow: hidden; position: relative; }
.criteria::after { content: ""; position: absolute; width: 520px; aspect-ratio: 1; left: -310px; bottom: -320px; border: 1px solid rgba(220,235,220,.14); border-radius: 50%; box-shadow: 0 0 0 70px rgba(220,235,220,.025), 0 0 0 140px rgba(220,235,220,.025); }
.section-heading { max-width: var(--article); margin: 0 auto 42px; }
.section-heading h2 { margin-bottom: 16px; font-size: clamp(32px, 4vw, 40px); line-height: 1.1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; }
.section-heading > p:last-child { color: var(--muted); }
.criteria .section-heading > p:last-child { color: rgba(247,243,233,.68); }
.criteria .eyebrow { color: var(--gold); }
.criteria-grid { width: min(var(--article), 100%); margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; position: relative; z-index: 1; }
.criterion { min-height: 270px; padding: 24px; border: 1px solid rgba(247,243,233,.16); border-radius: var(--radius); background: rgba(255,255,255,.035); display: flex; flex-direction: column; }
.criterion__number { align-self: flex-end; color: rgba(247,243,233,.35); font-family: var(--sans); font-size: 9px; letter-spacing: .14em; }
.criterion svg { width: 42px; height: 42px; margin: 26px 0 auto; fill: none; stroke: var(--gold); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.criterion h3 { margin-bottom: 8px; font-size: 20px; font-weight: 900; text-transform: uppercase; }
.criterion p { margin: 0; color: rgba(247,243,233,.64); font-size: 14px; line-height: 1.58; }
.criterion--wide { grid-column: 1 / -1; min-height: auto; display: grid; grid-template-columns: .8fr 1.4fr; align-items: center; gap: 30px; padding: 28px 32px; color: var(--forest-deep); background: var(--gold); }
.criterion--wide .criterion__number { position: absolute; right: 18px; top: 14px; color: rgba(20,20,20,.42); }
.criterion--wide .eyebrow { margin-bottom: 5px; color: rgba(20,20,20,.6); }
.criterion--wide h3, .criterion--wide p { margin: 0; color: var(--forest-deep); }

.comparison { background: var(--cream); }
.section-heading--split { max-width: var(--article); display: block; }
.section-heading--split p:last-child { margin: 20px 0 0; }
.comparison-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: 0 10px 30px rgba(20,20,20,.055); }
table { width: 100%; min-width: 850px; border-collapse: collapse; font-family: var(--sans); font-size: 12px; line-height: 1.45; }
th, td { padding: 20px 17px; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--line); }
thead th { color: #5d5d57; background: #ece6d9; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
tbody tr:last-child th, tbody tr:last-child td { border-bottom: 0; }
tbody th { width: 26%; display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; font-size: 12px; line-height: 1.25; }
tbody th small { color: var(--muted); font-size: 9px; font-weight: 400; }
.rank { color: #777; font-size: 10px; font-weight: 700; }
tbody th b { padding: 4px 6px; color: var(--forest); background: var(--mint); border-radius: 999px; font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }
tbody td:nth-child(2) { width: 27%; color: #50504c; }
tbody td:nth-child(3) { width: 31%; }
tbody td:last-child strong { display: block; font-size: 18px; font-weight: 900; }
.stars { color: #c48914; font-size: 9px; letter-spacing: .6px; }
.winner { background: #eaf1e8; }
.swipe-hint { display: none; margin: 9px 0 0; color: var(--muted); font-family: var(--sans); font-size: 9px; text-align: right; text-transform: uppercase; letter-spacing: .04em; }
.verdict { margin-top: 22px; padding: 27px 30px; display: grid; grid-template-columns: 140px 1fr; gap: 28px; border-radius: var(--radius); color: var(--cream); background: var(--forest); }
.verdict__label { color: var(--gold); font-family: var(--sans); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.verdict p { margin: 0; font-size: 17px; line-height: 1.58; }

.science { background: var(--paper); }
.science-grid { width: min(var(--article), calc(100% - 40px)); display: block; }
.science__intro { margin-bottom: 38px; }
.science__intro h2 { font-size: clamp(32px, 4vw, 40px); line-height: 1.1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; }
.science__intro > p:not(.eyebrow) { color: var(--muted); }
.science__promise { margin-top: 28px; padding: 18px; display: flex; gap: 15px; align-items: center; border-radius: var(--radius); background: var(--mint); }
.science__promise > span { width: 40px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; color: var(--cream); background: var(--forest); font: 900 21px/1 var(--sans); flex: 0 0 auto; }
.science__promise p { margin: 0; font-size: 13px; }
.mechanism { margin: 0; padding: 0; list-style: none; }
.mechanism li { position: relative; padding: 30px 0 35px; display: grid; grid-template-columns: 48px 1fr; gap: 20px; border-top: 1px solid var(--line); }
.mechanism li:last-child { border-bottom: 1px solid var(--line); }
.mechanism > li > span { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--fern); background: var(--paper); font: 900 10px/1 var(--sans); }
.mechanism h3 { margin-bottom: 7px; font-size: 19px; font-weight: 900; text-transform: uppercase; }
.mechanism p { margin: 0; color: var(--muted); }

.evidence { color: var(--cream); background: #302d25; }
.section-heading--center { max-width: var(--article); text-align: left; }
.evidence .eyebrow { color: var(--gold); }
.evidence .section-heading > p:last-child { color: rgba(247,243,233,.62); }
.evidence-grid { width: min(var(--article), 100%); margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 310px 170px 170px; gap: 12px; }
.evidence-card { padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(247,243,233,.13); border-radius: var(--radius); background: rgba(255,255,255,.04); }
.evidence-card strong { color: var(--gold); font-family: var(--sans); font-size: 42px; line-height: 1; font-weight: 900; }
.evidence-card > span:not(.evidence-card__mark) { margin-top: 9px; max-width: 180px; font-family: var(--sans); font-size: 10px; }
.evidence-card--hero { grid-column: span 2; justify-content: space-between; color: var(--forest-deep); background: var(--coral); border: 0; overflow: hidden; position: relative; }
.evidence-card--hero::after { content: ""; position: absolute; width: 320px; aspect-ratio: 1; top: -180px; right: -130px; border: 1px solid rgba(20,20,20,.18); border-radius: 50%; box-shadow: 0 0 0 50px rgba(20,20,20,.035), 0 0 0 100px rgba(20,20,20,.035); }
.evidence-card__mark { font-family: var(--sans); font-size: clamp(72px, 11vw, 112px); line-height: 1; font-weight: 900; letter-spacing: -.07em; }
.evidence-card--hero h3 { margin: auto 0 6px; max-width: 480px; font-size: 28px; line-height: 1.12; font-weight: 900; text-transform: uppercase; }
.evidence-card--hero p { margin: 0; font-size: 11px; }
.evidence-card--dark { background: var(--forest); }
.evidence-card small { margin-top: 10px; color: rgba(247,243,233,.55); font-family: var(--sans); font-size: 9px; }

.faq { background: var(--cream); }
.faq-grid { width: min(var(--article), calc(100% - 40px)); display: block; }
.faq .section-heading { margin-bottom: 28px; }
.accordion details { border-top: 1px solid var(--line); }
.accordion details:last-child { border-bottom: 1px solid var(--line); }
.accordion summary { padding: 21px 0; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-family: var(--sans); font-size: 16px; line-height: 1.35; font-weight: 900; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary span { width: 26px; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 50%; position: relative; flex: 0 0 auto; }
.accordion summary span::before, .accordion summary span::after { content: ""; position: absolute; left: 7px; right: 7px; top: 12px; height: 1px; background: var(--ink); transition: transform .2s ease; }
.accordion summary span::after { transform: rotate(90deg); }
.accordion details[open] summary span::after { transform: rotate(0); }
.accordion details p { max-width: 650px; padding: 0 45px 22px 0; color: #555550; font-size: 15px; }

.final-cta { width: min(var(--article), calc(100% - 40px)); margin-top: 76px; margin-bottom: 58px; min-height: 430px; display: grid; grid-template-columns: .9fr 1.1fr; border-radius: var(--radius); overflow: hidden; color: var(--cream); background: var(--forest); }
.final-cta__visual { position: relative; display: grid; place-items: center; min-height: 430px; background: linear-gradient(145deg, var(--mint), #d8b89f); overflow: hidden; }
.final-cta__visual img { position: relative; z-index: 1; width: 82%; height: 87%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 26px 19px rgba(13,48,40,.22)); }
.final-cta__halo { position: absolute; width: 76%; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.52); box-shadow: 0 0 0 36px rgba(255,255,255,.08), 0 0 0 72px rgba(255,255,255,.06); }
.final-cta__copy { padding: 38px 34px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.final-cta .eyebrow { color: var(--gold); }
.final-cta h2 { margin-bottom: 18px; font-size: 29px; line-height: 1.1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; }
.final-cta__copy > p:not(.eyebrow) { color: rgba(247,243,233,.72); font-size: 14px; }
.offer-code { margin: 13px 0 19px; padding: 10px 12px; border: 1px dashed rgba(247,243,233,.32); border-radius: 7px; display: flex; gap: 13px; align-items: center; font-family: var(--sans); }
.offer-code span { color: rgba(247,243,233,.6); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.offer-code strong { font-size: 11px; }
.final-cta__copy > small { margin-top: 11px; color: rgba(247,243,233,.46); font-family: var(--sans); font-size: 8px; line-height: 1.4; }

.sources { padding: 48px 0 75px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.sources h2 { color: var(--ink); font-size: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; }
.sources ol { padding-left: 18px; }
.sources a { color: var(--forest); font-weight: 700; text-underline-offset: 2px; }
.sources .disclosure, .sources .disclaimer { margin-top: 19px; padding-top: 19px; border-top: 1px solid var(--line); }
footer { padding: 30px 0; color: var(--cream); background: var(--forest-deep); font-family: var(--sans); }
.footer-grid { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.footer-grid > div:first-child { display: flex; flex-direction: column; }
.footer-grid strong { font-size: 17px; font-weight: 900; text-transform: uppercase; }
.footer-grid span, .footer-grid a { color: rgba(247,243,233,.55); font-size: 9px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px; }

.reveal { opacity: 1; transform: translateY(18px); transition: transform .7s cubic-bezier(.22,1,.36,1); }
.reveal.is-visible { transform: translateY(0); }
.reveal:nth-child(2) { transition-delay: .05s; }
.reveal:nth-child(3) { transition-delay: .1s; }
.reveal:nth-child(4) { transition-delay: .15s; }

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

@media (max-width: 760px) {
  body { font-size: 16px; }
  .shell, .narrow, .hero, .science-grid, .faq-grid, .final-cta { width: min(100% - 30px, var(--wide)); }
  .section { padding: 68px 0; }
  .site-header { min-height: 61px; padding: 8px 15px; grid-template-columns: 1fr auto; }
  .site-header nav { display: none; }
  .wordmark__name { font-size: 18px; }
  .wordmark__line { display: none; }
  .nav-cta { padding: 8px 12px; font-size: 10px; }
  .hero { padding: 38px 0 52px; gap: 29px; }
  .byline { margin-bottom: 23px; }
  h1 { font-size: clamp(34px, 9.6vw, 42px); line-height: 1.04; }
  .hero__dek { font-size: 16px; }
  .hero__actions { align-items: flex-start; flex-direction: column; gap: 13px; }
  .button { width: 100%; }
  .hero__visual { min-height: 420px; }
  .product-stage { height: 420px; }
  .product-stage img { width: 76%; }
  .orbit--one { width: 90%; }
  .orbit--two { width: 68%; }
  .hero__stamp { width: 83px; top: -16px; right: -7px; }
  .hero__stamp strong { font-size: 15px; }
  .floating-note { min-width: 132px; padding: 9px 9px 9px 29px; }
  .floating-note--top { left: -6px; top: 23%; }
  .floating-note--bottom { right: -6px; bottom: 12%; }
  .proof-grid { width: 100%; grid-template-columns: 1fr 1fr; }
  .proof-grid article { padding: 18px 15px; }
  .proof-grid article:nth-child(2) { border-right: 0; }
  .proof-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line-light); }
  .proof-grid strong { font-size: 27px; }
  .proof-strip__note { width: calc(100% - 30px); }
  .intro { padding: 65px 0; }
  .pull-quote { font-size: 22px; line-height: 1.45; }
  .section-heading { margin-bottom: 31px; }
  .section-heading h2, .science__intro h2 { font-size: 31px; }
  .criteria-grid { grid-template-columns: 1fr; }
  .criterion { min-height: 245px; }
  .criterion--wide { grid-column: auto; display: block; }
  .criterion--wide > p:last-child { margin-top: 16px; }
  .comparison-scroll { margin-right: -15px; border-radius: var(--radius) 0 0 var(--radius); }
  table { min-width: 760px; }
  th, td { padding: 17px 13px; }
  .swipe-hint { display: block; }
  .verdict { padding: 24px; grid-template-columns: 1fr; gap: 12px; }
  .verdict p { font-size: 16px; }
  .science__intro { margin-bottom: 29px; }
  .mechanism li { grid-template-columns: 42px 1fr; gap: 15px; }
  .evidence-grid { grid-template-rows: 290px 155px 155px; }
  .evidence-card { padding: 18px; }
  .evidence-card strong { font-size: 36px; }
  .evidence-card--hero h3 { font-size: 24px; }
  .accordion summary { font-size: 15px; }
  .accordion details p { padding-right: 0; }
  .final-cta { margin-top: 60px; grid-template-columns: 1fr; }
  .final-cta__visual { min-height: 350px; }
  .final-cta__copy { padding: 32px 24px 38px; }
  .final-cta h2 { font-size: 27px; }
  .footer-grid { flex-direction: column; align-items: flex-start; }
  .footer-links { justify-content: flex-start; }
}

@media (max-width: 380px) {
  h1 { font-size: 33px; }
  .hero__visual, .product-stage { min-height: 390px; height: 390px; }
  .trust-line span { font-size: 8px; }
}