/* Nubebé landing page.
   Components (Button, Tag, SectionHeading, Confetti, CloudBand, StepList,
   PieceCount, mascots) are static ports of the design-system React components. */

.page{width:100%;background:var(--white);font-family:var(--font-body);color:var(--text-body);overflow-x:hidden}

/* ── Components ─────────────────────────────────────────────── */

/* Button — design system Button.jsx */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--fw-extrabold);border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-control)}
.btn:hover{transform:var(--lift-hover)}
.btn:active{transform:var(--press-scale)}
.btn--sm{height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--fs-body-sm)}
.btn--lg{height:var(--control-h-lg);padding:0 var(--space-8);font-size:var(--fs-body-lg)}
.btn--primary{background:var(--action-primary-bg);color:var(--text-on-brand);box-shadow:var(--shadow-blue)}
.btn--primary:hover{background:var(--action-primary-bg-hover);color:var(--text-on-brand)}
.btn--primary:active{background:var(--action-primary-bg-active)}
.btn--secondary{background:var(--action-secondary-bg);color:var(--text-on-brand);box-shadow:var(--shadow-pink)}
.btn--secondary:hover{background:var(--action-secondary-bg-hover);color:var(--text-on-brand)}
.btn--secondary:active{background:var(--action-secondary-bg-active)}
.btn--outline{background:var(--white);color:var(--blue-700);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}
.btn--outline:hover{background:var(--blue-050);color:var(--blue-700)}
.btn--outline:active{background:var(--blue-100)}

/* Tag — design system Tag.jsx (pink tone) */
.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);line-height:var(--lh-snug)}
.tag--pink{background:var(--pink-100);color:var(--pink-700)}

/* SectionHeading — rule · heart · title · heart · rule */
.section-heading{display:flex;align-items:center;gap:var(--space-3);width:100%}
.section-heading__rule{flex:1;height:2px;background:var(--divider-rule);border-radius:var(--radius-pill)}
.section-heading__heart{width:16px;height:auto;display:block}
.section-heading h2{font:var(--type-h2);color:var(--text-heading);text-transform:uppercase;letter-spacing:var(--ls-caps);white-space:nowrap}

/* Confetti — absolutely-positioned twinkling sprites; each item sets
   top/left/width and its stagger via --tw inline */
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti__item{position:absolute;height:auto;animation:nb-twinkle var(--tw,2400ms) var(--ease-soft) infinite}

/* CloudBand — repeating scalloped cloud strip */
.cloud-band{width:100%;background-image:url("../assets/motifs/cloud-band.png");background-repeat:repeat-x;background-size:auto 100%;background-position:left bottom}

/* Mascot glow (BearMascot glow prop) */
.mascot-glow{position:relative;display:inline-block;line-height:0}
.mascot-glow::before{content:"";position:absolute;inset:-18%;background:var(--glow-sky);pointer-events:none}
.mascot-glow img{position:relative}

/* PieceCount */
.piece-count{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}
.piece-count__number{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:104px;color:var(--blue-600);letter-spacing:-0.02em;line-height:.92}
.piece-count__unit{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:28px;color:var(--blue-600);letter-spacing:var(--ls-caps)}

/* ── Header ─────────────────────────────────────────────────── */

.site-header{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border-soft)}
.site-header__row{position:relative;max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-header__logo{position:relative;width:124px;height:46px;flex:none}
.site-header__logo-tab{position:absolute;top:46px;left:-10px;width:148px;height:46px;background:var(--white);border-radius:0 0 74px 74px;border-bottom:1px solid var(--border-soft);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}
.site-header__logo-mark{position:absolute;top:2px;left:0;z-index:1}
.site-header__logo-mark img{height:92px;width:auto;display:block}
.site-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:15px}
.site-nav a{color:var(--blue-800)}
.site-nav__cta{display:none}
.header-spacer{height:76px}

/* ── Hero ───────────────────────────────────────────────────── */

