/* Direção editorial derivada da estratégia NuPixel; identidade azul existente. */
h1,h2{font-weight:750;letter-spacing:-.065em}
em{font-family:inherit;font-style:normal;font-weight:inherit}
.hero-main{min-height:600px}
.hero-copy{max-width:690px}
.hero h1{font-size:clamp(76px,8.4vw,150px);line-height:.98;letter-spacing:-.075em}
.hero-description{max-width:335px;font-size:15px}
.hero-product{width:90%;max-width:640px}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.hero-secondary{font-size:11px;padding-top:27px;pointer-events:auto;border-bottom:1px solid transparent}
.hero-secondary:hover{border-color:var(--blue)}
.hero-visual .caption-top{right:1%;top:6%}
.hero-visual .image-note{left:12%;bottom:1%}
.hero-bottom{padding-top:0;min-height:125px}
.hero-bottom>p{font-size:clamp(90px,12.6vw,220px);line-height:.95;letter-spacing:-.08em;font-weight:750;color:var(--blue)}
.hero-bottom>p>span{color:var(--cyan)}
.scroll-note{max-width:180px;font-size:10px;line-height:1.6}
.statement-title{font-size:clamp(40px,5.1vw,88px);line-height:1.12;max-width:1450px}
.statement-bottom{margin-top:55px}
.ritual-nav{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.ritual-nav>a{border-top:1px solid #ffffff45;padding-top:18px;display:flex;flex-direction:column;gap:18px}
.ritual-nav small{font-size:9px;color:#a9c6e9;letter-spacing:.05em}
.ritual-nav span{font-size:clamp(27px,3.8vw,62px);letter-spacing:-.06em;font-weight:650;display:flex;align-items:center;justify-content:space-between}
.ritual-nav b{font-size:25px;font-weight:400;color:#7cbbff;transition:transform .2s}
.ritual-nav a:hover b{transform:translate(4px,-4px)}
.dose-copy h2{font-size:clamp(50px,5.4vw,94px);line-height:1.05}
.dose-copy>p:not(.eyebrow):not(.dose-hint){max-width:370px}
.mini-sachet{background:radial-gradient(ellipse at 50% 46%,transparent 0 29%,#89d3ff50 30%,transparent 31%,transparent 33%,#00378680 34%,transparent 35%),linear-gradient(115deg,#50bdff 0%,#0769ef 17%,#004cba 72%,#00348e)}
.mini-sachet.powder{background:radial-gradient(ellipse at 50% 46%,transparent 0 29%,#89d3ff50 30%,transparent 31%,transparent 33%,#00378680 34%,transparent 35%),linear-gradient(115deg,#1e98fa,#0063d6 25%,#004894 75%,#003c88)}
.prepare-heading h2{font-size:clamp(50px,5.7vw,98px);line-height:1.04}
.prepare-heading h2 em{display:inline-block;max-width:430px}
.label-reference{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}
.label-reference>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:23px 0;font-size:14px;gap:25px}
.label-reference>summary::-webkit-details-marker{display:none}
.label-reference>summary>span{font-size:26px;color:var(--blue);line-height:1;transition:transform .2s}
.label-reference[open]>summary>span{transform:rotate(45deg)}
.label-reference>div{padding:8px 0 25px}
.label-reference img{width:100%;max-width:1152px;margin:0 auto;height:auto;border-radius:3px}
.label-reference p{font-size:11px;max-width:1152px;margin:18px auto 0;line-height:1.7;color:#4f5e71}
.application-photo>picture{display:block;position:absolute;inset:0;width:100%;height:100%}
.application-photo>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 68%}
.application-copy h2{font-size:clamp(43px,4.5vw,78px);line-height:1.08}
.application-copy h2 em{display:inline-block;max-width:520px}
.after-clean{background:#f8fbff;border-bottom:1px solid var(--line)}
.after-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.after-arrow{color:var(--blue);font-size:68px;line-height:1;font-weight:400}
.after-clean h2{font-size:clamp(47px,6.9vw,120px);line-height:1.08;margin-top:55px;max-width:1400px}
.after-clean h2>span{color:var(--blue)}
.after-bottom{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}
.after-moments{display:flex;flex-direction:column;font-size:clamp(20px,2.4vw,36px);line-height:1.35;letter-spacing:-.045em;font-weight:600;gap:8px}
.after-bottom>p{font-size:14px;line-height:1.75;max-width:410px;margin-left:auto}
.story h2{font-size:clamp(50px,7.2vw,124px)}
.faq-heading h2{font-size:clamp(48px,5.4vw,94px)}
.find h2{font-size:clamp(62px,8.6vw,146px);line-height:1.05}
.find-seal{font-family:'Montserrat',sans-serif}
@media(min-width:1600px){.hero-main{min-height:650px}.hero-visual{right:0}.hero-product{max-width:670px}}
@media(max-width:1050px){.hero-main{min-height:550px}.hero h1{font-size:8.6vw}.hero-product{width:85%}.hero-visual .caption-top{right:4%;top:5%}.hero-visual .image-note{left:14%;bottom:8%}.hero-actions{gap:18px}.hero-secondary{font-size:10px}.application-photo>picture>img{object-position:50% 67%}.application-copy h2{font-size:4.8vw}.story h2{font-size:7.2vw}}
@media(max-width:760px){
  .hero-main{min-height:0}
  .hero h1{font-size:clamp(59px,12.7vw,96px);line-height:1.02;letter-spacing:-.07em}
  .hero-description{font-size:13px;max-width:350px;width:100%}
  .hero-actions{gap:24px;align-items:center}
  .hero-actions .text-link{margin-top:19px}
  .hero-secondary{font-size:10px;padding-top:19px}
  .hero-visual{height:340px;margin-top:20px}
  .hero-product{width:320px;max-width:92%}
  .hero-visual .caption-top{right:2%;top:0;font-size:8px}
  .hero-visual .image-note{left:9%;bottom:0;font-size:7px}
  .hero-bottom{min-height:0;padding-top:14px}
  .hero-bottom>p{font-size:clamp(76px,22vw,110px);line-height:1;text-align:right}
  .statement-title{font-size:clamp(33px,6.5vw,49px);line-height:1.13}
  .statement-bottom{margin-top:35px}
  .ritual-nav{gap:14px;margin-top:40px}
  .ritual-nav>a{gap:15px;padding-top:14px}
  .ritual-nav small{font-size:7px;line-height:1.6}
  .ritual-nav span{font-size:clamp(19px,4.5vw,29px)}
  .ritual-nav b{font-size:15px}
  .dose-copy h2{font-size:clamp(31px,6.9vw,47px);letter-spacing:-.07em;line-height:1.07}
  .dose-copy .eyebrow{font-size:8px}
  .dose-copy>p:not(.eyebrow):not(.dose-hint){max-width:100%;font-size:11px}
  .volume-display>span:first-child{font-size:clamp(34px,7.5vw,56px)}
  .prepare-heading h2{font-size:clamp(45px,10vw,66px)}
  .prepare-heading h2 em{max-width:100%}
  .label-reference{margin-top:35px}
  .label-reference>summary{font-size:12px;padding:20px 0}
  .label-reference p{font-size:9px}
  .application-photo{aspect-ratio:3/2}
  .application-photo>picture>img{object-position:70% center}
  .application-photo>span{font-size:8px;bottom:12px;left:12px}
  .application-copy h2{font-size:clamp(43px,9.5vw,62px)}
  .after-clean{padding-top:55px;padding-bottom:65px}
  .after-top .eyebrow{font-size:9px}
  .after-arrow{font-size:40px}
  .after-clean h2{font-size:clamp(38px,8.1vw,58px);line-height:1.1;margin-top:30px}
  .after-bottom{grid-template-columns:1fr;gap:27px;margin-top:35px}
  .after-moments{font-size:22px;gap:6px}
  .after-bottom>p{font-size:12px;max-width:100%;margin-left:0}
  .story h2{font-size:clamp(41px,8.4vw,64px)}
  .faq-heading h2{font-size:53px}
  .find h2{font-size:clamp(46px,10.5vw,69px);line-height:1.1}
}
@media(max-width:390px){.hero-visual{height:310px}.hero-product{width:290px}.dose-copy h2{font-size:29px}.dose-copy>p:not(.eyebrow):not(.dose-hint){font-size:10px}.hero-actions{gap:18px}.hero-secondary{font-size:9px}.hero-visual .image-note{bottom:0}.ritual-nav{gap:11px}}
@media(prefers-reduced-motion:reduce){.ritual-nav b,.label-reference>summary>span{transition:none}}