@font-face {
  font-family:Manrope;
  src:url('assets/manrope-regular.ttf') format('truetype');
  font-style:normal;
  font-weight:200 500;
  font-display:swap}

@font-face {
  font-family:Manrope;
  src:url('assets/manrope-bold.ttf') format('truetype');
  font-style:normal;
  font-weight:600 800;
  font-display:swap}

:root {
  --blue:#153dd8;
  --deep:#1034bc;
  --navy:#0c1940;
  --muted:#5c6882;
  --cyan:#84eafa;
  --mint:#79edcc;
  --line:#e1e7f0;
  --light:#f4f7fc;
  --radius:18px;
  --font:Manrope,Inter,Arial,sans-serif}

* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:28px}
body {
  margin:0;
  color:var(--navy);
  background:#fff;
  font-family:var(--font);
  font-size:1rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure {
  margin:0}
a {
  color:inherit;
  text-decoration:none}
button,a,summary {
  -webkit-tap-highlight-color:transparent}
a,summary {
  touch-action:manipulation}
button {
  font:inherit}
img {
  display:block;
  max-width:100%;
  height:auto}
svg {
  display:block}
.icon {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0}
.svg-library {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden}
.container {
  width:min(1160px,calc(100% - 64px));
  margin-inline:auto}
.section {
  padding-block:70px}
h2 {
  font-size:clamp(1.875rem,3.2vw,2.75rem);
  line-height:1.15;
  font-weight:800;
  letter-spacing:-1.8px}
h3 {
  font-size:1.125rem;
  line-height:1.35;
  letter-spacing:-.5px}
.eyebrow {
  font-size:0.75rem;
  font-weight:800;
  letter-spacing:1.7px;
  color:var(--blue);
  line-height:1.5;
  margin-bottom:17px}
.section-heading {
  text-align:center;
  margin-bottom:38px}
.section-heading>p:last-child:not(.eyebrow) {
  margin-top:14px;
  color:var(--muted)}
.blue-dot {
  color:var(--blue)}
a:focus-visible,summary:focus-visible {
  outline:3px solid #00a986;
  outline-offset:6px}
.skip-link {
  position:fixed;
  top:10px;
  left:10px;
  padding:12px 20px;
  background:#fff;
  color:var(--blue);
  z-index:100;
  transform:translateY(-150%)}
.skip-link:focus {
  transform:translateY(0)}

.hero-shell {
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#1742dc 0%,#173ed5 48%,#102eab 100%);
  color:#fff}
.header {
  height:94px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ffffff29;
  gap:24px;
  position:relative;
  z-index:2}
.wordmark {
  font-size:2.375rem;
  font-weight:800;
  letter-spacing:-2.5px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:5px}
.brand-spark {
  font-size:1.875rem;
  font-weight:500;
  color:var(--cyan);
  align-self:flex-start;
  line-height:.8;
  margin-top:1px}
.header nav {
  display:flex;
  gap:30px;
  font-size:0.875rem;
  color:#e3eaff}
.header nav a {
  transition:color .2s}
.header nav a:hover {
  color:var(--cyan)}
.header-cta {
  font-size:0.8125rem;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:17px;
  padding:12px 17px;
  border:1px solid #ffffff61;
  border-radius:8px;
  transition:background .2s}
.header-cta:hover {
  background:#ffffff17}
.header-cta .icon {
  width:18px;
  height:18px}

.hero {
  padding-top:62px;
  padding-bottom:45px;
  display:grid;
  grid-template-columns:1.12fr 1fr;
  grid-template-rows:auto auto;
  column-gap:22px;
  position:relative}
.hero-copy {
  position:relative;
  z-index:2}
.hero-eyebrow {
  color:#deebff;
  display:flex;
  align-items:center;
  gap:10px}
.hero-eyebrow>span {
  width:6px;
  height:6px;
  border:1px solid #b5efff;
  border-radius:50%}
h1 {
  font-size:clamp(3.375rem,5.4vw,4.75rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-3.8px}
h1>span {
  color:var(--cyan);
  white-space:nowrap}
.hero-description {
  max-width:440px;
  margin-top:25px;
  color:#e1e8ff;
  font-size:1.125rem;
  line-height:1.6}
.hero-conversion {
  grid-column:1;
  grid-row:2;
  position:relative;
  z-index:2;
  padding-top:24px}
.hero-rating {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:0.8125rem;
  color:#eef4ff;
  margin-bottom:22px}
.stars {
  color:var(--cyan);
  font-size:0.9375rem;
  letter-spacing:2px;
  white-space:nowrap}
.rating-divider {
  height:14px;
  width:1px;
  background:#ffffff50;
  margin:0 3px}
.button {
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:16px 23px;
  border:1px solid transparent;
  border-radius:8px;
  font-size:0.8125rem;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.2px;
  transition:transform .2s,background .2s,box-shadow .2s;
  cursor:pointer}
.button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 20px #091d5214}
.button:active {
  transform:translateY(0) scale(.985)}
.button .icon {
  width:20px;
  height:20px}
.button-mint {
  background:var(--mint);
  color:#06352e}
.button-mint:hover {
  background:#a2f6de}
.hero-conversion>.button {
  max-width:412px;
  justify-content:space-between}
.guarantee-note {
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:0.75rem;
  color:#e1e9ff;
  flex-wrap:wrap}
.guarantee-note .icon {
  width:16px;
  height:16px}
.guarantee-note>span {
  opacity:.6;
  margin-inline:4px}
.guarantee-note strong {
  font-weight:600}

.hero-art {
  grid-column:2;
  grid-row:1 / 3;
  min-height:520px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  margin-top:-10px}
.art-word {
  position:absolute;
  top:54px;
  left:50%;
  transform:translateX(-50%);
  font-size:6.25rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-7px;
  color:#ffffff08;
  z-index:-1}
.product-halo {
  position:absolute;
  width:450px;
  height:450px;
  border-radius:50%;
  background:radial-gradient(circle,#6ce4ec82 0%,#60dbe92a 43%,transparent 70%);
  z-index:-1}
.orbit {
  position:absolute;
  border:1px solid #9ad9ff25;
  border-radius:50%;
  z-index:-1}
.orbit-one {
  width:375px;
  height:375px}
.orbit-two {
  width:475px;
  height:475px;
  border-style:dashed;
  border-color:#aedbff14;
  transform:rotate(-20deg)}
.bottle-tilt {
  width:300px;
  transition:transform .4s ease-out;
  will-change:transform}
.hero-bottle {
  height:445px;
  width:100%;
  object-fit:contain;
  filter:drop-shadow(0 28px 22px #051b6760);
  animation:float 7s ease-in-out infinite}
.art-label {
  display:flex;
  align-items:center;
  gap:10px;
  position:absolute;
  padding:12px 14px;
  background:#ffffff0c;
  backdrop-filter:blur(8px);
  border:1px solid #ffffff29;
  border-radius:9px;
  box-shadow:0 8px 24px #07238014}
.label-number {
  font-size:1.75rem;
  font-weight:600;
  line-height:1;
  color:var(--cyan)}
.art-label>span:last-child {
  font-size:0.75rem;
  letter-spacing:1px;
  line-height:1.6;
  color:#e8f6ff}
.label-top {
  right:0;
  top:110px}
.label-bottom {
  left:0;
  bottom:115px}
.art-caption {
  position:absolute;
  bottom:5px;
  font-size:0.75rem;
  letter-spacing:2.8px;
  color:#bccfff}
.hero-trust {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:70px;
  border-top:1px solid #ffffff29;
  min-height:74px;
  font-size:0.8125rem;
  color:#e6ecff}
.hero-trust>span {
  display:flex;
  gap:12px;
  align-items:center}
.hero-trust .icon {
  width:20px;
  height:20px;
  color:var(--cyan)}

.compact-heading {
  margin-bottom:28px}
.problem-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:1020px;
  margin:auto}
.problem-card {
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:12px}
.problem-card>.icon {
  width:26px;
  height:26px;
  color:var(--blue)}
.problem-card h3 {
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.2px}
.problem-answer {
  text-align:center;
  font-size:0.9375rem;
  max-width:700px;
  margin:26px auto 0;
  color:var(--muted)}
.problem-answer strong {
  color:var(--navy);
  font-weight:700}
.benefits {
  background:var(--light);
  padding-block:55px}
.benefits-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:32px;
  gap:24px}
.section-index {
  font-size:0.75rem;
  letter-spacing:1.4px;
  color:#7a869e;
  white-space:nowrap;
  margin-bottom:5px}
.benefits-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px}
.benefit-card {
  position:relative;
  min-height:210px;
  border:1px solid #e8edf5;
  background:#fff;
  border-radius:12px;
  padding:24px 21px;
  transition:transform .25s,box-shadow .25s}
.benefit-card:hover {
  transform:translateY(-5px);
  box-shadow:0 10px 30px #17304b08}
.benefit-card>.icon {
  color:var(--blue);
  margin-bottom:23px;
  width:28px;
  height:28px}
.benefit-card h3 {
  font-size:1.0625rem;
  margin-bottom:10px}
.benefit-card p {
  font-size:0.875rem;
  color:var(--muted);
  line-height:1.6;
  max-width:200px}
.card-number {
  position:absolute;
  top:24px;
  right:22px;
  color:#bdc7d9;
  font-size:0.75rem}

.offers {
  padding-top:64px}
.offer-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  align-items:stretch;
  padding-top:13px}
.offer-card {
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px 25px 25px;
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:0 7px 25px #0c194004;
  transition:box-shadow .25s}
.offer-card:hover {
  box-shadow:0 12px 40px #1930650d}
.offer-card.featured {
  border:2px solid var(--blue);
  padding:27px 24px 24px;
  background:linear-gradient(#f1f7ff 0%,#fff 50%);
  box-shadow:0 12px 40px #153dd811}
.offer-intro {
  text-align:center}
.offer-kicker {
  font-size:0.75rem;
  letter-spacing:1.1px;
  font-weight:800;
  color:var(--muted)}
.offer-intro h3 {
  font-size:1.8125rem;
  letter-spacing:-1px;
  margin:5px 0 3px}
.offer-intro p {
  font-size:0.8125rem;
  color:var(--muted)}
.offer-badge {
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-50%);
  padding:7px 25px;
  background:var(--blue);
  color:#fff;
  font-size:0.75rem;
  font-weight:800;
  letter-spacing:1.2px;
  border-radius:5px;
  white-space:nowrap}
.value-badge {
  background:#def4f8;
  color:#146177;
  letter-spacing:.6px;
  padding-inline:16px}
.kit {
  height:157px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  margin:15px 0 17px;
  isolation:isolate}
.kit:before {
  content:'';
  position:absolute;
  width:85%;
  height:90px;
  bottom:0;
  border-radius:50%;
  background:radial-gradient(ellipse,#cbdff15c,transparent 70%);
  z-index:-1}
.kit img {
  width:auto;
  height:145px;
  object-fit:contain;
  filter:drop-shadow(0 8px 6px #0c31541c)}
.kit-three img {
  height:134px;
  margin:0 -9px}
.kit-three img:nth-child(2) {
  height:153px;
  z-index:1;
  margin-bottom:-2px}
.kit-five img {
  height:119px;
  margin:0 -14px}
.kit-five img:nth-child(2),.kit-five img:nth-child(4) {
  height:135px;
  z-index:1}
.kit-five img:nth-child(3) {
  height:150px;
  z-index:2}
.offer-price {
  text-align:center;
  display:flex;
  flex-direction:column;
  line-height:1.2;
  margin-bottom:23px}
.price-caption {
  font-size:0.75rem;
  letter-spacing:1px;
  color:var(--muted);
  margin-bottom:7px}
.offer-price>strong {
  font-size:2.375rem;
  font-weight:800;
  letter-spacing:-1.7px;
  white-space:nowrap}
.featured .offer-price>strong {
  color:var(--blue)}
.installments {
  display:block;
  margin-top:8px;
  font-size:.8125rem;
  line-height:1.5;
  font-weight:400;
  color:var(--muted);
}
.installment-amount,.installment-terms {
  white-space:nowrap;
}
.per-pot {
  font-size:0.75rem;
  color:var(--muted);
  margin-top:6px}
.offer-details {
  list-style:none;
  padding:19px 0 0;
  margin:0 0 25px;
  border-top:1px solid var(--line);
  font-size:0.75rem;
  display:grid;
  gap:10px}
.offer-details li {
  display:flex;
  gap:9px;
  align-items:center}
.offer-details .icon {
  width:16px;
  height:16px;
  color:var(--blue)}
.offer-card>.button {
  margin-top:auto;
  font-size:0.75rem}
.button-blue {
  background:var(--blue);
  color:#fff}
.button-blue:hover {
  background:#0f2fba}
.button-outline {
  border-color:#b9c8ea;
  color:var(--blue)}
.button-outline:hover {
  background:#f0f5ff}
.offer-footer {
  margin-top:26px;
  text-align:center;
  color:var(--muted)}
.offer-footer p {
  font-size:0.75rem;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px}
.offer-footer .icon {
  width:15px;
  height:15px}
.offer-footer small {
  font-size:0.75rem;
  display:block;
  margin-top:8px}

.formula {
  background:var(--light);
  border-top:1px solid #eaf0f8;
  border-bottom:1px solid #eaf0f8}
.formula-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:75px;
  align-items:center}
.formula-copy h2 {
  font-size:2.25rem;
  line-height:1.2;
  letter-spacing:-1.3px}
.formula-copy h2>span {
  color:var(--blue)}
.formula-copy>p:last-child {
  font-size:0.875rem;
  color:var(--muted);
  margin-top:19px;
  max-width:320px}
.ingredients {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start}
.ingredients details {
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden}
.ingredients summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 15px;
  font-size:0.8125rem;
  font-weight:700;
  gap:10px;
  cursor:pointer;
  min-height:64px}
.ingredients summary>span:first-child {
  display:flex;
  align-items:center;
  gap:10px}
.ingredients summary small {
  font-size:0.75rem;
  color:#9aa7bd;
  font-weight:500}
.plus {
  width:12px;
  height:12px;
  position:relative;
  display:block;
  flex-shrink:0;
  color:var(--blue)}
.plus:before,.plus:after {
  content:'';
  position:absolute;
  background:currentColor;
  left:0;
  right:0;
  top:5px;
  height:1.5px;
  transition:transform .25s}
.plus:after {
  transform:rotate(90deg)}
details[open] .plus:after {
  transform:rotate(0)}
summary {
  list-style:none}
summary::-webkit-details-marker {
  display:none}
.details-content p {
  padding:0 18px 18px;
  color:var(--muted);
  font-size:0.875rem;
  line-height:1.65}
.details-content {
  overflow:hidden}
details[open] .details-content {
  animation:disclose .25s ease-out}

.social {
  background:linear-gradient(115deg,#1034bc,#153dd8);
  color:#fff}
.social .eyebrow {
  color:#a5c5ff}
.social-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:38px;
  margin-bottom:32px}
.social-heading h2 {
  font-size:2.25rem;
  letter-spacing:-1.3px}
.social-stats {
  display:flex;
  gap:44px}
.social-stats>div {
  display:flex;
  flex-direction:column;
  line-height:1.2}
.social-stats strong {
  font-size:3.0625rem;
  letter-spacing:-2px;
  color:var(--cyan);
  white-space:nowrap;
  font-weight:600}
.social-stats strong small {
  font-size:1.75rem}
.social-stats>div>span {
  font-size:0.8125rem;
  margin-top:10px;
  color:#e0e9ff}
.testimonial-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px}
.testimonial {
  padding:24px;
  border:1px dashed #ffffff50;
  border-radius:12px;
  background:#ffffff09}
.testimonial figcaption {
  font-size:0.75rem;
  letter-spacing:1.1px;
  color:#bed7ff;
  display:flex;
  justify-content:space-between;
  gap:10px}
.testimonial blockquote {
  font-size:0.8125rem;
  line-height:1.7;
  color:#e0eaff;
  margin:20px 0;
  overflow-wrap:anywhere}
.customer-name {
  font-size:0.75rem;
  color:#bcd2ff;
  border-top:1px solid #ffffff25;
  padding-top:14px}
.trust-grid {
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid #ffffff2b;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px}
.trust-grid>div {
  display:flex;
  gap:11px;
  align-items:flex-start}
.trust-grid>.icon,.trust-grid .icon {
  color:var(--cyan);
  width:21px;
  height:21px}
.trust-grid>div>span {
  font-size:0.75rem;
  font-weight:700}
.trust-grid small {
  display:block;
  font-size:0.75rem;
  font-weight:400;
  line-height:1.5;
  margin-top:6px;
  color:#c4d5fc;
  overflow-wrap:anywhere}

.guarantee-box {
  padding:40px 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:55px;
  background:#f0faf9;
  border:1px solid #ceeae6;
  border-radius:var(--radius)}
.guarantee-box h2 {
  font-size:2rem;
  letter-spacing:-1.2px}
.guarantee-box .eyebrow {
  color:#197067;
  font-size:0.75rem;
  margin-bottom:10px}
.guarantee-box>div:last-child {
  max-width:570px}
.guarantee-box p:not(.eyebrow) {
  font-size:0.875rem;
  color:#4b676b;
  line-height:1.7;
  margin-top:15px}
.guarantee-box a {
  font-size:0.75rem;
  color:#146258;
  font-weight:700;
  display:inline-block;
  margin-top:12px;
  text-decoration:underline;
  text-underline-offset:4px}
.guarantee-seal {
  width:142px;
  height:166px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:1px solid #a9d3cb;
  border-radius:70px;
  flex-shrink:0;
  color:#137768;
  box-shadow:inset 0 0 0 6px #f0faf9,inset 0 0 0 7px #d2e9e4}
.guarantee-seal .icon {
  height:23px;
  width:23px}
.guarantee-seal strong {
  font-size:3.875rem;
  font-weight:500;
  letter-spacing:-3px;
  line-height:1.2}
.guarantee-seal>span {
  font-size:0.75rem;
  letter-spacing:3px}
.faq-layout {
  padding:65px 0;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px}
.faq-heading h2 {
  font-size:2.25rem;
  letter-spacing:-1.2px}
.faq-list details {
  border-bottom:1px solid var(--line)}
.faq-list details:first-child {
  border-top:1px solid var(--line)}
.faq-list summary {
  padding:20px 0;
  min-height:65px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:0.875rem;
  font-weight:700;
  cursor:pointer}
.faq-list .details-content p {
  padding:0 20px 20px 0}
.final-cta {
  background:#0d1e51;
  color:#fff;
  border-radius:20px;
  padding:43px 48px;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:45px;
  position:relative;
  overflow:hidden}
.final-cta:before {
  content:'';
  position:absolute;
  width:340px;
  height:340px;
  border:1px solid #ffffff08;
  border-radius:50%;
  left:-150px;
  bottom:-235px;
  pointer-events:none}
.final-cta .eyebrow {
  color:#a1b8f6;
  font-size:0.75rem;
  letter-spacing:1.4px}
.final-cta h2 {
  font-size:2.1875rem;
  letter-spacing:-1.3px}
.final-offer {
  text-align:center}
.final-badge {
  color:var(--cyan);
  font-size:0.75rem;
  letter-spacing:1px;
  font-weight:700}
.final-offer>p {
  margin:10px 0 19px;
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  column-gap:12px;
  row-gap:4px}
.final-offer>p>strong {
  font-size:1.875rem;
  line-height:1.1;
  letter-spacing:-1px}
.final-offer>p>span {
  font-size:0.75rem;
  color:#ccd9f8}
.final-offer>small {
  display:block;
  color:#bac8e9;
  font-size:0.75rem;
  margin-top:12px}
.footer {
  padding-top:0;
  padding-bottom:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px}
.footer .wordmark {
  font-size:2rem;
  color:var(--blue)}
.footer .brand-spark {
  font-size:1.5rem;
  color:var(--blue)}
.footer>p {
  font-size:0.75rem;
  color:var(--muted)}
.footer>span {
  font-size:0.75rem;
  color:var(--muted);
  text-align:right}
.mobile-buy {
  display:none}

@keyframes float {
  0%,100% {
  transform:translateY(0) rotate(-2deg)}
50% {
  transform:translateY(-13px) rotate(0deg)}
}
@keyframes disclose {
  from {
  opacity:0;
  transform:translateY(-5px)}
to {
  opacity:1;
  transform:translateY(0)}
}
@keyframes enter {
  from {
  opacity:.45;
  transform:translateY(18px)}
to {
  opacity:1;
  transform:translateY(0)}
}
.reveal.is-visible {
  animation:enter .65s both}

@media(min-width:1500px) {
  .hero {
  padding-top:76px;
  padding-bottom:62px}
.hero-art {
  min-height:565px}
.hero-bottle {
  height:490px}
.bottle-tilt {
  width:330px}
.hero-trust {
  min-height:80px}
}

@media(max-width:1100px) {
  .container {
  width:calc(100% - 48px)}
.header nav {
  gap:20px}
.hero {
  grid-template-columns:1.15fr 1fr}
.hero h1 {
  font-size:3.75rem;
  letter-spacing:-3px}
.hero-art {
  min-height:485px}
.bottle-tilt {
  width:250px}
.hero-bottle {
  height:400px}
.label-top {
  right:-5px}
.label-bottom {
  left:-7px;
  bottom:80px}
.orbit-one {
  width:320px;
  height:320px}
.orbit-two {
  width:400px;
  height:400px}
.art-word {
  font-size:5rem}
.problem-card {
  padding:20px 15px;
  gap:12px}
.problem-card h3 {
  font-size:0.875rem}
.benefit-card {
  padding:21px 17px}
.benefit-card h3 {
  font-size:1rem}
.offer-grid {
  gap:16px}
.offer-card {
  padding:25px 18px 20px}
.offer-card.featured {
  padding:24px 17px 19px}
.offer-intro p {
  font-size:0.75rem}
.offer-price>strong {
  font-size:2.125rem}
.offer-details {
  font-size:0.75rem}
.formula-layout {
  gap:36px}
.formula-copy h2 {
  font-size:1.9375rem}
.ingredients {
  gap:8px}
.ingredients summary {
  padding:17px 12px;
  font-size:0.75rem;
  gap:7px}
.ingredients summary>span:first-child {
  gap:7px}
.social-heading h2 {
  font-size:2rem}
.social-stats {
  gap:28px}
.social-stats strong {
  font-size:2.75rem}
.final-cta {
  padding:35px;
  gap:25px}
.final-cta h2 {
  font-size:1.9375rem}
}

@media(max-width:800px) {
  .header nav {
  display:none}
.hero h1 {
  font-size:3.125rem;
  letter-spacing:-2.5px}
.hero-eyebrow {
  font-size:0.75rem;
  letter-spacing:1px}
.hero-description {
  font-size:1rem}
.hero {
  column-gap:5px}
.hero-art {
  min-height:455px}
.bottle-tilt {
  width:210px}
.hero-bottle {
  height:340px}
.art-label {
  padding:9px;
  gap:6px}
.label-number {
  font-size:1.4375rem}
.art-label>span:last-child {
  font-size:0.75rem}
.label-top {
  top:100px;
  right:0}
.label-bottom {
  bottom:65px;
  left:0}
.orbit-one {
  width:250px;
  height:250px}
.orbit-two {
  width:315px;
  height:315px}
.art-word {
  font-size:4.0625rem}
.hero-rating {
  gap:6px;
  font-size:0.75rem}
.stars {
  font-size:0.75rem}
.hero-conversion>.button {
  font-size:0.75rem;
  padding:15px}
.guarantee-note {
  font-size:0.75rem;
  gap:5px}
.hero-trust {
  gap:34px;
  font-size:0.75rem}
.hero-trust>span {
  gap:8px}
.section {
  padding-block:52px}
.section-index {
  display:none}
.benefits-grid {
  grid-template-columns:repeat(2,1fr)}
.benefit-card {
  min-height:184px}
.benefit-card p {
  max-width:none}
.offer-grid {
  gap:12px}
.offer-card {
  padding:23px 12px 17px}
.offer-card.featured {
  padding:22px 11px 16px}
.offer-kicker {
  font-size:0.75rem;
  letter-spacing:.7px}
.offer-intro h3 {
  font-size:1.625rem}
.offer-intro p {
  font-size:0.75rem}
.offer-badge {
  font-size:0.75rem;
  padding:7px 14px;
  letter-spacing:.5px}
.value-badge {
  font-size:0.75rem;
  padding:7px 10px}
.kit {
  height:128px}
.kit img {
  height:118px}
.kit-three img {
  height:105px;
  margin:0 -12px}
.kit-three img:nth-child(2) {
  height:123px}
.kit-five img {
  height:82px;
  margin:0 -12px}
.kit-five img:nth-child(2),.kit-five img:nth-child(4) {
  height:101px}
.kit-five img:nth-child(3) {
  height:121px}
.offer-price>strong {
  font-size:1.75rem;
  letter-spacing:-1.2px}
.offer-details {
  font-size:0.75rem;
  gap:9px}
.offer-details li {
  gap:6px}
.offer-details .icon {
  width:13px;
  height:13px}
.offer-card>.button {
  font-size:0.75rem;
  gap:8px;
  padding:12px 8px;
  min-height:50px}
.formula-layout {
  grid-template-columns:1fr}
.formula-copy h2 br:nth-of-type(2) {
  display:none}
.formula-copy>p:last-child {
  max-width:none}
.ingredients summary {
  font-size:0.875rem;
  padding:16px}
.social-heading {
  align-items:flex-start}
.social-heading h2 {
  font-size:1.75rem}
.social-stats {
  gap:24px}
.social-stats strong {
  font-size:2.1875rem}
.social-stats>div>span {
  font-size:0.75rem}
.testimonial {
  padding:18px}
.testimonial blockquote {
  font-size:0.75rem}
.testimonial figcaption {
  font-size:0.75rem;
  letter-spacing:.5px}
.trust-grid {
  grid-template-columns:repeat(2,1fr);
  gap:22px}
.guarantee-box {
  padding:32px;
  gap:35px}
.guarantee-box h2 {
  font-size:1.75rem}
.guarantee-box p:not(.eyebrow) {
  font-size:0.8125rem}
.guarantee-seal {
  width:115px;
  height:145px}
.faq-layout {
  gap:35px;
  padding:52px 0}
.faq-heading h2 {
  font-size:1.8125rem}
.final-cta {
  grid-template-columns:1fr;
  padding:32px;
  gap:25px}
.final-cta>div:first-child {
  text-align:center}
.final-offer {
  max-width:420px;
  width:100%;
  margin:auto}
.final-cta h2 br {
  display:none}
}

@media(max-width:600px) {
  html {
  scroll-padding-top:18px}
.container {
  width:calc(100% - 40px)}
.section {
  padding-block:43px}
h2 {
  font-size:1.8125rem;
  letter-spacing:-1.2px}
.eyebrow {
  font-size:0.75rem;
  letter-spacing:1.3px;
  margin-bottom:12px}
.header {
  height:74px;
  gap:10px}
.wordmark {
  font-size:2.0625rem}
.brand-spark {
  font-size:1.625rem}
.header-cta {
  font-size:0.75rem;
  padding:10px 12px;
  gap:10px;
  border-radius:6px}
.header-cta .icon {
  width:16px;
  height:16px}
.hero {
  grid-template-columns:1fr;
  padding-top:30px;
  padding-bottom:27px}
.hero-copy {
  grid-column:1;
  grid-row:1}
.hero-eyebrow {
  font-size:0.75rem;
  letter-spacing:1.5px;
  margin-bottom:17px}
.hero h1 {
  font-size:clamp(2.5625rem,10.8vw,3.8125rem);
  line-height:1.01;
  letter-spacing:-2.4px}
.hero h1 br:first-child {
  display:none}
.hero h1 br:first-child:after {
  content:' '}
.hero h1 {
  max-width:100%}
.hero-description {
  font-size:0.9375rem;
  line-height:1.6;
  margin-top:18px;
  max-width:330px}
.hero-art {
  grid-column:1;
  grid-row:2;
  min-height:295px;
  height:295px;
  margin-top:2px;
  margin-bottom:0}
.hero-bottle {
  height:275px;
  animation-duration:8s}
.bottle-tilt {
  width:195px}
.product-halo {
  width:330px;
  height:330px}
.orbit-one {
  width:227px;
  height:227px}
.orbit-two {
  width:285px;
  height:285px}
.art-word {
  font-size:4.375rem;
  top:25px;
  letter-spacing:-4px}
.art-label {
  border-radius:7px}
.label-top {
  right:0;
  top:63px}
.label-bottom {
  left:0;
  bottom:43px}
.label-number {
  font-size:1.5625rem}
.art-label>span:last-child {
  font-size:0.75rem;
  letter-spacing:.7px}
.art-caption {
  display:none}
.hero-conversion {
  grid-column:1;
  grid-row:3;
  padding-top:9px}
.hero-rating {
  justify-content:center;
  font-size:0.75rem;
  gap:8px;
  margin-bottom:15px}
.stars {
  font-size:0.8125rem}
.hero-conversion>.button {
  max-width:none;
  font-size:0.75rem;
  min-height:56px;
  padding:17px 20px;
  gap:8px}
.guarantee-note {
  justify-content:center;
  font-size:0.75rem;
  gap:6px;
  margin-top:13px}
.guarantee-note .icon {
  width:14px;
  height:14px}
.hero-trust {
  gap:0;
  justify-content:space-between;
  min-height:64px;
  font-size:0.75rem}
.hero-trust>span {
  gap:6px}
.hero-trust .icon {
  width:16px;
  height:16px}
.section-heading {
  margin-bottom:28px}
.section-heading>p:last-child:not(.eyebrow) {
  font-size:0.875rem;
  margin-top:11px}
.problem-grid {
  grid-template-columns:1fr;
  gap:9px}
.problem-card {
  padding:16px 18px;
  gap:17px}
.problem-card h3 {
  font-size:0.9375rem}
.problem-card h3 br {
  display:none}
.problem-card>.icon {
  width:22px;
  height:22px}
.problem-answer {
  font-size:0.8125rem;
  margin-top:20px;
  text-align:left}
.benefits-heading {
  margin-bottom:23px}
.benefits-heading h2 {
  font-size:1.75rem}
.benefits-heading h2 br {
  display:none}
.benefits-grid {
  grid-template-columns:1fr;
  gap:10px}
.benefit-card {
  padding:18px 18px 18px 67px;
  min-height:98px}
.benefit-card>.icon {
  position:absolute;
  left:22px;
  top:24px;
  width:25px;
  height:25px;
  margin:0}
.benefit-card h3 {
  font-size:1rem;
  margin:0 16px 6px 0}
.benefit-card p {
  font-size:0.8125rem;
  max-width:240px}
.card-number {
  font-size:0.75rem;
  right:15px;
  top:17px}
.offers {
  padding-top:44px}
.offer-grid {
  grid-template-columns:1fr;
  gap:32px;
  padding-top:5px;
  max-width:420px;
  margin:auto}
.offer-card,.offer-card.featured {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  grid-template-rows:auto auto auto auto;
  padding:25px 22px 20px;
  column-gap:8px;
  border-radius:14px}
.offer-card.featured {
  padding:24px 21px 19px}
.offer-intro {
  grid-column:1;
  grid-row:1;
  text-align:left}
.offer-kicker {
  font-size:0.75rem;
  letter-spacing:.7px;
  display:block}
.offer-intro h3 {
  font-size:1.75rem;
  margin-top:5px}
.offer-intro p {
  font-size:0.75rem;
  line-height:1.5}
.offer-badge {
  padding:6px 21px;
  font-size:0.75rem}
.value-badge {
  font-size:0.75rem}
.kit {
  grid-column:2;
  grid-row:1 / 3;
  height:175px;
  align-self:center;
  margin:0;
  align-items:center;
  min-width:0}
.kit img {
  height:140px}
.kit-three img {
  height:122px;
  margin:0 -19px}
.kit-three img:nth-child(2) {
  height:145px}
.kit-five img {
  height:97px;
  margin:0 -20px}
.kit-five img:nth-child(2),.kit-five img:nth-child(4) {
  height:117px}
.kit-five img:nth-child(3) {
  height:140px}
.offer-price {
  grid-column:1;
  grid-row:2;
  text-align:left;
  margin:20px 0 0}
.price-caption {
  font-size:0.75rem;
  letter-spacing:.7px}
.offer-price>strong {
  font-size:1.875rem;
  letter-spacing:-1px}
.per-pot {
  font-size:0.75rem}
.offer-details {
  grid-column:1 / -1;
  grid-row:3;
  margin:18px 0;
  padding-top:16px;
  gap:8px;
  font-size:0.75rem}
.offer-details li {
  gap:9px}
.offer-details .icon {
  width:16px;
  height:16px}
.offer-card>.button {
  grid-column:1 / -1;
  grid-row:4;
  min-height:51px;
  font-size:0.75rem;
  justify-content:space-between;
  padding:15px 19px}
.offer-footer {
  margin-top:22px}
.offer-footer p {
  font-size:0.75rem}
.offer-footer small {
  font-size:0.75rem;
  line-height:1.6}
.formula-layout {
  gap:25px}
.formula-copy h2 {
  font-size:1.8125rem}
.formula-copy>p:last-child {
  font-size:0.8125rem;
  margin-top:14px}
.ingredients {
  grid-template-columns:1fr;
  gap:8px}
.ingredients summary {
  min-height:56px;
  font-size:0.875rem;
  padding:15px 18px}
.ingredients summary>span:first-child {
  gap:15px}
.ingredients summary small {
  font-size:0.75rem}
.details-content p {
  font-size:0.8125rem}
.social-heading {
  display:block;
  margin-bottom:26px}
.social-heading h2 {
  font-size:1.8125rem}
.social-stats {
  gap:0;
  margin-top:25px;
  padding-top:22px;
  border-top:1px solid #ffffff24;
  justify-content:flex-start}
.social-stats>div {
  width:50%}
.social-stats>div+div {
  border-left:1px solid #ffffff2b;
  padding-left:27px}
.social-stats strong {
  font-size:2.625rem}
.social-stats>div>span {
  font-size:0.75rem;
  margin-top:7px}
.testimonial-grid {
  grid-template-columns:1fr;
  gap:12px}
.testimonial {
  padding:18px 20px}
.testimonial figcaption {
  font-size:0.75rem;
  letter-spacing:1px}
.testimonial blockquote {
  font-size:0.75rem;
  margin:15px 0}
.customer-name {
  font-size:0.75rem;
  padding-top:12px}
.trust-grid {
  margin-top:26px;
  padding-top:24px;
  gap:23px 16px}
.trust-grid>div {
  gap:8px}
.trust-grid .icon {
  width:19px;
  height:19px}
.trust-grid>div>span {
  font-size:0.75rem}
.trust-grid small {
  font-size:0.75rem}
.guarantee-box {
  padding:28px 23px;
  gap:20px;
  align-items:flex-start;
  flex-direction:column}
.guarantee-seal {
  width:80px;
  height:92px;
  border-radius:45px;
  align-self:flex-start}
.guarantee-seal .icon {
  width:16px;
  height:16px}
.guarantee-seal strong {
  font-size:2.1875rem;
  letter-spacing:-1.6px}
.guarantee-seal>span {
  font-size:0.75rem;
  letter-spacing:2px}
.guarantee-box h2 {
  font-size:1.6875rem;
  line-height:1.16}
.guarantee-box p:not(.eyebrow) {
  font-size:0.8125rem;
  margin-top:13px}
.guarantee-box a {
  font-size:0.75rem}
.faq-layout {
  grid-template-columns:1fr;
  gap:24px;
  padding:43px 0}
.faq-heading h2 {
  font-size:1.8125rem}
.faq-heading h2 br {
  display:none}
.faq-list summary {
  font-size:0.875rem;
  line-height:1.6;
  gap:15px;
  padding:17px 0}
.final-cta {
  padding:29px 23px;
  gap:25px;
  border-radius:15px}
.final-cta h2 {
  font-size:1.8125rem;
  line-height:1.2}
.final-cta .eyebrow {
  font-size:0.75rem;
  letter-spacing:1px}
.final-offer>p {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin-top:13px}
.final-offer>p>strong {
  font-size:2.1875rem}
.final-offer>p>span {
  font-size:0.75rem}
.final-badge {
  font-size:0.75rem}
.final-offer>.button {
  font-size:0.75rem;
  gap:10px}
.final-offer>small {
  font-size:0.75rem;
  line-height:1.6}
.footer {
  padding-bottom:110px;
  flex-wrap:wrap;
  gap:21px}
.footer .wordmark {
  font-size:1.875rem}
.footer>p {
  font-size:0.75rem;
  flex-basis:100%;
  order:3}
.footer>span {
  font-size:0.75rem;
  margin-left:auto}
.mobile-buy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  position:fixed;
  z-index:20;
  bottom:0;
  left:0;
  right:0;
  padding:11px 20px max(11px,env(safe-area-inset-bottom));
  background:#fffffff5;
  backdrop-filter:blur(14px);
  border-top:1px solid #dbe4f2;
  box-shadow:0 -5px 25px #0c19400b;
  transform:translateY(110%);
  visibility:hidden;
  transition:transform .3s,visibility .3s}
.mobile-buy.visible {
  transform:translateY(0);
  visibility:visible}
.mobile-buy>div {
  display:flex;
  flex-direction:column;
  line-height:1.5;
  flex-shrink:0}
.mobile-buy strong {
  font-size:0.75rem;
  font-weight:800;
  letter-spacing:.6px}
.mobile-buy>div>span {
  font-size:0.75rem;
  color:var(--muted)}
.mobile-buy b {
  font-weight:700;
  color:var(--navy)}
.mobile-buy>.button {
  min-height:44px;
  font-size:0.75rem;
  padding:13px 15px;
  gap:8px}
.mobile-buy .icon {
  width:16px;
  height:16px}
}

@media(max-width:359px) {
  .container {
  width:calc(100% - 32px)}
.hero h1 {
  font-size:2.4375rem;
  letter-spacing:-2.1px}
.header-cta {
  font-size:0.75rem;
  padding:10px}
.hero-eyebrow {
  font-size:0.75rem}
.hero-trust {
  font-size:0.75rem}
.hero-trust .icon {
  width:14px}
.hero-art {
  height:275px;
  min-height:275px}
.hero-bottle {
  height:252px}
.label-top {
  right:-2px}
.label-bottom {
  left:-2px}
.hero-conversion>.button {
  font-size:0.75rem;
  padding-inline:16px}
.hero-rating {
  font-size:0.75rem}
.guarantee-note {
  font-size:0.75rem;
  gap:4px}
.offer-card,.offer-card.featured {
  padding-inline:17px;
  column-gap:3px}
.offer-price>strong {
  font-size:1.75rem}
.kit {
  transform:scale(.9)}
.offer-kicker {
  font-size:0.75rem}
.kit-five img {
  margin-inline:-20px}
.mobile-buy {
  padding-inline:16px}
.mobile-buy>.button {
  font-size:0.75rem;
  padding-inline:11px}
.ingredients summary {
  font-size:0.8125rem}
}

/* Framing of the original supplied product photo. No generated label. */
.product-photo {
  display:block;
  position:relative;
  aspect-ratio:171 / 331;
  flex-shrink:0;
  width:auto;
  overflow:hidden;
  clip-path:polygon(14% 0,85% 0,89% 1%,90% 16%,86% 17%,86% 20%,93% 23%,98% 27%,100% 32%,100% 94%,98% 98%,91% 100%,10% 100%,3% 98%,0 94%,0 31%,3% 27%,9% 23%,16% 20%,16% 17%,8% 16%,8% 2%)}

.product-photo>img {
  position:absolute!important;
  max-width:none!important;
  width:1107.02%!important;
  height:273.72%!important;
  left:-781.29%;
  top:-98.49%;
  margin:0!important;
  filter:none!important;
  object-fit:fill!important}

.hero-bottle.product-photo {
  width:auto;
  margin-inline:auto;
  object-fit:initial}
.kit>.product-photo {
  height:145px;
  filter:drop-shadow(0 8px 6px #0c31541c)}
.kit-three>.product-photo {
  height:134px;
  margin:0 -9px}
.kit-three>.product-photo:nth-child(2) {
  height:153px;
  z-index:1;
  margin-bottom:-2px}
.kit-five>.product-photo {
  height:119px;
  margin:0 -14px}
.kit-five>.product-photo:nth-child(2),.kit-five>.product-photo:nth-child(4) {
  height:135px;
  z-index:1}
.kit-five>.product-photo:nth-child(3) {
  height:150px;
  z-index:2}

@media(max-width:800px) and (min-width:601px) {
  .kit>.product-photo {
  height:118px}
.kit-three>.product-photo {
  height:105px;
  margin:0 -12px}
.kit-three>.product-photo:nth-child(2) {
  height:123px}
.kit-five>.product-photo {
  height:82px;
  margin:0 -12px}
.kit-five>.product-photo:nth-child(2),.kit-five>.product-photo:nth-child(4) {
  height:101px}
.kit-five>.product-photo:nth-child(3) {
  height:121px}
}

@media(max-width:600px) {
  .kit>.product-photo {
  height:140px}
.kit-three>.product-photo {
  height:122px;
  margin:0 -10px}
.kit-three>.product-photo:nth-child(2) {
  height:145px}
.kit-five>.product-photo {
  height:97px;
  margin:0 -14px}
.kit-five>.product-photo:nth-child(2),.kit-five>.product-photo:nth-child(4) {
  height:117px}
.kit-five>.product-photo:nth-child(3) {
  height:140px}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*:before,*:after {
  animation:none!important;
  transition:none!important}
.hero-bottle {
  transform:none}
.bottle-tilt {
  transform:none!important}
.button:hover,.benefit-card:hover {
  transform:none}
.reveal {
  opacity:1!important}
}


/* Readability and small-screen finishing. */
.hero-description,.problem-answer,.benefit-card p,.formula-copy>p:last-child,
.guarantee-box p:not(.eyebrow),.details-content p {
  font-size:1rem}

.offer-intro p,.per-pot,.offer-details,.testimonial blockquote,.customer-name,
.trust-grid>div>span,.hero-rating,.button,.header-cta,.faq-list summary {
  font-size:.875rem}

.trust-grid small {
  font-size:.75rem}

.art-label>span:last-child {
  font-size:.625rem}

.art-caption,.art-word,.section-index,.card-number {
  pointer-events:none}

.offer-kicker {
  letter-spacing:.6px}

.offer-details li[hidden] {
  display:none}

@media(max-width:600px) {
  
  .hero h1 br:first-child {
  display:block}

  .hero h1 {
  font-size:clamp(2.5rem,11vw,3.8rem)}

  .hero-trust {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding-block:15px}

  .hero-trust>span {
  font-size:.75rem;
  line-height:1.4;
  align-items:center}

  .hero-trust .icon {
  flex-shrink:0}

  .hero-rating {
  font-size:.75rem}

  .hero-eyebrow {
  font-size:.625rem}

  .hero-conversion>.button {
  font-size:.75rem}

  .guarantee-note {
  font-size:.75rem}

  .guarantee-note>span {
  display:none}

  .guarantee-note strong {
  white-space:nowrap}

  .hero-description {
  max-width:360px}

  .header-cta {
  font-size:.75rem;
  padding:10px}

  .header-cta .icon {
  display:none}

  .offer-kicker {
  font-size:.625rem}

  .offer-intro p {
  font-size:.75rem}

  .offer-badge,.value-badge {
  font-size:.625rem}

  .offer-details {
  font-size:.8125rem}

  .price-caption {
  font-size:.625rem}

  .benefit-card {
  min-height:108px;
  padding-right:20px}

  .benefit-card h3 {
  font-size:1rem}

  .kit-five {
  transform:scale(.9)}

  .trust-grid {
  grid-template-columns:1fr}

  .trust-grid small {
  font-size:.75rem}

  .testimonial blockquote {
  font-size:.875rem;
  text-transform:none}

  .final-cta .eyebrow {
  font-size:.625rem}

  .mobile-buy>div>span {
  font-size:.625rem}

  .mobile-buy>.button {
  font-size:.6875rem;
  padding-inline:12px}

  .mobile-buy .icon {
  display:none}

  .footer>p,.footer>span {
  font-size:.75rem}

  .faq-heading h2 br:after {
  content:' '}

}

/* Final content and depth refinements. */
.hero-depth {
  display:none;
  position:absolute;
  inset:-28px -48px;
  z-index:-1;
  pointer-events:none;
  transition:transform .65s cubic-bezier(.2,.65,.3,1);
  -webkit-mask-image:radial-gradient(ellipse 28% 38% at 50% 50%,transparent 88%,#000 115%);
  mask-image:radial-gradient(ellipse 28% 38% at 50% 50%,transparent 88%,#000 115%);
}
.depth-dots {
  position:absolute;
  inset:30px 6px;
  background-image:radial-gradient(circle,rgba(132,234,250,.46) 1.1px,transparent 1.4px);
  background-size:19px 19px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 36%,transparent 74%);
  mask-image:radial-gradient(ellipse at center,#000 36%,transparent 74%);
}
.depth-dots-back {
  transform:perspective(850px) rotateX(23deg) rotateY(-24deg) rotateZ(-12deg);
  opacity:.48;
}
.depth-dots-front {
  inset:52px -12px 6px;
  background-size:24px 24px;
  transform:perspective(1000px) rotateX(-19deg) rotateY(21deg) rotateZ(13deg);
  opacity:.6;
}
.testimonial {
  display:flex;
  flex-direction:column;
}
.testimonial blockquote {
  overflow-wrap:normal;
  font-size:1rem;
  line-height:1.75;
}
.testimonial .customer-name {
  margin-top:auto;
  font-size:.875rem;
  font-weight:700;
}
.customer-location {
  display:block;
  margin-top:4px;
  font-size:.8125rem;
  font-weight:400;
  line-height:1.5;
}
.guarantee-contact {
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 18px;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:14px 18px;
  margin:0 0 22px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--blue);
  font-size:.75rem;
  line-height:1.5;
  transition:background .2s;
}
.guarantee-contact:hover { background:var(--light); }
.guarantee-contact strong { grid-row:2; font-size:1rem; }
.guarantee-contact .icon { grid-column:2; grid-row:1 / 3; width:20px; height:20px; }
@media(min-width:1101px) and (hover:hover) and (pointer:fine) {
  .hero-depth { display:block; }
  .hero-bottle { height:420px; }
  .label-top { top:-35px; right:0; }
  .label-bottom { bottom:-30px; left:0; }
  .art-caption { right:0; bottom:6px; font-size:.625rem; letter-spacing:2px; }
}
@media(min-width:1500px) and (hover:hover) and (pointer:fine) {
  .hero-bottle { height:470px; }
}
@media(min-width:601px) and (max-width:1100px) {
  .hero-art {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr auto;
    gap:14px 10px;
    padding:20px 0;
  }
  .bottle-tilt { grid-column:1 / 3; grid-row:1; justify-self:center; }
  .hero-bottle { height:340px; }
  .art-label { position:relative; inset:auto; grid-row:2; padding:10px; justify-content:center; }
  .label-bottom { grid-column:1; }
  .label-top { grid-column:2; }
  .product-halo,.orbit { justify-self:center; align-self:center; }
  .art-caption { display:none; }
  .trust-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .hero-art {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:206px 44px;
    gap:10px 12px;
    height:260px;
    min-height:0;
    margin-top:12px;
    margin-bottom:8px;
  }
  .bottle-tilt { grid-column:1 / 3; grid-row:1; width:155px; justify-self:center; }
  .hero-bottle { height:190px; animation:float-mobile 8s ease-in-out infinite; }
  .art-label { position:relative; inset:auto; grid-row:2; padding:8px; justify-content:center; gap:8px; }
  .label-bottom { grid-column:1; }
  .label-top { grid-column:2; }
  .product-halo { width:260px; height:234px; top:-12px; left:50%; transform:translateX(-50%); }
  .orbit { top:4px; left:50%; transform:translateX(-50%); }
  .orbit-one { width:204px; height:204px; }
  .orbit-two { width:238px; height:214px; top:-5px; }
  .art-word { top:22px; }
  .testimonial blockquote { font-size:1rem; }
}
@keyframes float-mobile {
  0%,100% { transform:translateY(0) rotate(-1deg); }
  50% { transform:translateY(-6px) rotate(0); }
}
@media(prefers-reduced-motion:reduce) {
  .hero-depth { transform:none!important; transition:none!important; }
  .hero-bottle { animation:none!important; }
}


/* Ajustes restritos aos cards do produto, assinatura e depoimentos. */
.hero-art .art-label,
.testimonial {
  background:linear-gradient(135deg,rgba(142,210,255,.10),rgba(32,76,178,.08) 60%,rgba(103,193,255,.04));
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border:1px solid rgba(174,223,255,.24);
  box-shadow:inset 0 1px 0 rgba(221,245,255,.09),0 8px 24px rgba(4,24,85,.12);
}
.testimonial {
  position:relative;
  isolation:isolate;
  transition:transform .45s cubic-bezier(.2,.65,.3,1);
}
.testimonial.glass-ready { animation-fill-mode:none; }
.testimonial::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle at var(--glass-x,50%) var(--glass-y,30%),rgba(205,239,255,.085),transparent 65%);
  opacity:0;
  transition:opacity .45s ease;
}
.testimonial.glass-active::before { opacity:1; }
@media(min-width:1101px) {
  .hero-art .art-label {
    top:calc(50% + 18px);
    bottom:auto;
    width:clamp(128px,11vw,148px);
    padding:11px 8px;
    gap:8px;
    transform:translateY(-50%) perspective(1100px) rotateX(var(--label-rx,0deg)) rotateY(var(--label-ry,0deg));
    transition:transform .5s cubic-bezier(.2,.65,.3,1);
  }
  .hero-art .art-label>span:last-child { letter-spacing:.35px; }
  .hero-art .label-bottom { left:auto; right:calc(50% + 132px); }
  .hero-art .label-top { right:auto; left:calc(50% + 132px); }
  .hero-art .art-caption {
    top:calc(50% + 247.5px);
    bottom:auto;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:max-content;
    max-width:100%;
    text-align:center;
  }
}
@media(min-width:1500px) {
  .hero-art .label-bottom { right:calc(50% + 145px); }
  .hero-art .label-top { left:calc(50% + 145px); }
  .hero-art .art-caption { top:calc(50% + 270px); }
}
@media(min-width:1101px) and (hover:hover) and (pointer:fine) {
  .hero-art .art-caption { top:calc(50% + 235px); }
}
@media(min-width:1500px) and (hover:hover) and (pointer:fine) {
  .hero-art .art-caption { top:calc(50% + 260px); }
}
@media(prefers-reduced-motion:reduce) {
  .testimonial { transform:none!important; }
  .testimonial::before { opacity:0!important; }
  .hero-art .art-label { --label-rx:0deg!important; --label-ry:0deg!important; }
}