.hero{position:relative;overflow:hidden;background:var(--white);padding:clamp(32px,5vw,72px) 24px clamp(32px,5vw,64px);min-height:clamp(520px,72vh,760px);display:flex;flex-direction:column;justify-content:center}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg-desktop{width:100%;height:100%;object-fit:cover;object-position:38% center;display:block}
.hero__bg-mobile{display:none;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hero__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.hero__layer{position:absolute;inset:0;will-change:transform}
.hero__content{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,min(100%,560px));gap:clamp(24px,4vw,56px);align-items:center;justify-content:start}
.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(24px,3vw,36px);background:rgba(255,255,255,.72);border:2px solid var(--border-default);border-radius:var(--radius-xl);box-sizing:border-box}
.hero__title{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(38px,5.2vw,64px);line-height:1.08;color:var(--blue-800);letter-spacing:-0.02em}
.hero__title em{font-style:normal;color:var(--pink-500)}
.hero__lead{max-width:30em;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--grey-600)}
.hero__facts{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 22px;border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--blue-050)}
.hero__fact{display:flex;flex-direction:column;gap:2px}
.hero__fact-label{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:12px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--grey-400)}
.hero__fact-size{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:38px;line-height:1;color:var(--blue-800)}
.hero__fact-count{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:20px;line-height:1;color:var(--pink-500)}
.hero__facts-divider{width:2px;align-self:stretch;background:var(--divider-rule);border-radius:2px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── Size comparison (#tamano) ──────────────────────────────── */

.compare{background:var(--blue-200);padding:clamp(40px,6vw,80px) 24px}
.compare__grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(660px,100%),1fr));gap:8px 40px;align-items:center}
.compare__title{grid-column:1/-1;font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(30px,3.6vw,46px);line-height:1.12;color:var(--blue-800)}
.compare__text{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.compare__text p{max-width:28em;font-size:clamp(21px,1.9vw,25px);line-height:1.55;color:var(--blue-800)}
.dot-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.dot-list li{display:flex;gap:12px;align-items:flex-start;font-size:22px;line-height:1.45;color:var(--blue-800)}
.dot-list li::before{content:"";width:11px;height:11px;margin-top:9px;border-radius:50%;background:var(--pink-500);flex:none}
.compare__row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:16px;justify-content:center;width:815px;height:270px}
.compare__card{flex:0 1 auto;min-width:0;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-md);padding:clamp(20px,2.4vw,32px);display:flex;gap:clamp(12px,2vw,28px);align-items:flex-end;justify-content:center;box-sizing:border-box}
.compare__wipe{display:flex;flex-direction:column;align-items:center;gap:12px}
.compare__wipe--common{flex:0 0 auto}
.compare__swatch--common{width:185px;height:99px;aspect-ratio:15/11;border-radius:12px;background:var(--grey-100);border:2px dashed var(--grey-200);display:grid;place-items:center;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:14px;color:var(--grey-400)}
.compare__swatch--nubebe{width:246px;height:161px;aspect-ratio:18/15;border-radius:14px;background:var(--blue-050);border:3px solid var(--blue-500);display:grid;place-items:center;font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(16px,2vw,28px);color:var(--blue-800);box-shadow:var(--shadow-sm);text-align:center;padding:4px;box-sizing:border-box}
.compare__wipe-label{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:13px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--grey-400);text-align:center}
.compare__wipe--nubebe .compare__wipe-label{font-weight:var(--fw-black);color:var(--pink-500)}
.compare__bear{flex:0 0 auto;margin-top:-40px;display:flex;pointer-events:none}
.compare__bear img{height:247px;width:auto;display:block}

/* ── Cloud divider ──────────────────────────────────────────── */

.cloud-divider{position:relative;background:var(--white);font-size:0;margin-top:-1px;transform:rotate(180deg)}
.cloud-divider .cloud-band{height:88px}

/* ── Video (#video) ─────────────────────────────────────────── */

.video-section{background:var(--white);padding:clamp(40px,6vw,72px) 24px clamp(8px,2vw,24px)}
.video-section__row{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(16px,3vw,32px)}
.video-frame{flex:1 1 420px;min-width:300px;max-width:760px;padding:14px;background:var(--blue-050);border:2px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box}
.video-frame video{width:100%;height:auto;display:block;border-radius:var(--radius-lg);background:#000000}

/* ── Benefits (#beneficios) ─────────────────────────────────── */

.benefits{background:var(--white);padding:clamp(24px,4vw,56px) 24px clamp(40px,6vw,72px)}
.benefits__inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.benefits__heading{display:flex;flex-direction:column;align-items:center;gap:0}
.benefits__bear{display:flex;align-items:flex-end;pointer-events:none;margin-bottom:-6px}
.benefits__bear img{width:150px;height:auto;display:block}
.benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:28px 20px;background:var(--blue-050);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}
.benefit-card img{width:88px;height:88px;object-fit:contain;background:var(--white);border:1px solid var(--border-soft);border-radius:50%;padding:10px;box-sizing:border-box}
.benefit-card h3{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:19px;color:var(--blue-800)}
.benefit-card p{font-size:15px;line-height:1.5;color:var(--grey-600)}
.benefits__extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;align-items:stretch}
.benefit-row{display:flex;align-items:center;gap:20px;padding:24px 28px;border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--white)}
.benefit-row img{width:56px;height:56px;object-fit:contain;flex:none}
.benefit-row__text{display:flex;flex-direction:column;gap:4px}
.benefit-row__title{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:18px;color:var(--blue-800)}
.benefit-row__sub{font-size:15px;line-height:1.45;color:var(--grey-600)}

