:root {
  --forest: #075b45;
  --deep: #063d31;
  --ivory: #fbfaf5;
  --mint: #e8f3ec;
  --gold: #d7a83c;
  --coral: #f04438;
  --ink: #26332f;
  --shadow: 0 18px 45px rgba(7, 91, 69, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--ivory);
  font-family: "Be Vietnam Pro", system-ui, sans-serif;
}

.ui-icon { width: 1em; height: 1em; flex: 0 0 auto; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.hero { background: var(--ivory); overflow: hidden; }
.trust-bar {
  position: relative;
  z-index: 3;
  min-height: 56px;
  padding: 12px 5vw;
  display: flex;
  align-items: center;
  gap: 14px;
  color: white;
  background: linear-gradient(100deg, var(--deep), var(--forest));
  border-bottom: 2px solid var(--gold);
  font-size: clamp(.72rem, 1.3vw, 1.05rem);
  font-weight: 700;
  letter-spacing: .035em;
}
.trust-mark { color: var(--gold); font-size: 1.65em; line-height: 1; }
.trust-content { min-width: 0; display: flex; align-items: center; gap: clamp(12px, 2vw, 32px); }
.trust-content strong { font-size: 1em; white-space: nowrap; }
.trust-origin { padding-left: clamp(12px, 2vw, 28px); border-left: 1px solid rgba(255, 255, 255, .35); font-size: .78em; font-weight: 500; opacity: .9; }
.trust-contact { margin-left: auto; display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: .76em; }
.trust-contact span { color: #f6d981; font-weight: 600; }
.trust-contact a { color: white; font-weight: 800; text-decoration: none; }
.trust-contact a:hover { color: #f6d981; }
.trust-contact i { color: var(--gold); font-style: normal; }

.hero-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1672 / 941;
  isolation: isolate;
}
.hero-art, .hero-art img { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-art { z-index: -1; }
.hero-art img { display: block; object-fit: cover; object-position: center; }

.hero-copy, .hero-offer { position: absolute; z-index: 1; min-width: 0; }
.brand-pill { display: none; }
.hero-copy {
  left: 5%;
  top: 15%;
  width: min(24%, 420px);
}
.eyebrow {
  margin: 0 0 1.1rem;
  color: var(--forest);
  font-size: clamp(.68rem, 1vw, .95rem);
  font-weight: 700;
  letter-spacing: .045em;
}
.eyebrow::after {
  content: "";
  display: block;
  width: 84px;
  height: 2px;
  margin-top: 14px;
  background: linear-gradient(90deg, var(--gold) 65%, transparent 65%);
}
h1 {
  margin: 0;
  color: var(--deep);
  font-size: clamp(2rem, 3.05vw, 4rem);
  line-height: 1.14;
  letter-spacing: -.035em;
}
.lead { margin: 1.45rem 0; font-size: clamp(.9rem, 1.15vw, 1.2rem); line-height: 1.75; }
.emotional-callout {
  margin: 1.5rem 0 0;
  padding: 1rem 1.1rem 1rem 1.35rem;
  color: var(--forest);
  background: rgba(251, 250, 245, .78);
  border: 1px solid rgba(215, 168, 60, .8);
  border-left: 5px solid var(--gold);
  border-radius: 0 18px 18px 0;
  font-size: clamp(.82rem, 1.06vw, 1.08rem);
  font-weight: 700;
  line-height: 1.55;
  backdrop-filter: blur(8px);
}

.hero-offer {
  right: 5%;
  top: 17%;
  width: min(23%, 400px);
  text-align: center;
}
.offer-title { margin: 0 0 1.5rem; color: var(--deep); font-size: clamp(1rem, 1.45vw, 1.5rem); font-weight: 800; }
.mobile-offer-title { display: none; }
.benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.benefits span { min-width: 0; }
.benefits > span {
  min-height: 100px;
  padding: 15px 6px;
  display: grid;
  place-content: center;
  color: var(--forest);
  background: rgba(251, 250, 245, .82);
  border: 1px solid var(--gold);
  border-radius: 18px;
  font-size: clamp(.65rem, .82vw, .88rem);
  line-height: 1.35;
  backdrop-filter: blur(8px);
}
.benefits > span { grid-template-columns: 1fr; }
.benefit-icon {
  display: block;
  margin: 0 auto 7px;
  color: var(--forest);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.benefits b { display: block; font-size: 1.55em; }
.pricing { margin: 2rem 0 1.3rem; text-align: left; }
.pricing del { color: #757575; font-size: clamp(1rem, 1.3vw, 1.3rem); }
.pricing div { margin-top: 5px; }
.pricing strong { display: block; color: var(--coral); font-size: clamp(2.1rem, 3.3vw, 4rem); line-height: 1; letter-spacing: -.04em; }
.pricing span { display: block; margin-top: 9px; font-weight: 700; }
.cta, .order button {
  width: 100%;
  min-height: 62px;
  display: inline-grid;
  place-items: center;
  padding: 15px 22px;
  color: white;
  background: linear-gradient(100deg, #f22920, var(--coral));
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(240, 68, 56, .27), inset 0 0 0 3px rgba(255, 218, 124, .65);
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.cta:hover, .order button:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(240, 68, 56, .34); }
.reassurance { margin: 14px 0 0; font-size: clamp(.7rem, .78vw, .82rem); }
.cta { grid-auto-flow: column; justify-content: center; gap: 12px; }
.cta-icon { order: -1; font-size: 1.45em; line-height: 1; }
.reassurance-icon {
  display: inline-grid;
  width: 1.45em;
  height: 1.45em;
  margin-right: .5em;
  place-items: center;
  color: var(--forest);
  border: 2px solid currentColor;
  border-radius: 50%;
  font-weight: 800;
}

.pain-signs {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 112px) 5vw;
  background:
    radial-gradient(ellipse at 0 15%, rgba(163, 201, 168, .2), transparent 24%),
    radial-gradient(ellipse at 100% 75%, rgba(163, 201, 168, .16), transparent 25%),
    var(--ivory);
}
.pain-signs::before,
.pain-signs::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 420px;
  opacity: .15;
  background: repeating-linear-gradient(35deg, transparent 0 28px, var(--forest) 29px 31px, transparent 32px 54px);
  transform: rotate(-18deg);
  pointer-events: none;
}
.pain-signs::before { top: -150px; left: -135px; }
.pain-signs::after { right: -135px; bottom: -170px; transform: rotate(162deg); }
.pain-shell { position: relative; z-index: 1; width: min(1400px, 100%); margin: auto; }
.pain-header { max-width: 850px; margin: 0 auto clamp(34px, 4vw, 58px); text-align: center; }
.section-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 22px;
  color: var(--forest);
  font-size: clamp(.76rem, 1vw, 1rem);
  font-weight: 800;
  letter-spacing: .06em;
}
.section-eyebrow::before,
.section-eyebrow::after { content: ""; width: clamp(45px, 7vw, 100px); height: 1px; background: var(--gold); }
.pain-header h2 {
  margin: 0;
  color: var(--deep);
  font-size: clamp(2rem, 3.4vw, 3.55rem);
  line-height: 1.14;
  letter-spacing: -.035em;
}
.pain-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; }
.pain-card {
  grid-column: span 2;
  min-width: 0;
  min-height: 250px;
  margin: 0;
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(150px, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 24px;
  color: var(--deep);
  background: rgba(255, 255, 255, .64);
  border: 1px solid rgba(215, 168, 60, .85);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(6, 61, 49, .07);
}
.pain-card:nth-child(4) { grid-column: 2 / span 2; }
.pain-card:nth-child(5) { grid-column: 4 / span 2; }
.pain-card p { margin: 0; font-size: clamp(.9rem, 1.05vw, 1.08rem); font-weight: 600; line-height: 1.65; }
.pain-illustration { min-width: 0; margin: 0; align-self: stretch; display: grid; place-items: center; }
.pain-illustration img { display: block; width: 100%; height: 190px; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(6, 61, 49, .1)); }
.pain-summary {
  max-width: 1080px;
  margin: 34px auto 0;
  padding: 24px 44px;
  display: grid;
  grid-template-columns: 94px 1fr;
  align-items: center;
  gap: 28px;
  color: var(--deep);
  background: linear-gradient(100deg, rgba(232, 243, 236, .86), rgba(255, 255, 255, .82));
  border: 1px solid var(--gold);
  border-radius: 22px;
  box-shadow: var(--shadow);
}
.summary-icon { width: 82px; aspect-ratio: 1; display: grid; place-items: center; color: var(--gold); background: var(--forest); border-radius: 50%; font-size: 3.6rem; line-height: 1; }
.pain-summary p { margin: 0; font-size: clamp(1rem, 1.35vw, 1.35rem); font-weight: 600; line-height: 1.55; }
.pain-summary strong { font-size: 1.12em; }

.gift-warning {
  position: relative;
  overflow: hidden;
  padding: clamp(76px, 7vw, 116px) 5vw;
  background: linear-gradient(115deg, #eef6ef 0%, var(--ivory) 40%, #fffdf8 100%);
}
.gift-warning-layout {
  width: min(1400px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: clamp(44px, 6vw, 96px);
}
.gift-visual { position: relative; min-width: 0; }
.gift-visual::after { content: ""; position: absolute; inset: auto 8% 2% 8%; height: 12%; background: rgba(7, 91, 69, .15); filter: blur(28px); border-radius: 50%; }
.gift-visual img { position: relative; z-index: 1; display: block; width: 100%; height: auto; filter: drop-shadow(0 22px 30px rgba(6, 61, 49, .12)); }
.gift-content { min-width: 0; }
.gift-content .section-eyebrow { justify-content: flex-start; margin-bottom: 16px; }
.gift-content .section-eyebrow::before { display: none; }
.gift-content h2 { margin: 0 0 20px; color: var(--deep); font-size: clamp(2rem, 3.05vw, 3.35rem); line-height: 1.14; letter-spacing: -.035em; }
.gift-content > p:not(.section-eyebrow):not(.consideration-heading) { margin: 0; font-size: clamp(.95rem, 1.08vw, 1.12rem); line-height: 1.7; }
.consideration-heading { margin: 18px 0 14px; color: var(--forest); font-weight: 800; }
.consideration-list { margin: 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.consideration-item {
  min-width: 0;
  min-height: 54px;
  padding: 8px 18px 8px 10px;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 12px;
  color: var(--deep);
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(215, 168, 60, .85);
  border-radius: 999px;
  font-weight: 700;
}
.consideration-item > span { width: 40px; height: 40px; display: grid; place-items: center; color: var(--forest); background: #fff; border: 1px solid rgba(215, 168, 60, .7); border-radius: 50%; font-size: 1.35rem; }
.gift-conclusion { margin-top: 18px; padding: 20px 24px; display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 20px; color: white; background: linear-gradient(120deg, var(--forest), var(--deep)); border: 1px solid var(--gold); border-radius: 22px; box-shadow: var(--shadow); }
.gift-conclusion > span { width: 66px; aspect-ratio: 1; display: grid; place-items: center; color: var(--deep); background: var(--gold); border-radius: 50%; font-size: 2.8rem; }
.gift-conclusion p { margin: 0; line-height: 1.55; }
.gift-conclusion strong { display: block; margin-top: 4px; color: #f6c951; }

.nutrition-paradox { position: relative; padding: 56px 22px; overflow: hidden; background: radial-gradient(circle at 5% 45%, rgba(177,207,182,.22), transparent 18%), radial-gradient(circle at 96% 54%, rgba(177,207,182,.2), transparent 18%), #f8f5ec; }
.paradox-shell { width: min(1400px, 100%); margin: auto; }
.paradox-header { max-width: 1400px; margin: 0 auto 50px; text-align: center; }
.paradox-header .section-eyebrow { justify-content: center; }
.paradox-header .section-eyebrow::before { display: block; }
.paradox-header h2 { margin: 12px 0 12px; color: var(--deep); font-family: "Be Vietnam Pro", system-ui, sans-serif; font-size: clamp(2.25rem, 4.5vw, 4rem); line-height: 1.08; }
.paradox-header > p:last-child { margin: 0; color: #586a60; font-size: 1.08rem; }
.paradox-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px minmax(0, 1fr); gap: 24px 28px; align-items: stretch; }
.paradox-card { position: relative; min-height: 210px; padding: 24px; display: grid; grid-template-columns: 138px 1fr; gap: 22px; align-items: center; background: rgba(255,255,255,.88); border: 1px solid #d8cfb6; border-radius: 22px; box-shadow: 0 13px 35px rgba(27,72,54,.09); }
.paradox-card:nth-of-type(1), .paradox-card:nth-of-type(2) { align-self: end; }
.paradox-card:nth-of-type(3), .paradox-card:nth-of-type(4) { align-self: start; }
.paradox-card:nth-of-type(1), .paradox-card:nth-of-type(3) { grid-column: 1; }
.paradox-card:nth-of-type(2), .paradox-card:nth-of-type(4) { grid-column: 3; }
.paradox-card:nth-of-type(3) { grid-row: 2; }
.paradox-card:nth-of-type(4) { grid-row: 2; }
.paradox-illustration { min-width: 0; margin: 0; display: grid; place-items: center; }
.paradox-illustration img { display: block; width: 100%; height: 156px; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(6,61,49,.1)); }
.paradox-card h3 { margin: 5px 0 9px; color: var(--forest); font-size: .96rem; line-height: 1.35; }
.paradox-card p { margin: 0; color: #526158; font-size: .93rem; line-height: 1.58; }
.paradox-core { grid-column: 2; grid-row: 1 / 3; align-self: center; min-height: 370px; padding: 8px; display: grid; place-items: center; }
.paradox-core img { display: block; width: min(100%, 330px); height: auto; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(24,66,51,.14)); }
.paradox-conclusion { max-width: 1280px; margin: 44px auto 0; padding: 22px 30px; display: grid; grid-template-columns: 70px 1fr; gap: 26px; align-items: center; color: var(--deep); background: rgba(255,255,255,.88); border: 1px solid var(--gold); border-radius: 20px; box-shadow: var(--shadow); }
.paradox-conclusion-icon { display: block; width: 72px; height: 72px; object-fit: contain; }
.paradox-conclusion p { margin: 0; line-height: 1.55; }
.paradox-conclusion strong { color: var(--deep); font-size: 1.05rem; }

.solution-intro { position: relative; padding: 56px 22px; overflow: hidden; color: white; background: linear-gradient(135deg, #123e30 0%, #1c5a43 58%, #0f3429 100%); }
.solution-intro::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 45%, rgba(224,190,100,.18), transparent 31%), linear-gradient(110deg, transparent 62%, rgba(255,255,255,.04) 62% 63%, transparent 63%); }
.solution-layout { position: relative; width: min(1400px, 100%); margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(600px, 1fr); gap: 48px; align-items: center; }
.solution-copy { max-width: 670px; }
.solution-kicker { margin: 0 0 12px; color: #f1cb6d; font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
.solution-brand { margin: 0 0 10px; color: #fff; font-family: Georgia, serif; font-size: clamp(2.4rem, 4.6vw, 4.6rem); font-weight: 700; line-height: 1; }
.solution-copy h2 { margin: 0 0 22px; color: #f5d477; font-size: clamp(1.45rem, 2.5vw, 2.25rem); line-height: 1.25; }
.solution-copy > p:not(.solution-kicker):not(.solution-brand) { color: #e4eee9; line-height: 1.7; }
.solution-facts { margin: 28px 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; }
.solution-facts li { min-height: 70px; padding: 12px 14px; display: grid; grid-template-columns: 46px 1fr; gap: 11px; align-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(238,204,112,.32); border-radius: 14px; }
.solution-facts li:last-child { grid-column: 1 / -1; }
.solution-facts span { width: 44px; aspect-ratio: 1; display: grid; place-items: center; color: var(--deep); background: #edca6a; border-radius: 50%; font-size: .78rem; font-weight: 800; }
.solution-facts strong { font-size: .83rem; line-height: 1.4; }
.solution-cta { width: fit-content; min-height: 58px; padding: 16px 24px; display: inline-flex; align-items: center; justify-content: center; color: #133c2f; background: linear-gradient(180deg, #f6d879, #d8a83b); border-radius: 999px; box-shadow: 0 14px 30px rgba(0,0,0,.25); font-size: .88rem; font-weight: 800; text-decoration: none; }
.solution-copy > small { display: block; margin-top: 12px; color: #c9d9d2; }
.solution-visual { position: relative; min-height: 480px; display: grid; place-items: center; }
.solution-visual::before { content: ""; position: absolute; width: 88%; aspect-ratio: 1; background: radial-gradient(circle, rgba(242,207,112,.23), rgba(255,255,255,.035) 52%, transparent 70%); border-radius: 50%; }
.solution-product { position: relative; z-index: 1; width: min(760px, 116%); margin: 0; }
.solution-product img { display: block; width: 100%; height: auto; max-height: 600px; object-fit: contain; filter: drop-shadow(0 28px 34px rgba(0,0,0,.28)); }
.solution-visual picture { position: relative; z-index: 1; width: 100%; overflow: hidden; border: 1px solid rgba(244,213,126,.55); border-radius: 42% 42% 22px 22px; box-shadow: 0 30px 60px rgba(0,0,0,.3); }
.solution-visual img { width: 100%; display: block; }

.core-values { padding: 94px 22px; background: linear-gradient(180deg, #f9f7f0, #eef5ee); }
.values-shell { width: min(1180px, 100%); margin: auto; }
.values-header { max-width: 850px; margin: 0 auto 48px; text-align: center; }
.values-header .section-eyebrow { justify-content: center; }
.values-header .section-eyebrow::before { display: block; }
.values-header h2 { margin: 12px 0 14px; color: var(--deep); font-size: clamp(2.2rem, 4.3vw, 3.8rem); font-weight: 800; line-height: 1.1; letter-spacing: -.035em; }
.values-header > p:last-child { max-width: 690px; margin: auto; color: #617068; line-height: 1.65; }
.values-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: value; }
.value-card { position: relative; min-height: 460px; padding: 24px 23px 26px; overflow: hidden; color: #526158; background: #fff; border: 1px solid #d8d7c8; border-radius: 24px; box-shadow: 0 15px 38px rgba(27,72,54,.09); }
.value-card::after { content: ""; position: absolute; right: -50px; bottom: -65px; width: 150px; aspect-ratio: 1; background: #f1ead5; border-radius: 50%; opacity: .75; }
.value-card:nth-child(even) { transform: translateY(22px); }
.value-number { position: absolute; top: 19px; right: 20px; color: rgba(29,86,65,.15); font-size: 2.6rem; font-weight: 800; }
.value-illustration { position: relative; z-index: 1; height: 190px; margin: 0; display: grid; place-items: center; }
.value-illustration img { display: block; width: 100%; height: 190px; object-fit: contain; filter: drop-shadow(0 12px 14px rgba(24,71,52,.16)); }
.value-card h3 { position: relative; z-index: 1; margin: 18px 0 13px; color: var(--forest); font-size: 1.3rem; font-weight: 800; line-height: 1.25; }
.value-card p { position: relative; z-index: 1; margin: 0; font-size: .93rem; line-height: 1.65; }
.values-note { width: fit-content; margin: 54px auto 0; padding: 13px 22px; color: var(--deep); background: #fff; border: 1px solid #d7bd70; border-radius: 999px; font-size: .88rem; font-weight: 700; text-align: center; }
.values-note span { margin-right: 7px; color: #b78721; }

.nutrition-specs { padding: 96px 22px; color: #fff; background: linear-gradient(145deg, #0d382b, #19533e); }
.specs-shell { width: min(1120px, 100%); margin: auto; }
.specs-header { max-width: 800px; margin: 0 auto 46px; text-align: center; }
.specs-header .section-eyebrow { justify-content: center; color: #f2ce70; }
.specs-header .section-eyebrow::before { display: block; }
.specs-header h2 { margin: 12px 0 0; color: #fff; font-size: clamp(2.2rem, 4.2vw, 3.7rem); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.specs-layout { display: grid; grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); gap: 62px; align-items: center; }
.specs-visual { position: relative; min-height: 500px; display: grid; place-items: center; }
.specs-orbit { position: absolute; border: 1px solid rgba(239,207,119,.34); border-radius: 50%; }
.specs-orbit--one { width: 390px; aspect-ratio: 1; }
.specs-orbit--two { width: 305px; aspect-ratio: 1; border-style: dashed; }
.specs-product { position: relative; z-index: 1; width: min(500px, 118%); margin: 0; }
.specs-product img { display: block; width: 100%; height: auto; max-height: 510px; object-fit: contain; filter: drop-shadow(0 28px 32px rgba(0,0,0,.3)); }
.specs-card { overflow: hidden; background: #fdfcf8; border: 1px solid #d9bd6b; border-radius: 24px; box-shadow: 0 24px 50px rgba(0,0,0,.24); }
.specs-column-head { padding: 17px 26px; display: grid; grid-template-columns: 1fr auto; color: #f4d67f; background: #0b3025; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.specs-list { margin: 0; }
.spec-row { padding: 16px 26px; display: grid; grid-template-columns: 1fr auto; align-items: center; color: #30483d; border-bottom: 1px solid #e3e2d9; }
.spec-row:nth-child(even) { background: #f3f5ef; }
.spec-row dt { font-weight: 600; }
.spec-row dd { margin: 0; color: var(--forest); font-size: 1.22rem; font-weight: 800; }
.specs-description { margin: 0; padding: 20px 26px; color: #53635b; background: #eee7d4; font-size: .86rem; line-height: 1.55; }
.specs-disclaimer { max-width: 850px; margin: 38px auto 0; padding: 15px 20px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; color: #dce9e3; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); border-radius: 14px; }
.specs-disclaimer span { width: 30px; aspect-ratio: 1; display: grid; place-items: center; color: var(--deep); background: #f1ce70; border-radius: 50%; font-weight: 800; }
.specs-disclaimer p { margin: 0; font-size: .8rem; line-height: 1.5; }

.order { min-height: 0; padding: clamp(58px, 5vw, 82px) 24px; background: #fbf9f1; }
.order-layout { width: min(1680px, 100%); min-height: 730px; margin: auto; display: grid; grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.02fr) minmax(420px, 1.08fr); gap: clamp(24px, 2.4vw, 46px); align-items: center; }
.order-benefits, .order-card, .order-product { min-width: 0; }
.order-benefits > h2, .order-card > h2 { margin: 0; color: var(--deep); font-weight: 900; line-height: 1.12; }
.order-benefits > h2 { position: relative; padding-bottom: 24px; font-size: clamp(2rem, 2.6vw, 3rem); }
.order-benefits > h2::after, .order-card > h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 56px; height: 3px; background: var(--gold); }
.order-promises { display: grid; }
.order-promise { min-height: 142px; display: grid; grid-template-columns: 112px 1fr; gap: 24px; align-items: center; }
.order-promise + .order-promise > div { border-top: 1px solid rgba(215,168,60,.55); }
.order-promise > div { height: 100%; padding: 23px 0; display: grid; align-content: center; }
.order-promise-icon { width: 104px; aspect-ratio: 1; display: grid; place-items: center; color: var(--forest); border: 1.5px solid var(--gold); border-radius: 50%; font-size: 3.35rem; font-weight: 500; }
.order-promise-icon svg, .field-icon svg, .order-box-icon svg, .order-submit-icon svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.order-promise h3, .order-promise p { margin: 0; }
.order-promise h3 { color: var(--forest); font-size: 1.07rem; }
.order-promise p { margin-top: 7px; color: #31564c; line-height: 1.55; }
.order-card { padding: clamp(30px, 2.6vw, 48px); background: rgba(255,255,255,.9); border: 1.5px solid var(--gold); border-radius: 24px; box-shadow: 0 26px 48px rgba(13,69,55,.14); backdrop-filter: blur(6px); }
.order-card > h2 { position: relative; padding-bottom: 24px; font-size: clamp(1.9rem, 2.6vw, 2.8rem); }
.order form { min-width: 0; margin-top: 30px; display: grid; gap: 18px; }
.field { min-width: 0; position: relative; display: grid; }
.field-wide, .order button, .order-price, .order-reassurance, .form-status { grid-column: 1 / -1; }
.field label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.field-icon { position: absolute; z-index: 1; left: 22px; top: 50%; color: var(--forest); font-size: 1.7rem; transform: translateY(-50%); }
.field input, .field textarea { width: 100%; padding: 20px 22px 20px 64px; color: var(--deep); border: 1.5px solid #e7ae3f; border-radius: 14px; background: rgba(255,255,255,.88); font: inherit; font-size: 1.08rem; }
.field textarea { min-height: 110px; resize: vertical; }
.field-wide .field-icon { top: 27px; transform: none; }
.order-price { min-width: 0; max-width: 100%; min-height: 86px; padding: 10px 12px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--deep); background: rgba(233,244,234,.72); border: 1.5px solid #c58c17; border-radius: 13px; white-space: nowrap; }
.order-box-icon { width: 50px; flex: 0 0 auto; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; font-size: 1.7rem; }
.order-price strong { font-size: clamp(1.25rem, 1.55vw, 1.65rem); }
.order-price i { font-style: normal; font-size: 1.25rem; }
.order-price b { color: #e83d38; font-size: clamp(1.45rem, 1.9vw, 1.95rem); }
.order button { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 18px; border: 3px solid #f27a42; border-radius: 999px; box-shadow: 0 14px 25px rgba(230,53,40,.22); font-size: clamp(1.2rem, 2vw, 1.8rem); }
.order-submit-icon { font-size: 1.8rem; }
.order-reassurance { margin: -2px 0 0; display: flex; justify-content: center; gap: 9px; color: #285347; text-align: center; }
.order-reassurance span { width: 25px; aspect-ratio: 1; display: inline-grid; place-items: center; border: 2px solid var(--forest); border-radius: 50%; font-weight: 800; }
.form-status { margin: 0; color: var(--forest); font-weight: 700; text-align: center; }
.order-product { position: relative; min-height: 720px; align-self: stretch; }
.order-badge { position: absolute; top: 28px; right: 7%; width: 112px; aspect-ratio: 1; display: grid; place-content: center; color: var(--deep); background: linear-gradient(145deg, #ffe8a6, #dba63b); border: 3px double #b77918; border-radius: 50%; box-shadow: 0 8px 18px rgba(99,68,15,.18); font-size: .82rem; font-weight: 800; line-height: 1.05; text-align: center; }
.order-badge strong { display: block; font-size: 2.4rem; }
.order form[data-state="submitted"] button { filter: saturate(.65); cursor: default; }

.practical-gift { padding: clamp(76px, 7vw, 112px) 24px; overflow: hidden; background: #fbfaf4 url("assets/section-10-practical-gift-desktop-clean.webp") center / cover no-repeat; }
.practical-gift-inner { width: min(1420px, 100%); margin: auto; }
.practical-gift-header { max-width: 960px; margin: 0 auto 52px; text-align: center; }
.practical-gift-header .section-eyebrow { justify-content: center; }
.practical-gift-header .section-eyebrow::before { display: block; }
.practical-gift-header h2 { margin: 12px 0 0; color: var(--deep); font-size: clamp(2.25rem, 4vw, 4rem); line-height: 1.12; letter-spacing: -.035em; }
.practical-gift-layout { display: grid; grid-template-columns: minmax(0, .92fr) 120px minmax(0, 1.08fr); gap: 22px; align-items: center; }
.practical-choice { min-width: 0; min-height: 590px; padding: 28px; display: grid; grid-template-rows: 300px 1fr; border-radius: 28px; }
.practical-choice figure { min-width: 0; height: 300px; margin: 0; overflow: hidden; display: grid; place-items: center; }
.practical-choice figure img { width: 100%; height: 100%; max-height: 300px; object-fit: contain; }
.practical-choice-copy { align-self: start; }
.practical-label { display: inline-block; margin-bottom: 18px; color: var(--forest); font-size: .78rem; font-weight: 900; letter-spacing: .1em; }
.practical-choice p { margin: 0 0 14px; color: #53635b; line-height: 1.65; }
.practical-choice--ordinary { background: rgba(236,235,225,.8); border: 1px solid rgba(19,83,64,.13); box-shadow: 0 20px 42px rgba(25,64,52,.08); }
.practical-choice--ordinary figure img { filter: saturate(.62) opacity(.82); }
.practical-choice--nutricomp { background: rgba(255,255,255,.92); border: 2px solid #d5aa45; box-shadow: 0 24px 50px rgba(20,84,64,.15); }
.practical-choice--nutricomp figure img { filter: drop-shadow(0 18px 24px rgba(24,69,55,.18)); }
.practical-bridge { display: grid; place-items: center; gap: 12px; color: var(--forest); text-align: center; }
.practical-bridge span { width: 94px; aspect-ratio: 1; display: grid; place-items: center; color: #fff; background: var(--forest); border: 7px solid #ede0ae; border-radius: 50%; box-shadow: 0 12px 26px rgba(20,84,64,.18); font-size: 3rem; line-height: 1; }
.practical-bridge small { color: #8a6a1f; font-weight: 900; letter-spacing: .08em; }
.practical-points { margin: 0; padding: 0; display: grid; gap: 12px; list-style: none; }
.practical-point { color: #294f43; display: grid; grid-template-columns: 23px 1fr; align-items: start; gap: 9px; font-weight: 650; line-height: 1.45; }
.practical-point > .ui-icon { width: 23px; height: 23px; color: var(--forest); }
.practical-closing { margin-top: 38px; padding: 28px 34px; display: grid; gap: 5px; color: #fff; background: var(--deep); border: 1px solid rgba(235,199,105,.65); border-radius: 22px; box-shadow: 0 20px 36px rgba(10,47,37,.18); text-align: center; }
.practical-closing strong { color: #f3d37c; font-size: clamp(1.25rem, 2vw, 1.75rem); }
.practical-closing span { font-size: clamp(1rem, 1.45vw, 1.25rem); }

.decision-moment { position: relative; padding: clamp(72px, 6vw, 104px) 24px; overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(255,255,255,.94), transparent 34%), linear-gradient(145deg, #fffaf0, #fbfaf4 58%, #f1f4e9); }
.decision-moment::before, .decision-moment::after { content: ""; position: absolute; width: 270px; height: 270px; opacity: .16; background: radial-gradient(ellipse at 42% 80%, transparent 0 46%, #7c9e70 47% 50%, transparent 51%), radial-gradient(ellipse at 72% 58%, transparent 0 41%, #d7a83c 42% 45%, transparent 46%); pointer-events: none; }
.decision-moment::before { top: -90px; left: -92px; transform: rotate(-25deg); }
.decision-moment::after { right: -92px; bottom: -94px; transform: rotate(154deg); }
.decision-moment-inner { position: relative; z-index: 1; width: min(1500px, 100%); margin: auto; }
.decision-moment-header { width: min(1050px, 100%); margin: 0 auto 42px; text-align: center; }
.decision-moment-header .section-eyebrow { justify-content: center; }
.decision-moment-header .section-eyebrow::before { display: block; }
.decision-moment-header h2 { margin: 12px 0 0; color: var(--deep); font-size: clamp(2.2rem, 3.8vw, 3.85rem); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.decision-signs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.decision-sign { min-width: 0; overflow: hidden; color: var(--deep); background: rgba(255,255,255,.88); border: 1px solid rgba(206,157,52,.58); border-radius: 24px; box-shadow: 0 16px 34px rgba(25,64,52,.09); }
.decision-sign-visual { aspect-ratio: 370 / 290; margin: 0; overflow: hidden; background: #f7f1e4; }
.decision-sign-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.decision-sign-label { min-height: 94px; padding: 18px; display: flex; gap: 13px; align-items: center; }
.decision-sign-label span { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; color: #9a6b13; background: #fff; border: 1px solid var(--gold); border-radius: 50%; font-size: .75rem; font-weight: 900; }
.decision-sign-label strong { font-size: clamp(1rem, 1.25vw, 1.2rem); line-height: 1.35; }
.decision-guidance { margin: 22px auto 0; padding: 26px 30px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 34px; align-items: center; background: rgba(255,255,255,.9); border: 1px solid rgba(206,157,52,.65); border-radius: 24px; box-shadow: 0 18px 40px rgba(25,64,52,.09); }
.decision-explanation { padding-right: 34px; border-right: 1px dashed rgba(206,157,52,.85); }
.decision-explanation strong { color: var(--deep); font-size: 1.18rem; }
.decision-explanation p, .decision-consult { margin: 8px 0 0; color: #3b554c; line-height: 1.6; }
.decision-consult { margin: 0; font-size: 1.05rem; font-weight: 650; }
.decision-next { max-width: 800px; margin: 24px auto 16px; color: #294f43; font-size: 1.05rem; line-height: 1.55; text-align: center; }
.decision-cta { width: min(720px, 100%); min-height: 72px; margin: auto; padding: 15px 28px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--deep); border: 2px solid var(--gold); border-radius: 999px; box-shadow: 0 15px 30px rgba(6,61,49,.2); font-size: clamp(1.15rem, 2vw, 1.7rem); font-weight: 900; text-align: center; text-decoration: none; }
.decision-cta:hover { background: #075d49; transform: translateY(-1px); }

.brand-evidence { padding: clamp(76px, 6vw, 108px) 24px; overflow: hidden; background: #fbfaf4 url("assets/section-12-brand-evidence-desktop-clean.webp") center / cover no-repeat; }
.brand-evidence-inner { width: min(1480px, 100%); margin: auto; }
.brand-evidence-header { width: min(1040px, 100%); margin: 0 auto 44px; text-align: center; }
.brand-evidence-header .section-eyebrow { justify-content: center; }
.brand-evidence-header .section-eyebrow::before { display: block; }
.brand-evidence-header h2 { margin: 12px 0 0; color: var(--deep); font-size: clamp(2.2rem, 3.8vw, 3.8rem); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.brand-evidence-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 30px; align-items: stretch; }
.brand-provenance, .evidence-panel { min-width: 0; background: rgba(255,255,255,.9); border: 1px solid rgba(209,163,58,.7); border-radius: 28px; box-shadow: 0 22px 48px rgba(27,66,53,.1); }
.brand-provenance { position: relative; min-height: 540px; padding: 38px; display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: stretch; overflow: hidden; }
.brand-copy { position: relative; z-index: 2; grid-column: 1 / -1; width: 38%; min-width: 0; }
.brand-name { color: var(--deep); font-size: clamp(2rem, 3vw, 3.15rem); font-weight: 900; letter-spacing: -.04em; }
.braun-logo { display: block; width: min(100%, 320px); height: auto; border-radius: 3px; }
.provider-name { color: #bc2f2a; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 900; letter-spacing: .04em; }
.globalpharma-logo { display: block; width: min(100%, 220px); height: auto; mix-blend-mode: multiply; }
.brand-provenance p { max-width: 530px; margin: 12px 0; color: #2d4d42; font-size: 1.05rem; line-height: 1.58; }
.brand-divider { width: 150px; height: 1px; margin: 20px 0; background: var(--gold); }
.brand-product { position: absolute; z-index: 1; right: -10%; bottom: 18px; width: 69%; max-height: 430px; object-fit: contain; object-position: right bottom; filter: drop-shadow(0 16px 22px rgba(24,69,55,.18)); }
.evidence-panel { padding: 34px; }
.evidence-panel h3 { max-width: 720px; margin: 0 auto 28px; color: var(--deep); font-size: clamp(1.25rem, 2vw, 1.85rem); line-height: 1.35; text-align: center; }
.evidence-checks { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; }
.evidence-check { min-height: 118px; padding: 20px; display: grid; grid-template-columns: 52px 1fr; gap: 15px; align-items: center; color: #284b40; border-top: 1px dashed rgba(209,163,58,.75); font-size: 1.02rem; font-weight: 700; line-height: 1.42; }
.evidence-check:nth-child(odd) { border-right: 1px dashed rgba(209,163,58,.75); }
.evidence-icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--forest); background: #fff; border: 2px solid #d9b861; border-radius: 50%; }
.evidence-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.evidence-closing { margin: 34px auto 18px; padding: 23px 30px; display: block; width: min(1120px, 100%); color: #f6dda0; background: var(--deep); border: 2px solid var(--gold); border-radius: 999px; box-shadow: 0 16px 32px rgba(6,61,49,.18); font-size: clamp(1.15rem, 2vw, 1.7rem); text-align: center; }
.evidence-disclaimer { max-width: 980px; margin: 0 auto; color: #314f45; line-height: 1.55; text-align: center; }

.usage-guide { position: relative; padding: clamp(76px, 6vw, 108px) 24px; overflow: hidden; background: radial-gradient(circle at 50% 8%, rgba(255,255,255,.95), transparent 38%), linear-gradient(135deg, #f5f0df, #fffdf7 45%, #edf3e5); }
.usage-guide::before, .usage-guide::after { content: ""; position: absolute; width: 260px; height: 260px; opacity: .2; background: radial-gradient(ellipse at 40% 80%, transparent 0 47%, #5d8b58 48% 51%, transparent 52%), radial-gradient(ellipse at 70% 55%, transparent 0 42%, #7ea36e 43% 47%, transparent 48%); pointer-events: none; }
.usage-guide::before { top: -82px; left: -90px; transform: rotate(-28deg); }
.usage-guide::after { right: -92px; bottom: -90px; transform: rotate(148deg); }
.usage-guide-inner { position: relative; z-index: 1; width: min(1480px, 100%); margin: auto; }
.usage-guide-header { max-width: 1040px; margin: 0 auto 40px; text-align: center; }
.usage-guide-header .section-eyebrow { margin-bottom: 12px; }
.usage-guide-header h2 { margin: 0; color: var(--deep); font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.1; letter-spacing: -.04em; }
.usage-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; list-style: none; }
.usage-step { position: relative; min-width: 0; min-height: 300px; padding: 24px; display: grid; grid-template-columns: minmax(120px, .9fr) minmax(0, 1.1fr); align-items: center; gap: 18px; background: #fff; border: 1px solid rgba(209,163,58,.78); border-radius: 26px; box-shadow: 0 18px 40px rgba(27,66,53,.09); }
.usage-step:nth-child(-n+3) { grid-column: span 2; }
.usage-step:nth-child(4) { grid-column: 1 / 4; }
.usage-step:nth-child(5) { grid-column: 4 / 7; }
.usage-number { position: absolute; top: 18px; left: 18px; z-index: 2; width: 54px; height: 54px; display: grid; place-items: center; color: #fff3c6; background: var(--forest); border: 2px solid var(--gold); border-radius: 50%; box-shadow: 0 8px 18px rgba(6,61,49,.18); font-size: 1.6rem; font-weight: 900; }
.usage-visual { min-width: 0; min-height: 190px; display: grid; place-items: center; color: var(--forest); }
.usage-visual img { width: min(220px, 100%); height: auto; aspect-ratio: 1; object-fit: contain; filter: none; }
.usage-step p { margin: 0; color: #173f34; font-size: clamp(.95rem, 1.12vw, 1.16rem); font-weight: 700; line-height: 1.55; }
.usage-warning { margin: 28px auto 0; min-height: 108px; padding: 22px 34px; display: grid; grid-template-columns: 66px auto 1fr; align-items: center; gap: 24px; color: #fff8df; background: var(--deep); border: 2px solid var(--gold); border-radius: 24px; box-shadow: 0 18px 34px rgba(6,61,49,.18); }
.usage-warning-icon { width: 60px; height: 60px; display: grid; place-items: center; color: #f8dfa0; border: 4px solid currentColor; border-radius: 16px 16px 22px 22px; font-size: 2.3rem; font-weight: 900; }
.usage-warning strong { color: #f8dfa0; font-size: clamp(1.25rem, 2vw, 2rem); }
.usage-warning p { margin: 0; padding-left: 24px; border-left: 1px solid rgba(248,223,160,.7); font-size: 1rem; line-height: 1.55; }

.suitability { position: relative; padding: clamp(76px, 6vw, 108px) 24px; overflow: hidden; background: linear-gradient(145deg, #fffdf8, #f2f4e9 68%, #fbf7ea); }
.suitability::before, .suitability::after { content: ""; position: absolute; width: 250px; height: 250px; opacity: .16; background: radial-gradient(ellipse at 42% 80%, transparent 0 46%, #5d8b58 47% 50%, transparent 51%), radial-gradient(ellipse at 72% 58%, transparent 0 41%, #7ea36e 42% 46%, transparent 47%); pointer-events: none; }
.suitability::before { top: -96px; left: -88px; transform: rotate(-22deg); }
.suitability::after { right: -96px; bottom: -96px; transform: rotate(154deg); }
.suitability-inner { position: relative; z-index: 1; width: min(1400px, 100%); margin: auto; }
.suitability-header { margin: 0 auto 36px; text-align: center; }
.suitability-header .section-eyebrow { margin-bottom: 12px; }
.suitability-header h2 { margin: 0; color: var(--deep); font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.04em; }
.suitability-layout { display: grid; grid-template-columns: minmax(420px, 1.05fr) minmax(520px, .95fr); align-items: stretch; gap: 28px; }
.suitability-visual { min-width: 0; margin: 0; overflow: hidden; background: #fff; border: 1px solid rgba(209,163,58,.8); border-radius: 30px; box-shadow: 0 20px 44px rgba(27,66,53,.1); }
.suitability-visual img { display: block; width: 100%; height: 100%; min-height: 470px; object-fit: cover; }
.suitability-content { min-width: 0; display: flex; flex-direction: column; }
.suitability-intro { margin: 4px 0 12px; color: var(--deep); font-size: clamp(1.05rem, 1.35vw, 1.35rem); font-weight: 700; line-height: 1.58; }
.suitability-prompt { margin: 0 0 16px; color: #31584c; font-size: .95rem; line-height: 1.5; }
.suitability-list { flex: 1; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; list-style: none; }
.suitability-item { position: relative; min-width: 0; min-height: 158px; padding: 62px 16px 20px; display: grid; place-items: center; text-align: center; background: #fff; border: 1px solid rgba(209,163,58,.76); border-radius: 22px; box-shadow: 0 12px 26px rgba(27,66,53,.06); }
.suitability-item span { position: absolute; top: 14px; left: 14px; width: 42px; height: 42px; display: grid; place-items: center; color: #f8dfa0; background: var(--forest); border: 2px solid var(--gold); border-radius: 50%; font-size: 1.15rem; font-weight: 900; }
.suitability-item p { margin: 0; color: #173f34; font-size: .9rem; font-weight: 700; line-height: 1.45; }
.suitability-action { margin-top: 28px; padding: 26px 30px; display: grid; grid-template-columns: 76px minmax(280px, 1fr) minmax(380px, .8fr); align-items: center; gap: 26px; color: #fff8df; background: linear-gradient(105deg, var(--deep), #075b45); border: 2px solid var(--gold); border-radius: 26px; box-shadow: 0 18px 38px rgba(6,61,49,.18); }
.suitability-action-icon { width: 68px; height: 68px; display: grid; place-items: center; color: #f8dfa0; border: 4px solid currentColor; border-radius: 22px; font-size: 2.2rem; font-weight: 900; }
.suitability-action h3 { margin: 0 0 6px; color: #f8dfa0; font-size: clamp(1.25rem, 2vw, 2rem); }
.suitability-action p { margin: 0; line-height: 1.55; }
.suitability-cta { min-height: 66px; padding: 15px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: #8b1b16; background: linear-gradient(100deg, #ffe6a0, #f4c958); border: 2px solid #fff0bd; border-radius: 18px; box-shadow: 0 10px 24px rgba(0,0,0,.15); font-weight: 900; text-align: center; text-decoration: none; }
.suitability-cta span { font-size: 2rem; line-height: .6; }
.suitability-cta:hover { transform: translateY(-2px); }

.illustrative-story { position: relative; padding: clamp(76px, 6vw, 108px) 24px; overflow: hidden; background: linear-gradient(145deg, #fffdf8, #f2f4e9 68%, #fbf7ea); }
.illustrative-story::before { content: "“"; position: absolute; top: -70px; right: 2.5%; color: rgba(7,91,69,.055); font-family: Georgia, serif; font-size: 32rem; line-height: 1; pointer-events: none; }
.illustrative-story-inner { position: relative; z-index: 1; width: min(1400px, 100%); margin: auto; }
.illustrative-story-card { display: grid; grid-template-columns: minmax(480px, 1.02fr) minmax(500px, .98fr); overflow: hidden; background: #fff; border: 1px solid rgba(209,163,58,.72); border-radius: 32px; box-shadow: 0 24px 58px rgba(27,66,53,.13); }
.illustrative-story-visual { min-width: 0; min-height: 690px; margin: 0; position: relative; overflow: hidden; }
.illustrative-story-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 76%, rgba(255,255,255,.22)); pointer-events: none; }
.illustrative-story-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.illustrative-story-content { padding: clamp(38px, 4vw, 68px); display: flex; flex-direction: column; justify-content: center; }
.story-eyebrow { margin: 0 0 14px; display: flex; align-items: center; gap: 12px; color: var(--forest); font-size: .82rem; font-weight: 800; letter-spacing: .14em; }
.story-eyebrow::before { content: ""; width: 46px; height: 2px; background: var(--gold); }
.illustrative-story-content h2 { margin: 0 0 30px; color: var(--deep); font-size: clamp(2.25rem, 3.4vw, 3.75rem); line-height: 1.12; letter-spacing: -.045em; }
.story-beats { margin: 0; padding: 0; display: grid; gap: 18px; list-style: none; }
.story-beat { display: grid; grid-template-columns: 34px 1fr; gap: 14px; color: #31584c; font-size: .96rem; line-height: 1.62; }
.story-beat span { width: 30px; height: 30px; display: grid; place-items: center; color: #f8dfa0; background: var(--forest); border: 1px solid var(--gold); border-radius: 50%; font-size: .78rem; font-weight: 800; }
.story-beat p { margin: 1px 0 0; }
.story-quote { position: relative; margin: 30px 0 0; padding: 24px 26px 24px 56px; color: var(--deep); background: #f4f7ee; border-left: 4px solid var(--gold); border-radius: 0 18px 18px 0; font-size: 1.08rem; font-weight: 700; line-height: 1.58; }
.story-quote::before { content: "“"; position: absolute; left: 17px; top: 6px; color: var(--gold); font-family: Georgia, serif; font-size: 3.2rem; line-height: 1; }
.story-disclaimer { margin-top: 22px; padding: 17px 22px; display: flex; align-items: flex-start; gap: 12px; color: #49655d; background: rgba(255,255,255,.64); border: 1px solid rgba(7,91,69,.14); border-radius: 16px; font-size: .8rem; line-height: 1.55; }
.story-disclaimer span { flex: 0 0 auto; width: 21px; height: 21px; display: grid; place-items: center; color: #fff; background: var(--forest); border-radius: 50%; font-size: .72rem; font-weight: 800; }
.story-disclaimer p { margin: 0; }

.preuse-faq { position: relative; padding: clamp(76px, 6vw, 108px) 24px; overflow: hidden; background: linear-gradient(135deg, #fffaf0, #fbfaf5 52%, #f2f4e9); }
.preuse-faq::before, .preuse-faq::after { content: ""; position: absolute; width: 280px; height: 280px; opacity: .15; background: radial-gradient(ellipse at 42% 80%, transparent 0 46%, #8ba77b 47% 50%, transparent 51%), radial-gradient(ellipse at 72% 58%, transparent 0 41%, #d7a83c 42% 45%, transparent 46%); pointer-events: none; }
.preuse-faq::before { top: -100px; left: -92px; transform: rotate(-24deg); }
.preuse-faq::after { right: -100px; bottom: -92px; transform: rotate(154deg); }
.preuse-faq-inner { position: relative; z-index: 1; width: min(1400px, 100%); margin: auto; }
.preuse-faq-layout { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(680px, 1.28fr); gap: clamp(34px, 4vw, 64px); align-items: stretch; }
.preuse-faq-intro { min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.faq-eyebrow { margin: 0 0 18px; padding-top: 15px; color: var(--forest); border-top: 2px solid var(--gold); font-size: .82rem; font-weight: 800; letter-spacing: .12em; }
.preuse-faq-intro h2 { margin: 0; color: var(--deep); font-size: clamp(2.7rem, 4.4vw, 4.6rem); line-height: 1.05; letter-spacing: -.045em; }
.faq-reassurance { max-width: 520px; margin: 24px auto 10px; color: #31584c; font-size: 1.02rem; line-height: 1.62; }
.faq-product { position: relative; flex: 1; width: min(440px, 100%); min-height: 390px; margin: 8px auto 0; display: grid; place-items: end center; }
.faq-product::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: 0; height: 74px; background: linear-gradient(#eef0df, #ccd6af); border-radius: 50%; box-shadow: 0 18px 30px rgba(27,66,53,.14); }
.faq-product-orbit { position: absolute; bottom: 50px; width: 88%; aspect-ratio: 1; border: 3px solid rgba(215,168,60,.7); border-radius: 50%; box-shadow: inset 0 0 0 10px rgba(255,255,255,.45); }
.faq-product img { position: relative; z-index: 2; width: min(330px, 82%); height: auto; filter: drop-shadow(0 18px 20px rgba(24,69,55,.19)); }
.faq-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; list-style: none; }
.faq-card { min-width: 0; min-height: 220px; padding: 28px 28px 24px; display: grid; grid-template-columns: 62px 1fr; align-content: start; gap: 18px; background: rgba(255,255,255,.9); border: 1px solid rgba(215,168,60,.78); border-radius: 20px; box-shadow: 0 12px 28px rgba(27,66,53,.08); }
.faq-number { width: 58px; height: 58px; display: grid; place-items: center; color: #fff8df; background: linear-gradient(145deg, #426b31, var(--deep)); border: 2px solid var(--gold); border-radius: 50%; box-shadow: 0 7px 14px rgba(6,61,49,.16); font-size: 1.25rem; font-weight: 800; }
.faq-card h3 { margin: 3px 0 18px; padding-bottom: 16px; color: var(--deep); border-bottom: 1px solid rgba(215,168,60,.7); font-size: clamp(1.05rem, 1.35vw, 1.35rem); line-height: 1.35; }
.faq-card p { margin: 0; color: #31584c; font-size: .91rem; line-height: 1.58; }
.faq-safety { margin-top: 24px; padding: 18px 28px; display: flex; align-items: center; justify-content: center; gap: 18px; color: #294c41; background: rgba(255,255,255,.72); border: 1px solid rgba(7,91,69,.3); border-radius: 16px; }
.faq-safety span { flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center; color: #fff7dc; background: var(--forest); border: 2px solid var(--gold); border-radius: 14px; font-size: 1.25rem; font-weight: 900; }
.faq-safety p { margin: 0; font-size: .88rem; line-height: 1.55; }

:focus-visible { outline: 4px solid rgba(215, 168, 60, .75); outline-offset: 4px; }

@media (max-width: 1100px) and (min-width: 769px) {
  .trust-origin { display: none; }
  .hero-copy { left: 2.5%; width: 25.5%; }
  .hero-copy h1 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); }
  .hero-copy .lead { margin: .9rem 0; font-size: clamp(.78rem, 1.15vw, .95rem); line-height: 1.55; }
  .hero-copy .emotional-callout { margin-top: .9rem; padding: .8rem; font-size: clamp(.75rem, 1vw, .9rem); }
  .hero-offer { right: 2.5%; width: 25.5%; }
  .benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .benefits > span { min-height: 52px; padding: 7px; }
  .solution-layout { grid-template-columns: minmax(0, 1fr) minmax(440px, .95fr); gap: 28px; }
  .solution-product { width: 110%; }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .preuse-faq-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .preuse-faq-intro { max-width: 760px; margin-inline: auto; }
  .faq-product { min-height: 450px; margin-top: 24px; }
}
@media (min-width: 769px) and (max-width: 1099px) {
  .gift-warning-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .gift-visual { width: min(560px, 100%); margin-inline: auto; }
}

@media (max-width: 768px) {
  .preuse-faq { padding: 64px 18px 72px; }
  .preuse-faq-layout { grid-template-columns: 1fr; gap: 28px; }
  .preuse-faq-intro h2 { font-size: clamp(2.35rem, 11vw, 3.3rem); }
  .faq-reassurance { margin-top: 18px; font-size: .95rem; }
  .faq-product { min-height: 330px; width: min(360px, 96%); }
  .faq-product img { width: min(270px, 80%); }
  .faq-grid { grid-template-columns: 1fr; gap: 14px; }
  .faq-card { min-height: 0; padding: 22px 18px; grid-template-columns: 52px 1fr; gap: 14px; }
  .faq-number { width: 50px; height: 50px; font-size: 1rem; }
  .faq-card h3 { margin-top: 1px; margin-bottom: 12px; padding-bottom: 11px; font-size: 1.08rem; }
  .faq-card p { font-size: .9rem; }
  .faq-safety { padding: 18px 16px; align-items: flex-start; gap: 12px; }
  .faq-safety span { width: 36px; height: 36px; border-radius: 12px; }
  .faq-safety p { font-size: .78rem; }
  .illustrative-story { padding: 64px 18px 72px; }
  .illustrative-story::before { top: -34px; right: -28px; font-size: 17rem; }
  .illustrative-story-card { grid-template-columns: 1fr; border-radius: 24px; }
  .illustrative-story-visual { min-height: 0; aspect-ratio: 1.32; }
  .illustrative-story-visual::after { background: linear-gradient(0deg, rgba(255,255,255,.18), transparent 28%); }
  .illustrative-story-content { padding: 28px 22px 30px; }
  .story-eyebrow { font-size: .74rem; letter-spacing: .11em; }
  .illustrative-story-content h2 { margin-bottom: 25px; font-size: clamp(2rem, 9vw, 3rem); }
  .story-beats { gap: 16px; }
  .story-beat { grid-template-columns: 30px 1fr; gap: 11px; font-size: .91rem; }
  .story-quote { margin-top: 24px; padding: 22px 18px 22px 46px; font-size: .98rem; }
  .story-quote::before { left: 13px; font-size: 2.8rem; }
  .story-disclaimer { padding: 15px 16px; font-size: .76rem; }
  .suitability { padding: 64px 18px 72px; }
  .suitability-header { margin-bottom: 30px; }
  .suitability-header h2 { font-size: clamp(2.15rem, 11vw, 3.2rem); }
  .suitability-layout { grid-template-columns: 1fr; gap: 24px; }
  .suitability-visual img { height: auto; min-height: 0; aspect-ratio: 738 / 549; object-fit: cover; }
  .suitability-intro { margin-top: 0; font-size: 1.05rem; }
  .suitability-list { grid-template-columns: 1fr; gap: 12px; }
  .suitability-item { min-height: 96px; padding: 18px 18px 18px 76px; place-items: center start; text-align: left; }
  .suitability-item span { top: 50%; left: 16px; transform: translateY(-50%); }
  .suitability-item p { font-size: .92rem; }
  .suitability-action { padding: 24px 20px; grid-template-columns: 56px 1fr; gap: 16px; }
  .suitability-action-icon { width: 52px; height: 52px; border-width: 3px; font-size: 1.7rem; }
  .suitability-action h3 { font-size: 1.35rem; }
  .suitability-action p { font-size: .9rem; }
  .suitability-cta { grid-column: 1 / -1; min-height: 62px; font-size: .9rem; }
  .usage-guide { padding: 64px 18px 72px; }
  .usage-guide-header { margin-bottom: 32px; }
  .usage-guide-header h2 { font-size: clamp(2.15rem, 11vw, 3.2rem); }
  .usage-steps { grid-template-columns: 1fr; gap: 18px; }
  .usage-step, .usage-step:nth-child(-n+3), .usage-step:nth-child(4), .usage-step:nth-child(5) { grid-column: 1; min-height: 230px; padding: 72px 20px 22px; grid-template-columns: minmax(100px, .8fr) minmax(0, 1.2fr); gap: 14px; }
  .usage-number { top: 14px; left: 18px; width: 48px; height: 48px; font-size: 1.35rem; }
  .usage-visual { min-height: 130px; }
  .usage-visual img { width: min(150px, 100%); }
  .usage-step p { font-size: .95rem; }
  .usage-warning { padding: 24px 20px; grid-template-columns: 52px 1fr; gap: 16px; }
  .usage-warning-icon { width: 48px; height: 48px; font-size: 1.8rem; }
  .usage-warning strong { font-size: 1.3rem; }
  .usage-warning p { grid-column: 1 / -1; padding: 16px 0 0; border-top: 1px solid rgba(248,223,160,.7); border-left: 0; font-size: .9rem; }
  .brand-evidence { padding: 64px 18px 72px; background-image: url("assets/section-12-brand-evidence-mobile-clean.webp"); background-position: center top; background-size: 100% auto; }
  .brand-evidence-header { margin-bottom: 32px; }
  .brand-evidence-header h2 { font-size: clamp(2rem, 8vw, 2.75rem); }
  .brand-evidence-layout { grid-template-columns: 1fr; gap: 18px; }
  .brand-provenance { min-height: 720px; padding: 28px 24px; grid-template-columns: 1fr; padding-bottom: clamp(300px, 78vw, 390px); }
  .brand-copy { width: 100%; }
  .brand-product { right: -4%; bottom: 12px; width: 108%; max-height: 390px; }
  .evidence-panel { padding: 26px 18px; }
  .evidence-panel h3 { margin-bottom: 20px; font-size: 1.18rem; }
  .evidence-checks { grid-template-columns: 1fr; }
  .evidence-check { min-height: 86px; padding: 14px 4px; grid-template-columns: 46px 1fr; }
  .evidence-check:nth-child(odd) { border-right: 0; }
  .evidence-icon { width: 42px; height: 42px; }
  .evidence-closing { margin-top: 24px; padding: 18px 20px; border-radius: 22px; font-size: 1.1rem; line-height: 1.4; }
  .evidence-disclaimer { font-size: .88rem; }
  .decision-moment { min-height: 0; padding: 64px 18px 72px; }
  .decision-moment-header { margin-bottom: 34px; }
  .decision-moment-header h2 { font-size: clamp(2rem, 8vw, 2.75rem); }
  .decision-signs { grid-template-columns: 1fr; gap: 16px; }
  .decision-sign { display: grid; grid-template-columns: minmax(138px, 44%) minmax(0, 1fr); border-radius: 20px; }
  .decision-sign-visual { aspect-ratio: 1.22; }
  .decision-sign-label { min-height: 0; padding: 16px 14px; }
  .decision-sign-label span { width: 38px; height: 38px; }
  .decision-sign-label strong { font-size: clamp(.92rem, 4vw, 1.08rem); }
  .decision-guidance { margin-top: 26px; padding: 22px 18px; grid-template-columns: 1fr; gap: 20px; }
  .decision-explanation { padding: 0 0 20px; border-right: 0; border-bottom: 1px dashed rgba(206,157,52,.85); }
  .decision-next { margin-top: 24px; font-size: .96rem; }
  .decision-cta { min-height: 62px; padding-inline: 18px; font-size: clamp(.95rem, 4.2vw, 1.2rem); }
  .trust-bar { min-height: 100px; padding: 12px 20px; display: grid; grid-template-columns: auto 1fr; column-gap: 20px; row-gap: 4px; justify-content: center; text-align: left; }
  .trust-mark { align-self: start; margin-top: 2px; }
  .trust-content { display: block; transform: translateY(-4px); }
  .trust-content strong { display: block; white-space: normal; font-size: 15px; line-height: 1.35; }
  .trust-origin { display: block; margin-top: 3px; padding: 0; border: 0; font-size: 12px; line-height: 1.35; }
  .trust-contact { grid-column: 1 / -1; margin: 0; justify-content: center; gap: 7px; font-size: 12px; transform: translateY(3px); }
  .hero-stage {
    min-height: 0;
    aspect-ratio: auto;
    padding-top: calc(100vw * 1818 / 865);
    padding-bottom: 28px;
    background: var(--ivory);
  }
  .hero-art { bottom: auto; height: calc(100vw * 1818 / 865); }
  .hero-art img { object-fit: cover; object-position: center top; }
  .brand-pill {
    position: absolute;
    z-index: 1;
    top: 4vw;
    left: 10%;
    display: block;
    width: 80%;
    min-width: 0;
    margin: 0;
    padding: clamp(5px, 1.4vw, 10px) 3vw;
    overflow-wrap: anywhere;
    color: var(--forest);
    background: rgba(251, 250, 245, .86);
    border: 1px solid var(--gold);
    border-radius: 999px;
    font-size: clamp(.58rem, 2.4vw, 1rem);
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.2;
    text-align: center;
    backdrop-filter: blur(8px);
  }
  .hero-copy { top: calc(12vw + 4px); left: 6%; width: 88%; min-width: 0; text-align: center; }
  .eyebrow { display: none; }
  h1 { font-size: clamp(1.45rem, 5.9vw, 2.7rem); line-height: 1.14; text-wrap: balance; }
  .lead { margin: .55rem auto; max-width: 620px; font-size: clamp(.62rem, 2.35vw, 1rem); line-height: 1.45; }
  .emotional-callout {
    margin: .55rem auto 0;
    max-width: 620px;
    padding: 0;
    color: #a96f00;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: clamp(.66rem, 2.7vw, 1.05rem);
    line-height: 1.4;
    backdrop-filter: none;
  }
  .hero-offer {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 90%;
    min-width: 0;
    margin: -28vw auto 0;
    padding: 18px;
    background: rgba(251, 250, 245, .96);
    border: 1px solid var(--gold);
    border-radius: 22px;
    box-shadow: 0 16px 36px rgba(6, 61, 49, .14);
  }
  .offer-title {
    position: static;
    width: 100%;
    min-width: 0;
    margin: 0 0 14px;
    font-size: clamp(.72rem, 3vw, 1.15rem);
    text-align: center;
  }
  .desktop-offer-title { display: none; }
  .mobile-offer-title { display: inline; }
  .benefits {
    position: static;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  .benefits > span { min-height: clamp(42px, 11vw, 84px); padding: 4px 2px; font-size: clamp(.48rem, 1.9vw, .74rem); border-radius: 999px; }
  .benefits > span { grid-template-columns: auto auto; align-items: center; justify-content: center; gap: 5px; }
  .benefit-icon { margin: 0; font-size: clamp(1rem, 4vw, 1.8rem); }
  .benefits b { font-size: 1.35em; }
  .pricing {
    position: static;
    width: 100%;
    min-width: 0;
    margin: 16px 0 14px;
    padding: 12px 8px;
    border: 0;
    border-top: 1px solid rgba(215, 168, 60, .45);
    border-bottom: 1px solid rgba(215, 168, 60, .45);
    border-radius: 0;
    text-align: center;
  }
  .pricing del { font-size: clamp(.65rem, 2.4vw, 1rem); }
  .pricing div { margin-top: 0; }
  .pricing strong { font-size: clamp(1.85rem, 8.8vw, 3.7rem); }
  .pricing span { margin-top: 2px; font-size: clamp(.58rem, 2.2vw, .9rem); }
  .cta {
    position: static;
    width: 100%;
    min-width: 0;
    min-height: clamp(42px, 10.8vw, 83px);
    padding-block: 9px;
    font-size: clamp(.72rem, 3vw, 1.05rem);
  }
  .reassurance {
    position: static;
    width: 100%;
    min-width: 0;
    margin: 12px 0 0;
    font-size: clamp(.48rem, 1.8vw, .7rem);
    line-height: 1.2;
    text-align: center;
  }
  .pain-signs { padding: 64px 18px; }
  .pain-header { max-width: 500px; margin-bottom: 32px; }
  .section-eyebrow { gap: 8px; font-size: clamp(.66rem, 2.65vw, .82rem); letter-spacing: .025em; }
  .section-eyebrow::before, .section-eyebrow::after { width: 28px; }
  .pain-header h2 { font-size: clamp(1.9rem, 8.2vw, 2.75rem); }
  .pain-grid { grid-template-columns: 1fr; gap: 14px; }
  .pain-card,
  .pain-card:nth-child(4),
  .pain-card:nth-child(5) {
    grid-column: 1;
    min-height: 190px;
    padding: 18px;
    grid-template-columns: minmax(150px, 42%) minmax(0, 1fr);
    gap: 16px;
    border-radius: 18px;
  }
  .pain-illustration img { height: 160px; }
  .pain-card p { font-size: clamp(.94rem, 3.7vw, 1.2rem); line-height: 1.5; }
  .pain-summary { min-height: 190px; margin-top: 20px; padding: 22px 18px; grid-template-columns: 86px 1fr; gap: 22px; border-radius: 18px; }
  .summary-icon { width: 76px; font-size: 2.9rem; }
  .pain-summary p { font-size: clamp(.96rem, 3.8vw, 1.2rem); }
  .gift-warning { padding: 72px 18px; }
  .gift-warning-layout { grid-template-columns: 1fr; gap: 32px; }
  .gift-content { display: contents; }
  .gift-content .section-eyebrow { grid-row: 1; justify-content: center; text-align: center; }
  .gift-content .section-eyebrow::before { display: block; }
  .gift-content h2 { grid-row: 2; margin: -8px 0 0; font-size: clamp(2rem, 8.1vw, 2.7rem); text-align: center; }
  .gift-visual { grid-row: 3; width: min(92%, 540px); margin: auto; }
  .gift-content > p:not(.section-eyebrow):not(.consideration-heading) { grid-row: 4; text-align: center; }
  .consideration-heading { grid-row: 5; margin: 0; text-align: center; }
  .consideration-list { grid-row: 6; gap: 12px; }
  .consideration-item { min-height: 64px; padding-block: 10px; }
  .gift-conclusion { grid-row: 7; min-height: 140px; margin-top: 4px; padding: 18px; grid-template-columns: 58px 1fr; gap: 14px; }
  .gift-conclusion > span { width: 56px; font-size: 2.25rem; }
  .gift-conclusion p { font-size: .9rem; }
  .nutrition-paradox { padding: 64px 18px; }
  .paradox-header { margin-bottom: 30px; }
  .paradox-header h2 { font-size: clamp(2rem, 8.1vw, 2.75rem); }
  .paradox-grid { grid-template-columns: 1fr; gap: 14px; }
  .paradox-core { grid-column: 1; grid-row: 1; min-height: 310px; margin-bottom: 6px; }
  .paradox-card,
  .paradox-card:nth-of-type(1), .paradox-card:nth-of-type(2),
  .paradox-card:nth-of-type(3), .paradox-card:nth-of-type(4) { grid-column: 1; min-height: 170px; padding: 20px 18px; grid-template-columns: 120px 1fr; gap: 20px; }
  .paradox-card:nth-of-type(1) { grid-row: 2; }
  .paradox-card:nth-of-type(2) { grid-row: 3; }
  .paradox-card:nth-of-type(3) { grid-row: 4; }
  .paradox-card:nth-of-type(4) { grid-row: 5; }
  .paradox-illustration img { height: 130px; }
  .paradox-card h3 { margin-top: 2px; font-size: 1rem; }
  .paradox-card p { font-size: .96rem; }
  .paradox-conclusion { min-height: 150px; margin-top: 22px; padding: 20px; grid-template-columns: 68px 1fr; gap: 18px; }
  .paradox-conclusion-icon { width: 64px; height: 64px; }
  .paradox-conclusion p { font-size: .96rem; }
  .solution-intro { padding: 48px 18px; }
  .solution-layout { grid-template-columns: 1fr; gap: 24px; }
  .solution-copy { text-align: center; }
  .solution-brand { font-size: clamp(2rem, 8vw, 3rem); }
  .solution-copy h2 { margin-bottom: 16px; font-size: clamp(1.35rem, 5.2vw, 1.8rem); }
  .solution-copy > p:not(.solution-kicker):not(.solution-brand) { line-height: 1.6; }
  .solution-facts { margin: 22px 0; grid-template-columns: 1fr; gap: 10px; text-align: left; }
  .solution-facts li { min-height: 62px; padding-block: 9px; }
  .solution-facts li:last-child { grid-column: 1; }
  .solution-cta { width: 100%; font-size: .78rem; }
  .solution-visual { min-height: 0; padding: 8px 0 18px; }
  .solution-product { width: min(100%, 600px); }
  .solution-product img { max-height: 430px; }
  .core-values { padding: 64px 18px; }
  .values-header { margin-bottom: 30px; }
  .values-header h2 { font-size: clamp(2rem, 8vw, 2.7rem); }
  .values-grid { grid-template-columns: 1fr; gap: 14px; }
  .value-card, .value-card:nth-child(even) { min-height: 0; padding: 18px 20px; display: grid; grid-template-columns: 128px 1fr; column-gap: 16px; align-items: center; transform: none; }
  .value-illustration { grid-row: 1 / 3; width: 128px; height: 124px; }
  .value-illustration img { height: 124px; }
  .value-card h3 { margin: 4px 36px 7px 0; font-size: 1.2rem; }
  .value-card p { grid-column: 2; font-size: .88rem; }
  .value-number { top: 12px; right: 15px; font-size: 2rem; }
  .values-note { margin-top: 24px; border-radius: 18px; line-height: 1.45; }
  .nutrition-specs { padding: 64px 18px; }
  .specs-header { margin-bottom: 28px; }
  .specs-header h2 { font-size: clamp(2rem, 8vw, 2.7rem); }
  .specs-layout { grid-template-columns: 1fr; gap: 28px; }
  .specs-visual { min-height: 410px; }
  .specs-orbit--one { width: min(94vw, 355px); }
  .specs-orbit--two { width: min(74vw, 280px); }
  .specs-product { width: min(100%, 430px); }
  .specs-product img { max-height: 390px; }
  .specs-column-head, .spec-row { padding-inline: 17px; }
  .spec-row dd { font-size: 1.08rem; }
  .specs-description { padding: 17px; }
  .specs-disclaimer { margin-top: 24px; padding: 13px; }
  .order { min-height: 0; padding: 68px 18px 0; background: #fbf9f1 url("assets/section-09-clean-background.png") center / cover no-repeat; }
  .order-layout { min-height: 0; grid-template-columns: 1fr; gap: 38px; }
  .order-benefits { text-align: center; }
  .order-benefits > h2 { padding-bottom: 24px; font-size: clamp(1.9rem, 8vw, 2.6rem); }
  .order-benefits > h2::after { left: 50%; transform: translateX(-50%); }
  .order-promises { text-align: left; }
  .order-promise { grid-template-columns: 92px 1fr; gap: 18px; }
  .order-promise-icon { width: 82px; }
  .order-card { padding: 34px 22px 28px; border-radius: 22px; }
  .order-card > h2 { font-size: clamp(1.55rem, 7vw, 2.25rem); }
  .order form { grid-template-columns: 1fr; gap: 16px; }
  .field, .field-wide, .order button, .order-price, .order-reassurance, .form-status { grid-column: 1; }
  .field input, .field textarea { padding-left: 56px; }
  .field-icon { left: 18px; }
  .order-price { min-height: 88px; padding-inline: 10px; gap: 7px; white-space: nowrap; }
  .order-box-icon { width: 44px; flex: 0 0 auto; }
  .order-price strong { font-size: 1.18rem; }
  .order-price i { font-size: 1.1rem; }
  .order-price b { font-size: 1.32rem; }
  .order button { min-height: 70px; gap: 10px; font-size: 1.02rem; }
  .order-reassurance { align-items: flex-start; font-size: .88rem; line-height: 1.45; }
  .order-product { min-height: 0; margin-inline: 0; background: none; }
  .order-badge { top: 10%; right: 2%; width: 92px; font-size: .7rem; }
  .order-badge strong { font-size: 2rem; }
  .practical-gift { padding: 64px 18px 72px; background: #fbfaf4 url("assets/section-10-practical-gift-mobile-clean.webp") center / cover no-repeat; }
  .practical-gift-header { margin-bottom: 32px; }
  .practical-gift-header h2 { font-size: clamp(2rem, 8vw, 2.8rem); }
  .practical-gift-layout { grid-template-columns: 1fr; gap: 22px; }
  .practical-choice { min-height: 0; padding: 22px; grid-template-rows: auto auto; border-radius: 22px; }
  .practical-choice figure { height: clamp(220px, 66vw, 330px); }
  .practical-choice figure img { max-height: 330px; }
  .practical-bridge { gap: 8px; }
  .practical-bridge span { width: 76px; font-size: 2.45rem; transform: rotate(90deg); }
  .practical-points { gap: 11px; }
  .practical-closing { margin-top: 28px; padding: 24px 20px; border-radius: 18px; }
}

@media (max-width: 430px) {
  .hero-stage { padding-top: 185vw; padding-bottom: 18px; }
  .hero-art { height: 185vw; }
  .hero-art img { object-fit: cover; object-position: center top; }
  .hero-copy { top: calc(12vw + 4px); }
  h1 { font-size: 5.9vw; overflow-wrap: anywhere; }
  .trust-bar { min-height: 92px; padding-inline: 14px; column-gap: 12px; font-size: .58rem; letter-spacing: 0; }
  .trust-content strong { font-size: clamp(10px, 3.2vw, 13px); }
  .trust-origin, .trust-contact { font-size: clamp(9px, 2.75vw, 11px); }
  .hero-offer { width: calc(100% - 24px); margin-top: -24vw; padding: 14px; }
  .offer-title { margin-bottom: 10px; }
  .benefits span { overflow-wrap: anywhere; }
  .pricing { margin: 10px 0 8px; padding: 8px 6px; }
  .cta { min-height: 48px; padding-block: 8px; }
  .reassurance { margin-top: 8px; }
  .pain-card,
  .pain-card:nth-child(4),
  .pain-card:nth-child(5) { min-height: 0; }
  .pain-card p { font-size: clamp(.86rem, 3.7vw, 1rem); }
  .pain-summary { min-height: 0; grid-template-columns: 64px 1fr; gap: 15px; }
  .summary-icon { width: 62px; font-size: 2.65rem; }
  .pain-summary p { font-size: clamp(.9rem, 3.8vw, 1.03rem); }
  .gift-warning { padding: 56px 14px; }
  .gift-warning-layout { gap: 24px; }
  .gift-visual { width: min(88%, 500px); }
  .consideration-list { gap: 9px; }
  .consideration-item { min-height: 54px; padding-block: 8px; }
  .gift-conclusion { min-height: 0; }
  .paradox-core { min-height: 260px; }
  .paradox-card,
  .paradox-card:nth-of-type(1),
  .paradox-card:nth-of-type(2),
  .paradox-card:nth-of-type(3),
  .paradox-card:nth-of-type(4) { min-height: 0; grid-template-columns: 70px 1fr; gap: 14px; padding: 18px 15px; }
  .paradox-illustration img { height: 86px; }
  .paradox-card h3 { font-size: .86rem; }
  .paradox-card p { font-size: .86rem; }
  .paradox-conclusion { min-height: 0; grid-template-columns: 50px 1fr; gap: 13px; padding: 18px; }
  .paradox-conclusion-icon { width: 48px; height: 48px; }
  .paradox-conclusion p { font-size: .88rem; }
}

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

.final-conversion { position: relative; padding: clamp(72px, 6vw, 104px) 24px; overflow: hidden; background: linear-gradient(135deg, #fff9ec, #f8f4e7 54%, #fffdf7); }
.final-conversion::before, .final-conversion::after { content: ""; position: absolute; width: 310px; height: 310px; opacity: .2; background: radial-gradient(ellipse at 42% 80%, transparent 0 46%, #7f9e70 47% 50%, transparent 51%), radial-gradient(ellipse at 72% 58%, transparent 0 41%, #d7a83c 42% 45%, transparent 46%); pointer-events: none; }
.final-conversion::before { top: -108px; left: -96px; transform: rotate(-24deg); }
.final-conversion::after { right: -102px; bottom: -108px; transform: rotate(154deg); }
.final-conversion-inner { position: relative; z-index: 1; width: min(1400px, 100%); margin: auto; }
.final-conversion-card { position: relative; min-height: 720px; padding: clamp(48px, 5vw, 78px); display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr); grid-template-rows: 1fr auto; gap: 36px clamp(28px, 4vw, 64px); overflow: hidden; color: #fff8df; background: radial-gradient(circle at 72% 30%, rgba(218,185,91,.24), transparent 28%), linear-gradient(135deg, #075b45, #043b30 70%); border: 2px solid #d9b65c; border-radius: 36px; box-shadow: 0 28px 70px rgba(6,61,49,.22); }
.final-conversion-copy { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; }
.final-eyebrow { width: max-content; margin: 0 0 24px; padding-bottom: 12px; color: #f1c75c; border-bottom: 2px solid currentColor; font-size: .95rem; font-weight: 900; letter-spacing: .08em; }
.final-conversion-copy h2 { max-width: 760px; margin: 0; color: #fffdf5; font-size: clamp(2.7rem, 4.6vw, 5rem); line-height: 1.07; letter-spacing: -.045em; }
.final-supporting { max-width: 700px; margin: 24px 0 28px; color: #f1f2e7; font-size: clamp(1.05rem, 1.35vw, 1.3rem); line-height: 1.58; }
.final-reassurances { margin: 0 0 30px; padding: 0; display: grid; list-style: none; }
.final-reassurance { min-height: 66px; padding: 12px 0; display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 16px; border-bottom: 1px solid rgba(241,199,92,.42); }
.final-reassurance span { width: 46px; height: 46px; display: grid; place-items: center; color: #f4d77e; border: 2px solid currentColor; border-radius: 50%; font-size: 1.25rem; font-weight: 900; }
.final-reassurance p { margin: 0; color: #f8f4e6; font-size: 1rem; line-height: 1.45; }
.final-actions { margin-top: auto; display: grid; grid-template-columns: minmax(260px, 1.1fr) minmax(220px, .9fr); gap: 16px; }
.final-primary-cta, .final-phone-cta { min-height: 76px; padding: 15px 20px; display: flex; align-items: center; justify-content: center; border-radius: 18px; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.final-primary-cta { gap: 12px; color: #5a3010; background: linear-gradient(105deg, #ffe29a, #efbd4c); border: 2px solid #ffedba; box-shadow: 0 12px 26px rgba(0,0,0,.18); }
.final-primary-cta span { font-size: 2rem; line-height: .5; }
.final-phone-cta { gap: 12px; color: #fff7dc; border: 2px solid #f1cb6f; }
.final-phone-cta > span:first-child { font-size: 2rem; }
.final-phone-cta > span:last-child { display: grid; gap: 3px; }
.final-phone-cta strong { font-size: 1.3rem; }
.final-primary-cta:hover, .final-phone-cta:hover { transform: translateY(-2px); }
.final-product { position: relative; z-index: 1; min-width: 0; min-height: 520px; margin: 0; display: grid; place-items: end center; align-self: end; }
.final-product::after { content: ""; position: absolute; z-index: -1; left: 4%; right: 4%; bottom: 0; height: 110px; background: linear-gradient(#f6e6b7, #cdb36a); border-radius: 50%; box-shadow: 0 18px 28px rgba(0,0,0,.24); }
.final-product-glow { position: absolute; z-index: -2; inset: 5% -8% 18%; background: radial-gradient(circle, rgba(245,213,122,.42), transparent 68%); }
.final-product img { position: relative; z-index: 1; width: min(650px, 118%); height: auto; max-height: 590px; object-fit: contain; filter: drop-shadow(0 20px 24px rgba(0,0,0,.22)); }
.final-safety { grid-column: 1 / -1; padding-top: 22px; display: flex; align-items: center; gap: 14px; color: #e8eadf; border-top: 1px solid rgba(241,199,92,.5); font-size: .88rem; line-height: 1.5; }
.final-safety > span { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; color: #f4d77e; border: 2px solid currentColor; border-radius: 8px; }
.final-safety p { margin: 0; }
.final-safety i { display: inline-block; height: 20px; margin: 0 18px -6px; border-left: 1px solid rgba(241,199,92,.6); }

/* Stable sizing for inline SVG icons; wrapper geometry no longer depends on font glyph metrics. */
.trust-mark, .cta-icon, .values-note > span { display: inline-grid; place-items: center; }
.trust-mark > .ui-icon { width: 1.1em; height: 1.1em; }
.benefit-icon { width: 2rem; height: 2rem; display: grid; place-items: center; }
.benefit-icon > .ui-icon { width: 100%; height: 100%; }
.cta-icon > .ui-icon { width: 1.2em; height: 1.2em; }
.reassurance-icon > .ui-icon, .order-reassurance .ui-icon { width: .72em; height: .72em; }
.summary-icon > .ui-icon { width: 48%; height: 48%; }
.consideration-item .ui-icon { width: 1.15rem; height: 1.15rem; }
.gift-visual-callout > .ui-icon { width: 52%; height: 52%; }
.values-note .ui-icon { width: 1.15em; height: 1.15em; }
.practical-bridge .ui-icon { width: 48%; height: 48%; }
.suitability-cta .ui-icon { width: 1em; height: 1em; }
.faq-safety .ui-icon { width: 56%; height: 56%; }
.final-reassurance .ui-icon { width: 52%; height: 52%; }
.final-primary-cta .ui-icon { width: 1em; height: 1em; }
.final-phone-cta > span:first-child .ui-icon { width: 1em; height: 1em; }
.final-safety .ui-icon { width: 58%; height: 58%; }

@media (max-width: 768px) {
  .final-conversion { padding: 58px 16px; }
  .final-conversion-card { min-height: 0; padding: 34px 22px 26px; grid-template-columns: 1fr; grid-template-rows: auto; gap: 26px; border-radius: 26px; }
  .final-conversion-copy { display: contents; }
  .final-eyebrow { order: 1; margin-bottom: -8px; }
  .final-conversion-copy h2 { order: 1; font-size: clamp(2.25rem, 11vw, 3.2rem); }
  .final-supporting { order: 1; margin: -8px 0 0; }
  .final-reassurances { order: 2; margin: 0; }
  .final-actions { order: 3; margin: 0; grid-template-columns: 1fr; }
  .final-primary-cta, .final-phone-cta { min-height: 68px; }
  .final-product { order: 4; min-height: 300px; }
  .final-product img { width: min(520px, 125%); }
  .final-product::after { height: 72px; }
  .final-safety { order: 5; grid-column: auto; align-items: flex-start; }
  .final-safety i { display: none; }
}

/* Shared site chrome and robust order layout. */
.trust-content strong { white-space: normal; overflow-wrap: anywhere; }
.trust-bar { flex-wrap: wrap; }
.trust-contact { white-space: normal; flex-wrap: wrap; }
.order { min-height: 0; background: #fbf9f1; }
.order-layout { width: min(1320px, 100%); min-height: 0; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: clamp(32px, 5vw, 80px); }
.order-product { display: block; }
.order-benefits > h2, .order-card > h2 { overflow-wrap: anywhere; }
.order-price { white-space: normal; flex-wrap: wrap; text-align: center; }
.order button { width: 100%; padding: 12px 22px; line-height: 1.2; overflow-wrap: anywhere; }
.order-fallback { margin: 0; color: #31564c; font-size: .84rem; line-height: 1.5; text-align: center; }
.order-fallback a { color: var(--deep); font-weight: 800; text-underline-offset: 3px; }
.site-footer { padding: 54px clamp(20px, 5vw, 80px) 20px; color: #f8f7eb; background: var(--deep); border-top: 4px solid var(--gold); }
.footer-inner { width: min(1320px, 100%); margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px 80px; }
.footer-brand { width: fit-content; display: inline-flex; align-items: center; gap: 12px; color: white; text-decoration: none; }
.footer-brand img { width: clamp(150px, 16vw, 220px); height: auto; max-height: 130px; object-fit: contain; }
.footer-brand span { display: grid; }
.footer-brand strong { font-size: 1.5rem; letter-spacing: .04em; }
.footer-brand small { color: #f2ce70; font-size: .8rem; }
.footer-company p, .footer-company address { font-style: normal; line-height: 1.7; }
.site-footer a { color: inherit; text-underline-offset: 4px; }
.site-footer a:hover { color: #f2ce70; }
.footer-nav h2 { margin: 0 0 18px; color: #f2ce70; font-size: 1.2rem; }
.footer-nav ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; list-style: none; }
.footer-copyright { width: min(1320px, 100%); margin: 40px auto 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.25); font-size: .85rem; line-height: 1.5; }
.policy-header { padding: 20px clamp(18px, 5vw, 80px); background: var(--deep); }
.policy-main { width: min(800px, calc(100% - 36px)); margin: clamp(40px, 6vw, 80px) auto; min-height: 45vh; line-height: 1.75; }
.policy-main h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
.policy-main h2 { margin-top: 2em; color: var(--deep); font-size: 1.25rem; }
.policy-main p, .policy-main li { overflow-wrap: anywhere; }
.policy-main a { color: var(--forest); }
@media (min-width: 1600px) {
  .hero-copy { width: min(25%, 440px); }
  .hero-offer { width: min(25%, 430px); }
  .order-layout { width: min(1440px, 100%); }
}
@media (max-width: 1599px) and (min-width: 901px) {
  .trust-origin { display: none; }
}
@media (max-width: 900px) {
  .order-layout { grid-template-columns: minmax(0, 1fr); max-width: 720px; }
  .order-benefits > h2 { text-align: center; }
  .order-benefits > h2::after { left: 50%; transform: translateX(-50%); }
  .order-card { width: 100%; }
  .trust-origin { display: none; }
}
@media (max-width: 600px) {
  .site-footer { padding-top: 42px; }
  .footer-inner, .footer-nav ul { grid-template-columns: 1fr; }
  .footer-nav ul { gap: 12px; }
  .order { padding-inline: 16px; }
  .order-card { padding: 28px 18px; }
  .order-price { gap: 6px; }
  .order-price b { font-size: clamp(1.2rem, 5.4vw, 1.55rem); }
  .order button { font-size: clamp(1rem, 5vw, 1.3rem); }
}

/* Approved section 09 conversion redesign. */
.order {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 6vw, 96px) clamp(16px, 4vw, 64px);
  background-color: #fbf9f1;
  background-image: url("assets/section-09-clean-stage-v2.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.order-shell {
  position: relative;
  isolation: isolate;
  width: min(1360px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.order-shell > * { min-width: 0; }
.order-shell > h2 {
  margin: 0;
  color: var(--deep);
  font-size: clamp(1.9rem, 2.6vw, 2.8rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.order-product-copy { text-align: center; }
.order-product-kicker { margin: 0 0 8px; color: var(--forest); font-size: .78rem; font-weight: 700; letter-spacing: .24em; }
.order-product-title { margin: 0; color: var(--deep); font-size: clamp(3rem, 5.3vw, 5.8rem); font-weight: 900; letter-spacing: -.055em; line-height: .92; }
.order-product-tagline { margin: 8px 0 0; color: #b68115; font-family: Georgia, serif; font-size: clamp(1.25rem, 2.2vw, 2.4rem); font-style: italic; line-height: 1.05; }
.order-product-stage {
  position: relative;
  min-height: clamp(350px, 41vw, 600px);
  margin: 0;
  display: grid;
  place-items: center;
}
.order-product-stage::before {
  content: "";
  position: absolute;
  inset: 7% 4% 2%;
  z-index: -2;
  background: radial-gradient(circle at 50% 38%, rgba(13, 91, 70, .48), rgba(5, 61, 49, .92) 58%, #043b30 76%);
  border: 1px solid rgba(215, 168, 60, .72);
  border-radius: 48% 48% 22% 22%;
  box-shadow: 0 28px 55px rgba(6, 61, 49, .2);
}
.order-product-stage::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 1%;
  z-index: -1;
  height: 21%;
  background: linear-gradient(#fffdf5, #e8d49b);
  border: 2px solid #d7a83c;
  border-radius: 50%;
  box-shadow: 0 16px 30px rgba(42, 62, 49, .18);
}
.order-product-stage::before, .order-product-stage::after { display: none; }
.order-product-stage img {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  height: 100%;
  max-height: 600px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .18));
}
.order-promises {
  align-self: start;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.order-promise {
  min-height: 112px;
  padding: 18px 12px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(215, 168, 60, .7);
  border-radius: 18px;
  box-shadow: 0 12px 25px rgba(6, 61, 49, .08);
}
.order-promise-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--forest);
  border: 1.5px solid var(--gold);
  border-radius: 50%;
  font-size: 1.5rem;
}
.order-promise p { margin: 0; color: var(--deep); font-size: .9rem; font-weight: 700; line-height: 1.42; }
.order form {
  position: relative;
  z-index: 1;
  align-self: start;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.order-combo {
  grid-column: 1 / -1;
  min-height: 88px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: var(--deep);
  background: linear-gradient(100deg, #f2f7ed, #fffdf5);
  border: 1.5px solid var(--gold);
  border-radius: 18px;
  text-align: left;
}
.order-combo > span:last-child { min-width: 0; display: grid; gap: 3px; }
.order-combo small { font-size: clamp(.82rem, 1vw, .98rem); font-weight: 700; }
.order-combo b { color: #ed3f36; font-size: clamp(1.7rem, 2.4vw, 2.45rem); line-height: 1; overflow-wrap: anywhere; }
.order .field { min-width: 0; }
.order .field-wide, .order button { grid-column: 1 / -1; }
.order .field input, .order .field textarea { min-height: 52px; padding: 14px 18px 14px 54px; font-size: 1rem; background: rgba(255,255,255,.96); }
.order .field textarea { min-height: 90px; }
.order .field-icon { left: 18px; font-size: 1.42rem; }
.order .field-wide .field-icon { top: 19px; }
.order button { min-height: 60px; width: 100%; padding: 11px 18px; gap: 12px; font-size: clamp(1.05rem, 1.55vw, 1.35rem); line-height: 1.2; overflow-wrap: anywhere; }
.order-hotline, .form-status {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--deep);
  text-align: center;
  line-height: 1.5;
}
.order-hotline { font-size: 1.08rem; font-weight: 700; }
.order-hotline-icon { margin-right: 7px; color: var(--forest); }
.order-hotline-icon > .ui-icon { width: 1.15em; height: 1.15em; }
.order-hotline a { color: var(--deep); font-size: 1.18em; font-weight: 900; text-underline-offset: 4px; }
.form-status { min-height: 24px; font-size: .84rem; }

@media (min-width: 900px) {
  .order-shell {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 480px);
    grid-template-areas:
      "brand title"
      "product form"
      "promises hotline"
      "promises status";
    column-gap: clamp(32px, 4vw, 62px);
    row-gap: 14px;
    padding: clamp(28px, 3vw, 48px);
  }
  .order-shell::after {
    content: "";
    grid-column: 2;
    grid-row: 1 / -1;
    z-index: -1;
    margin: -20px -22px;
    background: rgba(255,255,255,.94);
    border: 1.5px solid var(--gold);
    border-radius: 30px;
    box-shadow: 0 28px 65px rgba(6,61,49,.16);
  }
  .order-shell > h2 { grid-area: title; padding-top: 5px; }
  .order-product-copy { grid-area: brand; align-self: end; }
  .order-product-stage { grid-area: product; }
  .order-promises { grid-area: promises; }
  .order form { grid-area: form; }
  .order-hotline { grid-area: hotline; }
  .form-status { grid-area: status; }
  .order form { grid-template-columns: 1fr; }
  .order .field, .order .field-wide, .order button, .order-combo { grid-column: 1; width: 100%; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .order-promises { grid-template-columns: 1fr; }
  .order-promise { min-height: 74px; padding: 12px 14px; }
}

@media (min-width: 1200px) {
  .order-promises {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 12px 8px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(215,168,60,.72);
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(6,61,49,.1);
  }
  .order-promise { min-height: 84px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
  .order-promise + .order-promise { border-left: 1px solid rgba(215,168,60,.58); }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .order-shell { grid-template-columns: minmax(0, 1fr) 400px; }
  .order-shell > h2 { padding-inline: 22px; }
  .order-form-card { padding-inline: 22px; }
}

@media (max-width: 899px) {
  .order-shell { grid-template-columns: 1fr; max-width: 720px; }
  .order-shell > h2 {
    width: min(100%, 560px);
    margin-inline: auto;
    padding: 18px 20px;
    text-align: center;
    background: rgba(255,255,255,.92);
    border: 1.5px solid var(--gold);
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(6,61,49,.14);
  }
  .order-product-copy { display: none; }
  .order-product-stage { min-height: clamp(330px, 78vw, 560px); }
  .order-promises { order: initial; }
  .order form { padding: 20px; background: rgba(255,255,255,.94); border: 1.5px solid var(--gold); border-radius: 24px; box-shadow: 0 22px 48px rgba(6,61,49,.13); }
}

@media (max-width: 560px) {
  .order { padding-inline: 14px; }
  .order-shell { gap: 18px; }
  .order-product-stage { min-height: clamp(300px, 88vw, 390px); }
  .order-promises { grid-template-columns: 1fr; }
  .order-promise { min-height: 74px; padding: 12px 14px; }
  .order form { grid-template-columns: 1fr; padding: 18px 14px; }
  .order .field, .order .field-wide, .order button, .order-combo { grid-column: 1; width: 100%; }
  .order-combo { padding: 14px 12px; gap: 10px; text-align: center; }
  .order-box-icon { width: 42px; }
  .order-combo b { font-size: clamp(1.65rem, 8vw, 2.25rem); }
}

/* One title scale across all major sections, based on section 08. */
.pain-header h2,
.solution-copy h2,
.gift-content h2,
.paradox-header h2,
.values-header h2,
.specs-header h2,
.order-shell > h2,
.order-stories h2,
.practical-gift-header h2,
.decision-moment-header h2,
.brand-evidence-header h2,
.usage-guide-header h2,
.suitability-header h2,
.preuse-faq-intro h2,
.final-conversion-copy h2 {
  font-size: clamp(2.2rem, 4.2vw, 3.7rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.035em;
}

@media (min-width: 1200px) {
  .order-shell { grid-template-columns: minmax(0, 1fr) 540px; }
  .order form { width: 480px; justify-self: center; }
}

/* Compact conversion card: its height follows the form instead of the product column. */
.order-showcase { min-width: 0; display: grid; gap: 14px; }
.order-form-card { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }

@media (min-width: 900px) {
  .order-shell {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 540px);
    grid-template-rows: auto auto;
    grid-template-areas: none;
    align-items: start;
    row-gap: 0;
  }
  .order-shell::after { display: none; }
  .order-shell > h2 {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    padding: 28px 28px 18px;
    background: rgba(255,255,255,.96);
    border: 1.5px solid var(--gold);
    border-bottom: 0;
    border-radius: 26px 26px 0 0;
  }
  .order-showcase {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
  }
  .order-showcase > * { grid-area: auto; }
  .order-product-copy { align-self: auto; }
  .order-product-stage { min-height: clamp(420px, 36vw, 540px); }
  .order-form-card {
    grid-column: 2;
    grid-row: 2;
    padding: 0 28px 24px;
    background: rgba(255,255,255,.96);
    border: 1.5px solid var(--gold);
    border-top: 0;
    border-radius: 0 0 26px 26px;
    box-shadow: 0 24px 54px rgba(6,61,49,.15);
  }
  .order-form-card .order-hotline { margin-top: 2px; }
  .order-form-card form,
  .order-form-card .order-hotline,
  .order-form-card .form-status { grid-area: auto; }
  .order-form-card .form-status:empty { display: none; }
  .order form { width: 100%; max-width: 480px; justify-self: center; }
}

@media (max-width: 899px) {
  .order-showcase { gap: 18px; }
  .order-form-card {
    padding: 18px;
    background: rgba(255,255,255,.94);
    border: 1.5px solid var(--gold);
    border-radius: 24px;
    box-shadow: 0 22px 48px rgba(6,61,49,.13);
  }
  .order-form-card .order-hotline { margin-top: 2px; }
  .order-form-card .form-status:empty { display: none; }
  .order form { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .order-shell { grid-template-columns: minmax(0, 1fr) 400px; }
  .order-shell > h2 { padding-inline: 22px; }
  .order-form-card { padding-inline: 22px; }
}

.order-stories {
  width: min(1360px, 100%);
  margin: clamp(52px, 6vw, 82px) auto 0;
  padding: clamp(28px, 3.5vw, 48px);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(215,168,60,.72);
  border-radius: 28px;
  box-shadow: 0 24px 56px rgba(6,61,49,.13);
}
.order-stories-header { max-width: 900px; margin: 0 auto 30px; text-align: center; }
.order-stories-header .section-eyebrow { justify-content: center; margin-bottom: 10px; }
.order-stories-header .section-eyebrow::before { display: block; }
.order-stories-header h2 { margin: 0; color: var(--deep); }
.order-stories-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.order-story-card { min-width: 0; padding: 24px; background: #fff; border: 1px solid #ddd5bd; border-radius: 20px; box-shadow: 0 12px 28px rgba(6,61,49,.08); }
.order-story-card header { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 13px; }
.order-story-avatar { width: 54px; height: 54px; display: grid; place-items: center; color: #f7dfa2; background: var(--forest); border: 2px solid var(--gold); border-radius: 50%; font-size: 1.25rem; font-weight: 800; }
.order-story-card h3 { margin: 0; color: var(--deep); font-size: 1.05rem; }
.order-story-card header p { margin: 4px 0 0; color: #6b766f; font-size: .82rem; line-height: 1.4; }
.order-story-card blockquote { position: relative; margin: 20px 0 0; padding: 18px 0 0; color: #35584d; border-top: 1px solid #e7dec5; font-size: .94rem; line-height: 1.7; }
.order-story-card blockquote::before { content: "“"; position: absolute; top: 5px; right: 2px; color: rgba(215,168,60,.35); font-family: Georgia, serif; font-size: 4rem; line-height: 1; }

@media (max-width: 720px) {
  .order-stories { margin-top: 40px; padding: 24px 14px; border-radius: 22px; }
  .order-stories-header { margin-bottom: 22px; }
  .order-stories-grid { grid-template-columns: 1fr; gap: 14px; }
  .order-story-card { padding: 20px 17px; }
}

/* Mobile trust alignment and post-order conversion action. */
.mobile-sticky-buy { display: none; }

@media (max-width: 768px) {
  .trust-bar {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .trust-mark { display: none; }
  .trust-content { width: 100%; transform: none; text-align: center; }
  .trust-content strong { text-align: center; }
  .trust-contact { grid-column: 1; }
  .mobile-sticky-buy {
    position: fixed;
    z-index: 50;
    right: 14px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    left: 14px;
    min-height: 56px;
    padding: 13px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    background: linear-gradient(100deg, #ef2d24, #f04438);
    border: 2px solid rgba(255, 218, 124, .88);
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(76, 20, 16, .32);
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    opacity: 0;
    transform: translateY(calc(100% + 30px));
    pointer-events: none;
    transition: transform .25s ease, opacity .25s ease;
  }
  .mobile-sticky-buy .ui-icon { width: 23px; height: 23px; }
  .mobile-sticky-buy.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
}

/* Approved vertical section 09 composition. */
.order {
  display: flex;
  flex-direction: column;
  padding: clamp(54px, 5vw, 80px) clamp(14px, 4vw, 56px) clamp(72px, 7vw, 108px);
  background-color: #f7f0df;
  background-image: url("assets/section-09-vertical-clean-v1.webp");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.order-shell { display: contents; }
.order-showcase {
  order: 1;
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 22px;
}
.order-product-copy { display: block; text-align: center; }
.order-product-kicker { margin-bottom: 9px; }
.order-product-title { font-size: clamp(3.4rem, 6.6vw, 6.5rem); }
.order-product-stage { min-height: clamp(440px, 48vw, 650px); }
.order-product-stage img { width: min(880px, 100%); max-height: 650px; }
.order-promises {
  width: min(940px, 100%);
  margin: -20px auto 0;
  padding: 12px 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  background: rgba(255,255,255,.93);
  border: 1px solid rgba(215,168,60,.78);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(6,61,49,.12);
}
.order-promise { min-height: 82px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.order-promise + .order-promise { border-left: 1px solid rgba(215,168,60,.56); }
.order-stories {
  order: 2;
  width: min(1180px, 100%);
  margin: clamp(58px, 7vw, 94px) auto 0;
  padding: clamp(26px, 3vw, 42px);
}
.order-stories-header { margin-bottom: 26px; }
.order-stories-header h2 { font-size: clamp(2.2rem, 4.2vw, 3.7rem); }
.order-story-card { background: rgba(255,255,255,.96); }
.order-shell > h2 {
  order: 3;
  width: min(760px, 100%);
  margin: clamp(58px, 7vw, 92px) auto 0;
  padding: 28px 28px 18px;
  color: var(--deep);
  background: rgba(255,255,255,.96);
  border: 1.5px solid var(--gold);
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 20px 48px rgba(6,61,49,.12);
  font-size: clamp(1.9rem, 3vw, 2.7rem);
  text-align: center;
}
.order-form-card {
  order: 4;
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 0 clamp(18px, 3vw, 34px) 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  background: rgba(255,255,255,.96);
  border: 1.5px solid var(--gold);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 24px 54px rgba(6,61,49,.15);
}
.order-form-card form {
  grid-area: auto;
  width: min(640px, 100%);
  max-width: none;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: 1fr;
  gap: 11px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.order-form-card .order-combo,
.order-form-card .field,
.order-form-card button { grid-column: 1; width: 100%; }
.order-form-card .order-combo { min-height: 80px; }
.order-form-card .order-hotline,
.order-form-card .form-status { grid-area: auto; }
.order-form-card .form-status:empty { display: none; }

@media (max-width: 720px) {
  .order { padding-inline: 12px; }
  .order-showcase { gap: 18px; }
  .order-product-copy { display: block; }
  .order-product-kicker { font-size: .66rem; letter-spacing: .15em; }
  .order-product-title { font-size: clamp(2.7rem, 15vw, 4.2rem); }
  .order-product-tagline { font-size: clamp(1.1rem, 6vw, 1.55rem); }
  .order-product-stage { min-height: clamp(300px, 88vw, 410px); }
  .order-product-stage img { width: 100%; height: auto; max-height: 410px; display: block; opacity: 1; visibility: visible; }
  .order-promises { margin-top: -8px; padding: 10px; grid-template-columns: 1fr; gap: 0; }
  .order-promise { min-height: 68px; padding: 10px 12px; }
  .order-promise + .order-promise { border-left: 0; border-top: 1px solid rgba(215,168,60,.48); }
  .order-stories { margin-top: 42px; }
  .order-shell > h2 { margin-top: 42px; padding: 22px 16px 14px; font-size: clamp(1.65rem, 8vw, 2.15rem); }
  .order-form-card { padding: 0 14px 18px; }
}