@font-face {font-family:Noto;src:url('/css/usr/freepages/lp/lactobooster-lp3/fonts/NotoSansJP-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face {font-family:Noto;src:url('/css/usr/freepages/lp/lactobooster-lp3/fonts/NotoSansJP-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face {
  font-family:Noto;
  src:url('/css/usr/freepages/lp/lactobooster-lp3/fonts/NotoSansJP-Regular.otf') format('opentype');
  font-weight:400;
  font-display:swap}
@font-face {
  font-family:Noto;
  src:url('/css/usr/freepages/lp/lactobooster-lp3/fonts/NotoSansJP-Bold.otf') format('opentype');
  font-weight:700;
  font-display:swap}

:root {
  --blue:#4687c8;
  --pale:#d2e6ff;
  --ice:#f3faff;
  --pink:#e15a82;
  --rose:#fceff3;
  --cream:#f8f5f0;
  --ink:#000000;
  --column:375px}
* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px}
body {
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:Noto,'Helvetica Neue',Arial,sans-serif;
  font-size:16px;
  line-height:1.7}
button,a {
  -webkit-tap-highlight-color:transparent}
button {
  font:inherit;
  cursor:pointer}
a {
  color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid var(--pink);
  outline-offset:5px}
img {
  display:block;
  max-width:100%;
  height:auto}
h1,h2,h3,h4,p,figure,blockquote {
  margin:0}
h2 {
  font-size:21px;
  line-height:1.85;
  font-weight:700}
h3 {
  font-size:18px;
  line-height:1.7}
sup {
  font-size:.5em;
  vertical-align:super}
small {
  font-size:.65em}
mark {
  color:inherit;
  background:#fdf8dc;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:5px 9px;
  line-height:2.6}
ul,ol {
  margin:0;
  padding:0;
  list-style:none}
.blue {
  color:var(--blue)}
.pink {
  color:var(--pink)}
.left {
  text-align:left}
.right {
  text-align:right!important}
.skip {
  position:fixed;
  top:-100px;
  left:16px;
  z-index:100;
  background:white;
  padding:12px}
.skip:focus {
  top:12px}
.desktop-brand {
  position:fixed;
  left:4.15vw;
  top:34px;
  font-family:Arial,sans-serif;
  font-size:28px;
  letter-spacing:3px}
.desktop-brand a {
  text-decoration:none}
.side-nav {
  position:fixed;
  right:calc(50% + 260px);
  top:50%;
  transform:translateY(-50%);
  width:232px;
  padding:34px 0;
  border-block:1px solid #aaa;
  font-size:14px}
.side-nav a {
  display:block;
  text-decoration:none;
  padding:7px 0 7px 26px;
  position:relative}
.side-nav a:hover {
  color:var(--blue)}
.side-nav a[aria-current=true]:before {
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  background:var(--blue);
  border-radius:50%;
  left:0;
  top:15px}
.side-offer {
  position:fixed;
  left:calc(50% + 260px);
  top:50%;
  transform:translateY(-50%);
  width:235px;
  text-align:center}
.side-offer>.set-image {
  width:225px;
  margin:0 auto 22px;
  border:0;
  background:none;
  height:140px}
.side-offer>p {
  font-size:11px;
  margin:9px 0}
.side-offer h2 {
  font-size:13px;
  white-space:nowrap}
.side-offer>strong {
  font-size:28px;
  font-weight:400;
  display:block;
  margin:9px 0}
.side-offer .cta {
  font-size:13px;
  min-height:37px}
.single-link {
  font-size:10px;
  text-underline-offset:6px;
  display:inline-block;
  margin-top:12px}
main {
  width:var(--column);
  margin:110px auto 0;
  background:white;
  container-type:inline-size;
  overflow:clip}
.section {
  padding:13.33333cqw 6.66667cqw;
  text-align:center}
section[id] {
  scroll-margin-top:6.40000cqw}
.hero {
  height:149.6cqw;
  position:relative;
  overflow:hidden}
.hero-photo {
  width:100%;
  height:100%;
  object-fit:cover}
.hero-head {
  position:absolute;
  top:12%;
  width:100%;
  text-align:center}
.hero h1 {
  font-size:9.2cqw;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.02em}
.hero-head p {
  color:var(--blue);
  font-size:3.7cqw;
  font-weight:700;
  margin-top:2.66667cqw}
.hero-badge {
  position:absolute;
  top:64%;
  right:10%;
  width:23.5%;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  align-content:center;
  text-align:center;
  background:#efa4ba;
  color:white;
  font-size:3.1cqw;
  font-weight:700;
  line-height:1.4}
.hero-badge sup {
  font-size:.6em}
.hero-product {
  position:absolute;
  top:79.5%;
  width:100%;
  text-align:center;
  font-size:3.4cqw;
  line-height:1.65}
.hero-product h2 {
  font-size:3.6cqw;
  line-height:1.8}
.hero-note {
  position:absolute;
  bottom:2.2%;
  width:100%;
  font-size:1.86667cqw;
  text-align:center;
  color:#555;
  letter-spacing:-.07em}
.concern {
  background:var(--ice);
  padding:11.20000cqw 8.53333cqw 12.80000cqw;
  font-size:5.33333cqw}
.concern h2 {
  font-size:6.66667cqw;
  margin:8.00000cqw -3.20000cqw}
.concern>img {
  width:100%;
  height:41.33333cqw;
  object-fit:cover;
  object-position:center 52%;
  margin:9.33333cqw 0 7.20000cqw}
.concern mark {
  background:var(--pale);
  font-size:6.66667cqw}
.benefits {
  background:var(--pale);
  padding:11.46667cqw 5.86667cqw}
.benefits p {
  font-size:5.33333cqw}
.benefits h2 {
  font-weight:400;
  font-size:5.33333cqw;
  margin:3.73333cqw -2.66667cqw 4.00000cqw}
.points {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4.00000cqw}
.point {
  border:0.26667cqw solid var(--blue);
  border-radius:50%;
  aspect-ratio:1;
  background:white;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative}
.point>span {
  color:#ea8ca8;
  font-size:2.66667cqw;
  line-height:1.1}
.point strong {
  display:block;
  font-family:Arial,sans-serif;
  font-size:7.73333cqw;
  line-height:1.2}
.point b {
  font-size:5.33333cqw;
  color:var(--blue);
  line-height:1.5;
  margin-top:2.13333cqw}
.about {
  padding:12.00000cqw 5.86667cqw 10.66667cqw}
.about h2 {
  font-size:5.33333cqw}
.product-display {
  height:78.66667cqw;
  position:relative;
  margin:6.93333cqw 0}
.product {
  height:100%;
  width:auto;
  margin:auto;
  filter:drop-shadow(0.80000cqw 1.33333cqw 0.80000cqw #0002)}
.natural {
  position:absolute;
  left:4%;
  top:2.66667cqw;
  width:32%;
  aspect-ratio:1}
.natural img {
  width:100%}
.natural span {
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-content:center;
  align-items:baseline;
  color:var(--blue);
  font-size:4.26667cqw;
  line-height:1.2}
.natural strong {
  font-size:8.00000cqw;
  font-weight:400}
.natural br {
  width:100%;
  content:''}
.drop {
  position:absolute;
  width:18%;
  right:5%;
  top:35%}
.drop-two {
  width:12%;
  right:0;
  top:15%}
.about>p {
  margin:1.86667cqw 0 4.26667cqw}
.about .volume {
  font-size:3.73333cqw;
  margin:3.73333cqw 0 5.33333cqw}
.about h3 {
  font-size:4.00000cqw}
.fineprint {
  font-size:2.40000cqw!important;
  color:#717171;
  text-align:left;
  line-height:1.8!important;
  margin:5.86667cqw 0 0!important}
.offers {
  background:var(--ice);
  padding:12.00000cqw 3.20000cqw}
.offer-kicker {
  font-weight:700;
  font-size:4.00000cqw;
  margin-bottom:3.20000cqw}
.offers>h2 {
  font-size:5.33333cqw;
  line-height:1.5;
  margin-bottom:8.00000cqw}
.offer-card {
  border:0.26667cqw solid #999;
  background:#fff;
  border-radius:4.53333cqw;
  overflow:hidden;
  margin:5.33333cqw 0}
.ribbon {
  background:var(--blue);
  color:#fff;
  padding:3.20000cqw 0;
  font-size:5.60000cqw;
  font-weight:700}
.card-inner {
  padding:3.73333cqw 2.93333cqw 4.53333cqw}
.chips {
  display:flex;
  justify-content:center;
  gap:2.66667cqw;
  color:var(--blue);
  font-size:4.00000cqw;
  font-weight:700}
.chips span {
  background:var(--pale);
  border-radius:10.66667cqw;
  padding:0 5.06667cqw;
  white-space:nowrap}
.offer-card h3 {
  font-size:4.53333cqw;
  margin:2.40000cqw -1.60000cqw 4.53333cqw}
.offer-row {
  display:flex;
  gap:3.20000cqw;
  align-items:center}
.set-image {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.33333cqw;
  width:52%;
  height:32.00000cqw;
  padding:1.86667cqw;
  border:0.26667cqw solid #c2dbf7;
  flex-shrink:0}
.set-booster {
  width:auto;
  height:93%;
  object-fit:contain;
  max-width:25%}
.plus {
  color:#fff;
  background:#efa4ba;
  border-radius:50%;
  font-family:Arial,sans-serif;
  font-size:3.20000cqw;
  line-height:3.73333cqw;
  width:3.73333cqw;
  height:3.73333cqw;
  flex-shrink:0}
.minis {
  background:#e9f3ff;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:0.53333cqw;
  padding:6.13333cqw 1.86667cqw 4.00000cqw;
  height:100%;
  border-radius:1.60000cqw;
  flex:1;
  min-width:0}
.minis img {
  width:auto;
  max-width:25%;
  height:72%;
  object-fit:contain;
  filter:drop-shadow(0.26667cqw 0.80000cqw 0.53333cqw #0002)}
.minis .wash {
  height:80%}
.minis .toner {
  height:85%}
.minis .serum {
  height:55%}
.offer-price {
  flex:1;
  text-align:left;
  font-size:2.93333cqw;
  line-height:1.6}
.offer-price>b {
  font-size:4.26667cqw;
  white-space:nowrap}
.offer-price>strong {
  font-size:5.60000cqw;
  display:block;
  white-space:nowrap;
  letter-spacing:-.05em;
  line-height:1.5}
.offer-price small {
  font-size:3.20000cqw}
.shipping {
  border:0.26667cqw solid #333;
  display:inline-block;
  font-size:4.00000cqw;
  line-height:1.5;
  padding:0 1.33333cqw;
  margin:1.06667cqw 0}
.offer-price p {
  font-size:2.93333cqw;
  line-height:1.5;
  font-weight:700;
  margin-top:0.80000cqw}
.set-copy {
  text-align:left;
  font-size:2.26667cqw;
  line-height:1.65;
  margin:4.00000cqw 0.80000cqw 4.80000cqw}
.cta {
  border:0;
  border-radius:10.66667cqw;
  background:var(--blue);
  color:#fff;
  width:100%;
  min-height:9.60000cqw;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  font-size:4.26667cqw;
  font-weight:700;
  padding:1.60000cqw 6.40000cqw 1.86667cqw 4.00000cqw;
  line-height:1.4;
  transition:filter .2s}
.cta:hover {
  filter:brightness(.94)}
.cta span {
  position:absolute;
  right:1.86667cqw;
  font-size:5.86667cqw;
  font-weight:400}
.cta.secondary {
  background:var(--pale);
  color:var(--blue)}
.offers .fineprint {
  margin-inline:1.06667cqw!important}
.balance h2 {
  font-size:5.60000cqw;
  line-height:2.2;
  margin-bottom:8.00000cqw}
.balance>.left {
  font-size:4.53333cqw;
  line-height:1.8}
.balance-diagram {
  height:88.00000cqw;
  position:relative;
  margin-top:9.33333cqw}
.circle {
  width:29.86667cqw;
  height:29.86667cqw;
  position:absolute;
  border:0.26667cqw solid #888;
  border-radius:50%;
  display:grid;
  align-content:center;
  font-size:4.80000cqw;
  font-weight:700;
  background:white;
  z-index:1}
.imbalance {
  top:1.86667cqw;
  left:calc(50% - 14.93333cqw)}
.dry {
  top:40.00000cqw;
  left:4.00000cqw}
.trouble {
  top:40.00000cqw;
  right:4.00000cqw}
.arrow {
  position:absolute;
  font-size:11.73333cqw;
  color:var(--pink);
  line-height:1;
  top:30.13333cqw}
.arrow-left {
  left:22.40000cqw}
.arrow-right {
  right:22.40000cqw}
.microbe {
  position:absolute;
  width:11.20000cqw}
.m1 {
  bottom:2.66667cqw;
  left:1.33333cqw}
.m2 {
  bottom:3.20000cqw;
  right:21.33333cqw}
.m3 {
  left:2.13333cqw;
  top:16.00000cqw}
.m4 {
  left:12.80000cqw;
  top:0;
  width:8.00000cqw}
.m5 {
  right:1.60000cqw;
  bottom:0}
.m6 {
  right:9.60000cqw;
  top:5.86667cqw}
.m7 {
  right:0;
  top:29.33333cqw}
.preparation {
  background:var(--rose);
  padding:12.80000cqw 4.00000cqw;
  font-size:5.60000cqw}
.preparation h2 {
  margin:10.66667cqw 0;
  font-size:6.40000cqw;
  line-height:2}
.preparation .pink {
  text-decoration:underline wavy #ee719a;
  text-underline-offset:3.20000cqw;
  text-decoration-thickness:0.26667cqw}
.preparation mark {
  background:white;
  font-size:6.66667cqw}
.howto {
  padding:12.80000cqw 4.80000cqw 7.46667cqw}
.howto>h2 {
  font-size:5.60000cqw;
  border-bottom:0.26667cqw solid var(--blue);
  padding-bottom:2.13333cqw;
  margin:0 2.66667cqw 9.06667cqw}
.howto>p {
  font-size:5.06667cqw;
  line-height:1.9}
.steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.60000cqw;
  margin:12.80000cqw 0 4.80000cqw}
.steps li {
  background:var(--cream);
  position:relative;
  padding:5.86667cqw 1.60000cqw 3.20000cqw}
.steps li:nth-child(2) {
  background:var(--rose)}
.steps li>span {
  position:absolute;
  top:-5.06667cqw;
  left:0;
  right:0;
  font-family:Arial,sans-serif;
  font-size:6.40000cqw;
  text-decoration:underline;
  text-underline-offset:1.33333cqw}
.steps li:nth-child(2)>span {
  color:var(--pink)}
.steps img {
  height:24.00000cqw;
  width:100%;
  object-fit:contain;
  background:white;
  padding:2.13333cqw}
.steps li:nth-child(2) img {
  background:transparent;
  padding:0}
.steps p {
  font-size:3.20000cqw;
  line-height:1.3;
  margin-top:3.20000cqw}
.howto h3 {
  font-size:5.60000cqw;
  font-weight:400}
.howto .usage {
  font-size:4.26667cqw;
  line-height:1.8}
.results {
  padding:6.66667cqw 5.86667cqw 12.26667cqw}
.results h2 {
  font-weight:400;
  font-size:5.86667cqw;
  line-height:2.5}
.result-photo {
  margin:9.33333cqw auto 12.00000cqw;
  width:96%;
  height:48.00000cqw;
  object-fit:cover}
.results .points {
  margin:0 0 14.66667cqw}
.kin {
  position:absolute;
  width:10.66667cqw;
  top:-1.33333cqw;
  left:0}
.point:nth-child(3) .kin {
  top:auto;
  bottom:-4.00000cqw;
  left:2.13333cqw}
.point:nth-child(4) .kin {
  left:auto;
  right:0}
.results>p {
  font-size:5.60000cqw;
  white-space:nowrap}
.voice {
  background:#fcf2f6;
  padding:8.00000cqw 5.33333cqw 12.00000cqw}
.voice h2 {
  font-size:4.80000cqw;
  display:flex;
  align-items:center;
  gap:3.73333cqw;
  margin:0 -1.33333cqw 6.66667cqw;
  white-space:nowrap}
.voice-bottle {
  height:20.00000cqw;
  width:16.00000cqw;
  object-fit:contain;
  background:radial-gradient(circle at 50% 65%,#f8d6e0 0 54%,transparent 55%);
  padding:0 3.73333cqw 2.13333cqw}
.voice blockquote {
  border:0.26667cqw solid #e15a82;
  border-radius:4.26667cqw;
  background:white;
  text-align:left;
  padding:4.00000cqw 5.33333cqw;
  font-size:4.26667cqw;
  line-height:1.8;
  margin-bottom:3.73333cqw}
.ingredients {
  padding:12.00000cqw 0 14.66667cqw;
  text-align:center}
.ingredients>h2 {
  font-size:5.33333cqw;
  margin:0 4.00000cqw 4.80000cqw}
.wide-photo {
  width:100%;
  height:48.00000cqw;
  object-fit:cover}
.ingredients>.fineprint {
  margin:1.86667cqw 2.66667cqw 5.33333cqw!important;
  color:#222}
.ingredient-card {
  margin:5.86667cqw 3.20000cqw 0;
  padding:4.80000cqw 3.46667cqw;
  border:0.26667cqw solid var(--blue);
  border-radius:4.00000cqw;
  background:var(--cream)}
.ingredient-card header {
  display:flex;
  align-items:center;
  gap:4.53333cqw;
  color:var(--blue);
  font-family:Arial,sans-serif;
  font-size:5.33333cqw;
  font-weight:700;
  text-align:left;
  margin:0 4.80000cqw 4.00000cqw}
.ingredient-card header span {
  font-size:16.00000cqw;
  font-weight:400;
  line-height:1.4}
.ingredient-card h3 {
  font-size:4.80000cqw;
  margin:0 -2.66667cqw 5.33333cqw}
.ingredient-card h3 small {
  font-size:3.73333cqw}
.ingredient-card>p:not(.fineprint) {
  text-align:left;
  font-size:4.53333cqw;
  line-height:1.8;
  margin:5.33333cqw 0}
.ingredient-card h4 {
  font-size:3.20000cqw;
  margin:6.66667cqw 0 4.00000cqw}
.components {
  display:flex;
  gap:1.33333cqw;
  margin:0 -1.06667cqw}
.components>div {
  background:#dae7f4;
  border-radius:50%;
  aspect-ratio:1;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.3;
  font-size:2.93333cqw}
.components span {
  font-size:2.40000cqw;
  color:var(--blue);
  margin-top:1.60000cqw}
.research-photos {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.40000cqw;
  margin-top:5.33333cqw}
.research-photos img {
  width:100%;
  height:26.66667cqw;
  object-fit:cover}
.ingredient-card .fineprint {
  font-size:2.13333cqw!important;
  color:#333}
.plants {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:3.73333cqw 2.66667cqw;
  margin:7.20000cqw 0}
.plants figure {
  width:calc((100% - 5.33333cqw)/3)}
.plants img {
  width:100%;
  aspect-ratio:1;
  border-radius:50%;
  object-fit:cover}
.plants figcaption {
  font-size:3.20000cqw;
  line-height:1.7;
  margin-top:2.13333cqw;
  white-space:nowrap}
.faq {
  background:var(--ice);
  padding:6.40000cqw 7.20000cqw 16.00000cqw}
.faq h2 {
  font-size:5.86667cqw;
  font-weight:400;
  margin-bottom:4.53333cqw}
.faq details {
  margin-bottom:3.73333cqw;
  text-align:left;
  background:white;
  font-size:3.20000cqw;
  line-height:1.8}
.faq summary {
  list-style:none;
  cursor:pointer;
  background:var(--pale);
  padding:1.60000cqw 8.00000cqw 1.60000cqw 3.73333cqw;
  position:relative;
  font-size:3.20000cqw;
  line-height:1.6}
.faq summary::-webkit-details-marker {
  display:none}
.faq summary:after {
  content:'+';
  position:absolute;
  right:2.66667cqw;
  top:0.26667cqw;
  font-size:6.13333cqw;
  font-weight:400;
  color:#777}
.faq details[open] summary:after {
  content:'−'}
.faq details>div {
  padding:2.13333cqw 3.73333cqw}
.brand {
  text-align:center}
.brand-logo {
  font-family:Arial,sans-serif;
  font-size:6.93333cqw;
  letter-spacing:0.53333cqw;
  padding:22.66667cqw 0 6.40000cqw}
.brand-photo {
  width:100%;
  height:52.00000cqw;
  object-fit:cover;
  object-position:50% 67%}
.brand .section {
  padding:15.46667cqw 5.33333cqw}
.brand h2 {
  font-size:4.80000cqw;
  margin-bottom:6.13333cqw}
.brand p:not(.brand-logo) {
  font-size:3.20000cqw;
  line-height:1.9;
  margin-bottom:5.86667cqw}
footer {
  background:var(--ice);
  font-size:2.93333cqw;
  text-align:center;
  padding:8.53333cqw 2.66667cqw}
.mobile-purchase {
  display:none}
.toast {
  position:fixed;
  z-index:10;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  padding:12px 22px;
  border-radius:8px;
  background:#242424;
  color:white;
  box-shadow:0 4px 20px #0003;
  font-size:14px;
  white-space:nowrap}
.toast[hidden] {
  display:none}

@media(max-width:900px) {
  body {
  background:white}
.desktop-brand,.side-nav,.side-offer {
  display:none}
main {
  width:100%;
  max-width:535px;
  margin:0 auto;
  padding-bottom:91px}
.mobile-purchase {
  display:block;
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:535px;
  background:#d2e6ff;
  border-top:1px solid #8fb9e5;
  padding:8px 12px calc(10px + env(safe-area-inset-bottom));
  box-shadow:0 -2px 5px #0002;
  z-index:5;
  text-align:center}
.mobile-purchase>p {
  color:#4687c8;
  font-size:16px;
  font-weight:700;
  line-height:22px;
  margin:0 0 4px}
.mobile-purchase>div {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px}
.mobile-purchase .cta {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  margin:0;
  padding:6px 3px;
  border:1px solid #4687c8;
  border-radius:0;
  background:#4687c8;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:24px;
  box-shadow:2px 3px 5px #0003}
.mobile-purchase .cta.secondary {
  background:#fff;
  color:#4687c8}
.mobile-purchase .cta span {
  display:none}
@media(max-width:350px) {
  .mobile-purchase .cta {font-size:13px}
}
.toast {
  bottom:110px}
.hero-note {
  font-size:1.86667cqw}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
* {
  transition:none!important}
}
@media print {
  .desktop-brand,.side-nav,.side-offer,.mobile-purchase,.toast {
  display:none}
main {
  width:375px;
  margin:0 auto;
  padding:0}
body {
  background:white}
details {
  break-inside:avoid}
}

.hero-badge {
  display:block;
  padding-top:5.7cqw;
  line-height:1.45}
.hero-badge sup {
  display:inline}


main {font-size:16px}
main h2, main h3 {font-weight:500}
.hero {height:149.33333cqw}
.hero-photo {transform:scale(1.17);transform-origin:50% 75%}
.hero-head {top:17.33333cqw}
.hero h1 {font-size:9.86667cqw;line-height:14.66667cqw;letter-spacing:0;font-feature-settings:"palt"}
.hero-head p {font-size:3.73333cqw;font-weight:500;margin-top:1.33333cqw;line-height:6.40000cqw}
.hero-badge {top:95.46667cqw;right:9.86667cqw;width:23.46667cqw;height:23.46667cqw;padding-top:5.60000cqw;font-size:3.20000cqw;font-weight:400;line-height:4.26667cqw;background:#efa4ba}
.hero-product {top:117.86667cqw;font-size:3.46667cqw;line-height:5.86667cqw}
.hero-product h2 {font-size:3.73333cqw;line-height:5.86667cqw;font-weight:500}
.hero-product p:last-child {font-size:3.20000cqw;font-weight:500;line-height:5.60000cqw}
.hero-note {bottom:2.66667cqw;font-size:1.86667cqw;line-height:3.20000cqw;font-weight:300;letter-spacing:-.045em}
.concern {padding:10.13333cqw 8.53333cqw 10.40000cqw;font-size:5.33333cqw;line-height:9.06667cqw}
.concern h2 {font-size:6.66667cqw;line-height:11.20000cqw;margin:6.93333cqw -3.20000cqw 7.20000cqw}
.concern>img {height:41.33333cqw;object-position:50% 60%;margin:7.46667cqw 0 6.13333cqw}
.concern h2:last-of-type {margin:6.40000cqw -3.20000cqw 5.86667cqw;line-height:13.06667cqw}
.concern mark {font-weight:500;padding:1.86667cqw 2.93333cqw;line-height:13.06667cqw}
.benefits {padding:10.66667cqw 5.86667cqw 12.00000cqw}
.benefits p,.benefits h2 {font-size:5.60000cqw;line-height:9.60000cqw}
.benefits h2 {margin:2.40000cqw -3.20000cqw 3.73333cqw}
.point b {font-size:5.06667cqw;font-weight:700;line-height:7.20000cqw;margin-top:2.13333cqw}
.point strong {font-size:7.20000cqw;line-height:8.26667cqw}
.about {padding:12.00000cqw 5.33333cqw 10.13333cqw}
.about h2 {font-size:4.80000cqw;line-height:7.73333cqw;white-space:nowrap}
.about>h2:first-child {font-size:5.06667cqw;font-weight:700;line-height:9.06667cqw;letter-spacing:-.025em;margin:0 -1.33333cqw}
.product-display {height:77.33333cqw;margin:1.86667cqw 0 2.40000cqw}
.natural {width:28.00000cqw;height:28.00000cqw;left:4.00000cqw;top:6.66667cqw}
.natural img {width:46.13333cqw;max-width:none;transform:translate(-9.06667cqw,-9.06667cqw)}
.natural span {display:block;padding-top:7.20000cqw;font-size:4.26667cqw;line-height:5.86667cqw}
.natural strong {font-size:7.20000cqw}
.natural sup {position:relative;top:-2.66667cqw;font-size:1.60000cqw}
.drop {width:25.60000cqw;max-width:none;right:8.00000cqw;top:26.66667cqw}
.drop-two {width:16.80000cqw;right:2.66667cqw;top:14.66667cqw}
.about>p {margin:0.80000cqw 0 0;font-size:4.00000cqw;line-height:6.66667cqw;font-weight:500}
.about .volume {font-size:3.20000cqw;font-weight:400;margin:2.93333cqw 0 3.46667cqw;line-height:6.13333cqw}
.about h3 {font-size:3.73333cqw;line-height:8.53333cqw}
.about h3 mark {line-height:8.53333cqw;padding:1.86667cqw 3.20000cqw}
.fineprint {font-weight:300;font-size:2.13333cqw!important;line-height:3.73333cqw!important}
.about .fineprint {margin:4.80000cqw 4.00000cqw 0!important;letter-spacing:-.035em;white-space:nowrap;font-size:1.86667cqw!important}
.offers {padding:12.00000cqw 3.20000cqw 10.93333cqw}
.offer-kicker {font-size:3.73333cqw;line-height:6.40000cqw;margin-bottom:3.20000cqw}
.offers>h2 {font-size:4.80000cqw;line-height:6.93333cqw;margin-bottom:6.93333cqw}
.offer-card {margin:0 0 5.33333cqw;border-radius:4.53333cqw}
.ribbon {padding:2.66667cqw 0;font-size:5.33333cqw;line-height:8.53333cqw}
.card-inner {padding:3.73333cqw 2.66667cqw 4.53333cqw}
.chips {font-size:3.73333cqw;line-height:6.13333cqw;gap:2.66667cqw}
.chips span {padding:0 4.80000cqw}
.offer-card h3 {font-size:4.26667cqw;font-weight:700;line-height:7.20000cqw;margin:2.40000cqw -1.06667cqw 3.73333cqw}
.offer-card[id^="set-b"] h3 {font-size:3.73333cqw;margin:1.86667cqw 0 2.66667cqw;line-height:6.40000cqw}
.offer-card[id^="set-b"] .chips {font-size:3.20000cqw;line-height:5.60000cqw}
.offer-row {gap:2.93333cqw;margin:0 1.06667cqw}
.set-image {width:52%;height:32.00000cqw;padding:1.60000cqw;gap:1.06667cqw}
.set-booster {height:108%;max-width:28%}
.minis {padding:6.13333cqw 1.33333cqw 3.20000cqw;gap:0.26667cqw}
.minis img {flex-shrink:1;min-width:0;max-width:25%;object-fit:contain}
.offer-price>b {font-size:4.26667cqw;line-height:6.40000cqw;font-weight:500;letter-spacing:-.035em}
.offer-price>strong {font-size:5.60000cqw;font-weight:700;line-height:7.20000cqw;letter-spacing:-.025em}
.offer-price small {font-size:2.93333cqw}
.shipping {font-size:3.73333cqw;line-height:5.33333cqw;margin:0.80000cqw 0;padding:0 1.06667cqw}
.offer-price p {font-weight:500;font-size:2.93333cqw;line-height:4.26667cqw;margin:0.80000cqw 0 0}
.set-copy {font-size:2.13333cqw;font-weight:500;line-height:3.73333cqw;margin:4.00000cqw 1.33333cqw 4.26667cqw;letter-spacing:-.025em}
.cta {min-height:8.80000cqw;font-size:3.73333cqw;line-height:5.60000cqw;padding:1.60000cqw 6.66667cqw 1.60000cqw 3.20000cqw}
.cta span {font-size:5.33333cqw;right:2.13333cqw}
.offers .fineprint {margin-top:4.00000cqw!important}
.balance {padding:12.26667cqw 8.00000cqw 10.40000cqw}
.balance h2 {font-size:5.86667cqw;line-height:11.73333cqw;margin:0 -4.00000cqw 7.46667cqw}
.balance mark {line-height:11.73333cqw;padding:1.60000cqw 3.46667cqw}
.balance>.left {font-size:4.26667cqw;line-height:6.93333cqw}
.balance-diagram {margin-top:9.33333cqw;height:93.33333cqw}
.circle {font-size:4.80000cqw;font-weight:500;line-height:6.66667cqw}
.dry {left:4.80000cqw;top:40.80000cqw}.trouble {right:4.80000cqw;top:40.80000cqw}
.microbe {width:13.33333cqw}.m4 {width:9.33333cqw}.m1 {left:1.60000cqw;bottom:2.66667cqw}.m2 {right:19.73333cqw;bottom:6.66667cqw}.m5 {right:2.40000cqw;bottom:0}.m6 {right:10.40000cqw;top:3.73333cqw}.m7 {right:0;top:27.73333cqw}
.preparation {padding:11.20000cqw 4.00000cqw 11.73333cqw;font-size:5.33333cqw;line-height:8.53333cqw}
.preparation h2 {margin:9.60000cqw 0;font-size:6.40000cqw;line-height:16.00000cqw}
.preparation .pink {font-weight:700;text-underline-offset:3.73333cqw;text-decoration-thickness:0.26667cqw}
.preparation h2:last-of-type {margin:8.00000cqw 0;line-height:12.80000cqw}
.preparation mark {font-size:6.66667cqw;line-height:12.80000cqw;padding:1.86667cqw 2.66667cqw}
.howto {padding:12.53333cqw 4.80000cqw 6.66667cqw}
.howto>h2 {font-size:5.86667cqw;line-height:9.60000cqw;padding-bottom:1.86667cqw;margin:0 3.20000cqw 8.80000cqw;letter-spacing:-.025em}
.howto>p {font-size:5.33333cqw;line-height:9.60000cqw;margin-inline:-1.33333cqw}
.steps {margin:12.80000cqw 0 4.26667cqw;gap:1.60000cqw}
.steps li {padding:8.00000cqw 1.60000cqw 3.73333cqw}
.steps img {height:23.46667cqw;padding:0}
.steps li:nth-child(2) img {height:24.53333cqw;margin-top:-1.06667cqw;transform:scale(1.15)}
.steps p {font-size:3.46667cqw;line-height:4.00000cqw;margin-top:4.00000cqw}
.howto h3 {font-size:4.80000cqw;line-height:8.00000cqw;font-weight:500;letter-spacing:.04em}
.howto .usage {font-size:4.26667cqw;line-height:7.20000cqw}
.results {padding:11.46667cqw 5.86667cqw 12.26667cqw}
.results h2 {font-size:5.86667cqw;line-height:14.40000cqw;font-weight:400}
.results mark {line-height:14.40000cqw;padding:1.60000cqw 2.13333cqw}
.result-photo {margin:9.86667cqw auto 12.00000cqw;width:85.33333cqw;height:48.00000cqw;object-position:50% 44%}
.results .points {margin-bottom:13.33333cqw}
.results>p {font-size:5.86667cqw;line-height:10.13333cqw;letter-spacing:-.035em}
.voice {background:#fdf2f5;padding:4.00000cqw 5.33333cqw 11.73333cqw}
.voice h2 {font-size:5.06667cqw;font-weight:500;gap:2.66667cqw;margin:0 -1.33333cqw 4.53333cqw;line-height:8.00000cqw}
.voice-bottle {height:24.00000cqw;width:18.66667cqw;padding:0 3.73333cqw 3.46667cqw}
.voice blockquote {padding:3.73333cqw 5.33333cqw;font-size:4.26667cqw;line-height:6.93333cqw;margin-bottom:3.73333cqw;border-radius:4.00000cqw}
.voice .fineprint {margin-top:3.46667cqw!important;font-size:1.86667cqw!important;line-height:3.46667cqw!important}
.ingredients {padding:11.20000cqw 0 14.66667cqw}
.ingredients>h2 {font-size:5.06667cqw;line-height:9.33333cqw;margin:0 4.00000cqw 4.53333cqw}
.wide-photo {height:45.06667cqw;object-fit:cover}
.ingredients>.fineprint {margin:1.60000cqw 2.66667cqw 5.33333cqw!important;line-height:3.73333cqw!important}
.ingredient-card {margin:5.33333cqw 3.20000cqw 0;padding:4.53333cqw 3.46667cqw 3.73333cqw}
.ingredient-card header {font-size:5.33333cqw;gap:4.80000cqw;margin:0 4.80000cqw 3.73333cqw;line-height:16.00000cqw}
.ingredient-card header span {font-size:15.46667cqw;line-height:18.66667cqw}
.ingredient-card h3 {font-size:5.06667cqw;line-height:7.20000cqw;margin:0 -2.66667cqw 5.06667cqw;letter-spacing:-.02em}
.ingredient-card h3 small {font-size:3.73333cqw;line-height:7.20000cqw}
.ingredient-card>p:not(.fineprint) {font-size:4.26667cqw;line-height:6.93333cqw;margin:5.06667cqw 0}
.ingredient-card h4 {font-size:3.20000cqw;font-weight:500;margin:5.86667cqw 0 3.46667cqw;line-height:5.33333cqw}
.components>div {font-size:2.93333cqw;line-height:3.73333cqw}
.components b {font-weight:500}
.components span {font-size:2.40000cqw;font-weight:500;line-height:3.20000cqw;margin-top:1.33333cqw}
.research-photos {margin-top:5.33333cqw}
.research-photos img {height:28.00000cqw}
.ingredient-card .fineprint {margin-top:4.00000cqw!important}
.plants {gap:3.73333cqw 2.66667cqw;margin:7.20000cqw 0 6.66667cqw}
.plants figcaption {font-size:3.20000cqw;line-height:5.33333cqw;margin-top:2.13333cqw}
.faq {padding:4.26667cqw 7.20000cqw 15.73333cqw}
.faq h2 {font-size:5.86667cqw;line-height:10.13333cqw;margin-bottom:2.93333cqw}
.faq details {font-size:3.20000cqw;line-height:5.06667cqw;margin-bottom:4.00000cqw}
.faq summary {font-size:3.20000cqw;line-height:5.06667cqw;padding:1.60000cqw 8.00000cqw 1.33333cqw 3.73333cqw;letter-spacing:-.035em}
.faq details>div {padding:1.86667cqw 3.73333cqw 2.13333cqw;line-height:5.06667cqw;letter-spacing:-.02em;overflow-wrap:anywhere}
.brand-logo {font-size:6.93333cqw;line-height:10.66667cqw;padding:22.40000cqw 0 5.60000cqw;letter-spacing:0.53333cqw}
.brand-photo {height:48.00000cqw;object-position:50% 72%}
.brand .section {padding:15.73333cqw 5.33333cqw 12.80000cqw}
.brand h2 {font-size:4.80000cqw;line-height:8.26667cqw;margin-bottom:5.06667cqw}
.brand p:not(.brand-logo) {font-size:3.20000cqw;line-height:5.60000cqw;margin-bottom:5.60000cqw}
.brand p:last-child {margin-bottom:0}
footer {font-size:2.93333cqw;font-weight:500;line-height:5.33333cqw;padding:7.20000cqw 2.66667cqw 7.46667cqw}
@media(min-width:901px) {
 :root {--column:clamp(300px,19.53125vw,450px)}
 main {margin-top:5.73vw}
 .desktop-brand {left:4.15vw;top:2.1vw;font-size:2.08vw;letter-spacing:.17vw}
 .side-nav {right:calc(50% + 18.1vw);width:12.1vw;top:48%;padding:2vw 0;font-size:.82vw}
 .side-nav a {padding:.42vw 0 .42vw 1.4vw}
 .side-nav a[aria-current=true]:before {width:.65vw;height:.65vw;top:11px}
 .side-offer {left:calc(50% + 18.3vw);width:12.1vw;top:48%}
 .side-offer>.set-image {width:100%;height:6.5vw;margin-bottom:1.1vw;padding:0;gap:.7vw}
 .side-offer .minis {padding:1.6vw .6vw .6vw;border-radius:6px}
 .side-offer .minis img {filter:drop-shadow(1px 3px 2px #0002)}
 .side-offer .set-booster {height:115%;max-width:23%}
 .side-offer .plus {font-size:.8vw;width:1.15vw;height:1.15vw;line-height:1.15vw}
 .side-offer>p {font-size:.62vw;line-height:1.5;margin:.45vw 0}
 .side-offer h2 {font-size:.78vw;line-height:1.5;font-weight:500}
 .side-offer>strong {font-size:1.8vw;line-height:1.5;margin:.3vw 0}
 .side-offer .cta {font-size:.76vw;min-height:2vw;line-height:1.4;padding:.35vw 1.3vw .35vw .6vw}
 .side-offer .cta span {font-size:1.2vw;right:.35vw}
 .single-link {font-size:.6vw;margin-top:.7vw}
}
@media(min-width:901px) and (max-width:1200px) {
 .side-nav {right:calc(50% + 185px);width:170px;font-size:11px}
 .side-offer {left:calc(50% + 185px);width:170px}
 .side-offer>.set-image {height:100px}
 .side-offer h2 {font-size:10px}
 .side-offer>p,.single-link {font-size:9px}
 .side-offer .cta {font-size:11px;min-height:32px}
}

:root {--cream:#f9f5ef}
.concern {padding-bottom:15.33333cqw}
.benefits {padding-bottom:11.73333cqw}
.about {padding-bottom:9.33333cqw}
.product-display {margin-bottom:0}
.natural {min-width:0;max-width:28.00000cqw}
.natural img {position:absolute;left:0;top:0}
.natural span {width:28.00000cqw}
.offers {padding-bottom:9.86667cqw}
.balance {padding-bottom:10.66667cqw}
.preparation {padding-bottom:12.80000cqw}
.howto {padding-bottom:5.86667cqw}
.results {padding-bottom:13.60000cqw}
.result-photo-frame {width:85.33333cqw;height:48.00000cqw;margin:9.86667cqw auto 12.00000cqw;overflow:hidden}
.result-photo-frame .result-photo {width:100%;height:100%;margin:0;object-fit:cover;transform:scale(1.35);transform-origin:0% 30%}
.kin {width:13.33333cqw}
.voice blockquote {padding-block:4.53333cqw}
.voice-bottle {background:radial-gradient(circle,#f8d6e0 0 69%,transparent 70%) center bottom/18.66667cqw 18.66667cqw no-repeat}
.ingredients {padding-bottom:11.46667cqw}
.ingredient-card h3 {margin-bottom:4.53333cqw}
.ingredient-card header {margin-bottom:3.20000cqw}
.ingredient-card>p:not(.fineprint) {margin:4.53333cqw 0}
.ingredient-card .fineprint {margin-top:2.93333cqw!important}
.plants {margin-bottom:6.40000cqw}
.plant-photo {width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden}
.plants .plant-photo img {width:100%;height:100%;border-radius:0;object-fit:cover}
.faq {padding-bottom:10.13333cqw}
.brand .section {padding-bottom:0.26667cqw}

#offer-2 {padding-top:14.13333cqw;padding-bottom:13.86667cqw}
#offer-3 {padding-top:16.26667cqw;padding-bottom:16.00000cqw}

.natural-label {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);padding-top:1.06667cqw}
.natural-value {display:flex;align-items:baseline;justify-content:center;white-space:nowrap;line-height:1}
.natural-value em {font-style:normal;font-size:3.2cqw}
.natural-value strong {font-size:7.2cqw;font-weight:400;line-height:1}
.natural-percent {position:relative;font-size:4.53333cqw;line-height:1}
.natural .natural-percent sup {position:absolute;top:-2.13333cqw;left:0;width:100%;font-size:1.86667cqw;line-height:1;white-space:nowrap}
.natural-caption {font-size:4.26667cqw;line-height:1.3;margin-top:1.33333cqw;white-space:nowrap}

.annotation-anchor {position:relative;display:inline-block}
.annotation-anchor>sup {position:absolute;top:-.5em;right:-.35em;font-size:.45em;font-weight:400;line-height:1;vertical-align:baseline;white-space:nowrap}
.hero-badge .annotation-anchor>sup {font-size:.45em}

.hero-badge {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;font-weight:500}
.hero-badge>div {line-height:4.26667cqw}
.hero-badge .annotation-anchor>sup {top:0;right:-1.3em;font-size:.5em}

.point {padding-bottom:5.33333cqw}

.preparation .pink {text-decoration-thickness:.53333cqw;text-underline-offset:3.73333cqw;text-decoration-skip-ink:none}

.preparation .pink {text-decoration:none;line-height:normal}
.wave-line {display:table;margin:0 auto 2.66667cqw;padding:0 2.66667cqw 3.73333cqw;line-height:9.6cqw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 6'%3E%3Cpath d='M0 3 Q6 8 12 3 T24 3' fill='none' stroke='%23e15a82' stroke-width='.8'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:6.4cqw 1.6cqw;background-position:left bottom}
.wave-line:last-child {margin-bottom:0}

.balance-diagram .circle {font-weight:500;line-height:1.45}
.balance-diagram .arrow {top:31.73333cqw;width:.4cqw;height:8cqw;background:var(--pink);font-size:0;transform-origin:center}
.balance-diagram .arrow::after {content:"";position:absolute;bottom:0;left:50%;width:2.4cqw;height:2.4cqw;border-right:.4cqw solid var(--pink);border-bottom:.4cqw solid var(--pink);transform:translateX(-50%) rotate(45deg)}
.balance-diagram .arrow-left {left:calc(50% - 12.53333cqw);right:auto;transform:rotate(30deg)}
.balance-diagram .arrow-right {right:calc(50% - 12.53333cqw);left:auto;transform:rotate(-30deg)}
.balance-diagram .m1 {left:4.26667cqw}
.balance-diagram .m2 {right:25.86667cqw}

.steps li>span {font-size:5.86667cqw;line-height:1.2;top:-2.66667cqw;text-decoration-thickness:1px;text-underline-offset:1.06667cqw;font-weight:400}
.steps li:nth-child(2) img {height:23.46667cqw;margin-top:0;transform:scale(1.1);transform-origin:center bottom}
.steps p {height:8cqw;margin-top:2.66667cqw;display:flex;flex-direction:column;justify-content:center;line-height:4cqw}
.results .kin {width:10.66667cqw;top:-1.33333cqw}
.results .point:nth-child(3) .kin {top:auto;bottom:-8cqw;left:2.13333cqw}
.results .point:nth-child(4) .kin {top:-1.33333cqw;right:0;left:auto}

.hero h1,
.benefits h2,
.about>h2:first-child,
.offer-card h3,
.preparation h2.pink,
.results h2,
.faq h2,
.point b,
.point strong {font-weight:400}
.concern h2,
.concern mark,
.about>h2:not(:first-child),
.about h3,
.offers>h2,
.balance h2,
.preparation h2:not(.pink),
.howto h2,
.howto h3,
.voice h2,
.ingredients>h2,
.ingredient-card h3,
.ingredient-card h4,
.brand h2 {font-weight:500}


.brand-logo {padding:6.4cqw 0 5.86667cqw;font-size:6.93333cqw;line-height:10.66667cqw;letter-spacing:.53333cqw;font-weight:400}
.brand-photo {height:48cqw;object-position:50% 75%}
.brand .section {padding:8cqw 5.33333cqw 17.06667cqw}
.brand h2 {font-size:4.8cqw;font-weight:500;line-height:8.26667cqw;margin-bottom:4.53333cqw}
.brand p:not(.brand-logo) {font-size:3.2cqw;line-height:5.6cqw;margin-bottom:5.6cqw}
.brand p:last-child {margin-bottom:0}

.brand-logo {font-family:Noto,Arial,sans-serif;font-weight:300}

.annotation-anchor>sup,
.hero-badge .annotation-anchor>sup {font-size:.4em;top:-.35em;right:-.15em;line-height:1;font-weight:400}
.natural .natural-percent sup {font-size:1.6cqw;top:-1.6cqw}

main#main .hero-note,
main#main .fineprint,
main#main .faq details>div>small {color:#666;font-weight:400;font-size:1.8666666667cqw!important;line-height:1.8!important;letter-spacing:normal}

.concern>img {object-position:50% 70%}

.voice h2 {gap:3.2cqw;font-size:4.8cqw;line-height:1.5;align-items:center}
.voice-visual {position:relative;display:block;flex:0 0 18.66667cqw;width:18.66667cqw;height:24cqw}
.voice-visual::before {content:"";position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1;border-radius:50%;background:#f8d6e0}
.voice-visual .voice-bottle {position:absolute;top:-1.33333cqw;left:50%;transform:translateX(-50%);height:23cqw;width:auto;max-width:none;padding:0;background:none;filter:drop-shadow(.53333cqw .53333cqw .53333cqw #0002)}
.voice-heading-text {transform:translateY(1.86667cqw);font-weight:500}


.faq summary::before,.faq summary::after {content:"";position:absolute;top:50%;right:2.66667cqw;width:4cqw;height:1px;background:#000;transform:translateY(-50%);font-size:0;pointer-events:none}
.faq summary::after {transform:translateY(-50%) rotate(90deg)}
.faq details[open]>summary::after {content:none}

main .cta {padding-block:2.66667cqw}
@media(min-width:901px) {.side-offer .cta {padding-block:calc(.35vw + 4px)}}
@media(max-width:900px) {
 .mobile-purchase .cta {padding-block:10px}
 main {padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}

.desktop-brand img {width:236px;height:auto}
.brand-logo img {width:54.13333cqw;height:auto;margin:auto}
.brand-logo {padding-top:9.6cqw;padding-bottom:8.53333cqw}


.science-photo-frame {width:100%;height:45.06667cqw;overflow:hidden}
.science-photo-frame > .wide-photo {width:100%;height:100%;object-fit:cover;object-position:66.67% 87.5%;transform:scale(1.05);transform-origin:66.67% 87.5%}
.ingredient-card img[src*="extract.webp"] {object-position:50% 50.79%}
.plants figure:nth-child(1) .plant-photo img {object-position:43.14% 61.54%;transform:scale(1.2);transform-origin:43.14% 61.54%}
.plants figure:nth-child(2) .plant-photo img {object-position:78.16% 37.84%;transform:scale(1.575);transform-origin:78.16% 37.84%}
.plants figure:nth-child(3) .plant-photo img {object-position:46.81% 8.89%;transform:scale(2.4);transform-origin:46.81% 8.89%}
.plants figure:nth-child(4) .plant-photo img {object-position:24.76% 51.61%;transform:scale(1.975);transform-origin:24.76% 51.61%}
.plants figure:nth-child(5) .plant-photo img {object-position:62.86% 38.46%;transform:scale(1.4);transform-origin:62.86% 38.46%}

.scroll-reveal {opacity:0;translate:0 16px;transition:opacity .8s ease-out,translate .8s cubic-bezier(.2,.65,.3,1)}
.scroll-reveal.is-revealed {opacity:1;translate:none}
@media (prefers-reduced-motion:reduce) {
  .scroll-reveal {opacity:1;translate:none;transition:none}
}
@media print {
  .scroll-reveal {opacity:1!important;translate:none!important;transition:none!important}
}

.plus {position:relative;font-size:0;line-height:1;letter-spacing:0}
.plus::before,.plus::after {content:"";position:absolute;top:50%;left:50%;width:60%;height:1px;background:#fff;transform:translate(-50%,-50%)}
.plus::after {transform:translate(-50%,-50%) rotate(90deg)}
.side-offer .plus {font-size:0;line-height:1}
footer {font-weight:400}
.preparation h2.pink {margin-bottom:2.13333cqw}
.preparation .preparation-note {color:var(--pink);font-size:1.8666666667cqw;line-height:1.8;text-align:right;margin:0 4cqw}
.preparation .preparation-result {margin-top:9.6cqw}
.mobile-product {display:none}
@media(min-width:901px) {
 :root {--column:375px}
 .side-nav {right:calc(50% + 187.5px + 4vw)}
 .side-offer {left:calc(50% + 187.5px + 4vw)}
}
@media(max-width:900px) {
 .mobile-product {display:flex;position:absolute;left:20px;top:-24px;width:60px;height:60px;align-items:flex-start;justify-content:center;border-radius:50% 50% 0 0;background:#d2e6ff;pointer-events:none}
 .mobile-product img {height:56px;width:auto;margin-top:5px;max-width:none}
 .mobile-purchase>p {position:relative;margin-left:65px;font-size:clamp(12px,3.6vw,16px);white-space:nowrap}
 .mobile-purchase>div {position:relative}
}

.minis {position:relative}
.novelty-label {position:absolute;bottom:4px;left:0;width:100%;text-align:center;font-size:8px;line-height:11px;font-weight:700;white-space:nowrap;letter-spacing:-.03em;color:#222}

.minis img {position:relative;top:-6px}

@media(min-width:901px) {.side-offer .minis img {top:-10px}}

@media(min-width:901px) {
 .side-nav,.side-offer {top:0;bottom:4%;height:fit-content;margin-block:auto;transform:none}
 .voice-heading-text {transform:none;position:relative;top:7px}
 @supports (margin-left:round(down,1.5px,1px)) {
  main {margin-left:round(down,calc((100% - var(--column))/2),1px)}
 }
}

@media(min-width:901px) {
 .side-nav {font-size:12px}
 .side-offer>p,.single-link {font-size:10px}
 .side-offer h2,.side-offer .cta {font-size:11px}
 @supports (left:round(nearest,1.5px,1px)) {
  .side-offer {left:round(nearest,calc(50% + 187.5px + 4vw),1px)}
  .side-nav {right:round(nearest,calc(50% + 187.5px + 4vw),1px)}
 }
}

@media(max-width:900px) {
 .mobile-product::before {content:"";position:absolute;inset:0;border:1px solid #8fb9e5;border-bottom:0;border-radius:inherit;clip-path:inset(0 0 36px 0);pointer-events:none}
}