/* Twist Buddy Pro | Sales Page (US)
   Single stylesheet: merged sales-page-styles.css + brand.css + sales-page-sections.css,
   plus inline styles and JS-driven sizing migrated into classes and media queries. */
/* Cascade note: the original stylesheets sit in @layer base. The unlayered
   "migrated" rules at the bottom replace former inline styles: they beat any
   normal base rule (as inline styles did) but still lose to base !important
   rules (as inline styles did). */
@layer base {
/* ============ 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:#252129;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:#210d38;
  --ink-soft:#333;
  --muted:#695a7a;
  --bg:#fff;
  --bg-soft:#f9f6fc;
  --line:#e9e2f0;
  --brand:#6528ab;        /* hydro blue */
  --brand-deep:#3e1969;
  --brand-light:#dcc8f2;
  --action:#8BD400;       /* coral CTA */
  --action-deep:#79BA00;
  --night:#1a0a2c;        /* hero / guarantee / limit dark */
  --night-2:#260f40;
  --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,#ede6f6 0 14px,#f3eef8 14px 28px);
  color:#574769;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 #d3c8e0;
}

/* ======= 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(121,186,0,.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(26,10,44,.85) 55%,rgba(26,10,44,0) 72%)}
.hero::before {content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(65deg,rgba(143,80,214,.32) 0%,rgba(143,80,214,.16) 14%,rgba(143,80,214,0) 42%),
    linear-gradient(104deg,rgba(101,40,171,0) 58%,rgba(101,40,171,.22) 72%,rgba(101,40,171,.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}.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,#bc97e7,#8f50d6 60%,#6528ab);-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:#8f50d6}
.hero__message {max-width:508px;width:100%;display:flex;justify-content:center;margin-bottom:18px}
/* hero social proof bar */