/* ── How to use (#uso) ──────────────────────────────────────── */

.uso{position:relative;overflow:hidden;background:var(--blue-800);padding:clamp(56px,7vw,96px) 24px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.uso__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.uso__scrim{position:absolute;inset:0;background:rgba(9,42,72,.72)}
.uso__inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:8px clamp(28px,4vw,56px);align-items:center}
.uso__title{grid-column:1/-1;font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(28px,3.4vw,42px);line-height:1.12;color:var(--white)}
.uso__col{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.uso__lead{max-width:28em;font-size:clamp(21px,1.9vw,25px);line-height:1.55;color:rgba(255,255,255,.92)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-6);width:100%}
.steps li{display:flex;align-items:flex-start;gap:var(--space-3);text-align:left}
.steps__num{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-display-md);line-height:1;color:var(--white);flex:0 0 auto}
.steps__text{font-size:22px;line-height:1.5;color:rgba(255,255,255,.92);padding-top:6px;font-family:var(--font-body)}

/* ── Piece-count promo ──────────────────────────────────────── */

.promo{background:var(--white);padding:clamp(40px,6vw,72px) 24px}
.promo__card{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(24px,4vw,48px);align-items:center;background:var(--blue-050);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:clamp(28px,4vw,52px)}
.promo__count{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.promo__count-text{display:flex;flex-direction:column;gap:6px}
.promo__count-title{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:20px;color:var(--blue-800)}
.promo__count-sub{font-size:16px;line-height:1.5;color:var(--grey-600)}
.promo__pitch{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.promo__claim{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(34px,4vw,48px);line-height:1.05;color:var(--pink-500)}
.promo__pitch p{max-width:24em;font-size:16px;line-height:1.55;color:var(--grey-600)}

/* ── Where to buy (#donde) ──────────────────────────────────── */

.stores{background:var(--white);padding:0 24px clamp(48px,6vw,80px)}
.stores__inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:32px;align-items:center}
.stores__bear{display:flex;align-items:flex-end;pointer-events:none;margin-bottom:-6px}
.stores__bear img{width:150px;height:auto;display:block}
.stores__lead{max-width:34em;text-align:center;font-size:17px;line-height:1.6;color:var(--grey-600)}
.stores__coming{font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:clamp(20px,2.4vw,28px);color:var(--pink-500);text-align:center;padding:18px 32px;background:var(--pink-100);border-radius:var(--radius-pill)}
.stores__grid{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.store-tile{display:grid;place-items:center;height:96px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--grey-050);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:18px;letter-spacing:.01em;color:var(--grey-400);text-align:center;padding:0 12px}
.stores__note{font-size:13px;color:var(--text-muted);text-align:center}

/* ── Closing banner ─────────────────────────────────────────── */

.closing{position:relative;background:var(--blue-200);padding:clamp(40px,6vw,72px) 24px clamp(48px,6vw,80px)}
.closing__inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.closing__bear img{height:190px;width:auto;display:block}
.closing__title{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(28px,3.6vw,44px);line-height:1.12;color:var(--blue-800)}
.closing p{max-width:32em;font-size:17px;line-height:1.6;color:var(--blue-800)}

/* ── Nubebot float ──────────────────────────────────────────── */

.nubebot{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;width:280px;max-width:min(42vw,calc(100vw - 40px))}
.nubebot__link{display:block;width:100%;filter:drop-shadow(0 10px 20px rgba(19,87,147,.28));transition:transform var(--dur-base) var(--ease-soft)}
.nubebot__link:hover{transform:translateY(-4px)}
.nubebot__link:active{transform:scale(.97)}
.nubebot__link img{width:100%;height:auto;aspect-ratio:280/187;display:block}
.nubebot__whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-pill);background:#25D366;color:#0B1F14;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:15px;line-height:1.2;text-align:center;max-width:100%;box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-soft)}
.nubebot__whatsapp:hover{transform:translateY(-2px);color:#0B1F14}
.nubebot__whatsapp:active{transform:scale(.97)}

/* ── Contact (#contacto) ────────────────────────────────────── */

.contact{background:var(--white);padding:clamp(40px,6vw,80px) 24px clamp(48px,6vw,88px)}
.contact *,.contact *::before,.contact *::after{box-sizing:border-box}
.contact__inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.contact__bear{width:150px;height:auto;display:block;margin-bottom:-14px;position:relative;z-index:1}
.contact__card{width:100%;background:var(--blue-050);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:20px}
.contact__intro{display:flex;flex-direction:column;gap:8px;text-align:center}
.contact__intro h2{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(28px,3.4vw,42px);line-height:1.12;color:var(--blue-800)}
.contact__intro p{font-size:18px;line-height:1.55;color:var(--grey-600)}
.contact__form{display:flex;flex-direction:column;gap:16px}
.contact__form .field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:14px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--blue-800)}
.contact__form input[type="text"],
.contact__form input[type="email"],
.contact__form textarea{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:17px;letter-spacing:normal;text-transform:none;color:var(--blue-800);padding:12px 16px;border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);outline:none}
.contact__form input:focus,
.contact__form textarea:focus{border-color:var(--pink-500)}
.contact__form textarea{resize:vertical}
.contact__consent{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:var(--blue-800)}
.contact__consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--pink-500);flex:none}
.contact__consent a{color:var(--pink-500);text-decoration:underline}
.contact__submit-row{display:flex;flex-direction:column;align-items:center;gap:12px}
.contact__submit{border:none;cursor:pointer;padding:14px 28px;border-radius:var(--radius-pill);background:var(--blue-500);color:var(--white);font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:17px;box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-soft)}
.contact__submit:hover{transform:translateY(-2px)}
.contact__submit:active{transform:scale(.97)}
.contact__status{font-size:16px;color:var(--pink-500);font-family:var(--font-heading);font-weight:var(--fw-bold);min-height:1.2em}

