/* Export reset: <figure> wraps media on this page; zero its UA margin (every class rule below overrides this) */
figure { margin: 0; }

/* ==========================================================================
   From sales-page-styles.css
   ========================================================================== */
/* ============ General Sales Page, Base Stylesheet ============ */
* {box-sizing:border-box;font-family:"Inter",sans-serif;font-weight:400;font-style:normal}
body {padding:0;margin:0;color:#212529;background:#fff}
h1,
h2,
h3,
p {margin:0;padding:0}
img {display:block;max-width:100%}
button {border:none;outline:none;cursor:pointer;font-family:inherit}
b {font-weight:700}
a {color:inherit;text-decoration:none}
:root {
  --ink:#0c2539;
  --ink-soft:#333;
  --muted:#5a6b7a;
  --bg:#fff;
  --bg-soft:#f6f9fc;
  --line:#e2e8f0;
  --brand:#0e7cc5;        /* hydro blue */
  --brand-deep:#0a4a78;
  --brand-light:#bbe5ff;
  --action:#ff6a3d;       /* coral CTA */
  --action-deep:#e8541f;
  --night:#0a1a2c;        /* hero / guarantee / limit dark */
  --night-2:#0f2440;
  --warn-orange:#ff8b3d;
}
/* ======= layout primitives ======= */
.container {padding:0 20px;max-width:1280px;width:100%;margin:0 auto}
@media (max-width:768px) {
  .container {padding:0 12px}
}
/* ======= placeholder ======= */
.ph {
  position:relative;background:repeating-linear-gradient(135deg,#e6eef6 0 14px,#eef3f8 14px 28px);
  color:#475569;font-family:ui-monospace,"JetBrains Mono",Menlo,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;
  border-radius:12px;border:1px dashed #c8d4e0;
}
/* ======= announcebar (slim dark banner, very top) ======= */
.announcebar {background:var(--night);color:#fff;text-align:center;padding:9px 16px;font-weight:700;font-size:13.5px;letter-spacing:.04em;line-height:1.3}
.announcebar b {color:var(--warn-orange);font-weight:700}
@media (max-width:768px) {
  .announcebar {letter-spacing:0;white-space:nowrap;overflow:hidden;padding:9px 16px}
}
@media (max-width:430px) {
  .announcebar {font-size:14px}
}
@media (max-width:390px) {
  .announcebar {font-size:13px}
}
@media (max-width:375px) {
  .announcebar {font-size:12px}
}
@media (max-width:320px) {
  .announcebar {font-size:11px}
}
/* ======= selling-fast-bar ======= */
.selling-fast-bar {font-size:14px}
@media (max-width:430px) {
  .selling-fast-bar {font-size:12px!important}
  .selling-fast-bar svg {width:12px!important;height:12px!important}
}
@media (max-width:390px) {
  .selling-fast-bar {font-size:11px!important}
  .selling-fast-bar svg {width:11px!important;height:11px!important}
}
@media (max-width:375px) {
  .selling-fast-bar {font-size:10.5px!important}
  .selling-fast-bar svg {width:10.5px!important;height:10.5px!important}
}
@media (max-width:320px) {
  .selling-fast-bar {font-size:9px!important}
  .selling-fast-bar svg {width:9px!important;height:9px!important}
}
/* ======= trustbar (top utility strip above header) ======= */
.trustbar {background:var(--bg-soft);border-bottom:1px solid var(--line)}
.trustbar>.container {max-width:1720px}
.trustbar__inner {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.trustbar__item {display:flex;align-items:center;gap:9px;white-space:nowrap}
.trustbar__item svg {flex-shrink:0;color:var(--brand)}
/* trustbar mobile infinite scroll */
@keyframes trustbar-scroll {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trustbar__dup {display:none}
@media (max-width:768px) {
  .trustbar .container {overflow:hidden;padding:0;max-width:100%}
  .trustbar__inner {justify-content:flex-start!important;gap:40px!important;width:max-content;animation:trustbar-scroll 14s linear infinite;flex-wrap:nowrap!important}
  .trustbar__dup {display:flex}
}
/* ======= header (matches .header pattern) ======= */
.header {padding:18px 0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header>.container {max-width:1720px}
.header__inner {display:flex;justify-content:space-between;align-items:center;gap:20px}
.header__navigation {display:flex;justify-content:space-between;align-items:center;max-width:1110px;width:100%;gap:20px}
.header__menu {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;list-style:none;max-width:645px;width:100%;flex:1}
.header__menu-link {font-weight:600;font-size:16px;line-height:150%;color:#171717}
.header__menu-link:hover {color:var(--brand)}
.header__logo {display:flex;align-items:center;gap:10px;font-family:"Anek Latin",sans-serif;font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.02em;line-height:1}
.header__button {box-shadow:0 4px 4px 0 rgba(255,106,61,.25);background:var(--action);border-radius:6px;padding:10px 18px;font-weight:700;font-size:15px;line-height:150%;color:#fff;display:flex;align-items:center;gap:8px;flex-shrink:0;transition:background .15s,transform .15s}
.header__button:hover {background:var(--action-deep);transform:translateY(-1px)}
/* hamburger + mobile menu */
.header__hamburger {display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--ink)}
.header__hamburger svg {width:28px;height:28px}
.header__mobile-menu {position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;transform:translateY(-100%);transition:transform .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.header__mobile-menu.open {transform:translateY(0)}
.header__mobile-menu-top {display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.header__mobile-close {background:none;border:none;cursor:pointer;padding:4px;color:var(--ink)}
.header__mobile-close svg {width:28px;height:28px}
.header__mobile-nav {display:flex;flex-direction:column}
.header__mobile-link {padding:18px 20px;font-family:"Anek Latin",sans-serif;font-weight:700;font-size:18px;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
.header__mobile-link:last-child {border-bottom:0}
@media(max-width:980px) {
  .header__hamburger {display:block}
}
/* ======= hero (matches .hero pattern: dark bg, video overlay, gradient wash, big title) ======= */
.hero {position:relative;background:var(--night);overflow:hidden}
.hero::after {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--night) 0%,var(--night) 42%,rgba(10,26,44,.85) 55%,rgba(10,26,44,0) 72%)}
.hero::before {content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(65deg,rgba(51,197,243,.32) 0%,rgba(51,197,243,.16) 14%,rgba(51,197,243,0) 42%),
    linear-gradient(104deg,rgba(14,124,197,0) 58%,rgba(14,124,197,.22) 72%,rgba(14,124,197,.35) 100%)}
.hero-video {position:absolute;top:0;right:0;bottom:0;width:55%;z-index:1;pointer-events:none}
.hero__inner {position:relative;z-index:4;padding:84px 0 76px;max-width:780px;width:100%}
.hero__rated {display:inline-flex;align-items:center;font-weight:500;font-size:15px;line-height:130%;color:#fff;margin-bottom:14px;gap:8px;padding:0;background:none;border:none}
s:999px;
backdrop-filter:blur(6px);
border:1px solid rgba(255,255,255,.12);
.hero__rated-image {display:inline-flex;gap:1px}
.hero__rated-image svg {width:14px;height:14px;color:#ffb648}
.hero__title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:72px;line-height:.95;letter-spacing:-0.02em;color:#fff;margin-bottom:18px;text-wrap:balance}
.hero__title em {font-style:normal;background:linear-gradient(110deg,#7fe2ff,#33c5f3 60%,#0e7cc5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__mobile-img {display:none;margin-bottom:20px;border-radius:14px;overflow:hidden}
.hero__subtitle {font-weight:500;font-size:20px;line-height:140%;color:rgba(255,255,255,.85);margin-bottom:32px;max-width:540px}
.hero__checks {display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.hero__checks-item {display:flex;align-items:center;gap:14px;font-weight:500;font-size:18px;line-height:130%;color:#fff}
.hero__checks-item svg {width:24px;height:24px;flex-shrink:0;color:#33c5f3}
.hero__message {max-width:508px;width:100%;display:flex;justify-content:center;margin-bottom:18px}
.hero__message-body {display:inline-flex;align-items:center;padding:10px 16px;font-weight:500;font-size:14px;line-height:140%;color:#fff;background:rgba(255,138,82,.18);border:1px solid rgba(255,138,82,.45);border-radius:10px;gap:8px}
.hero__message-body svg {width:14px;height:16px;color:#ff8b3d;flex-shrink:0}
/* ======= cta button (the magenta CTA in original; we use coral) ======= */
.cta-group {margin:0 auto;max-width:420px}
.cta-group-hero {max-width:480px;width:100%;margin:0}
.cta-button {
  padding:20px 16px;font-family:"Montserrat",sans-serif;font-weight:800;font-size:22px;line-height:100%;
  text-transform:uppercase;text-align:center;color:#fff;background:var(--action);border-radius:10px;width:100%;
  letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 8px 18px -4px rgba(255,106,61,.5), inset 0 1px 0 rgba(255,255,255,.22);
  transition:background .15s,transform .15s,box-shadow .15s;
}
.cta-button:hover {background:var(--action-deep);transform:translateY(-2px);box-shadow:0 14px 26px -6px rgba(255,106,61,.55), inset 0 1px 0 rgba(255,255,255,.25)}
.cta-button svg {width:18px;height:18px;background:rgba(255,255,255,.25);border-radius:50%;padding:6px;width:32px;height:32px;flex-shrink:0}
.cta-group-hero .cta-button {font-size:clamp(16px,5.5vw,26px);padding:22px 16px;white-space:nowrap}
.cta-bottom {width:fit-content;margin:14px auto 0;display:flex;align-items:center;gap:8px;color:#333;font-size:12.5px;line-height:150%;flex-wrap:wrap;justify-content:center}
.cta-group-hero .cta-bottom {color:#fff;font-size:15px}
.cta-ellipse {width:14px;height:14px;display:inline-block;border-radius:50%;background:#3bd66b;box-shadow:0 0 0 4px rgba(59,214,107,.18)}
.cta-stock {display:inline-flex;gap:3px;margin:0 4px}
.cta-low {color:#ef4444;font-weight:700}
/* white LOW on dark backgrounds */
.cta-group-hero .cta-low,
.comp .cta-low {color:#fff}
.cta-stock i {width:14px;height:12px;background:#d9d9d9;border-radius:2px;display:block}
.cta-stock i.on {background:#fc2201}
.shipByDate {font-weight:700}
/* ======= partners ======= */
.partners {padding:33px 0;background:#fff;border-bottom:1px solid var(--line)}
.partners__title {font-weight:700;font-size:24px;line-height:103%;letter-spacing:-.02em;text-transform:capitalize;color:#848484;flex-shrink:0}
/* ======= section base, eyebrow + title ======= */
.title-header {font-weight:700;font-size:14px;line-height:208%;letter-spacing:0.16em;text-transform:uppercase;text-align:center;color:var(--brand);margin-bottom:8px}
.title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:54px;line-height:.95;letter-spacing:-.025em;text-align:center;color:var(--ink);text-wrap:balance;max-width:900px;margin:0 auto}
.title em {font-style:normal;font-weight:inherit;color:var(--brand)}
.reviews__title em,
.why-phero-title em,
.how__box-title em,
.hero__title em {font-style:normal;font-weight:inherit}
.title br {display:none}
.comp__title--mobile br {display:revert}
/* ======= description ======= */
.description {padding:56px 0 40px}
.description__inner {text-align:center}
/* Two feature columns flanking the product image. The columns share row tracks
   via subgrid so every left feature and its right counterpart sit on the same
   baseline: icons on two clean rails, headings level, rows starting and ending
   together. Copy still has to be written to matching line counts, this only
   guarantees the geometry. */
.description__boxes {display:grid;grid-template-columns:minmax(0,380px) auto minmax(0,380px);grid-template-rows:repeat(3,auto);justify-content:space-between;align-items:start;gap:32px 30px;margin:48px 0;text-align:left}
.description__box {max-width:380px;width:100%;display:grid;grid-template-rows:subgrid;grid-row:1/-1;gap:32px}
.description__boxes>.desc-desktop-img {grid-row:1/-1;align-self:center}
.description__box-row {display:flex;align-items:flex-start;gap:16px}
.description__box-row>.iconBox {width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);color:var(--brand-deep);display:grid;place-items:center;flex-shrink:0}
.description__box-content h3 {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:22px;line-height:120%;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.description__box-content p {font-weight:400;font-size:16px;line-height:155%;color:var(--muted)}
/* ======= how (alternating rows) ======= */
.how {padding:48px 0 48px;background:#fff}
.how__inner {text-align:center}
.how__subtitle {font-weight:500;font-size:22px;line-height:140%;text-align:center;color:var(--muted);max-width:780px;width:100%;margin:14px auto 56px}
.how__boxes {display:flex;flex-direction:column;gap:56px;margin-bottom:56px;text-align:left}
.how__box {display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:64px}
.how__box:nth-of-type(2n) {flex-direction:row}
.how__box-image {width:50%;border-radius:24px;aspect-ratio:1.15/1;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);overflow:hidden}
.how__box-content {max-width:480px;width:100%}
.how__box-title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:34px;line-height:115%;color:var(--ink);margin-bottom:14px;letter-spacing:-.02em}
.how__box-text {font-weight:400;font-size:18px;line-height:155%;color:var(--muted)}
/* ======= split (yellow band in original, we use a soft cream to keep clean theme) ======= */
.split {background:#fff7e8}
.split__inner {display:flex;align-items:stretch}
.split__image {width:50%;align-self:stretch}
.split__image .ph {height:100%;border:0;border-radius:0;background:
  radial-gradient(800px 500px at 30% 20%, #ffe4b8 0%, #ffcc7a 50%, #f08c2c 100%);
  color:rgba(0,0,0,.55)}
.split__content {max-width:600px;width:100%;margin-left:48px;padding:40px 24px 40px 0}
.split__title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:38px;line-height:110%;letter-spacing:-.02em;color:var(--ink);margin:12px 0 28px;text-wrap:balance}
.split__boxes {display:flex;flex-direction:column;gap:18px}
.split__box {display:flex;gap:18px;align-items:center}
.split__box+.split__box {border-top:1px solid color-mix(in srgb,var(--brand-deep) 15%,transparent);padding-top:18px}
.split__box b {font-family:"Anek Latin",sans-serif;font-weight:800;font-size:52px;line-height:1;letter-spacing:-.02em;color:var(--brand-deep);flex:0 0 120px;font-variant-numeric:tabular-nums}
.split__box span {font-weight:500;font-size:17px;line-height:140%;color:var(--ink)}
/* ======= set (use cases) ======= */
.set {padding:56px 0 40px}
.set__inner {text-align:center}
.set__boxes {margin-top:44px;display:flex;justify-content:space-evenly;gap:24px;text-align:left}
.set__boxes-wrapper {display:contents}
.set__box {max-width:340px;width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s, box-shadow .2s, border-color .2s}
.set__box:hover {transform:translateY(-3px);box-shadow:0 18px 38px -16px rgba(10,26,44,.18);border-color:#cfe4f5}
.set__box-image {aspect-ratio:308/220;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);position:relative;overflow:hidden}
.set__box-body {padding:24px}
.set__box-title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:24px !important;line-height:120%;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em}
.set__box-text {font-weight:400;font-size:18px;line-height:150%;color:var(--muted)}
/* ======= marquee (scrolling value-prop ticker) ======= */
.marquee {background:var(--night);overflow:hidden;padding:22px 0;display:flex;white-space:nowrap;user-select:none}
.marquee__track {display:flex;align-items:center;flex-shrink:0;animation:marquee-scroll 34s linear infinite}
.marquee__item {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:-.01em;color:#fff;padding:0 36px;display:inline-flex;align-items:center;gap:12px}
.marquee__item svg {width:22px;height:22px;color:#33c5f3;flex-shrink:0}
.marquee:hover .marquee__track {animation-play-state:paused}
@keyframes marquee-scroll {from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ======= comp (4-col x 6-row grid w/ highlighted middle col) ======= */
.comp {padding:52px 0;background:var(--bg-soft)}
.comp__inner {text-align:center}
/* ======= reviews ======= */
.reviews {padding:56px 0;background:#fff}
.reviews__title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:46px;line-height:110%;text-align:center;color:var(--ink);letter-spacing:-.025em;margin:0 auto;max-width:880px;text-wrap:balance}
.reviews__boxes {margin:40px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.reviews__box {background:#fff;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s, border-color .2s}
.reviews__box:hover {box-shadow:0 20px 40px -16px rgba(10,26,44,.15);border-color:#cfe4f5}
.reviews__box-header {position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#e7f4fc,#bbe5ff)}
.reviews__box-header .ph {height:100%;border:0;border-radius:0;background:transparent;color:var(--brand-deep)}
.reviews__box-data {position:absolute;border-radius:10px;padding:0 5px;background:#fff;left:14px;bottom:14px;display:flex;gap:8px;align-items:center;height:35px;box-shadow:0 6px 14px -4px rgba(10,26,44,.18)}
.reviews__box-data>div {display:flex;flex-direction:row;align-items:center;gap:6px}
.reviews__box-avatar {width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:10px;font-family:"Anek Latin",sans-serif;line-height:1;text-align:center;background:linear-gradient(135deg,#33c5f3,var(--brand-deep));flex-shrink:0;padding:0}
.reviews__box-avatar.b {background:linear-gradient(135deg,#3ec98a,#1a7a4d)}
.reviews__box-avatar.c {background:linear-gradient(135deg,#ff9c5b,#e85c1f)}
.reviews__box-name {font-weight:700;font-size:12px;color:#000;line-height:1;white-space:nowrap}
.reviews__box-verification {display:flex;align-items:center;gap:3px;font-weight:500;font-size:11px;line-height:1;color:#1ac70e;margin-top:0;white-space:nowrap}
.reviews__box-body {padding:22px 22px 24px;display:flex;flex:1;flex-direction:column}
.reviews__box-stars {display:flex;gap:1px;margin-bottom:10px}
.reviews__box-stars svg {width:16px;height:16px;color:#ff9911}
.reviews__box-title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:19px;color:var(--ink);margin:0 0 10px;letter-spacing:-.01em}
.reviews__box-review {font-weight:400;font-size:15.5px;line-height:155%;color:var(--ink-soft)}
/* ======= expert (founder/specialist endorsement) ======= */
.expert {padding:48px 0;background:var(--bg-soft)}
.expert__inner {display:flex;align-items:center;gap:64px;max-width:1120px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -40px rgba(10,26,44,.3)}
.expert__media {position:relative;width:42%;align-self:stretch;min-height:440px;flex-shrink:0}
.expert__media-badge {position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:9px 16px 9px 12px;font-weight:700;font-size:14px;color:var(--ink);box-shadow:0 10px 26px -10px rgba(10,26,44,.45)}
.expert__media-badge svg {width:20px;height:20px;color:var(--brand)}
.expert__body {flex:1;padding:56px 56px 56px 0}
.expert__eyebrow {font-weight:700;font-size:14px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.expert__name {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:40px;line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin-bottom:6px}
.expert__role {font-weight:600;font-size:17px;color:var(--muted);margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.expert__quote {position:relative;font-weight:400;font-size:18px;line-height:165%;color:var(--ink-soft);max-width:560px;text-align:left;margin-left:0;padding-left:0}
.expert__quote span {display:block;overflow:visible}
.expert__sign {margin-top:24px;display:flex;flex-direction:column;gap:2px}
.expert__sign-mark {font-family:"Dancing Script",cursive;font-weight:700;font-size:46px;line-height:1;color:var(--brand-deep)}
.expert__sign-name {font-weight:700;font-size:15px;color:var(--ink);letter-spacing:.01em}
@media (max-width:980px) {
  .expert {padding:56px 0}
  .expert__inner {flex-direction:column;gap:0}
  .expert__media {width:100%;min-height:0;aspect-ratio:16/11}
  .expert__body {padding:40px 28px}
}
/* ======= faq ======= */
.faq {padding:56px 0;background:#fff}
.faq__title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:44px;line-height:104%;text-align:center;color:var(--ink);margin-bottom:44px;letter-spacing:-.025em}
.faq__boxes {max-width:880px;width:100%;margin:0 auto}
.faq__box {border-bottom:1px solid rgba(33,37,41,.18);padding:22px 4px}
.faq__box:first-child {border-top:1px solid rgba(33,37,41,.18)}
.faq__box-header {display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px}
.faq__box-header:hover .faq__box-question {color:var(--brand)}
.faq__box-question {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:20px;line-height:130%;color:var(--ink);letter-spacing:-.01em;transition:color .15s}
.faq__box-icon {width:32px;height:32px;border-radius:50%;background:#eaf3fb;color:var(--brand-deep);display:grid;place-items:center;flex-shrink:0;transition:transform .25s, background .15s}
.faq__box-icon svg {width:14px;height:14px;transition:transform .25s}
.faq__box-icon svg .faq-vertical {transition:opacity .25s}
.faq__box.open .faq__box-icon {background:var(--brand);color:#fff}
.faq__box.open .faq__box-icon svg {transform:none}
.faq__box.open .faq__box-icon svg .faq-vertical {opacity:0}
.faq__box-footer {max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq__box-footer-inner {padding:14px 4px 4px;font-size:16px;line-height:160%;color:var(--muted)}
.faq__box.open .faq__box-footer {max-height:400px}
/* ======= Trustpilot-style reviews ======= */
.tp-reviews {padding:56px 0;background:#fff}
.tp-reviews__eyebrow {font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#00b67a;margin-bottom:8px}
.tp-reviews__title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.025em;text-align:center;color:var(--ink);margin-bottom:40px}
.tp-reviews__top {display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start;margin-bottom:48px;max-width:1080px;margin-left:auto;margin-right:auto}
/* rating bars */
.tp-reviews__bars {display:flex;flex-direction:column;gap:10px}
.tp-reviews__bar-row {display:flex;align-items:center;gap:12px}
.tp-reviews__bar-label {font-weight:600;font-size:14px;color:var(--ink);min-width:120px}
.tp-reviews__bar {flex:1;height:24px;background:#dcdce6;border-radius:3px;overflow:hidden;min-width:160px}
.tp-reviews__bar-fill {display:block;height:100%;background:#00b67a;border-radius:3px}
.tp-reviews__bar-num {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:16px;color:var(--ink);min-width:28px;text-align:right}
/* overall score */
.tp-reviews__overall {text-align:center;padding:0 20px}
.tp-reviews__overall-num {font-family:"Anek Latin",sans-serif;font-weight:800;font-size:56px;line-height:1;color:var(--ink);display:block}
.tp-reviews__overall-stars {display:flex;gap:3px;justify-content:center;margin:8px 0}
.tp-reviews__overall-meta {font-size:14px;color:var(--muted);line-height:1.4}
/* photo strip */
.tp-reviews__photos {display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tp-reviews__photo {aspect-ratio:1;border-radius:8px;min-width:0}
/* review cards grid */
.tp-reviews__grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin:0 auto}
.tp-reviews__card {background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tp-reviews__card-img {aspect-ratio:4/5;border-radius:0}
.tp-reviews__card-body {padding:16px}
.tp-reviews__card-user {display:flex;align-items:center;gap:8px;margin-bottom:8px}
.tp-reviews__card-avatar {width:32px;height:32px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}
.tp-reviews__card-name {font-weight:700;font-size:14px;color:var(--ink)}
.tp-reviews__card-verified {display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#00b67a;margin-left:auto;white-space:nowrap}
.tp-reviews__card-verified svg {width:18px;height:18px;flex-shrink:0}
.tp-reviews__card-stars {display:flex;align-items:center;gap:3px;margin-bottom:10px;flex-wrap:nowrap}
.tp-reviews__card-stars svg {width:20px;height:20px;color:#fff;background:#00b67a;border-radius:3px;padding:2px;flex-shrink:0}
.tp-reviews__card-date {font-size:12px;color:var(--muted);font-weight:500;margin-left:6px;white-space:nowrap}
.tp-reviews__card-title {font-family:"Anek Latin",sans-serif;font-weight:700;font-size:16px;color:var(--ink);margin-bottom:6px}
.tp-reviews__card-text {font-size:14px;line-height:1.55;color:var(--muted)}
@media(max-width:900px) {
  .tp-reviews__top {grid-template-columns:1fr;gap:28px}
  .tp-reviews__grid {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px) {
  .tp-reviews__grid {grid-template-columns:1fr}
}
/* ======= footer (STANDARD: identical on every sales template; only logo + --night vary) ======= */
.footer {padding:48px 0 36px;background:var(--night, rgb(12 30 56));color:#fff;text-align:center}
.footer .container {text-align:center}
.footer__logo {margin:0 auto 20px;display:flex;justify-content:center;align-items:center}
.footer__logo img {height:36px;width:auto;display:block}
.footer__logo .header__logo {color:#fff;padding:0;background:none;gap:10px}
.footer__logo a,
.footer__logo a:hover {color:#fff;text-decoration:none}
.footer__nav {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;max-width:940px;margin:0 auto 18px}
.footer__nav a {font-weight:700;font-size:15px;color:#fff;text-decoration:none;opacity:.9;letter-spacing:.01em}
.footer__nav a:hover {opacity:1;color:#fff}
.footer__copy {font-weight:700;font-size:15px;color:#fff;opacity:1;margin:0 auto 18px;text-align:center}
.footer__legal {font-weight:500;font-size:13px;line-height:1.6;color:rgba(255,255,255,.5);max-width:860px;width:100%;margin:0 auto 26px;text-align:center}
.footer__payments {display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0}
.footer__payments img {height:28px;width:auto;display:block;border-radius:4px}
@media(max-width:768px) {
  .footer__legal {font-size:14px}
}
@media(max-width:680px) {
  .footer__nav {gap:10px 18px}
  .footer__nav a {padding:8px 4px;line-height:1.3}
}
/* ======= animations (from original) ======= */
.pulse {animation:pulse 1.6s infinite}
.glowing {animation:glowing 1.4s infinite}
@keyframes pulse {0%,100%{transform:scale(.97)}50%{transform:scale(1)}}
@keyframes glowing {0%,100%{opacity:.55}50%{opacity:1}}
/* ======= responsive (cleaned up vs original) ======= */
@media (max-width:1200px) {
  .hero__title {font-size:60px}
  .hero-video {display:none}
  .hero::after {display:none}
  .description__boxes {display:flex;flex-direction:column;gap:32px}
  .description__box {display:flex;flex-direction:column}
  .description__box {max-width:none}
  .reviews__boxes {grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px) {
  .header__navigation {display:none}
  .hero__inner {padding:64px 0;max-width:none}
  .hero__title {font-size:48px}
  .hero__subtitle {font-size:17px}
  .hero__checks-item {font-size:16px}
  .cta-group-hero .cta-button {font-size:22px}
  .how__box {flex-direction:column;gap:24px}
  .how__box:nth-of-type(2n) {flex-direction:column}
  .how__box-image,
  .how__box-content {width:100%;max-width:none}
  .split__inner {flex-direction:column}
  .split__image {width:100%;aspect-ratio:16/10}
  .split__content {margin:0;padding:48px 0}
  .set__boxes {flex-wrap:wrap;justify-content:center}
  .set__box {max-width:calc(50% - 12px)}
}
@media (max-width:768px) {
  .title {font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px)}
  .title br {display:revert}
  .faq__title,
  .tp-reviews__title {font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px);margin-left:auto;margin-right:auto}
  .split__title {font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px)}
}
@media (max-width:680px) {
  .title br {display:revert}
  .title-header {font-size:13px;letter-spacing:.16em;margin-bottom:12px}
  .reviews__title {font-size:26px}
  .hero__title {font-size:34px}
  .hero__mobile-img {display:block}
  .hero__inner {padding:48px 0 40px}
  .hero__subtitle {font-size:15px;margin-bottom:0;text-align:left}
  .hero__checks {gap:10px;margin-bottom:20px;margin-top:10px}
  .hero__checks-item {font-size:15px;gap:10px}
  .hero__checks-item svg {width:20px;height:20px}
  .reviews__boxes {grid-template-columns:1fr}
  .set__box {max-width:none}
  .split__box b {font-size:44px;flex-basis:100px}
  .split__box span {font-size:16px}
  .split__box {gap:16px}
  .split__content {padding:32px 0}
  /* CTA buttons, full width, proper touch targets, always one line */
  .cta-button {width:100%!important;font-size:17px;padding:10px 16px;min-height:54px;white-space:nowrap;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;line-height:1}
  .cta-group-hero .cta-button {font-size:17px;padding:10px 16px;min-height:54px}
  .cta-group {width:100%!important;max-width:none!important;box-sizing:border-box!important}
  /* Buy card button: centered with 10px gap, keeps its size */
  #addCart {justify-content:center!important;gap:10px!important}
  .cta-bottom {flex-wrap:nowrap!important;white-space:nowrap;font-size:clamp(9px,2.5vw,12.5px)!important;gap:4px!important;width:100%!important;justify-content:center!important}
  .cta-ellipse {width:10px!important;height:10px!important}
  .cta-stock i {width:10px!important;height:9px!important}
  .cta-stock {gap:2px!important;margin:0 2px!important}
  /* Benefits / How section */
  .how__subtitle {font-size:17px;margin:10px auto 32px}
  .how__box-image {min-height:282px;aspect-ratio:376/282 !important}
  .how__box-content {padding:16px 0 4px}
  .how__box-title {font-size:26px}
  .how__box-text {font-size:15px;margin-bottom:0}
  /* Use cases */
  .set__boxes {gap:16px}
  .set__box {padding:0}
  /* Trustpilot reviews, single column, compact */
  .tp-reviews__grid {grid-template-columns:1fr;gap:14px}
  .tp-reviews__title {margin-bottom:24px}
  .tp-reviews__top {gap:20px}
  .tp-reviews__bar-label {min-width:90px;font-size:12px}
  .tp-reviews__bar {min-width:100px;height:20px}
  .tp-reviews__bar-num {font-size:14px}
  .tp-reviews__overall-num {font-size:44px}
  .tp-reviews__photos {grid-template-columns:repeat(3,1fr);gap:6px}
  .tp-reviews__card-img {aspect-ratio:16/10}
  /* FAQ */
  .faq__title {margin-bottom:28px}
  .faq__box-question {font-size:16px}
  .faq__box-footer-inner {font-size:14px}
  /* Expert */
  .expert__body {padding:28px 20px}
  .expert__name {font-size:30px}
  .expert__role {font-size:15px}
  /* Section padding, tighter on mobile */
  .description,
  .how,
  .set,
  .comp,
  .reviews,
  .faq,
  .tp-reviews {padding-top:40px;padding-bottom:40px}
  .expert {padding:32px 0}
  /* Marquee */
  .marquee__item {font-size:18px;padding:0 24px}
  /* Footer */
  .footer {padding:32px 0 20px}
  .footer__logo {margin-bottom:16px}
  /* Sticky mobile CTA bar */
  .mobile-sticky-cta {position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;padding:12px 15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 -4px 24px rgba(0,0,0,.15);border-top:1px solid var(--line)}
  .mobile-sticky-cta__inner {width:100%;max-width:100%}
  .mobile-sticky-cta__btn {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--action);color:#fff;font-family:"Anek Latin",sans-serif;font-weight:900;font-size:17px;line-height:1;padding:10px 16px;min-height:54px;border-radius:14px;border:2px solid var(--action-deep);cursor:pointer;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 14px rgba(232,84,31,.3);box-sizing:border-box}
  .mobile-sticky-cta__arrow {width:28px;height:28px;background:rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
  .mobile-sticky-cta__arrow svg {width:16px;height:16px}
  body {padding-bottom:0}
  .footer__payments {padding-bottom:80px}
}
/* ======= social proof rows: avatar stack must never overlap the stars =======
   The overlapping avatar stack is built with a negative margin-right on each
   face. The LAST face must reset that margin, or it pulls whatever follows
   (Trustpilot stars, rating number) underneath it. Generated brand pages keep
   inheriting the negative margin on the final face, so this reset is forced
   here with !important to beat the inline style. Nothing after the stack is
   allowed to shrink into it either. */
.buy-social-proof .buy-avatar-img:last-child {margin-right:0 !important}
.buy-social-proof .buy-avatar-img {flex-shrink:0}
.buy-social-left>div:first-child {flex-shrink:0;margin-right:2px}
.buy-social-left>div:first-child+div {flex-shrink:0}
.buy-social-proof svg {flex-shrink:0}
/* ======= no orphans (global) =======
   No single word may sit alone on the last line of any text block, at any
   viewport width. Headlines balance across lines; body copy uses pretty, which
   reserves words to keep the last line from running short. Short labels never
   wrap at all. When CSS alone cannot fix a line, put a non-breaking space
   between the final two words in the markup. */
h1,
h2,
h3,
.title,
.hero__title,
.split__title,
.reviews__title,
.faq__title,
.tp-reviews__title,
blockquote,
figcaption {text-wrap:balance}
p,
li,
.description,
.tp-reviews__card p {text-wrap:pretty}
.cta-button,
.selling-fast-bar,
.title-header {text-wrap:nowrap}
@media (max-width:560px) {
  .cta-button,
  .selling-fast-bar {text-wrap:balance}
}
/* ============================================================
   COMPACT SPACING
   The house spacing rhythm for every brand built from this
   template. It lived in brand.css, which made a shared default
   look like one brand's override and copied it into each new
   brand file. Verified equivalent: moving it here flips no
   winning declaration at any width the sheets mention.
   ============================================================ */
.hero__inner { padding: 42px 0 38px; }
.hero__title { margin-bottom: 10px; }
.hero__subtitle { margin-bottom: 16px; }
.hero__checks { gap: 9px; margin-bottom: 14px; }
.hero__message { margin-bottom: 9px; }
.partners { padding: 28px 0; }
.description { padding: 50px 0 25px; }
.description__boxes { margin: 24px 0; }
.description__box { max-width: 440px; }
@media (min-width: 769px) {
  .description__boxes { gap: 24px; }
  .description__box { gap: 18px; }
}
.how { padding: 50px 0 25px; }
.how__subtitle { margin: 7px auto 28px; }
.how__boxes { gap: 28px; margin-bottom: 28px; }
.split__content { padding: 36px 28px 36px 0; }
.split__title { margin: 6px 0 14px; }
.set { padding: 50px 0; }
.set__boxes { margin-top: 22px; }
.marquee { padding: 14px 0; }
.comp { padding: 50px 0; }
.reviews { padding: 50px 0; }
.reviews__boxes { margin: 22px 0; }
.expert { padding: 24px 0; }
.tp-reviews { padding: 40px 0; }
.tp-reviews__title { margin-bottom: 20px; }
.tp-reviews__top { margin-bottom: 24px; }
.tp-reviews__bar-label { width: 150px; min-width: 150px; flex-shrink: 0; }
.tp-reviews__bar { min-width: 0; }
.faq { padding: 35px 0 28px; }
.faq__title { margin-bottom: 22px; }
.faq__box { padding: 12px 4px; }

/* ==========================================================================
   From brand.css
   ========================================================================== */
/* ============================================================
   SALES BRAND CSS, Breathe Green Turbo Drain
   Load AFTER sales-page-styles.css.
   ============================================================ */
@media (max-width: 768px) {
  .hero__checks { gap: 4px; }
  .hero__checks-item { font-size: 12px; line-height: 1.2; padding: 0; }
  .hero__checks-item svg { width: 20px; height: 20px; }
}
/* 1. BRAND TOKENS */
:root {
  --brand:       #1A6FD4;
  --brand-deep:  #0F4EA0;
  --brand-light: #C8DCFF;
  --night:       #0C1E38;
  --night-2:     #112750;
  --ink:         #0C1E38;
  --bg-soft:     #E8F2FF;
  --muted:       #3B5F82;
  --line:        rgba(26,111,212,.15);
  --action:      #ff6a3d;
  --action-deep: #e8541f;
  --warn-orange: #ff8b3d;
}
/* 2. BRAND-COLOURED CHROME
   These carry brand colour, so they live here and not in the base sheet. */
.announcebar { background: #acf4a1; color: #111; }
.trustbar__icon { stroke: #4D9FEC; }
/* 3. Keyframes */
@keyframes pulse {
  0%, 100% { transform: scale(1);   box-shadow: 0 8px 18px -4px rgba(255,106,61,.5), inset 0 1px 0 rgba(255,255,255,.22); }50%{ transform: scale(.97); box-shadow: 0 5px 14px -4px rgba(255,106,61,.4), inset 0 1px 0 rgba(255,255,255,.22); }
}
@keyframes glowing {
  0%, 100% { opacity: .55; box-shadow: 0 0 0 3px rgba(59,214,107,.18); }
  50%       { opacity: 1;   box-shadow: 0 0 0 5px rgba(59,214,107,.32); }
}
@keyframes v3-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* 3. HERO */
.hero { background: #E8F2FF; }
.hero::after { background: none !important; }
.hero::before { background: none !important; }
.hero-video { position: absolute; }
.hero-video::before { display: none !important; }
.hero__title { color: #0C1E38; }
.hero__title em { color: #0C1E38; text-shadow: none; background: none; -webkit-background-clip: unset; background-clip: unset; }
.hero__subtitle { color: #0C1E38; opacity: 0.82; }
.hero__checks-item { color: #0C1E38; }
.hero__rated { color: #0C1E38; }
.hero__rated-image svg { color: #ff9911; }
.hero__rated-image svg.tp-strip { width: auto; height: 14px !important; }
.hero__message-body { color: #0C1E38; background: rgba(12,30,56,.08); border-color: rgba(12,30,56,.18); }
.hero__inner .cta-bottom { color: #0C1E38; }
/* 4. HEADER */
.header { padding: 10px 0; }
.header > .container { max-width: 1280px; }
.header__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.header__logo { justify-self: start; }
.header__navigation { justify-self: center; }
.header__cta-group { justify-self: end; }
.header__hamburger { display: none; }
.header__menu { flex: none; max-width: none; gap: 40px; }
@media (max-width: 768px) {
  .header__inner { display: flex !important; justify-content: space-between; align-items: center; }
  .header__navigation { display: none; }
}
/* 5. PARTNERS */
.partners { background: #F5F4F2; padding: 28px 0; border-bottom: 1px solid var(--line); border-bottom-width: 0; }
.v3-partners-wrap { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 48px; flex-wrap: nowrap; }
.v3-partners-wrap .partners__title { font-family: 'Anek Latin', sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.01em; color: #2e4a55; flex-shrink: 0; line-height: 1; }
.v3-ticker { position: relative; overflow: hidden; flex: 1; min-width: 0; }
.v3-ticker::before,
.v3-ticker::after { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }
.v3-ticker::before { left: 0;  background: linear-gradient(to right, #ebebeb, transparent); }
.v3-ticker::after { right: 0; background: linear-gradient(to left,  #ebebeb, transparent); }
.v3-ticker-track { display: flex; align-items: center; gap: 64px; width: max-content; animation: v3-ticker-scroll 32s linear infinite; }
.v3-ticker-track:hover { animation-play-state: paused; }
.v3-ticker-item { flex: 0 0 auto; display: flex; align-items: center; }
.v3-ticker-item img { max-height: 52px; width: auto; display: block; opacity: .65; filter: grayscale(1); }
/* 6. SECTION TWEAKS */
.description { background: linear-gradient(180deg, #C9ECFF, #FFFFFF); }
.description__box-row { background: transparent; border-radius: 0; padding: 12px 0; box-shadow: none; border: none; }
.description__box-row > .iconBox { background: linear-gradient(135deg, #e8f2ff, #c8dcff); color: var(--brand-deep); border-radius: 12px; overflow: hidden; width: 52px; height: 52px; flex-shrink: 0; }
.description .title { text-align: center; margin-left: auto; margin-right: auto; }
.how__box-image { background: linear-gradient(135deg, #E8F2FF, #C8DCFF); flex: 0 0 44%; width: 44%; aspect-ratio: 3/2 !important; }
.how__box { gap: 75px; justify-content: space-between; align-items: flex-start; }
.how__box-content { flex: 0 0 calc(56% - 75px); max-width: none; }
.split { background: #ddeaf8; }
.split__box b { color: var(--brand-deep); font-size: 48px; min-width: 100px; line-height: 1; }
.split__box span { font-size: 18px; line-height: 1.35; text-align: left; }
.set__box { max-width: none; }
.set__box-image { background: linear-gradient(135deg, #E8F2FF, #C8DCFF); aspect-ratio: 308/280; }
.set__box-body { padding: 10px 20px 20px; }
.set__box-title { font-size: 24px; margin-bottom: 5px; }
.set__box-text { font-size: 16px; line-height: 1.5; }
.marquee__item svg { color: #4D9FEC; }
.tp-reviews__bar-fill { background: #00b67a; }
.expert__media { min-height: unset; height: 100%; }
.expert__role { text-decoration: none; border-bottom: none; }
.faq__box-footer { display: none; }
.faq__box.open .faq__box-footer { display: block; }
.faq__box.open .faq-vertical { display: none; }
.footer { padding: 48px 0 36px; background: rgb(12 30 56); }
.footer .container { text-align: center; }
.footer__logo { margin: 0 auto 20px; display: flex; justify-content: center; }
.footer__nav { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; max-width: 940px; margin: 0 auto 18px; }
.footer__nav a { font-weight: 700; font-size: 15px; color: #fff; text-decoration: none; opacity: .9; letter-spacing: .01em; }
.footer__nav a:hover { opacity: 1 !important; color: #fff !important; }
.footer__copy { font-weight: 700; font-size: 15px; color: #fff; opacity: 1; margin: 0 auto 18px; }
.footer__legal { font-size: 13px; font-weight: 500; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 700px; margin: 0 auto 26px; }
.footer__payments { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 0; }
.footer__payments img { height: 28px; width: auto; border-radius: 4px; }
/* 8. RESPONSIVE */
@media (max-width: 560px) {
  .hero { overflow-x: hidden; }
}
@media (max-width: 480px) {
  .faq__box-footer-inner,
  .reviews__box-review,
  .tp-reviews__card-text,
  .hero__subtitle,
  .how__box-text,
  .set__box-text,
  .expert__quote { font-size: 15px !important; line-height: 1.6 !important; }
  p,
  li { line-height: 1.6 !important; }
}
@media (max-width: 700px) {
  .footer__logo { align-items: center; }
  .footer__payments { justify-content: center; }
}
@media (max-width: 768px) {
  .why-pheromones-imgs { width: 100%; min-height: 240px; }
  .why-phero-imgframe { min-height: 240px; }
  .why-phero-copy { width: 100%; }
  .why-it-works { padding: 50px 0 0; }
  .hero__mobile-img { display: block; margin-bottom: 20px; }
  .hero__inner .hero__rated { display: flex; flex-wrap: nowrap !important; align-items: center; gap: 4px !important; white-space: nowrap; }
  .hero__inner .hero__rated-image { display: flex; flex-wrap: nowrap; gap: 1px; flex-shrink: 0; }
  .hero__inner .hero__rated-image svg { width: clamp(10px, 2.8vw, 16px); height: clamp(10px, 2.8vw, 16px) !important; }
  .hero__inner .hero__rated-image svg.tp-strip { width: auto !important; height: clamp(10px, 2.8vw, 16px) !important; }
  .hero__inner .hero__rated span:last-child { font-size: clamp(10px, 2.6vw, 13px); white-space: nowrap; }
  .hero__inner .hero__message-body { flex-wrap: nowrap; font-size: 12px; padding: 8px 10px; gap: 5px; white-space: nowrap; overflow: hidden; }
  .hero__inner .hero__message-body svg { flex-shrink: 0; width: 11px; height: 18px; }
  .hero__inner .cta-bottom { flex-wrap: nowrap; font-size: clamp(10px, 2.5vw, 13px) !important; gap: 5px !important; white-space: nowrap; width: 100%; justify-content: center; }
  .hero__inner .cta-low { white-space: nowrap; }
  .partners { padding: 12px 0 !important; }
  .v3-partners-wrap { padding: 0 12px; gap: 8px; flex-wrap: wrap; flex-direction: column; align-items: center; }
  .v3-partners-wrap .partners__title { font-size: 18px !important; display: block; text-align: center; width: 100%; opacity: 1; visibility: visible; padding: 8px 0 4px; line-height: 1.3; position: relative; z-index: 10; order: -1; }
  .v3-partners-wrap .v3-ticker { order: 1; width: 100%; }
  .v3-ticker-track { gap: 32px; }
  .v3-ticker-item { padding: 0 16px; }
  .v3-ticker-item img { max-height: 64px; width: auto; }
  .split__content { padding: 24px 0 !important; }
  .description__inner { padding: 0; box-sizing: border-box; }
  .set__inner { padding: 0; box-sizing: border-box; }
  .how__inner { padding: 0; box-sizing: border-box; }
  .faq .container { padding: 0 12px; box-sizing: border-box; }
  .tp-reviews .container { padding: 0 12px; box-sizing: border-box; }
  .comp .container { padding: 0 12px; box-sizing: border-box; }
  .cta-group-hero { align-items: center; text-align: center; width: 100%; }
  .cta-group-hero .cta-bottom { justify-content: center; }
  .cta-group { display: flex !important; flex-direction: column; align-items: center; margin-left: auto; margin-right: auto; }
  .cta-group .cta-button { width: 100%; box-sizing: border-box; }
  .cta-group .cta-bottom { display: flex; justify-content: center; text-align: center; width: 100%; flex-wrap: wrap !important; gap: 6px !important; }
  .how__inner .cta-group,
  .description__inner .cta-group { width: calc(100% + 40px) !important; max-width: calc(100% + 40px) !important; margin-left: -20px !important; margin-right: -20px !important; align-items: center !important; box-sizing: border-box !important; }
  .how__inner .cta-group .cta-button,
  .description__inner .cta-group .cta-button { width: calc(100% - 40px) !important; max-width: 480px !important; margin: 0 auto !important; }
  .how__inner .cta-group .cta-bottom,
  .description__inner .cta-group .cta-bottom { justify-content: center !important; width: 100% !important; }
  .how__box-image { width: 100% !important; max-width: 100%; }
  .how__box-text { width: 100%; max-width: 100%; text-align: left; }
  .how__boxes { gap: 36px !important; }
  .set__box { width: 100%; max-width: 100%; padding: 0; overflow: hidden; }
  .set__boxes { flex-direction: column; align-items: stretch; }
  .set__box-image { margin: 0; border-radius: 0; }
  .set__box-image img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
  .comp { overflow-x: hidden; overflow-y: visible; }
  .guarantee-card { flex-direction: column; padding: 20px !important; text-align: center; gap: 16px !important; }
  .guarantee-card img { width: 160px !important; height: 160px !important; }
  .guarantee-card > div:last-child p { width: 100%; }
  .guarantee-card > div:last-child h2 { font-size: 24px; }
  #buy { padding: 50px 0; }
  #addCart { width: 100%; }
  .buy-card { flex-direction: column; min-height: unset !important; overflow: visible !important; }
  .buy-card__image { display: none; }
  .buy-card__image--mobile { display: block !important; margin-top: -8px !important; margin-bottom: 12px !important; }
  .buy-card__content { padding: 28px 20px !important; width: 100%; box-sizing: border-box; }
  .buy-card__content .cta-button { width: 100%; box-sizing: border-box; }
  .buy-social-proof { gap: clamp(4px, 1.5vw, 10px) !important; padding: 7px 10px !important; width: 100%; box-sizing: border-box; flex-wrap: nowrap; }
  .buy-social-proof .buy-avatar-img { width: clamp(20px, 5vw, 28px); height: clamp(20px, 5vw, 28px); }
  .buy-social-proof b { font-size: clamp(10px, 2.8vw, 13px); }
  .expert__inner { height: unset; min-height: unset; }
  .expert__media { width: 100%; min-height: 0 !important; height: auto; aspect-ratio: 4/3; }
  .expert__body { padding: 32px 24px !important; display: block; }
  .expert__role { width: 100% !important; }
  .expert__quote span { width: 100%; font-size: 18px; }
  .tp-reviews__bar-label { width: 100px !important; min-width: 100px !important; font-size: 13px; }
  .description__boxes { gap: 0; }
  .description__box { gap: 0; }
  .description__box-row > .iconBox { min-height: 45px; min-width: 45px; width: 45px; height: 45px; }
  .description { padding-top: 20px; padding-bottom: 20px; }
  .footer__legal { font-size: 14px; }
  .buy-social-proof { justify-content: space-between; gap: 0 !important; padding: 10px 5px !important; }
  .buy-social-left { display: flex; align-items: center; gap: 8px; width: 50%; }
  .buy-social-instock { width: 50%; justify-content: center; }
  .buy-trust-bullets { grid-template-columns: 1fr 1fr !important; gap: 10px 10px !important; }
  .comp-cta-group { display: none !important; }
  .description-cta-group { display: none !important; }
}
@media (max-width: 768px) {
  .hero__inner .hero__message-body.selling-fast-bar { font-size: clamp(12px, 3.95vw, 16px) !important; font-weight: 600; padding: 8px 8px !important; gap: 6px !important; }
  .hero__inner .hero__message-body.selling-fast-bar svg { width: clamp(12px, 3.95vw, 16px) !important; height: auto !important; }
}
@media (min-width: 769px) {
  .hero__inner .hero__message-body.selling-fast-bar { font-size: 16.5px; font-weight: 600; padding: 9px 16px; gap: 8px; }
  .hero__inner .hero__message-body.selling-fast-bar svg { width: 16px; height: auto; }
}
@media (max-width: 430px) {
  .how__box-title { font-size: 26px; }
  .how__box-text { font-size: 16px !important; }
  .how-review-text { font-size: 15px; }
  .how-review-name { font-size: 15px; }
}
@media (max-width: 390px) {
  .how__box-title { font-size: 24px; }
  .how__box-text { font-size: 15px !important; }
  .how-review-text { font-size: 15px; }
  .how-review-name { font-size: 15px; }
}
@media (max-width: 375px) {
  .how__box-title { font-size: 22px; }
  .how__box-text { font-size: 15px; }
  .how-review-text { font-size: 15px; }
  .how-review-name { font-size: 15px; }
}
@media (max-width: 320px) {
  .how__box-title { font-size: 20px; }
  .how__box-text { font-size: 15px; }
  .how-review-text { font-size: 15px; }
  .how-review-name { font-size: 15px; }
}
@media (max-width: 430px) {
  .hero__inner .hero__subtitle { font-size: 16px !important; }
}
@media (max-width: 390px) {
  .hero__inner .hero__subtitle { font-size: 15px !important; }
}
@media (max-width: 375px) {
  .hero__inner .hero__subtitle { font-size: 15px; }
}
@media (max-width: 320px) {
  .hero__inner .hero__subtitle { font-size: 14px !important; }
}
@media (max-width: 430px) {
  .hero__inner .hero__checks-item { font-size: 16px !important; }
}
@media (max-width: 390px) {
  .hero__inner .hero__checks-item { font-size: 14px !important; }
}
@media (max-width: 375px) {
  .hero__inner .hero__checks-item { font-size: 13.5px !important; }
}
@media (max-width: 320px) {
  .hero__inner .hero__checks-item { font-size: 11.25px !important; }
}
@media (min-width: 769px) {
  .why-it-works { padding: 80px 0; }
}
@media (max-width: 768px) {
  section#overview.description { padding-top: 50px; }
  section.how { padding-top: 40px; padding-bottom: 40px; }
}
@media (max-width: 768px) {
  .tp-reviews__card-title { font-size: 24px; }
  .tp-reviews__card-text { font-size: 18px !important; }
  .reviews__box-title { font-size: 20px; }
  .reviews__box-review { font-size: 16px !important; }
  .faq__box-question { font-size: 20px; }
  .faq__box-footer-inner { font-size: 16px !important; }
  .faq { padding: 35px 0 28px; }
  .tp-reviews { padding-bottom: 0 !important; }
  .guarantee-card { padding-top: 0 !important; gap: 0 !important; border-radius: 0 !important; }
  .guarantee-card p { font-size: 16px; }
}
@media (max-width: 430px) {
  .reviews__box-title { font-size: 20px; }
  .reviews__box-review { font-size: 16px; }
  .set__box-title { font-size: 26px !important; }
  .set__box-text { font-size: 18px !important; }
  .tp-reviews__card-title { font-size: 22px !important; }
  .tp-reviews__card-text { font-size: 18px; }
  .faq__box-question { font-size: 19px !important; }
  .faq__box-footer-inner { font-size: 16px; }
}
@media (max-width: 390px) {
  .reviews__box-title { font-size: 16px !important; }
  .reviews__box-review { font-size: 14px !important; }
  .set__box-title { font-size: 22px !important; }
  .set__box-text { font-size: 16px !important; }
  .tp-reviews__card-title { font-size: 19px !important; }
  .tp-reviews__card-text { font-size: 16px !important; }
  .faq__box-question { font-size: 17.5px !important; }
  .faq__box-footer-inner { font-size: 15.5px !important; }
}
@media (max-width: 375px) {
  .reviews__box-title { font-size: 16px; }
  .reviews__box-review { font-size: 14px; }
  .set__box-title { font-size: 21px !important; }
  .set__box-text { font-size: 15px !important; }
  .tp-reviews__card-title { font-size: 19px; }
  .tp-reviews__card-text { font-size: 16px; }
  .faq__box-question { font-size: 16.5px !important; }
  .faq__box-footer-inner { font-size: 14.5px !important; }
}
@media (max-width: 320px) {
  .reviews__box-title { font-size: 14px !important; }
  .reviews__box-review { font-size: 12px !important; }
  .set__box-title { font-size: 17px !important; }
  .set__box-text { font-size: 14px !important; }
  .tp-reviews__card-title { font-size: 15.5px !important; }
  .tp-reviews__card-text { font-size: 14px !important; }
  .faq__box-question { font-size: 13.5px !important; }
  .faq__box-footer-inner { font-size: 12px !important; }
}
@media (max-width: 768px) {
  .expert__quote span { font-size: 18px; }
  .expert__name { font-size: 30px; }
  .expert__role { font-size: 18px; }
}
@media (max-width: 430px) {
  .expert__quote span { font-size: 16px; }
  .expert__name { font-size: 28px; }
  .expert__role { font-size: 16px !important; }
}
@media (max-width: 390px) {
  .expert__quote span { font-size: 15px; }
  .expert__name { font-size: 26px; }
  .expert__role { font-size: 15px !important; }
}
@media (max-width: 375px) {
  .expert__quote span { font-size: 14px; }
  .expert__name { font-size: 24px; }
  .expert__role { font-size: 14px !important; }
}
@media (max-width: 320px) {
  .expert__quote span { font-size: 12px; }
  .expert__name { font-size: 20px; }
  .expert__role { font-size: 12px !important; }
}
@media (max-width: 768px) {
  .buy-subtitle { font-size: 16px !important; }
}
@media (max-width: 430px) {
  .buy-subtitle { font-size: 16px; }
}
@media (max-width: 390px) {
  .buy-subtitle { font-size: 15.5px !important; }
}
@media (max-width: 375px) {
  .buy-subtitle { font-size: 14.5px !important; }
}
@media (max-width: 320px) {
  .buy-subtitle { font-size: 12px !important; }
}
@media (max-width: 768px) {
  .buy-eyebrow { font-size: 12px !important; }
}
@media (max-width: 430px) {
  .buy-eyebrow { font-size: 11px !important; }
}
@media (max-width: 390px) {
  .buy-eyebrow { font-size: 10px !important; }
}
@media (max-width: 375px) {
  .buy-eyebrow { font-size: 10px; }
}
@media (max-width: 320px) {
  .buy-eyebrow { font-size: 9px !important; }
}
/* Section headline typography lives in sales-page-styles.css (mobile section type system).
   Brand files set colors and brand-specific components only, never section headline sizes. */
@media (max-width: 980px) {
  .header__cta-group { display: none !important; }
  .header__hamburger { display: block; }
}

/* ==========================================================================
   From sales-page-sections.css
   ========================================================================== */
/* ============================================================
   GENERAL SALES, SECTION STYLES
   Loads AFTER brand.css. That order is deliberate: these rules
   used to live in a <style> block in the page head, which sat
   after brand.css, so they outrank it. Keeping the position
   keeps the rendering identical.

   Load order for this template:
     1. sales-page-styles.css    base component library
     2. brand.css                brand tokens, colours, logo
     3. sales-page-sections.css  this file, section layout
   ============================================================ */
/* ============================================================
   TEMPLATE COMPONENT STYLES
   Moved out of the page head so the markup ships class-only.
   Brand colours resolve through the tokens declared in brand.css.
   ============================================================ */
.hero__checks-item { align-items: flex-start !important; }
.why-3up { display: none; }
.why-solution-icon { width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; object-fit: cover; display: block; }
.wrong-badge { display: none; }
.why-intro-p b,
.why-solution-p b { display: block; font-family: 'Anek Latin',sans-serif; font-size: 28px; font-weight: 800; line-height: 1.1; letter-spacing: -.025em; margin-bottom: 10px; color: var(--ink); }
.why-intro-p b::after { display: none; }
.why-intro-p b { margin-bottom: 14px; }
.why-intro-p,
.why-solution-p { color: #1F2937; }
.wrong-kicker { display: none; }
.wrong-kicker::before { content: "\2715"; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #DC2626; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center; }
.vs-divider { display: flex; align-items: center; margin: 18px 0 16px; }
.vs-divider::before,
.vs-divider::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(12,30,56,.14); }
.vs-divider span { flex-shrink: 0; width: 46px; height: 46px; margin: 0 14px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; font-size: 16px; letter-spacing: -.01em; display: grid; place-items: center; }
.why-solution-kicker { display: block; margin: 0 0 18px; font-weight: 800; font-size: 16px; line-height: 1.3; color: var(--brand); }
@media (max-width: 768px) {
  .wrong-row { display: block !important; }
  .wrong-badge { display: none !important; }
  .why-intro-p { margin: 0 0 9px !important; font-size: clamp(15px, 4.2vw, 16.5px) !important; line-height: 1.5 !important; color: #1F2937 !important; }
  .why-intro-p b { display: block; font-family: 'Anek Latin',sans-serif; font-size: clamp(26px, 7.2vw, 30px); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; margin-bottom: 8px; }
  .why-intro-p b::after { content: ""; display: block; width: 56px; height: 5px; border-radius: 2px; background: #DC2626; margin: 14px 0 16px; }
  .wrong-kicker { display: flex !important; align-items: center; gap: 12px; margin: 16px 0 0; padding: 13px 15px; border: 1.5px solid #DC2626; border-radius: 10px; background: #FEF2F2; font-weight: 800; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.3; color: #DC2626; }
  .wrong-kicker::before { content: "\2715"; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #DC2626; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center; }
  .vs-divider { display: flex !important; align-items: center; margin: 22px 0 18px; }
  .vs-divider::before,
  .vs-divider::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(12,30,56,.14); }
  .vs-divider span { flex-shrink: 0; width: 58px; height: 58px; margin: 0 14px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; font-size: 20px; letter-spacing: -.01em; display: grid; place-items: center; }
  .why-solution { padding: 22px 18px !important; border-radius: 16px !important; }
  .why-solution-p { margin: 0 0 9px !important; font-size: clamp(14.5px, 4vw, 16px) !important; line-height: 1.45 !important; }
  .why-solution-p b { display: block; font-family: 'Anek Latin',sans-serif; font-size: clamp(19px, 5.6vw, 23px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 8px; }
  .why-solution-kicker { display: block !important; margin: 0 0 18px; font-weight: 800; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.3; color: var(--brand); }
  .why-solution-rows { border-top: 1px solid rgba(12,30,56,.12); padding-top: 18px; gap: 16px !important; }
  .why-solution-row { position: relative; gap: 14px !important; }
  .why-solution-row > .why-solution-icon { width: 44px !important; height: 44px !important; margin-top: 0 !important; }
  .why-solution-row:not(:last-child)::before { content: ""; position: absolute; left: 21px; top: 48px; bottom: -16px; border-left: 2px dashed rgba(26,111,212,.4); }
  .why-solution-row p { font-size: clamp(13.5px, 3.8vw, 15px) !important; line-height: 1.4 !important; }
  .why-solution-row p b { display: block; margin-bottom: 3px; }
}
@media (max-width: 768px) {
  .why-it-works { padding-top: 20px !important; }
  .why-pheromones-row { flex-direction: column !important; gap: 24px !important; }
  .why-pheromones-imgs { display: none !important; }
  .why-phero-img-mobile { display: block !important; }
  .why-phero-eyebrow { text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; font-size: 13px !important; letter-spacing: .16em !important; margin: 0 auto 14px !important; }
  .why-phero-eyebrow::before,
  .why-phero-eyebrow::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 44px; background: rgba(26,111,212,.4); }
  .why-phero-title { text-align: center !important; font-size: clamp(30px, 9.8vw, 42px) !important; line-height: 1.02 !important; letter-spacing: -.03em !important; font-weight: 800 !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto 14px !important; }
  .why-phero-title em { font-style: normal !important; color: var(--brand) !important; }
  .why-3up { display: none !important; }
  .why-3up__item { position: relative; text-align: center; padding: 0 6px; }
  .why-3up__item + .why-3up__item::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: rgba(12,30,56,.12); }
  .why-3up__badge { display: none; }
  .why-3up__label { font-weight: 800; font-size: clamp(13px, 3.7vw, 14.5px); line-height: 1.2; color: var(--ink); margin: 0 0 5px; }
  .why-3up__desc { font-size: clamp(11.5px, 3.3vw, 13px); line-height: 1.3; color: var(--muted); margin: 0; }
  .why-phero-img-mobile { position: relative !important; }
  .how__box { justify-content: flex-start !important; gap: 12px !important; }
}
.how__pill { margin: 14px 0 0; font-size: 15.5px; line-height: 1.45; color: var(--ink); }
.how__pill b { font-weight: 800; }
.how__pill span { color: var(--brand); }
@media (max-width: 768px) {
  .how__box-title { font-size: clamp(26px, 7.2vw, 30px) !important; line-height: 1.08 !important; letter-spacing: -.02em !important; font-weight: 800 !important; }
  .how__box-title em { display: block; font-style: normal; color: var(--brand); }
  .how__box-title--step1 em { display: block !important; }
  .how__box-title::after { content: ""; display: block; height: 1px; background: rgba(12,30,56,.14); margin: 14px 0 0; }
  .how__pill { display: flex; align-items: flex-start; gap: 10px; background: #EBF4FF; border-radius: 12px; padding: 8px 12px; margin: 16px 0 0; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.4; }
  .how-review-name { font-size: 14.5px !important; }
}
.comp__title--mobile em { font-style: normal; color: var(--brand); }
.comp__sub { text-align: center; max-width: 560px; margin: 14px auto 0; font-size: 17px; line-height: 1.45; color: var(--muted); text-wrap: pretty; }
@media (max-width: 768px) {
  .comp__sub { max-width: 340px !important; }
  .ct-mob-feat { display: flex !important; align-items: center !important; gap: 11px !important; }
}
.title-header,
.tp-reviews__eyebrow { display: flex !important; align-items: center; justify-content: center; gap: 14px; }
.title-header::before,
.title-header::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.5); }
.tp-reviews__eyebrow::before,
.tp-reviews__eyebrow::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(0,182,122,.5); }
.reviews-eyebrow { display: flex !important; align-items: center; justify-content: center; gap: 14px; font-family: 'Montserrat',sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); margin: 0 0 14px; }
.reviews-eyebrow::before,
.reviews-eyebrow::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.5); }
.how__box-title::after { content: ""; display: block; height: 1px; background: rgba(12,30,56,.14); margin: 14px 0 0; }
.how__pill { display: flex; align-items: flex-start; gap: 10px; background: #EBF4FF; border-radius: 12px; padding: 10px 14px; margin: 16px 0 0; font-size: 16px; line-height: 1.45; color: var(--ink); }
.how__pill::before { content: "\2713"; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; margin-top: 1px; }
.reviews__box-title { position: relative; }
.reviews__box-title::after { content: "\201D"; color: var(--brand); font-size: 1.5em; line-height: 0; vertical-align: -.28em; margin-left: 4px; }
.why-phero-title em,
.reviews__title em,
.how__box-title em { color: var(--brand); }
.reviews-sub { display: block; text-align: center; font-size: 19px; line-height: 1.4; color: var(--muted); max-width: 560px; margin: 16px auto 32px; }
@media (max-width: 768px) {
  .title-header,
  .tp-reviews__eyebrow { gap: 14px; }
}
.hero__checks-item svg { margin-top: 2px; }
@media (max-width: 768px) {
  .hero__checks-item svg { width: 25px !important; height: 25px !important; flex-shrink: 0 !important; margin-top: 0 !important; }
  .hero__checks-item { position: relative !important; align-items: center !important; white-space: normal !important; line-height: 1.3 !important; padding: 5px 0 !important; gap: 14px !important; text-align: left !important; }
  .hero__checks { gap: 0 !important; }
}
.trustbar .trustbar__inner,
.trustbar .trustbar__item { color: #fff !important; }
.instock-label { font-size: var(--instock-fs, 13.5px) !important; white-space: nowrap !important; }
.hero__rated { font-size: var(--hero-rated-fs,  15px) !important; }
.hero__title { font-size: var(--hero-title-fs,  48px) !important; }
.hero__checks-item { font-size: var(--hero-bullet-fs, 18px) !important; }
@media (max-width: 768px) {
  .hero__checks-item { font-size: clamp(15.5px, 4.9vw, 19px) !important; letter-spacing: -0.01em !important; }
  .hero__checks-item b { font-weight: 800 !important; }
}
@media (max-width: 768px) {
  .hero__rated { font-size: clamp(16px, 4.9vw, 19px) !important; gap: 8px !important; }
  .hero__rated .tp-strip { width: clamp(118px, 36.5vw, 146px) !important; height: auto !important; }
  .hero__message { max-width: none !important; }
  .selling-fast-bar { width: 100% !important; font-size: clamp(15px, 4.9vw, 21px) !important; font-weight: 600 !important; padding: 12px 10px !important; gap: 9px !important; }
  .selling-fast-bar svg { width: 19px !important; height: 27px !important; }
  .selling-fast-bar b,
  .selling-fast-bar .sf-num { color: var(--action) !important; font-weight: 700 !important; }
}
@media (min-width: 769px) {
  .hero__mobile-img { display: none !important; }
  .hero { background: #E8F2FF !important; }
}
@media (max-width: 768px) {
  .hero { background: #fff !important; }
  .hero-video { display: none !important; }
  .hero__mobile-img { background: #C8DCFF !important; border-radius: 0 !important; margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important; }
  .hero__inner { display: flex !important; flex-direction: column !important; }
  .hero__title { text-align: center !important; }
  .hero__title-line2 { display: block !important; margin-top: 6px !important; font-size: .82em !important; font-weight: 800 !important; letter-spacing: -0.02em !important; line-height: 1.02 !important; }
  .hero__inner { padding-top: 24px !important; }
  .hero__rated { order: 1; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 6px !important; width: 100% !important; }
  .hero__rated-score { display: none !important; }
  .hero__title { order: 2; font-size: clamp(28px, 8.7vw, 44px) !important; line-height: 1.02 !important; letter-spacing: -0.025em !important; font-weight: 800 !important; }
  .hero__mobile-img { display: block !important; order: 3; margin: 0 -20px !important; }
  .hero__subtitle { order: 4; margin-top: 16px !important; margin-bottom: 4px !important; text-align: center !important; font-size: clamp(15.5px, 4.3vw, 17px) !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--ink) !important; max-width: 100% !important; width: 100% !important; letter-spacing: 0 !important; text-wrap: pretty !important; }
  .hero__subtitle b { font-weight: 800 !important; }
  .hero__title em { background: none !important; color: var(--brand) !important; -webkit-text-fill-color: var(--brand) !important; }
  .hero__checks { order: 5; align-items: stretch !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 22px 0 0 !important; padding-left: 0 !important; gap: 0 !important; }
  .hero__message { order: 6; margin-top: 18px !important; }
  .cta-group-hero { order: 7; }
}
@media (max-width: 768px) {
  .hero .hero__subtitle { text-align: left !important; margin-bottom: 0 !important; }
  .hero .hero__checks { margin-top: 10px !important; }
}
@media (max-width: 768px) {
  section#overview.description { padding-top: 56px !important; padding-bottom: 0 !important; }
  section.how { padding-top: 56px !important; padding-bottom: 56px !important; }
  .desc-mobile-img { display: flex !important; }
  .desc-desktop-img { display: none !important; }
}
.reviews__box-review { color: var(--muted) !important; }
.expert__quote,
.expert__quote span { color: var(--muted) !important; }
.reviews__box-header img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.expert__inner { background: transparent !important; }
.expert__quote .expert__qmark { display: none; }
.expert__sign > span { display: flex; flex-direction: column; gap: 2px; }
.expert__sign .expert__sign-mark,
.expert__sign .expert__sign-name { display: block; }
@media (max-width: 980px) {
  .expert__inner { height: auto !important; }
}
@media (max-width: 768px) {
  .expert__eyebrow { position: relative !important; text-align: left !important; max-width: none !important; padding-bottom: 9px !important; margin: 0 0 14px !important; }
  .expert__eyebrow::after { content: ""; position: absolute; left: 0; bottom: 0; width: 52px; height: 2px; background: var(--brand); }
  .expert__name { font-size: clamp(28px, 8vw, 34px) !important; line-height: 1.05 !important; margin: 0 0 14px !important; }
  .expert__role { display: none !important; }
  .expert-rule { display: block !important; height: 1px; background: rgba(12,30,56,.14); margin: 18px 0; }
  .expert__quote { display: flex !important; gap: 10px; padding: 0 !important; }
  .expert__quote .expert__qmark { display: block !important; width: auto !important; flex: 0 0 auto; font-family: Georgia, "Times New Roman", serif; font-size: 44px !important; line-height: .8; color: var(--brand) !important; }
  .expert__quote .expert__quote-text { width: auto !important; flex: 1 1 auto; min-width: 0; font-size: 15.5px !important; line-height: 1.5 !important; }
  .expert__quote .expert__quote-text b { color: var(--brand) !important; font-weight: 800; }
  .expert__sign { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 13px !important; margin-top: 20px !important; }
  .expert__sign > span { align-items: flex-start; }
  .expert__sign-mark { font-size: 30px !important; line-height: 1 !important; display: block; }
  .expert__sign-name { display: block; font-size: 13px !important; color: var(--muted) !important; }
}
@media (max-width: 768px) {
  .expert__quote { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
}
.footer__copy { text-align: center !important; }
.footer__legal { text-align: center !important; }
@media (max-width: 768px) {
  .footer__payments { padding-bottom: 0 !important; }
}
@media (min-width: 769px) {
  #faq-cta-inner { max-width: none !important; }
  #faq-cta-h2 { white-space: nowrap !important; }
  #faq-cta-sub { white-space: nowrap !important; }
}
.partners__title { color: #414141 !important; font-size: 22px !important; }
.v3-ticker::before { background: linear-gradient(to right, #F5F4F2, transparent) !important; }
.v3-ticker::after { background: linear-gradient(to left,  #F5F4F2, transparent) !important; }
/* Reviews carousel */
.reviews__boxes { display: block !important; }
.reviews__carousel-wrap { display: contents; }
.reviews__boxes-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; }
.reviews__carousel-dots { display: none; justify-content: center; gap: 8px; margin-top: 20px; }
.reviews__carousel-dots button { width: 8px; height: 8px; border-radius: 50%; background: #C8D6E9; border: none; cursor: pointer; padding: 0; transition: background .2s, transform .2s; }
.reviews__carousel-dots button.active { background: var(--brand); transform: scale(1.35); }
@media (max-width: 768px) {
  .reviews__boxes { display: block !important; }
  .reviews__carousel-wrap { display: block; overflow: hidden; width: 100%; position: relative; }
  .reviews__boxes-inner { display: flex !important; grid-template-columns: unset; flex-wrap: nowrap !important; gap: 0 !important; transition: transform .35s cubic-bezier(.4,0,.2,1); will-change: transform; }
  .reviews__boxes-inner > .reviews__box { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; }
  .reviews__carousel-dots { display: flex !important; }
}
.reviews-sub { display: block; }
.reviews-eyebrow { display: flex; }
@media (max-width: 768px) {
  .reviews-eyebrow { display: flex !important; align-items: center; justify-content: center; gap: 14px; font-family: 'Montserrat',sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); margin: 0 0 14px; }
  .reviews-eyebrow::before,
  .reviews-eyebrow::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.4); }
  .reviews__title { text-align: center !important; font-size: clamp(34px, 9.8vw, 42px) !important; letter-spacing: -.03em !important; line-height: 1.02 !important; font-weight: 800 !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto 12px !important; }
  .reviews__title em { font-style: normal !important; font-weight: 800 !important; color: var(--brand) !important; }
  .reviews-sub { display: block !important; text-align: center; font-size: 19px; line-height: 1.4; color: var(--muted); max-width: min(calc(100vw - 24px), 400px); margin: 16px auto 28px; }
  .reviews__box-title { position: relative !important; }
  .reviews__box-title::after { content: "\201D"; color: var(--brand); font-size: 1.5em; line-height: 0; vertical-align: -.28em; margin-left: 4px; }
  .reviews__box-review b { color: var(--brand) !important; }
  .reviews__carousel-dots { margin-top: 16px !important; }
}
/* Use-cases carousel */
.set__carousel-wrap { display: contents; }
.set__carousel-dots { display: none; justify-content: center; gap: 8px; margin-top: 20px; }
.set__carousel-dots button { width: 8px; height: 8px; border-radius: 50%; border: none; background: #C8D6E9; padding: 0; cursor: pointer; transition: background .2s, transform .2s; }
.set__carousel-dots button.active { background: var(--brand); transform: scale(1.35); }
@media (max-width: 768px) {
  section.set { padding: 40px 0 !important; }
  section.set .container { padding-left: 0 !important; padding-right: 0 !important; }
  section.set .set__inner { padding: 0 !important; }
  .set__carousel-wrap { display: block; overflow: hidden; width: 100%; position: relative; }
  .set__boxes-wrapper { display: flex !important; flex-wrap: nowrap !important; overflow: visible !important; gap: 10px !important; transition: transform .35s cubic-bezier(.4,0,.2,1) !important; will-change: transform; }
  .set__box { flex: 0 0 calc(100% - 60px) !important; width: calc(100% - 60px) !important; }
  .set__carousel-dots { display: flex !important; }
}
/* How-to carousel */
.how__carousel-wrap { display: contents; }
.how__boxes-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.how__carousel-dots { display: none; justify-content: center; gap: 7px; margin-top: 20px; }
.how__carousel-dots button { width: 8px; height: 8px; border-radius: 50%; background: #c8d6e9; border: none; cursor: pointer; padding: 0; transition: background .2s, transform .2s; }
.how__carousel-dots button.active { background: var(--brand); transform: scale(1.35); }
@media (max-width: 768px) {
  .how__carousel-wrap { display: block; overflow: hidden; position: relative; width: 100%; }
  .how__boxes-wrapper { display: flex !important; grid-template-columns: unset; gap: 10px !important; flex-wrap: nowrap !important; transition: transform .35s cubic-bezier(.4,0,.2,1); will-change: transform; }
  .how__boxes-wrapper > .set__box { flex: 0 0 calc(100% - 40px) !important; width: calc(100% - 40px) !important; min-width: 0; box-sizing: border-box; padding: 0 !important; }
  .how__boxes-wrapper > .set__box .set__box-body { padding: 16px; }
  .how__carousel-dots { display: flex !important; }
}
.step-num { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--brand); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 15px; margin-bottom: 12px; flex-shrink: 0; }
/* Mobile sticky bar */
#mobileStickyBar { transform: translateY(110%); transition: transform .35s cubic-bezier(.4,0,.2,1); display: none; }
@media (max-width: 768px) {
  #mobileStickyBar { display: flex; }
  #mobileStickyBar.is-visible { transform: translateY(0); }
}
.ct--mobile { display: none; }
/* Comparison mobile */
@media (max-width: 768px) {
  .ct--mobile { display: block !important; }
  /* Mobile comparison table */
  .ct-mob-hdr { display: grid; grid-template-columns: 1.6fr 1fr 1fr; column-gap: 8px; align-items: flex-end; }
  .ct-mob-hdr-spc { }
  .ct-mob-hcol { display: flex; flex-direction: column; align-items: center; position: relative; }
  .ct-mob-hcol + .ct-mob-hcol { }
  .ct-mob-himg-wrap { width: 100%; display: flex; justify-content: center; position: relative; z-index: 2; }
  .ct-mob-hinfo { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; padding: 0 4px 10px; position: relative; z-index: 1; }
  .ct-mob-hinfo--us { background: #EBF4FF; border-radius: 12px 12px 0 0; margin-top: -32px; padding-top: 38px; }
  .ct-mob-hinfo--rx { background: #f0f3f7; border-radius: 12px 12px 0 0; margin-top: -20px; padding-top: 26px; }
  .ct-mob-name { font-family: 'Anek Latin', sans-serif; font-weight: 700; font-size: 13px; color: #1a1a1a; text-align: center; line-height: 1.2; }
  .ct-mob-name--us { color: var(--ink); }
  /* Grid rows */
  .ct-mob-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; column-gap: 8px; border-bottom: 1px solid rgba(12,30,56,0.12); }
  .ct-mob-divider { grid-column: 1 / -1; height: 1px; background: rgba(12,30,56,0.12); margin: 0; padding: 0; }
  .ct-mob-feat { font-weight: 600; font-size: 13px; color: #1a1a1a; line-height: 1.3; padding: 10px 6px 10px 0; display: flex; align-items: center; text-align: left; }
  .ct-mob-cell { display: flex; align-items: center; justify-content: center; padding: 10px 0; }
  .ct-mob-cell--us { background: #EBF4FF; }
  .ct-mob-cell--rx { background: #f0f3f7; }
  .ct-mob-grid > .ct-mob-cell--us:nth-last-child(2) { border-radius: 0 0 0 12px; }
  .ct-mob-grid > .ct-mob-cell--rx:last-child { border-radius: 0 0 12px 0; }
  .ct-mob-cell img { width: 17px; height: 17px; display: block; }
  .p28-desk { display: none !important; }
  .comp { padding: 56px 0 48px !important; }
}
@media (max-width: 430px) {
  .ct-mob-name { font-size: 17px !important; }
}
@media (max-width: 390px) {
  .ct-mob-name { font-size: 16px !important; }
}
@media (max-width: 375px) {
  .ct-mob-name { font-size: 15px !important; }
}
@media (max-width: 320px) {
  .ct-mob-name { font-size: 14px !important; }
}
@media (max-width: 768px) {
  .guarantee-badge-img { width: 180px !important; height: 180px !important; }
}
/* ============================================================
   SECTION CLASSES
   One class per element that used to carry an inline style.
   BEM on the existing prefixes: announcebar__, hero__, how-,
   ct-desk__ (desktop comparison table), buy-, msc- (mobile
   sticky cta), results-scroll__, tp-reviews__.
   ============================================================ */
/* head */
.announcebar {padding:7px 16px;height:auto;line-height:1.3}
.announcebar__inner {display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#111;white-space:nowrap;overflow:hidden}
.announcebar__offer {color:#111}
/* The bold offer text carried an inline colour that beat .announcebar b
   { color: var(--warn-orange) } in the base sheet. inherit keeps it tied to
   the bar's own colour, so re-branding the bar takes this word with it. */
.announcebar__offer b {color:inherit}
.announcebar__divider {color:#111;font-weight:400;font-size:11px}
.announcebar__note {color:#111;font-weight:800}
.trustbar {background-color:var(--night);color:#fff}
.trustbar__inner {justify-content:center;gap:56px}
.header__logo {padding:0;background:none;gap:10px}
.header__logo-img {height:36px;width:auto;display:block}
.header__menu {width:600px}
.header__cta-group {display:flex;align-items:center;justify-content:flex-end}
/* hero */
.hero-video__el {width:100%;height:100%;object-fit:cover;display:block}
.hero__rated-strip {display:inline-flex;gap:3px}
.hero__subtitle {width: 500px}
.hero__mobile-img {width:100%;margin:16px 0 4px}
.hero__mobile-video {width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hero__message {max-width:480px;width:100%}
.hero__message-body.selling-fast-bar {padding:10px 16px;text-align:center;width:100%;justify-content:center}
/* Selector doubled on purpose: these carried inline styles, so they have to
   outrank .hero__message-body svg the way an inline style did. Doubling the
   class raises specificity without escalating to !important, so the
   brand.css !important rules still win here, as they did before. */
.selling-fast-bar__icon.selling-fast-bar__icon {width:13px;height:20px;flex-shrink:0}
.selling-fast-bar__strong {font-weight:700}
/* Doubled: must outrank .cta-group-hero .cta-low, as the inline style did. */
.cta-low.cta-low {color:#ef4444}
/* description */
.description .title {margin:0 auto 20px}
.desc-mobile-img {display:none;width:100%;justify-content:center;padding:0}
.desc-mobile-img__img {width:260px;height:auto;object-fit:contain;display:block}
.description__boxes {text-align:left}
.desc-desktop-img {flex:0 0 300px;display:flex;align-items:center;justify-content:center;min-width:0;align-self:center}
.desc-desktop-img__frame {width:300px;display:flex;align-items:center;justify-content:center}
.desc-desktop-img__img {width: 100%;height: 100%;object-fit: cover;display: block;max-height: 500px}
/* why-it-works */
.why-it-works {background:#fff}
.why-pheromones-row {display:flex;align-items:center;gap:60px}
.why-pheromones-imgs {flex:1;min-width:0;align-self:stretch}
.why-phero-imgframe {border-radius:16px;overflow:hidden;aspect-ratio:1/1;width:100%}
.why-phero-copy {flex:1;min-width:0}
.why-phero-eyebrow {font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 8px}
.why-phero-title {font-family:'Anek Latin',sans-serif;font-weight:700;font-size:40px;line-height:1.35;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px}
.why-phero-img-mobile {display:none;border-radius:16px;overflow:hidden;margin:16px 0 20px}
.why-intro-p {font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.why-solution {background:#EBF4FF;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.why-solution-p {font-size:16px;line-height:1.55;color:var(--ink);margin:0 0 16px}
.why-solution-rows {display:flex;flex-direction:column;gap:12px}
.why-solution-row {display:flex;align-items:flex-start;gap:12px}
.why-solution-row__text {font-size:15.5px;line-height:1.4;color:var(--ink);margin:0}
/* how */
.how {background-color:#F5F4F2}
.how__inner {margin-bottom:30px}
.how__subtitle {padding-bottom:20px}
.how__box {align-self:auto}
.how__box-content {align-self:center}
.how-review {margin-top:20px;border-left:3px solid var(--brand);padding-left:16px;background-color:#fff;padding-top:12px;padding-bottom:12px;padding-right:16px}
.how-review__head {margin-bottom:8px}
.how-review-text {font-size:15px;line-height:1.4;color:var(--muted);margin:0 0 8px}
.how-review-name {font-size:15px;font-weight:700;color:var(--ink);margin:0}
.cta-group--how {position:static;display:block;padding-top:20px}
/* split */
.split__image-ph {height: 100%;border: 0;border-radius: 0;min-height: 420px}
.split__content {display:flex;align-self:center;flex-direction:column;gap:10px}
.split__title--mobile {padding-left:12px;padding-right:12px}
.split__boxes {padding-left:12px;padding-right:12px}
/* set */
.set__box {padding:0}
.set__box-image {margin:0;border-radius:0}
.set--steps {background-color:#F5F4F2}
.set__step-media {position:relative;width:100%;padding-top:75%;overflow:hidden}
.set__step-numrow {display:flex;justify-content:center;margin-top:-17px;position:relative;z-index:2}
.step-num {margin-bottom:0;border:3px solid #fff;box-sizing:content-box}
.set__box-body {text-align:center}
/* comp */
.comp {background:#fff}
.comp__title--mobile {margin-top:0}
.comp__grid-stars {height:14px;width:auto;display:block}
.p28-desk {max-width:920px;margin:0 auto}
.ct-desk__row {display:flex;align-items:flex-start}
.ct-desk__features {flex:1.6;display:flex;flex-direction:column}
.ct-desk__spacer-hero {height:200px;flex-shrink:0}
.ct-desk__spacer-head {height:64px;flex-shrink:0}
.ct-desk__feature {height:50px;flex-shrink:0;display:flex;align-items:center;font-weight:700;font-size:15px;color:var(--ink);border-top:1px solid #dde8f0;padding-right:20px}
.ct-desk__feature--last {border-bottom:1px solid #dde8f0}
.ct-desk__spacer-foot {height:41px;flex-shrink:0}
.ct-desk__cols {flex:3;display:flex;gap:16px;min-width:0;background-image:linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px);background-size:100% 2px;background-position:0 264px,0 314px,0 364px,0 414px,0 464px,0 514px,0 564px,0 614px;background-repeat:no-repeat}
.ct-desk__col {flex:1;display:flex;flex-direction:column}
.ct-desk__col-hero {flex-shrink: 0;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2}
.ct-desk__panel--us {background:#EBF4FF;border-radius:16px;margin-top:-100px;padding-top:100px;position:relative;z-index:1;display:flex;flex-direction:column}
.ct-desk__col-head {height:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ct-desk__col-stars {height:18px;width:auto;display:block}
.ct-desk__col-name {font-family:'Anek Latin',sans-serif;font-weight:700;font-size:15px;color:var(--ink)}
.ct-desk__cell {height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #dde8f0}
.ct-desk__cell-icon {width:18px;height:18px;display:block}
.ct-desk__cell--last {border-bottom:1px solid #dde8f0}
.ct-desk__col-hero--th {height:200px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:2}
.ct-desk__th-img {width: 108px;height: 108px;border-radius: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px}
.ct-desk__panel--th {border-radius:16px;margin-top:-54px;padding-top:54px;position:relative;z-index:1;display:flex;flex-direction:column;background:rgba(235,244,255,0.5)}
.ct-desk__spacer-foot--2 {height:42px;flex-shrink:0}
.comp-cta-group {margin:0 auto;padding:48px 0 0;max-width:480px}
.guarantee-band {padding:0}
.guarantee-card {background:var(--ink);border-radius:24px;padding:0 24px;display:flex;align-items:center;gap:40px;max-width:1120px;margin:0 auto}
.guarantee-card__badge {flex-shrink:0}
.guarantee-badge-img {width:240px;height:200px;object-fit:contain;display:block}
.guarantee-card__body {flex:0 1 auto;align-self:auto;min-width:0}
.guarantee-card__title {font-family:'Anek Latin',sans-serif;font-weight:700;font-size:32px;line-height:1.3;color:#fff;margin:0 0 12px;letter-spacing:-.02em}
/* Capped, not fixed: a hard 750px made the card demand 1078px and pushed a
   horizontal scrollbar onto every viewport between 769px and 1078px. The cap
   renders identically once there is room for it. */
.guarantee-card__text {font-weight:400;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82);margin:0;max-width:750px}
.reviews__box-data {padding-right:7px}
.reviews__box-avatar {padding:0;overflow:hidden}
.reviews__box-avatar-img {width:100%;height:100%;object-fit:cover;border-radius:50%}
/* buy */
.buy-section {background:#f0f5fe;padding:20px 0}
.buy-card {max-width:1120px;margin:0 auto;border:2px dashed var(--brand);border-radius:24px;overflow:hidden;background:#fff;display:flex;min-height:480px}
.buy-card__image {width:48%;flex-shrink:0;position:relative}
.buy-card__image-img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.buy-card__content {flex:1;padding:44px 48px;display:flex;flex-direction:column;justify-content:center;gap:0}
.buy-badge {display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;align-self:flex-start;background:#EBF4FF;border-radius:10px;padding:10px 14px}
.buy-eyebrow {font-weight:700;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.buy-title {font-family:'Anek Latin',sans-serif;font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;text-transform:uppercase}
.buy-title em {font-style:normal;font-weight:inherit;color:var(--brand)}
.buy-rule {width:64px;height:4px;background:var(--brand);border-radius:99px;margin-bottom:14px}
.buy-subtitle {font-size: 15px;line-height: 1.45;color: var(--muted);margin: 0 0 18px;max-width: 430px}
.buy-card__image--mobile {display:none;width:100%;border-radius:12px;overflow:hidden;margin:0 0 20px}
.buy-card__image-img--mobile {width:100%;display:block;object-fit:cover}
.buy-social-proof {display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;margin-bottom:18px;width:100%;box-sizing:border-box}
.buy-social-left {display:flex;align-items:center;gap:8px}
.buy-avatars {display:flex}
.buy-avatar-img {width:30px;height:30px;border-radius:50%;border:2px solid #fff;flex-shrink:0;margin-right:-8px;overflow:hidden}
.buy-avatar-img__img {width:100%;height:100%;object-fit:cover}
.buy-rating {display:flex;gap:6px;align-items:center}
.buy-rating__stars {display:inline-flex;gap:2px}
.buy-rating-text {font-size:14px;color:var(--ink)}
.buy-social-divider {width:1px;height:20px;background:#e2e8f0}
.buy-social-instock {display:flex;align-items:center;gap:6px}
.buy-instock-dot {width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.instock-label {font-weight:600;color:#22c55e}
.buy-trust-bullets {display:grid;grid-template-columns:auto auto;gap:8px 20px;margin-bottom:20px;justify-content:start}
.buy-trust-bullet {display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted)}
.try-today-text {text-align:center;font-size:13px;color:var(--muted);margin:10px 0 0}
/* expert */
.expert {background-color:#fff}
.expert__inner {height:360px}
.expert__media-img {width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border:0;border-radius:0}
.expert__body {display:block;padding-top:0;padding-bottom:0}
.expert__role {width:450px;max-width:100%;padding-bottom:0;text-decoration:none;border:none;border-bottom:none}
.expert__quote-text {width:100%;font-size:17px;line-height:1.45}
.expert__sign-mark {font-size:32px}
/* tp-reviews */
.tp-reviews__top {display:grid;align-items:center}
.tp-reviews__bar-fill--96 {width:96%}
.tp-reviews__bar-fill--98 {width:98%}
.tp-reviews__bar-fill--90 {width:90%}
.tp-reviews__bar-fill--94 {width:94%}
.tp-reviews__logo-img {width:152px;max-width:152px;height:auto;display:block;margin:0 auto}
.tp-reviews__strip-ph {height: 100%;border: 0;border-radius: 8px}
.tp-reviews__card-img {aspect-ratio:4/3;border-radius:8px;overflow:hidden}
.tp-reviews__card-ph {height: 100%;border: 0;border-radius: 0}
/* faq */
.faq-cta {padding:48px 0;background:#E8F2FF}
.faq-cta__inner {text-align:center;max-width:560px;margin:0 auto}
.faq-cta__title {font-family:'Anek Latin',sans-serif;font-weight:800;font-size:36px;line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
.faq-cta__sub {font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px}
.cta-group--faq {max-width:420px;margin:0 auto}
.mobile-sticky-cta__inner {flex-direction:column;gap:8px;width:100%}
.mobile-sticky-cta__btn {width:100%;border-radius:12px}
.msc-meta {display:flex;align-items:center;justify-content:center;gap:12px;font-size:13.5px;font-weight:600;color:#555;margin-top:2px}
.msc-meta__item {display:flex;align-items:center;gap:5px}
.msc-meta__dot {width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0}
.msc-meta__divider {color:#ccc}
.msc-meta__item--stock {display:flex;align-items:center;gap:6px}
.msc-stock {display:flex;gap:2px;align-items:center}
.msc-stock__bar--on {width:6px;height:10px;background:#e03;border-radius:2px;display:inline-block}
.msc-stock__bar {width:6px;height:10px;background:#ddd;border-radius:2px;display:inline-block}
.msc-stock__label {color:#e03;font-weight:800;letter-spacing:.05em}
.footer__logo-img {height:36px;width:auto;display:block;filter:brightness(0) invert(1)}
/* hero desktop measure: headline 3 lines, body 3 lines */
@media (min-width: 769px) {
  .hero .hero__title { max-width: 600px; text-wrap: initial; }
  .hero .hero__subtitle { max-width: 600px !important; font-size: 18px !important; line-height: 1.5 !important; text-wrap: pretty; }
}
/* mobile fixes v4 */
@media (max-width: 768px) {
  .hero__mobile-video { aspect-ratio: 16/10; object-fit: cover; width: 100%; display: block; }
  section.why-it-works p.wrong-kicker { background: #fff !important; border: 0 !important; color: #B91C1C !important; }
  section.why-it-works p.wrong-kicker::before { background: #DC2626 !important; color: #fff !important; }
  section.how { padding-top: 36px !important; }
  .how .title-header { margin-bottom: 6px !important; }
  .how .how__subtitle { display: none !important; }
  .how .title { margin-bottom: 20px !important; }
  .split .split__image { aspect-ratio: 1600/1067 !important; height: auto !important; }
  .split .split__image-ph { min-height: 0 !important; height: 100% !important; background-position: center !important; background-size: cover !important; }
}
@media (max-width: 768px) {
  section.reviews .reviews__box,
  section.reviews .reviews__box:hover { box-shadow: none !important; border: 1px solid #E4DFD6 !important; }
}

/* ==========================================================================
   From color-story-v3.css
   ========================================================================== */
/* ============================================================
   MAMA EASE COLOR STORY v3
   Warm Linen base, soft steel blue runs the page, green = CTA only.
   Load LAST (after sales-page-sections.css).
   ============================================================ */
:root {
  --linen:#F7F5F1; --cloud:#FFFFFF; --stone:#EFEBE4; --sand:#E4DFD6;
  --deep-harbor:#1F4560; --harbor-blue:#2F5F7E; --tide-blue:#4A8DB7; --haze-blue:#6AAED6;
  --steel:#2D6890; --mist:#E6F0F6; --sky:#DCEBF4;
  --blue-gradient:linear-gradient(160deg,#1F4560 0%,#2F5F7E 40%,#4A8DB7 80%,#6AAED6 100%);
  --slate:#4B5262; --pebble:#646A75;
  --beacon:#3FA6CA; --beacon-glow:#8FD3EE;
  --leaf:#48AE51; --leaf-top:#5BB165; --leaf-bottom:#3E9A48; --leaf-deep:#358A3F; --leaf-solid:#2F8A3B;
  --signal-coral:#C8402B; --coral-on-dark:#FF9A87; --lamp-glow:#FFF4E0;
  /* remap template tokens */
  --brand:#2D6890; --brand-deep:#1F4560; --brand-light:#DCEBF4;
  --night:#1F4560; --night-2:#2F5F7E;
  --ink:#1B2B3A; --ink-soft:#4B5262; --muted:#4B5262;
  --bg-soft:#E6F0F6; --line:#E4DFD6;
  --action:#2F8A3B; --action-deep:#358A3F; --warn-orange:#FF9A87;
}
body { background:#F7F5F1; color:#4B5262; }
a { color:#2D6890; }
a:hover { color:#1F4560; }
/* glow helper for gradient sections */
.buy-section,
.faq-cta { position:relative; overflow:hidden; }
.buy-section::after,
.faq-cta::after { content:""; position:absolute; right:-160px; top:-160px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(106,174,214,.45),rgba(106,174,214,0) 70%); pointer-events:none; z-index:0; }
.buy-section > .container,
.faq-cta > .container { position:relative; z-index:1; }
/* ---------- BUTTONS: Leaf Green (color only) ---------- */
@keyframes pulse {
  0%,100%{ transform:scale(1);   box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 10px 30px rgba(72,174,81,.35); }
  50%    { transform:scale(.97); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px rgba(72,174,81,.26); }
}
.cta-button,
.mobile-sticky-cta__btn { background:linear-gradient(180deg,#5BB165 0%,#3E9A48 100%) !important; color:#fff !important; border-color:#3E9A48 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 10px 30px rgba(72,174,81,.35); }
.cta-button:hover,
.mobile-sticky-cta__btn:hover { background:linear-gradient(180deg,#3E9A48 0%,#358A3F 100%) !important; }
.header__button { background:#2F8A3B !important; color:#fff !important; border-color:#2F8A3B !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px rgba(72,174,81,.35) !important; }
.header__button:hover { background:#358A3F !important; }
/* ---------- ANNOUNCE / AUTHORITY / HEADER ---------- */
.announcebar { background:#1F4560 !important; color:#fff !important; }
.announcebar__inner,
.announcebar__note,
.announcebar__divider { color:#fff !important; }
.announcebar__offer,
.announcebar__offer b,
.announcebar b { color:#FF9A87 !important; }
.trustbar { background:#EFEBE4 !important; background-color:#EFEBE4 !important; border-bottom:1px solid #E4DFD6 !important; }
.trustbar .trustbar__inner,
.trustbar .trustbar__item { color:#4B5262 !important; }
.trustbar .trustbar__item svg,
.trustbar__icon { color:#2D6890 !important; stroke:#2D6890 !important; }
.header { background:#F7F5F1 !important; border-bottom:1px solid #E4DFD6 !important; }
.header__menu-link { color:#1B2B3A !important; }
.header__menu-link:hover { color:#2D6890 !important; }
.header__hamburger,
.header__mobile-close,
.header__mobile-link { color:#1B2B3A !important; }
.header__mobile-menu { background:#F7F5F1 !important; }
/* ---------- HERO: light blue, dark text ---------- */
.hero { background:
    radial-gradient(640px 540px at 76% 48%, rgba(106,174,214,.28), rgba(106,174,214,0) 70%),
    radial-gradient(420px 320px at 6% 100%, rgba(143,211,238,.35), rgba(143,211,238,0) 70%),
    linear-gradient(120deg,#E6F0F6 0%,#DCEBF4 55%,#C9E1F0 100%) !important; }
.hero::after { background:linear-gradient(90deg,#E6F0F6 0%,#E6F0F6 40%,rgba(230,240,246,.85) 46%,rgba(220,235,244,.35) 52%,rgba(220,235,244,0) 58%) !important; }
.hero-video { -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%); mask-image:linear-gradient(90deg,transparent 0%,#000 8%); }
.hero .hero__title { color:#1B2B3A !important; }
.hero .hero__title em { color:#2D6890 !important; -webkit-text-fill-color:#2D6890 !important; background:none !important; }
.hero .hero__subtitle { color:#4B5262 !important; opacity:1 !important; }
.hero .hero__subtitle b { color:#1B2B3A; }
.hero .hero__checks-item,
.hero .hero__rated,
.hero .hero__inner .cta-bottom { color:#1B2B3A !important; }
.hero .hero__checks-item svg circle { fill:#00b04f; }
.hero .hero__checks-item svg polyline { stroke:#fff; }
.hero .tp-strip g[clip-path] { fill:#00B67A; }
.hero .tp-strip > g:first-of-type { fill:#DCDCE6; }
.hero .hero__message-body { background:rgba(255,255,255,.65) !important; border:1px solid rgba(45,104,144,.2) !important; color:#1B2B3A !important; box-shadow:0 8px 20px -14px rgba(27,43,58,.3); }
.hero .hero__message-body svg { color:#C8402B !important; }
.hero .selling-fast-bar b,
.hero .selling-fast-bar .sf-num { color:#C8402B !important; }
.hero .cta-low,
.hero .cta-low.cta-low { color:#ef4444 !important; }
.hero .cta-stock i { background:#d9d9d9 !important; }
.hero .cta-stock i.on { background:#fc2201 !important; }
.hero .cta-ellipse { background:#3bd66b !important; box-shadow:0 0 0 4px rgba(59,214,107,.18) !important; }
@media (min-width:769px) {
  .hero { background:
    radial-gradient(640px 540px at 76% 48%, rgba(106,174,214,.28), rgba(106,174,214,0) 70%),
    radial-gradient(420px 320px at 6% 100%, rgba(143,211,238,.35), rgba(143,211,238,0) 70%),
    linear-gradient(120deg,#E6F0F6 0%,#DCEBF4 55%,#C9E1F0 100%) !important; }
}
@media (max-width:768px) {
  .hero { background:linear-gradient(170deg,#F7F5F1 0%,#E6F0F6 45%,#DCEBF4 100%) !important; }
  .hero::after { background:radial-gradient(420px 380px at 100% 0%, rgba(106,174,214,.25), rgba(106,174,214,0) 70%) !important; }
  .hero .hero__subtitle { color:#4B5262 !important; }
  .hero__mobile-img { background:transparent !important; }
}
/* ---------- TRUST STRIP / RESULTS ---------- */
.partners { background:#F7F5F1 !important; border-bottom:1px solid #E4DFD6; }
.partners__title,
.v3-partners-wrap .partners__title { color:#646A75 !important; }
.v3-ticker::before { background:linear-gradient(to right,#F7F5F1,transparent) !important; }
.v3-ticker::after { background:linear-gradient(to left,#F7F5F1,transparent) !important; }
/* shared headline accents on light sections */
.title em,
.title-header,
.reviews-eyebrow,
.why-phero-eyebrow,
.reviews__title em,
.how__box-title em,
.comp__title--mobile em,
.buy-title em,
.buy-eyebrow,
.expert__eyebrow { color:#2D6890 !important; -webkit-text-fill-color:#2D6890; }
.reviews-eyebrow::before,
.reviews-eyebrow::after,
.title-header::before,
.title-header::after { background:rgba(45,104,144,.45) !important; }
/* ---------- OVERVIEW / MECHANISM: Mist ---------- */
.description { background:#E6F0F6 !important; }
.description__box-row > .iconBox,
.description__box-row>.iconBox { background:#FFFFFF !important; color:#2D6890 !important; border-radius:50% !important; box-shadow:0 6px 16px -8px rgba(31,69,96,.3); }
.description__box-content p { color:#4B5262 !important; }
/* ---------- PROBLEM: hero gradient repeated (color only) ---------- */
.why-it-works { background:
    radial-gradient(560px 500px at 26% 52%, rgba(106,174,214,.4), rgba(106,174,214,0) 70%),
    radial-gradient(380px 300px at 100% 100%, rgba(63,166,202,.22), rgba(63,166,202,0) 70%),
    linear-gradient(270deg, rgba(31,69,96,.7) 0%, rgba(31,69,96,0) 45%),
    linear-gradient(210deg,#1F4560 0%,#2F5F7E 50%,#4A8DB7 100%) !important; }
.why-it-works::after { display:none; }
.why-it-works .why-phero-eyebrow { color:#DCEBF4 !important; -webkit-text-fill-color:#DCEBF4; }
.why-it-works .why-phero-eyebrow::before,
.why-it-works .why-phero-eyebrow::after { background:#3FA6CA !important; }
.why-it-works .why-phero-title { color:#fff !important; }
.why-it-works .why-phero-title em { background:linear-gradient(90deg,#3FA6CA 0%,#8FD3EE 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; }
.why-it-works .why-intro-p { color:#DCEBF4 !important; }
.why-it-works .why-intro-p b { color:#fff !important; }
.why-it-works .wrong-kicker { background:rgba(200,64,43,.18) !important; border-color:rgba(255,154,135,.55) !important; color:#FFB3A5 !important; }
.why-it-works .wrong-kicker::before { background:#C8402B !important; color:#fff !important; }
.why-it-works .vs-divider::before,
.why-it-works .vs-divider::after { background:rgba(63,166,202,.6) !important; }
.why-it-works .vs-divider span { background:#3FA6CA !important; color:#1B2B3A !important; }
.why-it-works .why-solution { background:rgba(20,48,68,.55) !important; border-color:rgba(255,255,255,.18) !important; box-shadow:0 24px 48px -28px rgba(8,22,34,.6), inset 0 1px 0 rgba(255,255,255,.08); }
.why-it-works .why-solution-p { color:#DCEBF4 !important; }
.why-it-works .why-solution-p b,
.why-it-works .why-solution-row__text,
.why-it-works .why-solution-row__text b { color:#fff !important; }
.why-it-works .why-solution-kicker { color:#DCEBF4 !important; }
.why-it-works .why-solution-rows { border-top-color:rgba(63,166,202,.45) !important; }
.why-it-works .why-solution-row:not(:last-child)::before { border-left-color:rgba(63,166,202,.6) !important; }
.why-it-works .why-phero-imgframe { box-shadow:0 40px 70px -34px rgba(8,22,34,.7); }
/* ---------- FEATURES zig-zag: Linen with Cloud tiles ---------- */
.how { background:#F7F5F1 !important; background-color:#F7F5F1 !important; }
.how__box-image { background:#FFFFFF !important; border-radius:24px; }
.how__pill { background:#E6F0F6 !important; color:#1B2B3A !important; }
.how__pill span { color:#2D6890 !important; }
.how__pill::before { background:#2D6890 !important; }
.how-review { background:#FFFFFF !important; border-left:3px solid #2D6890 !important; border-radius:0 16px 16px 0; }
.how-review-text { color:#4B5262 !important; }
.how__carousel-dots button,
.set__carousel-dots button,
.reviews__carousel-dots button { background:#E4DFD6 !important; }
.how__carousel-dots button.active,
.set__carousel-dots button.active,
.reviews__carousel-dots button.active { background:#3FA6CA !important; }
/* ---------- STATS (split): Cloud + Tide numbers ---------- */
.split,
.split__inner,
.split__content { background:#0F1724 !important; }
.split__title { color:#FFFFFF !important; }
.split__box b { color:#F2B35A !important; }
.split__box span { color:#D3D9E3 !important; }
.split__box+.split__box { border-top:1px solid rgba(255,255,255,.14) !important; }
/* ---------- USE CASES: Linen / HOW IT WORKS: Mist ---------- */
.set { background:#F7F5F1 !important; }
.set__box { background:#FFFFFF !important; border:1px solid #E4DFD6 !important; border-radius:20px !important; overflow:hidden; }
.set__box:hover { border-color:#DCEBF4 !important; box-shadow:0 18px 38px -16px rgba(31,69,96,.2) !important; }
.set__box-image { background:#E6F0F6 !important; }
.set__box-text { color:#4B5262 !important; }
.set--steps { background:#E6F0F6 !important; background-color:#E6F0F6 !important; }
.step-num { background:#2D6890 !important; color:#fff !important; border-color:#E6F0F6 !important; }
/* ---------- TICKER ---------- */
.marquee { background:linear-gradient(90deg,#1F4560 0%,#2F5F7E 50%,#1F4560 100%) !important; }
.marquee__item { color:#fff !important; }
.marquee__item svg { color:#3FA6CA !important; }
/* ---------- COMPARISON: Cloud table on Linen ---------- */
.comp { background:#F7F5F1 !important; }
.ct-desk__panel--us { background:#E6F0F6 !important; }
.ct-desk__feature,
.ct-desk__cell { border-top-color:#E4DFD6 !important; }
.ct-desk__feature--last,
.ct-desk__cell--last { border-bottom-color:#E4DFD6 !important; }
.ct-mob-cell--us,
.ct-mob-hinfo--us { background:#E6F0F6 !important; }
.ct-mob-grid { border-bottom-color:#E4DFD6 !important; }
.ct-mob-divider { background:#E4DFD6 !important; }
/* ---------- GUARANTEE: Harbor strip ---------- */
.guarantee-band { background:#F7F5F1; }
.guarantee-card { background:radial-gradient(420px 300px at 12% 50%, rgba(106,174,214,.32), rgba(106,174,214,0) 70%), linear-gradient(150deg,#1F4560 0%,#2F5F7E 70%) !important; box-shadow:0 24px 48px -24px rgba(27,43,58,.35), inset 0 1px 0 rgba(255,255,255,.08); }
.guarantee-card__text,
.guarantee-card p { color:#DCEBF4 !important; }
/* ---------- REVIEWS ---------- */
.reviews { background:#FFFFFF !important; }
.reviews__box { background:#FFFFFF !important; border:1px solid #E4DFD6 !important; border-radius:20px !important; }
.reviews__box-header { background:#E6F0F6 !important; }
.reviews__box-verification { color:#2D6890 !important; }
.reviews__box-review b { color:#2D6890 !important; }
.reviews__box-review,
.reviews-sub { color:#4B5262 !important; }
.reviews__box-name { color:#1B2B3A !important; }
/* ---------- BUY: white card on the signature gradient ---------- */
.buy-section { background:radial-gradient(420px 320px at 0% 100%, rgba(63,166,202,.28), rgba(63,166,202,0) 70%), linear-gradient(150deg,#1F4560 0%,#2F5F7E 45%,#4A8DB7 82%,#6AAED6 100%) !important; padding:64px 0 !important; }
.buy-card { background:#FFFFFF !important; border:none !important; border-radius:24px !important; box-shadow:0 40px 80px -36px rgba(10,25,40,.6); }
.buy-badge { background:#E6F0F6 !important; }
.buy-rule { background:#2D6890 !important; }
.buy-social-proof { border-color:#E4DFD6 !important; border-radius:999px !important; }
.buy-social-divider { background:#E4DFD6 !important; }
.buy-instock-dot { background:#22c55e !important; box-shadow:0 0 0 3px rgba(34,197,94,.2) !important; }
.instock-label { color:#22c55e !important; }
.buy-trust-bullet { color:#4B5262 !important; }
.cta-bottom { color:#4B5262; }
/* ---------- EXPERT ---------- */
.expert { background:#F7F5F1 !important; background-color:#F7F5F1 !important; }
.expert__inner { background:#FFFFFF !important; border:1px solid #E4DFD6 !important; border-radius:24px !important; box-shadow:0 30px 70px -40px rgba(31,69,96,.3) !important; }
.expert__eyebrow::after,
.expert__quote .expert__qmark { color:#2D6890 !important; }
.expert__eyebrow::after { background:#2D6890 !important; }
.expert__quote .expert__quote-text b { color:#2D6890 !important; }
.expert__quote,
.expert__quote span { color:#4B5262 !important; }
.expert-rule { background:#E4DFD6 !important; }
.expert__role { color:#646A75 !important; }
.expert__sign-name { color:#646A75 !important; }
/* ---------- FAQ ---------- */
.faq { background:#F7F5F1 !important; }
.faq__box,
.faq__box:first-child { border-color:#E4DFD6 !important; }
.faq__box-icon { background:#E6F0F6 !important; color:#2D6890 !important; }
.faq__box.open .faq__box-icon { background:#2D6890 !important; color:#fff !important; }
.faq__box-header:hover .faq__box-question { color:#2D6890 !important; }
.faq__box-footer-inner { color:#4B5262 !important; }
/* ---------- FINAL CTA: signature gradient ---------- */
.faq-cta { background:linear-gradient(160deg,#DCEBF4 0%,#C9E1F0 50%,#A9D0E8 100%) !important; }
.faq-cta::after { background:radial-gradient(circle,rgba(106,174,214,.4),rgba(106,174,214,0) 70%) !important; }
.faq-cta .faq-cta__title { color:#1B2B3A !important; }
.faq-cta .faq-cta__sub { color:#2A3B4C !important; }
.faq-cta .cta-bottom { color:#1B2B3A !important; }
.faq-cta .cta-stock i:not(.on) { background:#fff !important; }
/* ---------- FOOTER ---------- */
.footer { background:#1F4560 !important; color:#DCEBF4 !important; }
.footer__nav a,
.footer__copy { color:#DCEBF4 !important; }
.footer__nav a:hover { color:#8FD3EE !important; }
.footer__legal { color:rgba(220,235,244,.72) !important; }
/* ---------- MISC ---------- */
.mobile-sticky-cta { background:#F7F5F1 !important; border-top-color:#E4DFD6 !important; }
[stroke="#1A6FD4" i] { stroke:#2D6890; }
/* ---------- CARDS: color shadow instead of flat border ---------- */
.set__box,
.reviews__box,
.expert__inner,
.how-review,
.buy-card { border-color:transparent !important; box-shadow:0 1px 2px rgba(27,43,58,.06), 0 12px 32px rgba(27,43,58,.08) !important; }
.buy-card { box-shadow:0 1px 2px rgba(27,43,58,.06), 0 40px 80px -36px rgba(8,22,34,.55) !important; }
.set__box:hover,
.reviews__box:hover { box-shadow:0 2px 4px rgba(27,43,58,.06), 0 20px 44px rgba(27,43,58,.12) !important; }
/* ---------- BEACON BLUE: decorative accents ---------- */
.title-header::before,
.title-header::after,
.reviews-eyebrow::before,
.reviews-eyebrow::after,
.expert__eyebrow::after { background:#3FA6CA !important; }
.buy-rule { background:linear-gradient(90deg,#3FA6CA,#8FD3EE) !important; }
/* ---------- TOP BANNERS (recolor) ---------- */
.announcebar { background:#ACF4A1 !important; box-shadow:none !important; }
.announcebar__inner,
.announcebar__note,
.announcebar__divider,
.announcebar__offer,
.announcebar__offer b,
.announcebar b { color:#111 !important; }
.trustbar { background:#2B3138 !important; background-color:#2B3138 !important; border-bottom:1px solid #1E2328 !important; }
.trustbar .trustbar__inner,
.trustbar .trustbar__item { color:#F7F5F1 !important; }
.trustbar .trustbar__item svg,
.trustbar__icon { color:#8FD3EE !important; stroke:#8FD3EE !important; }
@media (min-width:769px) {
  .hero__br-mob { display:none; }
  .hero .hero__title-line2 { font-size:.74em; white-space:nowrap; }
}

/* ==========================================================================
   Export additions
   ========================================================================== */
/* Migrated from inline style attributes (one class per former inline style) */
.description--layered { position: relative; overflow: hidden; }
.description__bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; }
.description__container { position: relative; z-index: 1; }
.description__media-frame { position: relative; }
.description__product-img { position: relative; z-index: 1; }
.description__rings-img { position: absolute; left: 50%; top: 50%; aspect-ratio: 1 / 1; max-width: none; transform: translate(-50%, -50%); object-fit: cover; z-index: -1; pointer-events: none; -webkit-mask-image: radial-gradient(circle closest-side, #000 72%, transparent 100%); mask-image: radial-gradient(circle closest-side, #000 72%, transparent 100%); }
.description__rings-img--mobile { width: 390px; }
.description__rings-img--desktop { width: 150%; }
.description__box-row .description__icon-box { overflow: hidden; box-shadow: none; background: #EEF5FC; }
.description__icon-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.why-phero-imgframe__img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; }
.why-phero-img-mobile__photo { width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; display: block; border-radius: 16px; }
.why-solution-row__icon { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; display: block; }
.how__box-image--landscape { aspect-ratio: 4 / 3; }
.how__box-media { width: 100%; height: 100%; object-fit: cover; display: block; }
.how__box-media--bottom { object-position: center bottom; }
.how__box-media--right-top { object-position: right top; }
.split__photo { display:block; width:100%; height:100%; object-fit:cover; object-position:62% center; border:0; border-radius:0; }
.set__box-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
.set__step-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ct-mob-himg { object-fit: contain; display: block; flex-shrink: 0; }
.ct-mob-himg--us { width: 80px; height: 80px; }
.ct-mob-himg--rx { width: 66px; height: 66px; }
.ct-desk__us-img { width: 160px; height: 160px; object-fit: contain; display: block; flex-shrink: 0; margin-top: 40px; }
.ct-desk__th-img--contain { object-fit: contain; }
.guarantee-card__text--balance { text-wrap: balance; }
.reviews__box-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.tp-reviews__photo-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.tp-reviews__card-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Header shadow on scroll (script.js toggles .header--scrolled) */
.header--scrolled { box-shadow: 0 2px 16px rgba(0, 0, 0, .12); }
/* Desktop / mobile copy variants (formerly swapped by JS at 768px):
   the mobile headline adds a line break; it is hidden above 768px */
@media (min-width: 769px) {
  .reviews__title .reviews__title-br,
  .comp__title--mobile .comp__title-br { display: none; }
}

/* Responsive sizes formerly set from JS (hero type, in-stock label, buy social proof) */
.buy-social-proof .buy-avatar-img { width: 32px; height: 32px; }
.buy-social-proof .buy-rating-text { font-size: 15px; }
.buy-social-proof .buy-instock-dot { width: 9px; height: 9px; }
.buy-social-proof .buy-social-left svg.tp-strip { width: 91px; height: 16px; }
@media (max-width: 768px) {
  .buy-social-proof .buy-social-left svg.tp-strip { width: 57px; height: 10px; }
  .set__boxes-wrapper,
  .how__boxes-wrapper { transform: translateX(20px); }
}
@media (max-width: 430px) {
  :root { --hero-rated-fs: 15px; --hero-title-fs: 38px; --hero-bullet-fs: 16px; --instock-fs: 12px; }
  .buy-social-proof .buy-avatar-img { width: 24px; height: 24px; }
  .buy-social-proof .buy-rating-text { font-size: 12px; }
  .buy-social-proof .buy-instock-dot { width: 10px; height: 10px; }
}
@media (max-width: 390px) {
  :root { --hero-rated-fs: 14px; --hero-title-fs: 34px; --hero-bullet-fs: 14px; --instock-fs: 10.5px; }
  .buy-social-proof .buy-avatar-img { width: 20px; height: 20px; }
  .buy-social-proof .buy-rating-text { font-size: 10.5px; }
  .buy-social-proof .buy-instock-dot { width: 9px; height: 9px; }
}
@media (max-width: 375px) {
  :root { --hero-rated-fs: 13px; --hero-title-fs: 33px; --hero-bullet-fs: 13px; --instock-fs: 9.5px; }
  .buy-social-proof .buy-avatar-img { width: 18px; height: 18px; }
  .buy-social-proof .buy-rating-text { font-size: 9.5px; }
  .buy-social-proof .buy-instock-dot { width: 8.5px; height: 8.5px; }
}
@media (max-width: 320px) {
  :root { --hero-rated-fs: 10.5px; --hero-title-fs: 27px; --hero-bullet-fs: 10.5px; --instock-fs: 8px; }
  .buy-social-proof .buy-avatar-img { width: 15px; height: 15px; }
  .buy-social-proof .buy-rating-text { font-size: 8px; }
  .buy-social-proof .buy-instock-dot { width: 5px; height: 5px; }
}