.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(121,186,0,.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(121,186,0,.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,#f1e9fa,#dcc8f2);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,#f1e9fa,#dcc8f2);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 b {font-family:"Anek Latin",sans-serif;font-weight:800;font-size:52px;line-height:1;letter-spacing:-.02em;color:var(--brand-deep);min-width:120px}
.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(26,10,44,.18);border-color:#e1d0f4}
.set__box-image {aspect-ratio:308/220;background:linear-gradient(135deg,#f1e9fa,#dcc8f2);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)}
/* ======= setup (3-step how-to) ======= */

/* ======= 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:#8f50d6;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}

/* ======= guarantee (dark bg, badge+content) ======= */

/* ======= 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(26,10,44,.15);border-color:#e1d0f4}
.reviews__box-header {position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#f1e9fa,#dcc8f2)}

.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(26,10,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,#8f50d6,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)}
/* ======= limit (dark hero w/ countdown) ======= */

/* ======= 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(26,10,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(26,10,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}
}
/* ======= softcta (presale → sales handoff band) ======= */

/* ======= 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(37,33,41,.18);padding:22px 4px}
.faq__box:first-child {border-top:1px solid rgba(37,33,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:#f2ebfa;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:#e1dce6;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:65px;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}}
/* ======= toast ======= */

/* ======= 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:48px;min-width:90px}
.split__box span {font-size:16px}
.split__box {gap:16px}
.split__content {padding:32px 0}

/* Hero social proof bar, stack on mobile */

/* 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}
/* Guarantee */

/* Buy block */

/* 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}

/* UGC cards */

/* 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}
}
/* =====================================================================
   PRESALE / ADVERTORIAL  (presale.html only)
   Faithful re-creation of the MozzShield advertorial layout, skinned
   to the Jetterix brand tokens. Hand-rolled grid + utilities (no Bootstrap).
   ===================================================================== */

/* --- advertorial strip + header --- */

/* --- editorial title + byline --- */

/* --- two-column body --- */

/* --- article (left) --- */

/* tick list */

/* reviews */

/* product box + offer */

/* --- right rail (sticky) --- */

/* --- mobile fixed bottom CTA bar --- */

/* --- advertorial footer (disclaimers) --- */

/* ---- advertorial responsive ---- */

/* --- authentic Facebook-style comments (bottom of article) --- */

/* --- offer block with countdown (richer proBox) --- */

/* --- highlighter for persuasive lines --- */

/* ======= translation safety net (FR / DE only, English untouched) =======
   Copy length parity is the primary fix, see skills/translate-pages.
   These rules only stop a marginal overrun from clipping. They are not a
   licence to ship long translations. */

/* ======= 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 {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; }
/* ============================================================
   SALES BRAND CSS, Twist Mate Pro
   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:       #5B3FA8;
  --brand-deep:  #3F2B7A;
  --brand-light: #DDD2F7;
  --night:       #241B3A;
  --night-2:     #3e265a;
  --ink:         #241B3A;
  --bg-soft:     #F3EEFC;
  --muted:       #655478;
  --line:        rgba(91,63,168,.15);
  --action:      #E85D04;
  --action-deep: #C44D00;
  --warn-orange: #ff8b3d;
}
/* 2. BRAND-COLOURED CHROME
   These carry brand colour, so they live here and not in the base sheet. */
.announcebar { background: var(--night); color: #fff; }.trustbar__icon { stroke: #a479d6; }
/* 3. Keyframes */
@keyframes pulse {
  0%, 100% { transform: scale(1);   box-shadow: 0 8px 18px -4px rgba(232,93,4,.5), inset 0 1px 0 rgba(255,255,255,.22); }50%{ transform: scale(.97); box-shadow: 0 5px 14px -4px rgba(232,93,4,.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: #F3EEFC; }.hero::after { background: none !important; }.hero::before { background: none !important; }.hero-video { position: absolute; }.hero-video::before { display: none !important; }.hero__title { color: #241B3A; }.hero__title em { color: #241B3A; text-shadow: none; background: none; -webkit-background-clip: unset; background-clip: unset; }.hero__subtitle { color: #241B3A; opacity: 0.82; }.hero__checks-item { color: #241B3A; }.hero__rated { color: #241B3A; }.hero__rated-image svg { color: #ff9911; }.hero__rated-image svg.tp-strip { width: auto; height: 14px !important; }.hero__message-body { color: #241B3A; background: rgba(36,27,58,.08); border-color: rgba(36,27,58,.18); }.hero__inner .cta-bottom { color: #241B3A; }
/* 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: #3F2B7A; 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, #ECE5FB, #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, #F3EEFC, #DDD2F7); 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, #F3EEFC, #DDD2F7); 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: #E7E0F7; }.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, #F3EEFC, #DDD2F7); 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: #a479d6; }.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(36 27 58); }.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: min(3.1vw, 16.5px) !important; font-weight: 600; padding: 8px 5% !important; gap: 5px !important; white-space: nowrap !important; text-wrap: nowrap !important; color: #000 !important; }.hero__inner .hero__message-body.selling-fast-bar b, .hero__inner .hero__message-body.selling-fast-bar .sf-num, .hero__inner .hero__message-body.selling-fast-bar .selling-fast-bar__strong { color: #000 !important; }.hero__inner .hero__message-body.selling-fast-bar svg { width: min(3.2vw, 17px) !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) {.results-scroll-section { padding-top: 50px !important; }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; } }
/* 9. TWIST MATE PRO: orange CTA (complements purple) with white text */
.cta-button, .header__button, .mobile-sticky-cta__btn { color: #fff; }
.cta-button svg { background: rgba(255,255,255,.22); }
.cta-button:hover { box-shadow: 0 14px 26px -6px rgba(196,77,0,.5), inset 0 1px 0 rgba(255,255,255,.25); }
.header__button { box-shadow: 0 4px 4px 0 rgba(232,93,4,.3); }
.mobile-sticky-cta__btn { box-shadow: 0 4px 14px rgba(196,77,0,.32); }
/* 10. TWIST MATE PRO: 769 to 1000px containment fixes (additive) */
.buy-card { flex-wrap: wrap; }
.buy-card__image { flex: 0 1 415px; min-width: 0; }
.buy-card__content { min-width: 0; }
@media (max-width: 1000px) and (min-width: 769px) {
.buy-card { flex-direction: column; }
.buy-card__image { flex: 0 0 auto; width: 100%; }
.buy-card__content { width: 100%; box-sizing: border-box; }
.buy-card__content .cta-button { width: 100%; box-sizing: border-box; }
.tp-reviews__card-stars { flex-wrap: wrap; }
.tp-reviews__card-date { flex: 1 0 100%; }
}
/* ============================================================
   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-phero-title br { display: none; }
.why-phero-sub { display: block; }
.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: #2a1f37; }
.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(36,27,58,.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: #2a1f37 !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; height: 0; margin: 0 0 14px; }
.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(36,27,58,.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(36,27,58,.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(91,63,168,.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(91,63,168,.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 br { display: revert !important; }
.why-phero-title em { font-style: normal !important; color: var(--brand) !important; }
.why-phero-sub { display: block !important; text-align: center !important; font-size: clamp(15.5px, 4.9vw, 19px) !important; line-height: 1.4 !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto 28px !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(36,27,58,.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: inline; font-style: normal; color: var(--brand); }

.how__box-title::after { content: ""; display: block; height: 1px; background: rgba(36,27,58,.14); margin: 14px 0 0; }
.how__pill { display: flex; align-items: flex-start; gap: 10px; background: #f5effb; 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; }
.ct-mob-ico { width: 22px; height: 22px; flex-shrink: 0; color: var(--brand); }
@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(91,63,168,.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(91,63,168,.5); }
.how__box-title::after { content: ""; display: block; height: 1px; background: rgba(36,27,58,.14); margin: 14px 0 0; }
.how__pill { display: flex; align-items: flex-start; gap: 10px; background: #f5effb; 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); }
.why-phero-sub { display: none; }
.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; }
}
.results-eyebrow { display: flex !important; align-items: center; justify-content: center; gap: 14px; }
.results-eyebrow::before, .results-eyebrow::after { content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(91,63,168,.5); }
.results-scroll-title br { display: none; }
@media (max-width: 768px) {
.results-scroll-title { font-size: clamp(34px, 9.8vw, 42px) !important; font-weight: 800 !important; line-height: 1.02 !important; letter-spacing: -.03em !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto !important; }
.results-scroll-title br { display: revert; }
}
.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: #F3EEFC !important; } }
@media (max-width: 768px) { .hero { background: #fff !important; } .hero-video { display: none !important; } .hero__mobile-img { background: #DDD2F7 !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) { .results-scroll-section { padding-top: 50px !important; } 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; } }
@keyframes results-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50% - 8px)); } }
.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__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; }
@media (max-width: 768px) { .results-eyebrow { font-size: 13px !important; margin: 0 auto 14px !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: #d7c8e9; 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(91,63,168,.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: #d7c8e9; 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: #d7c8e9; 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); } }
/* Comparison desktop */

.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: #f5effb; border-radius: 12px 12px 0 0; margin-top: -32px; padding-top: 38px; }
.ct-mob-hinfo--rx { background: #f3f0f7; 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(36,27,58,0.12); }
.ct-mob-divider { grid-column: 1 / -1; height: 1px; background: rgba(36,27,58,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: #f5effb; }
.ct-mob-cell--rx { background: #f3f0f7; }
.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;background:#A8E6A1 !important}
.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:52px;width:auto;display:block}
@media (min-width:981px) {.header__inner {grid-template-columns:auto minmax(0,1fr) auto}.header__navigation {justify-self:stretch;display:flex !important;justify-content:center}}
.header__menu {width:auto;justify-content:center;gap:64px}
@media (max-width:1100px) {.header__menu {gap:40px}}
.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}
/* results-scroll-section */
.results-scroll-section {background-color:#fff;padding:64px 0 50px;overflow:hidden}
.results-scroll__header {text-align:center;padding:0 24px 20px}
.results-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}
.results-scroll-title {font-family:'Anek Latin',sans-serif;font-size:clamp(28px,5vw,46px);font-weight:700;color:var(--ink);line-height:.95;margin:0}
.results-scroll-title__accent {color:var(--brand);font-weight:inherit}
.results-scroll__viewport {position:relative;width:100%;overflow:hidden}
.results-scroll__track {display:flex;gap:16px;width:max-content;animation:results-scroll 42s linear infinite}
.results-scroll__item {flex-shrink:0;width:533px;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.results-scroll__img {width:100%;height:100%;object-fit:cover}
/* 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-img {width:100%;height:100%;object-fit:cover;display:block}
.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-phero-img-mobile__img {width:100%;object-fit:contain;display:block;background:#f5f5f5}
.why-intro-p {font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.why-solution {background:#f5effb;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-video {width:100%;height:100%;object-fit:cover;display:block}
.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}
.how__box-img {width: 100%;height: 100%;object-fit: cover;display: block}
.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__box-img {width:100%;height:100%;object-fit:cover;display:block}
.set--steps {background-color:#F5F4F2}
.set__step-media {position:relative;width:100%;padding-top:75%;overflow:hidden}
.set__step-video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.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-logo {width:80px;height:80px;object-fit:contain;border-radius:0;display:block}
.comp__grid-stars {height:14px;width:auto;display:block}
.comp__grid-logo--sm {width:66px;height:66px;object-fit:cover;border-radius:0;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 #e6ddf0;padding-right:20px}
.ct-desk__feature--last {border-bottom:1px solid #e6ddf0}
.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(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 1px,transparent 1px),linear-gradient(#e6ddf0 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__hero-img {width: 160px;height: 160px;object-fit: contain;display: block;border-radius: 0px;box-shadow: none;margin-top: 40px}
.ct-desk__panel--us {background:#f5effb;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 #e6ddf0}
.ct-desk__cell-icon {width:18px;height:18px;display:block}
.ct-desk__cell--last {border-bottom:1px solid #e6ddf0}
.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(245,239,251,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 */
.reviews__box-img {width:100%;height:100%;object-fit:cover;display:block}
.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:#f7f2fc;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:#f5effb;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 #e9e2f0;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:#e9e2f0}
.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:#F3EEFC}
.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:65px;width:auto;display:block}
@media (max-width: 768px) {
.results-scroll-title { font-size: clamp(26px, 9vw, 40px) !important; max-width: none !important; }
.results-scroll-title__accent { white-space: nowrap; }
.results-scroll__track { zoom: .75; }
}
@media (max-width: 768px) { .wrong-kicker { display: none !important; } }
.how__box-title, .how__box-title em { text-wrap: wrap !important; max-width: none !important; }
@media (min-width: 769px) {
.why-phero-sub { display: block !important; font-size: 19px; line-height: 1.4; color: var(--muted); margin: -8px 0 22px; }
.expert__role { display: none !important; }

}
@media (min-width: 769px) { .title br.br-desk { display: inline !important; } }
@media (max-width: 768px) { .ct-mob-feat > svg { display: none !important; } }
@media (max-width: 768px) { .ct-mob-hdr, .ct-mob-hcol { align-items: start !important; } .ct-mob-hinfo { justify-content: flex-start !important; align-items: center !important; } .ct-mob-hinfo .comp__grid-stars { margin-top: 0 !important; } }
@media (max-width: 768px) { .ct-mob-hinfo--rx { padding-top: 40px !important; } }
@media (max-width: 768px) {
.guarantee-card { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 20px !important; padding: 32px 28px 36px !important; border-radius: 16px !important; }
.guarantee-badge-img { width: 150px !important; height: 150px !important; }
.guarantee-card__title { font-size: 28px !important; line-height: 1.25 !important; margin: 0 auto 14px !important; max-width: 230px; text-wrap: balance; }
.guarantee-card__text { font-size: 17px !important; line-height: 1.6 !important; color: #fff !important; margin: 0 auto !important; text-wrap: pretty; }
}
@media (max-width: 768px) { .reviews__box-title { text-wrap: wrap !important; max-width: none !important; width: 100% !important; }  }
@media (max-width: 768px) { .buy-trust-bullets { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; justify-content: stretch !important; gap: 10px 14px !important; } .buy-trust-bullet { align-items: flex-start !important; line-height: 1.35 !important; } .buy-trust-bullet svg { flex-shrink: 0; width: 16px !important; height: 16px !important; margin-top: 2px; } }
@media (max-width: 768px) { .split__image { aspect-ratio: 16 / 9 !important; height: auto !important; min-height: 0 !important; } .split__image-ph { width: 100% !important; height: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; background-position: center 30% !important; } }
@media (min-width: 769px) { .expert__inner { height: auto !important; min-height: 360px; } .expert__body { padding-top: 44px !important; padding-bottom: 44px !important; } }
@media (min-width: 981px) { .expert__media { min-height: 360px !important; } }
@media (min-width: 769px) {
.expert__inner { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 28px !important; overflow: hidden !important; box-shadow: 0 30px 70px -40px rgba(36,27,58,.25) !important; min-height: 420px !important; align-items: center !important; gap: 0 !important; }
.expert__media { width: 42% !important; align-self: stretch !important; }
.expert__body { padding: 44px 64px 44px 108px !important; }
.expert__role { display: block !important; font-size: 18px !important; font-weight: 600 !important; color: var(--muted) !important; margin: 0 0 22px !important; }
.expert__quote-text { max-width: 440px !important; }
}
@media (min-width: 769px) and (max-width: 980px) { .expert__media { width: 100% !important; } .expert__body { padding: 40px 36px !important; } }
@media (min-width: 981px) {
.expert__media { position: relative !important; min-height: 420px !important; height: auto !important; }
.expert__media-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 25% !important; }
}
@media (min-width: 981px) {
.expert__inner { min-height: 0 !important; align-items: center !important; }
.expert__media { align-self: flex-start !important; aspect-ratio: 1 / 1 !important; height: auto !important; min-height: 0 !important; }
}
@media (min-width: 769px) and (max-width: 980px) { .expert__inner { align-items: stretch !important; } .expert__body { width: 100% !important; box-sizing: border-box !important; } }
.faq-cta__sub br.br-mob { display: none; }
@media (max-width: 768px) { .faq-cta__sub br.br-mob { display: inline !important; } .faq-cta__sub { font-size: min(4vw, 17px) !important; } }
.desc-desktop-img { flex-basis: 380px !important; }
.desc-desktop-img__frame { width: 380px !important; max-width: 100%; }
.desc-desktop-img__img { object-fit: contain !important; }
@media (max-width: 1100px) and (min-width: 769px) { .desc-desktop-img__frame { width: 320px !important; } }
@media (max-width: 768px) { .desc-mobile-img__img { width: min(86vw, 340px) !important; } }
@media (min-width: 769px) { .split__image-ph { background-position: 62% 100% !important; } }
@media (min-width: 981px) { .split__image-ph { background-image: url('/modules/1/interstitial-v1/assets/trust-statistics-wide.webp?v=20261009-1') !important; background-position: 50% 70% !important; } }
/* Mobile carousel swipe lock */
@media (max-width: 768px) { html, body { overflow-x: clip !important; overscroll-behavior-x: none; } .set__carousel-wrap, .how__carousel-wrap, .reviews__carousel-wrap { touch-action: pan-y; overscroll-behavior-x: contain; } }
@media (max-width: 768px) { .ct-mob-hdr, .ct-mob-grid { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) !important; column-gap: 8px !important; } .ct-mob-hcol { min-width: 0; align-items: stretch !important; } .ct-mob-hinfo { width: 100% !important; box-sizing: border-box; } .ct-mob-himg-wrap img { max-width: 100%; } }
@media (max-width: 768px) { .ct-mob-hdr { align-items: stretch !important; } .ct-mob-hcol { display: flex !important; flex-direction: column !important; } .ct-mob-himg-wrap { height: 80px !important; flex: 0 0 80px; } .ct-mob-hinfo--us, .ct-mob-hinfo--rx { flex: 1 1 auto; margin-top: -32px !important; padding-top: 40px !important; justify-content: flex-start !important; } }
}

/* ===== Migrated inline styles & JS-driven sizing (unlayered) ===== */
.hero-video__el--fill { width:100%; height:100%; object-fit:cover; display:block; }
.hero__title-line2--brand { color: var(--brand); }
.hero__mobile-video--fill { width:100%; height:100%; object-fit:cover; display:block; }
.hero__checks-text { font-size: min(1em, 3.55vw); letter-spacing: -0.01em; }
.iconBox--feature-icon-1 { background: url('/modules/1/interstitial-v1/assets/feature-icon-1.webp?v=20261009-1') center / 122% no-repeat; overflow: hidden; }
.iconBox--feature-icon-2 { background: url('/modules/1/interstitial-v1/assets/feature-icon-2.webp?v=20261009-1') center / 122% no-repeat; overflow: hidden; }
.iconBox--feature-icon-3 { background: url('/modules/1/interstitial-v1/assets/feature-icon-3.webp?v=20261009-1') center / 122% no-repeat; overflow: hidden; }
.iconBox--feature-icon-4 { background: url('/modules/1/interstitial-v1/assets/feature-icon-4.webp?v=20261009-1') center / contain no-repeat #efe6fb; overflow: hidden; }
.iconBox--feature-icon-5 { background: url('/modules/1/interstitial-v1/assets/feature-icon-5.webp?v=20261009-1') center / 122% no-repeat; overflow: hidden; }
.iconBox--feature-icon-6 { background: url('/modules/1/interstitial-v1/assets/feature-icon-6.webp?v=20261009-1') center / 122% no-repeat; overflow: hidden; }
.how__box-img--fill { width:100%; height:100%; object-fit:cover; display:block; }
.how__box-video--fill { width:100%; height:100%; object-fit:cover; display:block; }
.split__image-ph--trust-statistics { background: url('/modules/1/interstitial-v1/assets/trust-statistics.webp?v=20261009-1') center / cover no-repeat; }
.split__box-brand { font: inherit; font-weight: 700; color: inherit; }
.set__step-video--fill { width:100%; height:100%; object-fit:cover; display:block; }
.ct-mob-himg-wrap--tall { height: 80px; align-items: flex-end; }
.comp__grid-logo--mobile { width: 86px; height: auto; }
.comp__grid-logo-sm--mobile { width: 76px; height: auto; object-fit: contain; }
.ct-desk__th-img--comparison-grip-pads-nobg { background: url('/modules/1/interstitial-v1/assets/comparison-grip-pads-nobg.webp?v=20261009-1') center / contain no-repeat; }
.ct-desk__th-img--comparison-strap-wrench-nobg { background: url('/modules/1/interstitial-v1/assets/comparison-strap-wrench-nobg.webp?v=20261009-1') center / contain no-repeat; }
.reviews__box-img--square { aspect-ratio: 1 / 1; height: auto; object-fit: cover; object-position: center 30%; }
.tp-reviews__strip-ph--review-selfie-woman { background: url('/modules/1/interstitial-v1/assets/review-selfie-woman.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__strip-ph--review-sauce-jar { background:url('/modules/1/interstitial-v1/assets/review-sauce-jar.webp?v=20261009-1') center/cover no-repeat; }
.tp-reviews__strip-ph--review-selfie-man { background:url('/modules/1/interstitial-v1/assets/review-selfie-man.webp?v=20261009-1') center/cover no-repeat; }
.tp-reviews__strip-ph--lifestyle-4-jam { background:url('/modules/1/interstitial-v1/assets/lifestyle-4-jam.webp?v=20261009-1') center/cover no-repeat; }
.tp-reviews__strip-ph--review-pickle-jar { background:url('/modules/1/interstitial-v1/assets/review-pickle-jar.webp?v=20261009-1') center/cover no-repeat; }
.tp-reviews__strip-ph--lifestyle-5-counter { background:url('/modules/1/interstitial-v1/assets/lifestyle-5-counter.webp?v=20261009-1') center/cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-1 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-1.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-4 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-4.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-2 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-2.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-7 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-7.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-5 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-5.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-3 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-3.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--allreviews-card-8 { background: url('/modules/1/interstitial-v1/assets/allreviews-card-8.webp?v=20261009-1') center / cover no-repeat; }
.tp-reviews__card-ph--review-dana-photo { background: url('/modules/1/interstitial-v1/assets/review-dana-photo.webp?v=20261009-1') center / cover no-repeat; }
.faq-cta__phrase { white-space:nowrap; }
/* Desktop keeps the line break, mobile runs the title on one flow (was a JS copy swap) */
@media (max-width: 768px) { .why-phero-title__break { display: none; } }
/* Responsive type sizes (previously set by JS per breakpoint) */
:root { --hero-rated-fs: 15px; --hero-title-fs: 60px; --hero-bullet-fs: 18px; --instock-fs: 13.5px; }
@media (max-width: 768px) { :root { --hero-title-fs: 54px; } }
@media (max-width: 430px) { :root { --hero-title-fs: 50px; --hero-bullet-fs: 16px; --instock-fs: 12px; } }
@media (max-width: 390px) { :root { --hero-rated-fs: 14px; --hero-title-fs: 46px; --hero-bullet-fs: 14px; --instock-fs: 10.5px; } }
@media (max-width: 375px) { :root { --hero-rated-fs: 13px; --hero-title-fs: 44px; --hero-bullet-fs: 13px; --instock-fs: 9.5px; } }
@media (max-width: 320px) { :root { --hero-rated-fs: 10.5px; --hero-title-fs: 36px; --hero-bullet-fs: 10.5px; --instock-fs: 8px; } }
/* Buy-box social proof sizing (previously set by JS) */
.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 .tp-strip { width: 91px; height: 16px; }
@media (max-width: 768px) { .buy-social-proof .buy-social-left .tp-strip { width: 57px; height: 10px; } }
@media (max-width: 430px) { .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) { .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) { .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) { .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; } }
/* Carousel start offset on mobile (script.js takes over from here) */
@media (max-width: 768px) { .set__boxes-wrapper, .how__boxes-wrapper { transform: translateX(20px); } }
/* Header shadow on scroll (class toggled by script.js) */
.header--is-scrolled { box-shadow: 0 2px 16px rgba(0,0,0,.12); }