.privacy{width:100%;margin-top:28px;background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:20px 24px;box-sizing:border-box}
.privacy summary{cursor:pointer;font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:18px;color:var(--blue-800)}
.privacy__body{display:flex;flex-direction:column;gap:14px;padding-top:14px;font-size:16px;line-height:1.6;color:var(--grey-600)}
.privacy__body strong{color:var(--blue-800)}

/* ── Thank-you page ─────────────────────────────────────────── */

.thanks{position:relative;overflow:hidden;background:var(--white);padding:clamp(48px,7vw,96px) 24px;min-height:60vh;display:flex;align-items:center;justify-content:center}
.thanks__inner{position:relative;z-index:1;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:clamp(28px,4vw,48px);background:var(--blue-050);border:2px solid var(--border-default);border-radius:var(--radius-xl)}
.thanks__bear{width:clamp(180px,26vw,240px);height:auto;display:block;animation:nb-float var(--dur-drift) var(--ease-float) infinite}
.thanks__title{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(38px,5vw,56px);line-height:1.08;color:var(--blue-800)}
.thanks__lead{max-width:26em;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--grey-600)}
.thanks__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:6px}

/* ── Footer ─────────────────────────────────────────────────── */

.site-footer{background:var(--blue-800);color:var(--white);padding:36px 24px}
.site-footer__row{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer__logo{height:34px;width:auto;display:block}
.site-footer__origin{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:13px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--blue-200)}
.site-footer__legal{font-size:14px;color:var(--blue-200)}
.site-footer__legal a{color:var(--white)}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width:1408px){
  .mq-center{align-items:center;text-align:center}
  .mq-center .dot-list{align-items:flex-start;text-align:left}
  .compare__title,.uso__title{text-align:center}
}

@media (max-width:720px){
  html{scroll-padding-top:180px}
  .hero__bg-desktop{display:none}
  .hero__bg-mobile{display:block}
  .hero{justify-content:flex-start;min-height:0;padding-bottom:46vh}
  .hero__copy{padding:20px;gap:14px;align-items:center;text-align:center}
  .hero__copy p{text-align:center}
  .hero__title{font-size:34px}
  .compare__row{width:100%;height:auto;justify-content:center;margin-inline:auto}
  .compare__card{width:100%;height:auto}
  .compare__swatch--common{width:min(185px,34vw);height:auto}
  .compare__swatch--nubebe{width:min(246px,46vw);height:auto}
  .compare__bear{display:none}
  .nubebot__whatsapp{font-size:13px;padding:9px 14px}
  .site-nav__cta{display:inline}
  .header-cta{display:none}
  .site-header__logo-tab{display:none}
  .site-header__row{justify-content:center}
  .site-header__logo{order:1;width:100%;height:100px;display:flex;justify-content:center}
  .site-header__logo-mark{left:50%;transform:translateX(-50%)}
  .site-nav{order:3;width:100%;justify-content:center;gap:18px;font-size:14px}
  .header-spacer{height:164px}
}