/* =====================================================================
   NOVA OM · Design system v2 (site institucional)
   Uma folha de estilo para as 13 páginas.
   Fonte: Special Gothic (manual de marca), servida pelo próprio site.
   Conceito de movimento: pressão → recuperação
     · linha de sinal (ruído que se acalma)
     · tipografia que respira (eixo de largura 75% → 100%)
   ===================================================================== */

/* ---------- Fonte da marca: Special Gothic, eixos peso 400–700 e largura 75–125 ---------- */
@font-face{
  font-family:"Special Gothic";
  src:url("../fonts/special-gothic-latin.woff2") format("woff2");
  font-weight:400 700;font-stretch:75% 125%;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Special Gothic";
  src:url("../fonts/special-gothic-latin-ext.woff2") format("woff2");
  font-weight:400 700;font-stretch:75% 125%;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- Tokens ---------- */
:root{
  /* cor */
  --paper:#FFFFFF; --mist:#F5F8F9; --ice:#EBF0F2; --bluegray:#80929E;
  --navy:#1A314A; --ink:#0F1E2E; --graphite:#1A1A1A;
  --text:#1A1A1A; --text-2:#56626A; --text-3:#7A868D;
  --line:rgba(26,49,74,.14); --line-2:rgba(26,49,74,.08); --line-ink:rgba(235,240,242,.16);
  --chrome:linear-gradient(100deg,#7e878a 0%,#a7aeb1 19%,#dde2e4 35%,#7e878a 52%,#505659 67%,#7e878a 82%,#a7aeb1 93%,#dde2e4 100%);
  --chrome-soft:linear-gradient(100deg,#c2c9cc 0%,#eef2f3 28%,#b3bbbf 52%,#e4e9eb 78%,#c7ced1 100%);
  /* tipografia: escala única (7 tamanhos) */
  --f:"Special Gothic",Arial,Helvetica,sans-serif;
  --fs-label:calc(10.5px*var(--z)); --fs-small:calc(13px*var(--z)); --fs-body:calc(17px*var(--z)); --fs-lead:clamp(calc(18px*var(--z)),1.45vw,calc(21px*var(--z)));
  --fs-h3:clamp(calc(24px*var(--z)),2.1vw,calc(30px*var(--z))); --fs-h2:clamp(calc(42px*var(--z)),5vw,calc(80px*var(--z))); --fs-display:clamp(calc(54px*var(--z)),7.4vw,calc(128px*var(--z)));
  --ls-display:-.05em; --ls-h3:-.028em; --ls-label:.14em;
  /* espaço */
  --max:calc(1400px*var(--z)); --side:clamp(calc(20px*var(--z)),4vw,calc(64px*var(--z))); --gap:clamp(calc(16px*var(--z)),2vw,calc(32px*var(--z)));
  --sp-s:clamp(calc(64px*var(--z)),7vw,calc(96px*var(--z))); --sp-m:clamp(calc(88px*var(--z)),10vw,calc(140px*var(--z))); --sp-l:clamp(calc(112px*var(--z)),12vw,calc(176px*var(--z)));
  --nav-h:calc(76px*var(--z));
  /* escala: 90% no desktop e notebook (o build multiplica as medidas em px por --z) */
  --z:1;
  /* movimento: 3 tempos, 2 curvas */
  --t-fast:240ms; --t-mid:600ms; --t-slow:1200ms;
  --ease:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
}

@media (min-width:1025px){:root{--z:.9}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + calc(16px*var(--z)));background:var(--mist)}
body{margin:0;background:var(--mist);color:var(--text);font-family:var(--f);font-weight:400;font-stretch:100%;font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400}
::selection{background:var(--navy);color:var(--ice)}
:focus-visible{outline:2px solid var(--bluegray);outline-offset:calc(4px*var(--z))}
.skip{position:fixed;left:calc(12px*var(--z));top:calc(-80px*var(--z));z-index:999;background:var(--paper);color:var(--navy);padding:calc(12px*var(--z)) calc(16px*var(--z));transition:top var(--t-fast)}
.skip:focus{top:calc(12px*var(--z))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(calc(100% - var(--side)*2),var(--max));margin-inline:auto}

/* ---------- Tipografia ---------- */
.label{display:inline-flex;align-items:center;gap:calc(12px*var(--z));font-size:var(--fs-label);line-height:1.35;font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3)}
.label--rule::before{content:"";width:calc(22px*var(--z));height:1px;background:currentColor;opacity:.75;flex:none;transform-origin:left;transition:transform var(--t-slow) var(--ease) .1s}
.label--navy{color:var(--navy)}
.label--quiet{opacity:.72}
.display{font-size:var(--fs-display);line-height:.94;letter-spacing:var(--ls-display);color:var(--navy);text-wrap:balance}
.h2{font-size:var(--fs-h2);line-height:.98;letter-spacing:var(--ls-display);color:var(--navy);text-wrap:balance}
.h3{font-size:var(--fs-h3);line-height:1.1;letter-spacing:var(--ls-h3);color:var(--navy)}
.soft{color:var(--bluegray)}
.lead{font-size:var(--fs-lead);line-height:1.5;letter-spacing:-.01em;color:var(--text)}
.body{font-size:var(--fs-body);line-height:1.6;color:var(--text-2)}
.small{font-size:var(--fs-small);line-height:1.6;color:var(--text-3)}
.measure{max-width:34em}
.measure-s{max-width:26em}

/* ---------- Ícone de sinal (substitui as setas) ---------- */
.sig{width:calc(30px*var(--z));height:calc(14px*var(--z));flex:none;overflow:visible}
.sig path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 50%;transition:transform var(--t-mid) var(--ease)}
.sig circle{fill:currentColor;transition:transform var(--t-mid) var(--ease)}
a:hover .sig path,a:focus-visible .sig path,button:hover .sig path{transform:scaleY(.06)}
a:hover .sig circle,a:focus-visible .sig circle,button:hover .sig circle{transform:translateX(calc(4px*var(--z)))}

/* ---------- Botões e links ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:calc(22px*var(--z));min-height:calc(54px*var(--z));padding:0 calc(20px*var(--z)) 0 calc(22px*var(--z));font-size:calc(11px*var(--z));font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;overflow:hidden;isolation:isolate;border:0;transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease),background-color var(--t-fast),color var(--t-fast)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 48%,transparent 66%);transform:translateX(-120%);transition:transform 1s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover::before{transform:translateX(120%)}
.btn--navy{background:var(--navy);color:var(--ice);box-shadow:0 calc(14px*var(--z)) calc(30px*var(--z)) calc(-18px*var(--z)) rgba(26,49,74,.9)}
.btn--navy::before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 66%)}
.btn--chrome{background:var(--chrome-soft);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 calc(12px*var(--z)) calc(30px*var(--z)) calc(-16px*var(--z)) rgba(0,0,0,.55)}
.btn--ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px rgba(26,49,74,.24)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--navy)}
.btn--ghost-ice{background:transparent;color:var(--ice);box-shadow:inset 0 0 0 1px rgba(235,240,242,.4)}
.btn-row{display:flex;flex-wrap:wrap;gap:calc(12px*var(--z));align-items:center}
.link{position:relative;display:inline-block;padding-bottom:calc(6px*var(--z));font-size:calc(11px*var(--z));font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.link::after,.link::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
.link::after{opacity:.28}
.link::before{transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}
.link:hover::before,.link:focus-visible::before{transform:scaleX(1)}
.link--ice{color:var(--ice)}

/* ---------- Navegação ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:100;height:var(--nav-h);color:var(--navy)}
.nav::before{content:"";position:absolute;inset:0;background:rgba(245,248,249,.82);backdrop-filter:blur(calc(18px*var(--z))) saturate(1.3);-webkit-backdrop-filter:blur(calc(18px*var(--z))) saturate(1.3);border-bottom:1px solid transparent;transition:border-color var(--t-mid),background-color var(--t-mid)}
.nav.is-scrolled::before{border-color:var(--line);background:rgba(245,248,249,.92)}
.nav__in{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(32px*var(--z))}
.brand{display:block;line-height:0;color:var(--navy)}
.brand svg{height:calc(17px*var(--z));width:auto}
.nav__links{display:flex;align-items:center;gap:clamp(calc(18px*var(--z)),2.2vw,calc(34px*var(--z)));font-size:calc(10.5px*var(--z));font-stretch:118%;letter-spacing:.13em;text-transform:uppercase}
.nav__links>a:not(.nav__cta){position:relative;opacity:.7;transition:opacity var(--t-fast);padding:calc(6px*var(--z)) 0}
.nav__links>a:not(.nav__cta)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}
.nav__links>a:not(.nav__cta):hover,.nav__links>a[aria-current="page"]{opacity:1}
.nav__links>a:not(.nav__cta):hover::after,.nav__links>a[aria-current="page"]::after{transform:scaleX(1)}
.nav__cta{display:inline-flex;align-items:center;gap:calc(14px*var(--z));padding:calc(12px*var(--z)) calc(14px*var(--z)) calc(12px*var(--z)) calc(16px*var(--z));background:var(--navy);color:var(--ice);transition:transform var(--t-mid) var(--ease)}
.nav__cta:hover{transform:translateY(-1px)}
.nav__cta .sig{width:calc(24px*var(--z))}
.nav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--chrome);transform:scaleX(var(--sp,0));transform-origin:left;pointer-events:none}
.nav__toggle{display:none;align-items:center;gap:calc(10px*var(--z));height:calc(42px*var(--z));padding:0 calc(4px*var(--z)) 0 calc(12px*var(--z));border:0;background:transparent;color:var(--navy);font-size:calc(10.5px*var(--z));font-stretch:118%;letter-spacing:.13em;text-transform:uppercase}
.nav__toggle i{position:relative;display:block;width:calc(22px*var(--z));height:calc(10px*var(--z))}
.nav__toggle i::before,.nav__toggle i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform var(--t-mid) var(--ease),top var(--t-mid) var(--ease)}
.nav__toggle i::before{top:0}.nav__toggle i::after{top:calc(8px*var(--z))}
.nav.is-open .nav__toggle i::before{top:calc(4px*var(--z));transform:rotate(45deg)}
.nav.is-open .nav__toggle i::after{top:calc(4px*var(--z));transform:rotate(-45deg)}
.nav__toggle .t-close{display:none}
.nav.is-open .nav__toggle .t-open{display:none}
.nav.is-open .nav__toggle .t-close{display:inline}

/* ---------- Seções ---------- */
.sec{position:relative;padding-block:var(--sp-m)}
.sec--s{padding-block:var(--sp-s)}
.sec--l{padding-block:var(--sp-l)}
.bg-paper{background:var(--paper)} .bg-mist{background:var(--mist)} .bg-ice{background:var(--ice)}
.bg-ink{background:var(--ink);color:var(--ice)}
.bg-ink .h2,.bg-ink .display,.bg-ink .h3{color:var(--ice)}
.bg-ink .label{color:rgba(235,240,242,.58)}
.bg-ink .body,.bg-ink .lead{color:rgba(235,240,242,.82)}
.bg-ink .small{color:rgba(235,240,242,.58)}
.bg-ink .soft{color:#9fb1bc}
.grain{isolation:isolate}
.grain::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sec-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(calc(28px*var(--z)),5vw,calc(88px*var(--z)));align-items:end;margin-bottom:clamp(calc(40px*var(--z)),5vw,calc(72px*var(--z)))}
.sec-head__side{max-width:calc(440px*var(--z));justify-self:end}
.sec-head__side .lead+.link,.sec-head__side .body+.link{margin-top:calc(26px*var(--z))}
.stack>*+*{margin-top:calc(22px*var(--z))}
.stack-s>*+*{margin-top:calc(14px*var(--z))}
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:calc(48px*var(--z));align-items:center}
.split__a{grid-column:1 / span 5}
.split__b{grid-column:7 / span 6}
.split--rev .split__a{grid-column:8 / span 5;grid-row:1}
.split--rev .split__b{grid-column:1 / span 6;grid-row:1}
.rule-top{border-top:1px solid var(--line);padding-top:calc(22px*var(--z))}

/* ---------- Quadros de imagem ---------- */
.frame{position:relative;overflow:hidden;background:var(--ice);margin:0}
.frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.12) translate3d(0,var(--py,0px),0);transition:transform 1.6s var(--ease)}
.frame--45{aspect-ratio:4/5} .frame--43{aspect-ratio:4/3} .frame--169{aspect-ratio:16/9} .frame--11{aspect-ratio:1/1}
.frame__tag{position:absolute;left:calc(16px*var(--z));bottom:calc(16px*var(--z));z-index:2;padding:calc(9px*var(--z)) calc(11px*var(--z));background:rgba(255,255,255,.78);backdrop-filter:blur(calc(10px*var(--z)));-webkit-backdrop-filter:blur(calc(10px*var(--z)));color:var(--navy);font-size:calc(9.5px*var(--z));font-stretch:120%;letter-spacing:.13em;text-transform:uppercase}
.frame__tag--top{top:calc(16px*var(--z));bottom:auto}
[data-reveal="frame"]{clip-path:inset(14% 0 0 0)}
[data-reveal="frame"].is-in{clip-path:inset(0 0 0 0);transition:clip-path 1.3s var(--ease)}
[data-reveal="frame"].is-in img{transform:scale(1.04) translate3d(0,var(--py,0px),0)}
/* brilho sobre embalagem metálica */
.sheen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-110%)}
.sheen.is-in::after{transform:translateX(110%);transition:transform 2.2s var(--ease) .5s}

/* ---------- Revelações (usadas com parcimônia) ---------- */
[data-reveal="up"]{opacity:0;transform:translate3d(0,calc(20px*var(--z)),0)}
[data-reveal="up"].is-in{opacity:1;transform:none;transition:opacity var(--t-mid) var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}
[data-reveal="fade"]{opacity:0}
[data-reveal="fade"].is-in{opacity:1;transition:opacity .9s var(--ease);transition-delay:var(--d,0ms)}
[data-reveal="draw"]{transform:scaleX(0);transform-origin:left}
[data-reveal="draw"].is-in{transform:none;transition:transform var(--t-slow) var(--ease);transition-delay:var(--d,0ms)}
.label--rule[data-reveal]::before{transform:scaleX(0)}
.label--rule[data-reveal].is-in::before{transform:scaleX(1)}
/* títulos por máscara */
.split-w .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .03em .14em;margin:0 -.03em -.14em}
.split-w .w>span{display:inline-block;transform:translate3d(0,110%,0)}
.split-w.is-in .w>span{transform:none;transition:transform 1.05s var(--ease);transition-delay:calc(var(--i,0)*38ms + var(--d,0ms))}
/* sem JS ou sem movimento: tudo visível */
.no-js [data-reveal],.no-js .split-w .w>span{opacity:1!important;transform:none!important;clip-path:none!important}

/* ---------- Linha de sinal ---------- */
.wave{position:absolute;left:0;right:0;pointer-events:none}
.wave canvas{width:100%;height:100%}
.calm-line{display:block;width:100%;height:calc(24px*var(--z));margin-top:clamp(calc(28px*var(--z)),4vw,calc(48px*var(--z)));overflow:visible}
.calm-line path{fill:none;stroke:var(--bluegray);stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1}
.calm-line.is-in path{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s var(--ease) .2s}
.bg-ink .calm-line path{stroke:#8fa2ad}

/* ---------- Cena fixada (uma por página) ---------- */
.scene{position:relative;height:var(--scene-h,190vh)}
.scene__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.scene__stage>.wave{inset:0}
.scene__stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 35% 50%,rgba(15,30,46,0),rgba(15,30,46,.55) 85%)}
.scene__in{position:relative;z-index:2}
.scene__meter{display:block;position:absolute;left:var(--side);bottom:calc(30px*var(--z));z-index:3;width:calc(120px*var(--z));height:1px;background:rgba(235,240,242,.18);overflow:hidden}
.scene__meter::after{content:"";position:absolute;inset:0;background:var(--chrome);transform:scaleX(var(--p,0));transform-origin:left}
.breathe .ln{display:block;white-space:nowrap;font-stretch:var(--fs,100%);opacity:var(--lo,1)}
.fade-by-p{opacity:var(--o,1);transform:translate3d(0,calc((1 - var(--o,1))*calc(22px*var(--z))),0)}

/* ---------- Componentes ---------- */
.facts{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z));margin:0;padding:0;list-style:none}
.facts li,.facts>span{padding:calc(9px*var(--z)) calc(12px*var(--z));font-size:calc(9.5px*var(--z));font-stretch:120%;letter-spacing:.12em;text-transform:uppercase;color:#56646C;box-shadow:inset 0 0 0 1px var(--line)}
.bg-ink .facts li{color:rgba(235,240,242,.8);box-shadow:inset 0 0 0 1px var(--line-ink)}
.points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:clamp(calc(40px*var(--z)),5vw,calc(64px*var(--z)))}
.point{position:relative;padding-top:calc(22px*var(--z))}
.point::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.point::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow) var(--ease);transition-delay:var(--d,0ms)}
.point.is-in::after,.point.is-on::after{transform:scaleX(1)}
.point .label{margin-bottom:calc(22px*var(--z))}
.point .h3{margin-bottom:calc(14px*var(--z))}
.point p{font-size:calc(15.5px*var(--z));line-height:1.6;color:var(--text-2);max-width:30em}
.note{position:relative;padding:calc(20px*var(--z)) calc(22px*var(--z)) calc(20px*var(--z)) calc(26px*var(--z));background:var(--paper);font-size:calc(14px*var(--z));line-height:1.6;color:var(--text-2)}
.note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--chrome);transform-origin:top}
.note[data-reveal]::before{transform:scaleY(0);transition:transform var(--t-slow) var(--ease) .15s}
.note[data-reveal].is-in::before{transform:none}
.bg-paper .note{background:var(--mist)}
.note strong{color:var(--navy);font-weight:600}

/* rail (trilho de progresso) */
.rail-h{position:relative}
.rail-h__track{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.rail-h__track i{position:absolute;inset:0;background:var(--navy);transform:scaleX(var(--rp,0));transform-origin:left}
.rail-h .point::before,.rail-h .point::after{display:none}
.rail-h .point{opacity:.42;transition:opacity var(--t-mid) var(--ease)}
.rail-h .point.is-on{opacity:1}
.rail-h .point .dot{position:absolute;left:0;top:calc(-4px*var(--z));width:calc(9px*var(--z));height:calc(9px*var(--z));border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px var(--navy);transition:background var(--t-mid)}
.rail-h .point.is-on .dot{background:var(--navy)}
.rail-v{position:relative;margin:0;padding:0;list-style:none}
.rail-v ul{margin:0;padding:0;list-style:none}
.rail-v__track{position:absolute;left:calc(5px*var(--z));top:0;bottom:0;width:1px;background:var(--line)}
.rail-v__track i{position:absolute;inset:0;background:var(--navy);transform:scaleY(var(--rp,0));transform-origin:top}
.rail-v li{position:relative;display:grid;grid-template-columns:calc(56px*var(--z)) minmax(0,1fr) auto;gap:calc(16px*var(--z));align-items:center;padding:calc(22px*var(--z)) 0 calc(22px*var(--z)) calc(32px*var(--z));border-bottom:1px solid var(--line-2);font-size:clamp(calc(18px*var(--z)),1.7vw,calc(24px*var(--z)));line-height:1.3;letter-spacing:-.02em;color:var(--navy);opacity:.4;transition:opacity var(--t-mid)}
.rail-v li.is-on{opacity:1}
.rail-v li>span:first-child{font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);color:var(--text-3)}
.rail-v li .pend{width:calc(14px*var(--z));height:calc(14px*var(--z));border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--bluegray);position:relative}
.rail-v li.is-on .pend::after{content:"";position:absolute;inset:calc(-5px*var(--z));border-radius:50%;border:1px solid var(--bluegray);animation:pend 2.6s var(--ease) infinite}
.rail-v li .ok{width:calc(10px*var(--z));height:calc(10px*var(--z));border-radius:50%;background:var(--line);transition:background var(--t-mid),box-shadow var(--t-mid)}
.rail-v li.is-on .ok{background:var(--navy);box-shadow:0 0 0 calc(5px*var(--z)) rgba(26,49,74,.1)}
@keyframes pend{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}

/* cards do Journal (padrão único) */
.jcard{position:relative;display:flex;flex-direction:column;background:var(--paper)}
.jcard__img{position:relative;overflow:hidden;background:var(--ice)}
.jcard__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transform:scale(1.04);transition:transform 1.2s var(--ease),filter var(--t-mid)}
.jcard:hover .jcard__img img{transform:scale(1.07);filter:saturate(.95)}
.jcard__body{display:flex;flex-direction:column;gap:calc(16px*var(--z));padding:calc(24px*var(--z)) calc(24px*var(--z)) calc(26px*var(--z));flex:1}
.jcard__title{font-size:clamp(calc(22px*var(--z)),2vw,calc(30px*var(--z)));line-height:1.12;letter-spacing:-.035em;color:var(--navy);font-stretch:100%;transition:font-stretch var(--t-mid) var(--ease)}
.jcard:hover .jcard__title{font-stretch:108%}
.jcard__meta{display:flex;justify-content:space-between;gap:calc(12px*var(--z));flex-wrap:wrap}
.jcard__body p{font-size:calc(14.5px*var(--z));line-height:1.6;color:var(--text-2)}
.jcard__body .link{align-self:flex-start;margin-top:auto}
.jcard--mist{background:var(--mist)}
.jcard--planned{background:transparent;box-shadow:inset 0 0 0 1px var(--line);background-image:repeating-linear-gradient(-45deg,transparent 0 calc(10px*var(--z)),rgba(26,49,74,.025) calc(10px*var(--z)) calc(11px*var(--z)))}

/* ---------- Rodapé ---------- */
.foot{position:relative;background:var(--navy);color:rgba(235,240,242,.76);padding:clamp(calc(56px*var(--z)),6vw,calc(88px*var(--z))) 0 calc(28px*var(--z));overflow:hidden}
.foot__mark{display:block;width:min(50%,calc(600px*var(--z)));height:auto;margin:0 auto}
.foot__grid{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:calc(40px*var(--z));margin-top:clamp(calc(36px*var(--z)),4.5vw,calc(64px*var(--z)));padding-top:calc(28px*var(--z));border-top:1px solid var(--line-ink)}
.foot__blurb{max-width:calc(340px*var(--z));font-size:calc(13px*var(--z));line-height:1.7}
.foot__col h3{margin:0 0 calc(18px*var(--z));font-size:calc(10px*var(--z));font-stretch:122%;letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}
.foot__col a,.foot__col span{display:block;margin-bottom:calc(11px*var(--z));font-size:calc(13px*var(--z));opacity:.86}
.foot__col a{position:relative;width:max-content;transition:opacity var(--t-fast)}
.foot__col a:hover{opacity:1}
.foot__line{display:flex;justify-content:space-between;gap:calc(24px*var(--z));margin-top:calc(40px*var(--z));padding-top:calc(22px*var(--z));border-top:1px solid var(--line-ink);font-size:calc(11px*var(--z));line-height:1.6;opacity:.7}

/* selo de prévia: discreto e recolhível */
.proto{position:fixed;right:calc(14px*var(--z));bottom:calc(14px*var(--z));z-index:60;display:flex;align-items:center;gap:calc(8px*var(--z));max-width:calc(100vw - calc(28px*var(--z)));padding:calc(8px*var(--z)) calc(10px*var(--z));background:rgba(26,49,74,.9);color:var(--ice);border:0;font-size:calc(9.5px*var(--z));letter-spacing:.06em;transition:transform var(--t-mid) var(--ease),opacity var(--t-mid)}
.proto i{width:calc(6px*var(--z));height:calc(6px*var(--z));border-radius:50%;background:#CAD7DF;flex:none}
.proto.is-min span{display:none}
.proto.is-min{padding:calc(10px*var(--z))}

/* =====================================================================
   HOME
   ===================================================================== */
.hero{position:relative;min-height:100svh;padding-top:calc(var(--nav-h) + clamp(calc(20px*var(--z)),3vw,calc(40px*var(--z))));padding-bottom:clamp(calc(28px*var(--z)),3vw,calc(40px*var(--z)));background:var(--mist);display:flex;flex-direction:column;overflow:hidden}
.hero__grid{position:relative;flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.hero__media{grid-column:1 / span 6;position:relative;z-index:1;height:min(74svh,calc(760px*var(--z)));min-height:calc(480px*var(--z));overflow:hidden;background:var(--ice)}
.hero__scene{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease-io)}
.hero__scene.is-active{opacity:1}
.hero__scene img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9.5s linear}
.hero__scene.is-active img{transform:scale(1)}
.hero__scene[data-scene="empresarios"] img{object-position:30% 50%}
.hero__scene[data-scene="fitness"] img{object-position:30% 52%}
.hero__scene[data-scene="genz"] img{object-position:42% 50%}
.hero__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,30,46,0) 60%,rgba(15,30,46,.28) 100%)}
.hero__mediaTag{position:absolute;left:calc(18px*var(--z));bottom:calc(18px*var(--z));z-index:2;color:var(--ice)}
.hero__copy{grid-column:7 / span 6;position:relative;z-index:3;padding-left:clamp(0px,2.5vw,calc(40px*var(--z)))}
.hero .btn--ghost{background:var(--mist)}
.hero__slides{display:grid}
.hero__slide{grid-area:1 / 1;align-self:start;visibility:hidden}
.hero__slide.is-active,.hero__slide--main{visibility:visible}
.no-js .hero__slide:not(.hero__slide--main){display:none}
.no-js .hero__slide [data-hs]{opacity:1!important;transform:none!important}
.hero__slide .label{margin-bottom:calc(24px*var(--z))}
.hero__title{font-size:clamp(calc(40px*var(--z)),4.3vw,calc(72px*var(--z)));line-height:.99;letter-spacing:-.052em;color:var(--navy);text-wrap:balance}
.hero__title .soft{color:var(--bluegray)}
.hero__title .q{color:var(--navy)}
.hero__desc{margin-top:calc(24px*var(--z));font-size:clamp(calc(15px*var(--z)),1.15vw,calc(17.5px*var(--z)));line-height:1.6;color:var(--text-2);max-width:32em}
.hero__slide .w>span,.hero__slide [data-hs]{transition:transform .9s var(--ease),opacity .7s var(--ease)}
.hero__slide:not(.is-active) .w>span{transform:translate3d(0,-110%,0)}
.hero__slide.is-pre .w>span{transform:translate3d(0,110%,0);transition:none}
.hero__slide.is-active .w>span{transform:none;transition-delay:calc(var(--i,0)*30ms + 200ms)}
.hero__slide:not(.is-active) [data-hs]{opacity:0;transform:translate3d(0,calc(-10px*var(--z)),0)}
.hero__slide.is-pre [data-hs]{opacity:0;transform:translate3d(0,calc(12px*var(--z)),0);transition:none}
.hero__slide.is-active [data-hs]{transition-delay:.5s}
.hero__actions{margin-top:calc(30px*var(--z))}
.hero__bar{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:calc(28px*var(--z));margin-top:clamp(calc(18px*var(--z)),2.4vw,calc(30px*var(--z)));padding-top:calc(18px*var(--z));border-top:1px solid var(--line)}
.hero__bar-l{display:flex;flex-direction:column;gap:calc(12px*var(--z));min-width:0}
.hero__now{display:flex;align-items:center;gap:calc(10px*var(--z));flex-wrap:wrap;font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3)}
.hero__now b{font-weight:400;color:var(--navy)}
.hero__segs{display:flex;gap:calc(6px*var(--z))}
.hero__seg{position:relative;width:calc(64px*var(--z));height:calc(16px*var(--z));padding:0;border:0;background:transparent}
.hero__seg::before,.hero__seg i{content:"";position:absolute;left:0;right:0;top:calc(7px*var(--z));height:2px}
.hero__seg::before{background:var(--line)}
.hero__seg i{background:var(--navy);transform:scaleX(0);transform-origin:left}
.hero__seg.is-done i{transform:scaleX(1)}
.hero__seg.is-active i{animation:segFill 9s linear forwards}
.hero.is-paused .hero__seg.is-active i{animation-play-state:paused}
@keyframes segFill{to{transform:scaleX(1)}}
.hero__scroll{display:flex;align-items:center;gap:calc(14px*var(--z));font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.hero__scroll i{position:relative;display:block;width:1px;height:calc(34px*var(--z));background:var(--line);overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;left:0;top:0;width:1px;height:40%;background:var(--navy);animation:cue 2.4s var(--ease-io) infinite}
@keyframes cue{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}}
.hero>.wave{bottom:clamp(calc(110px*var(--z)),17vh,calc(170px*var(--z)));height:calc(130px*var(--z));z-index:2}

/* Manifesto */
.manifesto{background:var(--ice)}
.manifesto__shell{display:grid;grid-template-columns:minmax(calc(180px*var(--z)),.26fr) minmax(0,1fr);column-gap:clamp(calc(48px*var(--z)),7vw,calc(128px*var(--z)))}
.manifesto__aside{display:flex;flex-direction:column;justify-content:space-between;gap:calc(56px*var(--z));padding-right:clamp(calc(24px*var(--z)),3.5vw,calc(64px*var(--z)));border-right:1px solid var(--line)}
.manifesto__symbol{width:100%;max-width:calc(200px*var(--z));height:auto;overflow:visible}
.manifesto__symbol path{fill:var(--navy);fill-opacity:0;stroke:var(--navy);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.manifesto__symbol.is-in path{stroke-dashoffset:0;fill-opacity:1;transition:stroke-dashoffset 2.6s var(--ease-io),fill-opacity 1.2s var(--ease) 2s}
.manifesto__heading{font-size:clamp(calc(46px*var(--z)),5.4vw,calc(92px*var(--z)));line-height:.99;letter-spacing:-.06em;margin-top:clamp(calc(32px*var(--z)),4vw,calc(60px*var(--z)))}
.manifesto__heading .ln{display:block}
.manifesto__first{color:var(--bluegray)}
.manifesto__second{color:var(--navy);margin-top:clamp(calc(22px*var(--z)),2.8vw,calc(44px*var(--z)))}
.kw{position:relative;white-space:nowrap}
.kw::after{content:"";position:absolute;left:.02em;right:.02em;bottom:-.06em;height:2px;background:currentColor;transform:scaleX(var(--kw,1));transform-origin:left}
.js .kw::after{--kw:0;transition:transform 1.2s var(--ease) 1.1s}
.js .is-in .kw::after{--kw:1}
.manifesto__divider{height:1px;background:var(--line);margin:clamp(calc(44px*var(--z)),5.5vw,calc(80px*var(--z))) 0 calc(30px*var(--z))}
.manifesto__bottom{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(calc(32px*var(--z)),5vw,calc(80px*var(--z)))}
.manifesto__thesis{font-size:clamp(calc(21px*var(--z)),2vw,calc(29px*var(--z)));line-height:1.28;letter-spacing:-.034em;color:var(--navy);max-width:16em}

/* Universos */
.uni{background:var(--paper)}
.uni__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px*var(--z))}
.uni__card{position:relative;height:clamp(calc(500px*var(--z)),46vw,calc(660px*var(--z)));overflow:hidden;background:#2e424d;color:#fff;isolation:isolate}
.uni__img,.uni__shade,.uni__content{position:absolute;inset:0}
.uni__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.92);transform:scale(1.02);clip-path:inset(0 0 0 0);transition:filter 1s var(--ease),transform 1.4s var(--ease)}
.uni__card:nth-child(1) .uni__img img{object-position:center 36%}
.uni__card:nth-child(2) .uni__img img{object-position:42% center}
.uni__card:nth-child(3) .uni__img img{object-position:50% center}
.uni__card.is-active .uni__img img{filter:saturate(1) brightness(1);transform:scale(1.06)}
.uni__shade{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(9,16,24,.38) 0%,rgba(9,16,24,0) 26%,rgba(9,16,24,.2) 50%,rgba(9,16,24,.82) 82%,rgba(9,16,24,.94) 100%)}
.uni__content{z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(calc(20px*var(--z)),2.2vw,calc(32px*var(--z)));pointer-events:none}
.uni__top{display:flex;justify-content:space-between;gap:calc(10px*var(--z));font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.13em;text-transform:uppercase}
.uni__top span:last-child{opacity:.55}
.uni__head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(10px*var(--z))}
.uni__head h3{font-size:clamp(calc(30px*var(--z)),3.1vw,calc(50px*var(--z)));line-height:1;letter-spacing:-.05em;font-stretch:96%;transition:font-stretch var(--t-slow) var(--ease)}
.uni__card.is-active .uni__head h3{font-stretch:108%}
.uni__num{font-size:clamp(calc(34px*var(--z)),3.8vw,calc(60px*var(--z)));font-stretch:118%;letter-spacing:-.04em;line-height:.8;opacity:.32}
.uni__copy{margin-top:calc(18px*var(--z));font-size:clamp(calc(13px*var(--z)),1vw,calc(15px*var(--z)));line-height:1.55;color:rgba(255,255,255,.9);max-width:24em}
.uni__extra{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--t-mid) var(--ease),opacity var(--t-mid)}
.uni__extra p{min-height:0;overflow:hidden;font-size:calc(13.5px*var(--z));line-height:1.55;color:rgba(255,255,255,.76);max-width:26em}
.uni__card.is-active .uni__extra{grid-template-rows:1fr;opacity:1}
.uni__card.is-active .uni__extra p{padding-top:calc(12px*var(--z))}
.uni__btn{pointer-events:auto;position:relative;display:flex;justify-content:space-between;align-items:center;gap:calc(10px*var(--z));width:100%;margin-top:calc(24px*var(--z));padding:calc(16px*var(--z)) 0 0;border:0;background:transparent;color:#fff;font-size:calc(9.5px*var(--z));font-stretch:120%;letter-spacing:.13em;text-transform:uppercase;text-align:left}
.uni__btn::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.32)}
.uni__btn::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--chrome);transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow) var(--ease)}
.uni__card.is-active .uni__btn::after{transform:scaleX(1)}
.uni__btn:focus-visible{outline:2px solid #fff;outline-offset:calc(3px*var(--z))}
.uni__dots{display:none}
.uni__outro{display:flex;justify-content:space-between;align-items:center;gap:calc(32px*var(--z));margin-top:calc(30px*var(--z));padding-top:calc(28px*var(--z));border-top:1px solid var(--line)}
.uni__outro p{max-width:40em;font-size:clamp(calc(15px*var(--z)),1.35vw,calc(19px*var(--z)));line-height:1.45;letter-spacing:-.02em;color:var(--text-2)}
.uni__outro strong{font-weight:600;color:var(--navy)}

/* Filosofia (cena da Home) */
.philo-intro{background:var(--mist)}
.philo-intro__grid{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(calc(28px*var(--z)),6vw,calc(100px*var(--z)))}
.philo-intro .display{font-size:clamp(calc(52px*var(--z)),6.8vw,calc(116px*var(--z)));letter-spacing:-.065em}
.philo-intro .lead{margin-top:calc(30px*var(--z));max-width:34em;color:var(--text-2)}
.philo .scene{--scene-h:250vh}
.philo__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.philo__dial{grid-column:1 / span 5;display:flex;flex-direction:column;align-items:flex-start;gap:calc(6px*var(--z))}
.philo__mini{margin-bottom:calc(10px*var(--z))}
.philo__num{font-size:clamp(calc(110px*var(--z)),15vw,calc(230px*var(--z)));line-height:.85;letter-spacing:-.06em;font-stretch:var(--fs,100%);font-variant-numeric:tabular-nums;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text}
.philo__word{font-size:clamp(calc(22px*var(--z)),2.3vw,calc(34px*var(--z)));letter-spacing:-.04em;color:var(--ice);transition:opacity var(--t-fast),transform var(--t-fast)}
.philo__word.is-switch{opacity:0;transform:translate3d(0,calc(8px*var(--z)),0)}
.philo__steps{grid-column:7 / span 6;display:grid}
.philo__step{grid-area:1 / 1;opacity:0;transform:translate3d(0,calc(24px*var(--z)),0);transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease);pointer-events:none}
.philo__step.is-current{opacity:1;transform:none;pointer-events:auto}
.philo__step .label{margin-bottom:calc(28px*var(--z))}
.philo__step h3{font-size:clamp(calc(40px*var(--z)),4.6vw,calc(72px*var(--z)));line-height:1.02;letter-spacing:-.06em;color:var(--ice);margin-bottom:calc(24px*var(--z))}
.philo__step h3 span{color:#9fb1bc}
.philo__step p{max-width:30em;font-size:clamp(calc(15px*var(--z)),1.2vw,calc(18px*var(--z)));line-height:1.65;color:rgba(235,240,242,.82)}
.philo__foot{position:absolute;left:var(--side);right:var(--side);bottom:calc(28px*var(--z));z-index:3;display:flex;justify-content:space-between;gap:calc(16px*var(--z))}
.philo__foot .scene__meter{position:relative;left:auto;bottom:auto;align-self:center}
.philo-outro{background:var(--mist)}
.philo-outro__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:calc(60px*var(--z));align-items:start;border-top:1px solid var(--line);padding-top:calc(44px*var(--z))}
.philo-outro__big{font-size:clamp(calc(26px*var(--z)),3.3vw,calc(52px*var(--z)));line-height:1.12;letter-spacing:-.05em;color:var(--navy)}
.philo-outro__big span{color:var(--bluegray)}
.philo-outro__side p{font-size:calc(13px*var(--z));line-height:1.65;color:var(--text-3);max-width:28em;margin-bottom:calc(24px*var(--z))}

/* SIGNAL na Home */
.prod{background:var(--ice)}
.prod__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(32px*var(--z));margin-bottom:calc(36px*var(--z))}
.prod__labels{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10px*var(--z)) calc(28px*var(--z))}
.prod__intro p{max-width:26em;font-size:calc(15px*var(--z));line-height:1.6;color:var(--text-2)}
.prod__stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--paper);min-height:calc(660px*var(--z))}
.prod__img{position:relative;overflow:hidden;background:#e6eaec;min-height:calc(560px*var(--z))}
.prod__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prod__tag{position:absolute;top:calc(28px*var(--z));left:calc(28px*var(--z));z-index:2}
.prod__vertical{position:absolute;bottom:calc(30px*var(--z));left:calc(28px*var(--z));z-index:2;font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.15em;color:var(--navy)}
.prod__copy{padding:clamp(calc(36px*var(--z)),5vw,calc(80px*var(--z)));display:flex;flex-direction:column;justify-content:center}
.prod__word{font-size:clamp(calc(64px*var(--z)),10vw,calc(170px*var(--z)));line-height:.9;letter-spacing:-.07em;color:var(--navy);margin:calc(16px*var(--z)) 0 calc(24px*var(--z))}
[data-reveal="stretch"]{font-stretch:125%;opacity:.2}
[data-reveal="stretch"].is-in{font-stretch:100%;opacity:1;transition:font-stretch 1.8s var(--ease) .15s,opacity .8s var(--ease)}
.prod__word span{color:var(--bluegray)}
.prod__statement{font-size:clamp(calc(24px*var(--z)),2.4vw,calc(40px*var(--z)));line-height:1.1;letter-spacing:-.04em;color:var(--navy);margin-bottom:calc(20px*var(--z))}
.prod__details{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(12px*var(--z));margin:calc(32px*var(--z)) 0;padding:calc(18px*var(--z)) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prod__details div{display:flex;flex-direction:column;gap:calc(10px*var(--z))}
.prod__details span{font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.13em;color:var(--text-3)}
.prod__details strong{font-weight:400;font-size:calc(13px*var(--z));color:var(--navy)}
.prod__note{margin-top:calc(24px*var(--z));font-size:calc(11px*var(--z));line-height:1.6;color:var(--text-3);max-width:40em}
.prod__foot{display:flex;justify-content:space-between;gap:calc(12px*var(--z));padding-top:calc(22px*var(--z))}

/* Fórmula na Home */
.fx{background:var(--mist)}
.fx__layout{display:grid;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);gap:clamp(calc(16px*var(--z)),2vw,calc(32px*var(--z)));align-items:start}
.fx__panel{position:sticky;top:calc(var(--nav-h) + calc(24px*var(--z)));min-height:min(calc(620px*var(--z)),calc(100svh - var(--nav-h) - calc(48px*var(--z))));padding:calc(32px*var(--z));background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.fx__panel-top{display:flex;justify-content:space-between}
.fx__mark{font-size:clamp(calc(150px*var(--z)),19vw,calc(320px*var(--z)));line-height:.82;letter-spacing:-.09em;margin:auto 0;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;font-variant-numeric:tabular-nums}
.fx__mark span{color:var(--bluegray);-webkit-text-fill-color:var(--bluegray)}
.fx__panel-bottom{font-size:clamp(calc(22px*var(--z)),2.4vw,calc(38px*var(--z)));line-height:1.08;letter-spacing:-.04em;color:var(--navy)}
.fx__panel-foot{margin-top:calc(36px*var(--z))}
.fx__list{border-top:1px solid var(--line)}
.fx__item{border-bottom:1px solid var(--line)}
.fx__item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:calc(52px*var(--z)) minmax(0,1fr) calc(28px*var(--z));align-items:center;gap:calc(18px*var(--z));padding:calc(28px*var(--z)) calc(24px*var(--z));min-height:calc(96px*var(--z));transition:background-color var(--t-fast)}
.fx__item summary::-webkit-details-marker{display:none}
.fx__item summary:hover,.fx__item[open] summary{background:var(--paper)}
.fx__num{font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);color:var(--text-3)}
.fx__name{font-size:clamp(calc(24px*var(--z)),2.5vw,calc(40px*var(--z)));line-height:1.08;letter-spacing:-.045em;color:var(--navy);font-stretch:100%;transition:font-stretch var(--t-mid) var(--ease)}
.fx__item summary:hover .fx__name,.fx__item[open] .fx__name{font-stretch:114%}
.fx__plus{position:relative;width:calc(22px*var(--z));height:calc(22px*var(--z));justify-self:end}
.fx__plus::before,.fx__plus::after{content:"";position:absolute;left:2px;right:2px;top:calc(10.5px*var(--z));height:1px;background:var(--navy);transition:transform var(--t-mid) var(--ease)}
.fx__plus::after{transform:rotate(90deg)}
.fx__item[open] .fx__plus::after{transform:rotate(0)}
.fx__body{padding:0 calc(64px*var(--z)) calc(30px*var(--z)) calc(94px*var(--z));background:var(--paper)}
.fx__body p{font-size:calc(15px*var(--z));line-height:1.65;color:var(--text-2);max-width:36em;margin-bottom:calc(16px*var(--z))}
.fx__bottom{display:flex;justify-content:space-between;align-items:center;gap:calc(32px*var(--z));margin-top:calc(36px*var(--z))}
.fx__bottom p{font-size:calc(12px*var(--z));line-height:1.65;color:var(--text-3);max-width:46em}

/* Journal na Home */
.jh{background:var(--paper)}
.jh__top{display:flex;justify-content:space-between;gap:calc(20px*var(--z));padding-bottom:calc(22px*var(--z));border-bottom:1px solid var(--line)}
.jh__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:calc(40px*var(--z));align-items:end;margin:calc(44px*var(--z)) 0 calc(60px*var(--z))}
.jh__intro>div{max-width:calc(420px*var(--z));justify-self:end}
.jh__intro p{font-size:var(--fs-lead);line-height:1.5;margin-bottom:calc(26px*var(--z));color:var(--text-2)}
.jh__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:calc(32px*var(--z))}
.jh__feature{background:var(--ice)}
.jh__feature .jcard__img{height:clamp(calc(280px*var(--z)),34vw,calc(520px*var(--z)))}
.jh__feature .jcard__body{background:var(--ice);padding:calc(32px*var(--z)) calc(34px*var(--z)) calc(40px*var(--z))}
.jh__feature .jcard__title{font-size:clamp(calc(30px*var(--z)),3.2vw,calc(52px*var(--z)))}
.jh__side{display:flex;flex-direction:column;gap:calc(24px*var(--z))}
.jh__side .jh__mini{flex:1}
.jh__mini{display:grid;grid-template-columns:41% 1fr;gap:calc(24px*var(--z));padding-bottom:calc(24px*var(--z));border-bottom:1px solid var(--line);background:transparent}
.jh__mini .jcard__img{min-height:calc(200px*var(--z))}
.jh__mini .jcard__body{padding:calc(4px*var(--z)) 0;background:transparent}
.jh__more{padding:calc(26px*var(--z)) calc(30px*var(--z));margin-top:auto}
.jh__more p{font-size:clamp(calc(21px*var(--z)),2vw,calc(30px*var(--z)));line-height:1.15;letter-spacing:-.03em;color:var(--navy);margin:calc(14px*var(--z)) 0 calc(18px*var(--z));max-width:16em}
.jh__disclaimer{margin-top:calc(32px*var(--z));max-width:52em}

/* Encerramento */
.closing{background:var(--mist)}
.closing__top{display:flex;justify-content:space-between;gap:calc(20px*var(--z));padding-bottom:calc(24px*var(--z));border-bottom:1px solid var(--line)}
.closing__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:calc(56px*var(--z));align-items:end;padding:clamp(calc(56px*var(--z)),7vw,calc(96px*var(--z))) 0 clamp(calc(40px*var(--z)),5vw,calc(72px*var(--z)))}
.closing__layout h2{font-size:clamp(calc(54px*var(--z)),7vw,calc(116px*var(--z)));line-height:1;letter-spacing:-.06em;color:var(--navy)}
.closing__layout h2 .soft{color:var(--bluegray)}
.closing__side{max-width:calc(430px*var(--z));justify-self:end}
.closing__side p{font-size:var(--fs-lead);line-height:1.5;color:var(--text-2);margin-bottom:calc(32px*var(--z))}
.closing__side .link{display:table;margin-top:calc(24px*var(--z))}
.closing__bottom{display:flex;justify-content:space-between;gap:calc(20px*var(--z));padding-top:calc(22px*var(--z));border-top:1px solid var(--line)}

/* =====================================================================
   PÁGINAS INTERNAS
   ===================================================================== */
.phero{position:relative;padding:calc(var(--nav-h) + clamp(calc(56px*var(--z)),8vw,calc(112px*var(--z)))) 0 clamp(calc(48px*var(--z)),6vw,calc(80px*var(--z)));background:var(--mist);overflow:hidden}
.phero__crumb{display:flex;gap:calc(8px*var(--z));font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3)}
.phero__crumb a{color:var(--navy);border-bottom:1px solid var(--line)}
.phero .label{margin-top:calc(44px*var(--z))}
.phero h1{margin-top:calc(22px*var(--z));font-size:var(--fs-display);line-height:.94;letter-spacing:-.058em;color:var(--navy);max-width:13em;text-wrap:balance}
.phero h1 em,.phero h1 .soft{font-style:normal;color:var(--bluegray)}
.phero__lead{margin-top:calc(30px*var(--z));max-width:34em;font-size:var(--fs-lead);line-height:1.5;color:var(--text-2)}
.phero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.phero__grid .phero__text{grid-column:1 / span 7}
.phero__grid .phero__media{grid-column:8 / span 5}
.phero__meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:calc(24px*var(--z));margin-top:clamp(calc(48px*var(--z)),6vw,calc(88px*var(--z)));padding-top:calc(18px*var(--z));border-top:1px solid var(--line)}
.phero__meta .hero__scroll{color:var(--text-3)}
.phero>.wave{bottom:clamp(calc(70px*var(--z)),8vw,calc(110px*var(--z)));height:calc(120px*var(--z));z-index:1}
.phero--short{padding-bottom:clamp(calc(40px*var(--z)),5vw,calc(64px*var(--z)))}
.phero__index{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z)) calc(10px*var(--z));margin-top:calc(28px*var(--z));padding:0;list-style:none}
.phero__index a{display:inline-block;padding:calc(9px*var(--z)) calc(12px*var(--z));font-size:calc(11px*var(--z));font-stretch:112%;letter-spacing:.04em;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line);transition:background-color var(--t-fast),box-shadow var(--t-fast)}
.phero__index a:hover{background:var(--paper);box-shadow:inset 0 0 0 1px var(--navy)}

.pcta{background:var(--paper)}
.pcta__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:calc(56px*var(--z));align-items:end}
.pcta__side{max-width:calc(420px*var(--z));justify-self:end}
.pcta__side p{font-size:var(--fs-lead);line-height:1.5;color:var(--text-2);margin-bottom:calc(30px*var(--z))}

/* cena de frase (HR, Sobre) */
.quote-scene .scene{--scene-h:160vh}
.qs__lines{font-size:clamp(calc(40px*var(--z)),5.6vw,calc(96px*var(--z)));line-height:1;letter-spacing:-.055em;color:var(--ice)}
.qs__lines .ln{display:block;font-stretch:var(--fs,100%);opacity:var(--lo,1);transform:translate3d(0,calc((1 - var(--lo,1))*calc(18px*var(--z))),0)}
.qs__lines .ln.soft{color:#9fb1bc}
.qs__after{margin-top:clamp(calc(28px*var(--z)),4vw,calc(48px*var(--z)));max-width:34em}

/* SIGNAL: cena do preparo */
.prep .scene{--scene-h:170vh}
.prep__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.prep__copy{grid-column:1 / span 5}
.prep__copy .h2{color:var(--ice)}
.prep__media{grid-column:7 / span 6;position:relative;aspect-ratio:1/1;max-height:76svh;overflow:hidden;background:#1d3044}
.prep__media img{width:100%;height:100%;object-fit:cover;transform:scale(var(--zs,1.14));transform-origin:60% 40%}

/* Fórmula: lista em cena clara */
.ftab{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:clamp(calc(24px*var(--z)),4vw,calc(64px*var(--z)));align-items:start;margin-top:clamp(calc(40px*var(--z)),5vw,calc(64px*var(--z)))}
.ftab__aside{position:sticky;top:calc(var(--nav-h) + calc(32px*var(--z)))}
.ftab__num{font-size:clamp(calc(140px*var(--z)),17vw,calc(280px*var(--z)));line-height:.82;letter-spacing:-.09em;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;font-variant-numeric:tabular-nums}
.ftab__cur{margin-top:calc(18px*var(--z));font-size:var(--fs-h3);letter-spacing:-.03em;color:var(--navy);min-height:1.2em}
.ptable{width:100%;border-collapse:collapse}
.ptable thead th{padding:0 0 calc(14px*var(--z));text-align:left;font-weight:400;font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line)}
.ptable tbody tr{border-bottom:1px solid var(--line);transition:background-color var(--t-mid),opacity var(--t-mid)}
.ptable td{padding:calc(28px*var(--z)) calc(16px*var(--z)) calc(28px*var(--z)) 0;vertical-align:baseline}
.ptable td:first-child{width:calc(64px*var(--z));font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);color:var(--text-3)}
.ptable td:nth-child(2){width:38%;font-size:clamp(calc(22px*var(--z)),2.2vw,calc(34px*var(--z)));line-height:1.1;letter-spacing:-.04em;color:var(--navy);font-stretch:100%;transition:font-stretch var(--t-mid) var(--ease),color var(--t-mid)}
.ptable td:nth-child(3){font-size:calc(15px*var(--z));line-height:1.6;color:var(--text-2)}
.js .ptable.is-live tbody tr{opacity:.4}
.js .ptable.is-live tbody tr.is-on{opacity:1}
.ptable tbody tr.is-on td:nth-child(2),.ptable tbody tr:hover td:nth-child(2){font-stretch:116%}

/* Journal hub */
.jx-intro{display:grid;grid-template-columns:1fr .8fr;gap:calc(40px*var(--z));align-items:end;margin-bottom:calc(56px*var(--z))}
.jx-intro p{max-width:30em;justify-self:end;font-size:calc(15.5px*var(--z));line-height:1.65;color:var(--text-2)}
.jx-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--paper)}
.jx-feature .jcard__img{min-height:calc(480px*var(--z))}
.jx-feature .jcard__body{padding:clamp(calc(28px*var(--z)),4vw,calc(56px*var(--z)));gap:calc(20px*var(--z));justify-content:center}
.jx-feature .jcard__title{font-size:clamp(calc(32px*var(--z)),3.4vw,calc(54px*var(--z)))}
.jx-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16px*var(--z));margin-top:calc(16px*var(--z))}
.jx-guides .jcard__body{padding:calc(28px*var(--z))}
.jx-guides .jcard__foot{display:flex;justify-content:space-between;gap:calc(12px*var(--z));padding-top:calc(14px*var(--z));border-top:1px solid var(--line)}

/* Contato */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--paper);margin-top:clamp(calc(36px*var(--z)),4vw,calc(56px*var(--z)))}
.contact__a{padding:clamp(calc(28px*var(--z)),4vw,calc(56px*var(--z)))}
.contact__a p{font-size:calc(15px*var(--z));line-height:1.65;color:var(--text-2);margin-top:calc(16px*var(--z));max-width:34em}
.contact__status{display:flex;align-items:center;gap:calc(12px*var(--z));margin-top:calc(32px*var(--z));padding-top:calc(18px*var(--z));border-top:1px solid var(--line)}
.contact__b{position:relative;padding:clamp(calc(28px*var(--z)),4vw,calc(56px*var(--z)));background:var(--ice);display:flex;flex-direction:column;justify-content:space-between;gap:calc(40px*var(--z))}
.contact__b strong{display:block;font-weight:400;font-size:clamp(calc(40px*var(--z)),4.4vw,calc(68px*var(--z)));line-height:1;letter-spacing:-.05em;color:var(--navy)}
.contact__b p{font-size:calc(14px*var(--z));line-height:1.6;color:var(--text-2);margin-bottom:calc(12px*var(--z))}
.pulse{position:relative;width:calc(8px*var(--z));height:calc(8px*var(--z));border-radius:50%;background:var(--navy);flex:none}
.pulse::after{content:"";position:absolute;inset:calc(-5px*var(--z));border-radius:50%;border:1px solid var(--navy);animation:pend 2.6s var(--ease) infinite}
.navcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px*var(--z));margin-top:clamp(calc(36px*var(--z)),4vw,calc(56px*var(--z)))}
.navcard{display:flex;flex-direction:column;gap:calc(16px*var(--z));padding:calc(28px*var(--z));background:var(--mist);transition:background-color var(--t-mid)}
.navcard:hover{background:var(--ice)}
.navcard h3{font-size:clamp(calc(26px*var(--z)),2.6vw,calc(40px*var(--z)));letter-spacing:-.045em;color:var(--navy);font-stretch:100%;transition:font-stretch var(--t-mid) var(--ease)}
.navcard:hover h3{font-stretch:110%}
.navcard p{font-size:calc(14.5px*var(--z));line-height:1.6;color:var(--text-2);flex:1}
.navcard .link{align-self:flex-start}

/* Sobre: símbolo */
.symbol-draw{width:100%;max-width:calc(420px*var(--z));height:auto;overflow:visible;margin-inline:auto}
.symbol-draw path{fill:var(--navy);fill-opacity:0;stroke:var(--navy);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0));vector-effect:non-scaling-stroke}
.symbol-draw.is-done path{fill-opacity:1;transition:fill-opacity 1.2s var(--ease)}
.symbol-box{display:grid;place-items:center;aspect-ratio:4/5;background:var(--ice);padding:12%}

/* =====================================================================
   TEMPLATE DE LEITURA (guias, modelo editorial, privacidade)
   ===================================================================== */
.rhero{padding:calc(var(--nav-h) + clamp(calc(56px*var(--z)),7vw,calc(104px*var(--z)))) 0 clamp(calc(40px*var(--z)),5vw,calc(64px*var(--z)));background:var(--paper);border-bottom:1px solid var(--line)}
.rhero h1{margin-top:calc(22px*var(--z));font-size:clamp(calc(42px*var(--z)),5.6vw,calc(92px*var(--z)));line-height:1;letter-spacing:-.055em;color:var(--navy);max-width:14em;text-wrap:balance}
.rhero h1 .soft{color:var(--bluegray)}
.rhero__lead{margin-top:calc(26px*var(--z));max-width:36em;font-size:var(--fs-lead);line-height:1.5;color:var(--text-2)}
.rhero__chips{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z));margin-top:calc(32px*var(--z))}
.rhero__chips .chip{display:inline-flex;flex-direction:column;gap:calc(4px*var(--z));padding:calc(11px*var(--z)) calc(14px*var(--z));box-shadow:inset 0 0 0 1px var(--line);min-width:calc(150px*var(--z))}
.rhero__chips .chip strong{font-weight:400;font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.rhero__chips .chip span{font-size:calc(14px*var(--z));color:var(--navy)}
.rhero__status{margin-top:calc(26px*var(--z))}
.readbar{position:fixed;left:0;right:0;top:var(--nav-h);height:calc(22px*var(--z));z-index:90;pointer-events:none}
.readbar canvas{width:100%;height:100%}
.read{background:var(--paper);padding:clamp(calc(56px*var(--z)),7vw,calc(96px*var(--z))) 0 var(--sp-m)}
.read__grid{display:grid;grid-template-columns:minmax(0,.28fr) minmax(0,.72fr);gap:clamp(calc(32px*var(--z)),6vw,calc(96px*var(--z)));align-items:start}
.toc{position:sticky;top:calc(var(--nav-h) + calc(48px*var(--z)))}
.toc ol{margin:calc(18px*var(--z)) 0 0;padding:0;list-style:none;border-left:1px solid var(--line)}
.toc li a{position:relative;display:block;padding:calc(9px*var(--z)) 0 calc(9px*var(--z)) calc(18px*var(--z));font-size:calc(13.5px*var(--z));line-height:1.4;color:var(--text-3);transition:color var(--t-fast)}
.toc li a::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--navy);transform:scaleY(0);transition:transform var(--t-mid) var(--ease)}
.toc li a:hover{color:var(--navy)}
.toc li a.is-on{color:var(--navy)}
.toc li a.is-on::before{transform:scaleY(1)}
.prose{max-width:42rem;font-size:calc(17.5px*var(--z));line-height:1.72;color:#3a464d}
.prose>*+*{margin-top:1.1em}
.prose h2{margin-top:2.2em;font-size:clamp(calc(28px*var(--z)),2.8vw,calc(40px*var(--z)));line-height:1.1;letter-spacing:-.04em;color:var(--navy)}
.prose h2+p,.prose h2+ul,.prose h2+ol{margin-top:.7em}
.prose ul,.prose ol{padding-left:1.2em}
.prose li+li{margin-top:.5em}
.prose li::marker{color:var(--bluegray)}
.prose .note{margin-top:1.8em;font-size:calc(15px*var(--z))}
.prose .lead{font-size:var(--fs-lead)}
.prose .label{display:flex}
.prose .meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px*var(--z));padding:calc(18px*var(--z)) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:calc(14px*var(--z));line-height:1.5}
.prose .meta-row strong{display:block;font-weight:400;font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);margin-bottom:calc(4px*var(--z))}
.prose .meta-row div{color:var(--navy)}
.read__related{display:flex;flex-wrap:wrap;gap:calc(20px*var(--z)) calc(28px*var(--z));margin-top:3em;padding-top:calc(28px*var(--z));border-top:1px solid var(--line)}
.read__related .sepdot{color:var(--text-3)}
.more-guides{background:var(--mist)}
.more-guides__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px*var(--z));margin-top:calc(32px*var(--z))}
.more-guides .jcard__img{aspect-ratio:4/3}

/* =====================================================================
   RESPONSIVO
   ===================================================================== */
@media (min-width:1181px){
  .prod__stage{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);min-height:calc(520px*var(--z))}
  .prod__img{min-height:calc(520px*var(--z));background:#F9F9F9}
  .prod__img img{inset:auto;left:4%;top:50%;width:92%;height:auto;aspect-ratio:16/9;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 64%,transparent 100%)}
  .prod__img.frame img,.prod__img[data-reveal="frame"].is-in img{transform:translate3d(0,-50%,0) scale(1.12)}
}
@media (max-width:1180px){
  .nav__links{gap:calc(16px*var(--z))}
  .nav__links>a:not(.nav__cta){font-size:calc(9.5px*var(--z))}
  .hero__copy{padding-left:0}
  .prod__stage{grid-template-columns:minmax(0,1fr)}
  .prod__img{min-height:calc(440px*var(--z))}
}
@media (max-width:980px){
  :root{--nav-h:calc(66px*var(--z))}
  .nav__toggle{display:inline-flex}
  .nav__links{position:fixed;left:0;right:0;top:var(--nav-h);height:calc(100svh - var(--nav-h));flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:calc(28px*var(--z)) var(--side) calc(32px*var(--z));background:var(--mist);font-size:clamp(calc(26px*var(--z)),7vw,calc(40px*var(--z)));font-stretch:100%;letter-spacing:-.03em;text-transform:none;visibility:hidden;opacity:0;transform:translate3d(0,calc(-12px*var(--z)),0);transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease),visibility 0s linear var(--t-mid);overflow-y:auto}
  .nav.is-open .nav__links{visibility:visible;opacity:1;transform:none;transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease),visibility 0s}
  .nav__links>a:not(.nav__cta){opacity:0;transform:translate3d(0,calc(14px*var(--z)),0);padding:calc(16px*var(--z)) 0;border-bottom:1px solid var(--line);font-size:inherit}
  .nav__links>a:not(.nav__cta)::after{display:none}
  .nav.is-open .nav__links>a:not(.nav__cta){opacity:1;transform:none;transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease);transition-delay:calc(var(--i,0)*50ms + 80ms)}
  .nav__links .nav__cta{margin-top:auto;justify-content:space-between;padding:calc(18px*var(--z)) calc(20px*var(--z));font-size:calc(11px*var(--z));letter-spacing:.12em;text-transform:uppercase;font-stretch:115%}
  .sec-head{grid-template-columns:1fr;gap:calc(24px*var(--z))}
  .sec-head__side{justify-self:start}
  .split{grid-template-columns:1fr;row-gap:calc(40px*var(--z))}
  .split__a,.split__b,.split--rev .split__a,.split--rev .split__b{grid-column:1;grid-row:auto}
  .points{grid-template-columns:1fr;gap:calc(32px*var(--z))}
  .rail-h{padding-left:calc(30px*var(--z))}
  .rail-h__track{left:calc(4px*var(--z));right:auto;top:calc(8px*var(--z));bottom:calc(8px*var(--z));width:1px;height:auto}
  .rail-h__track i{transform:scaleY(var(--rp,0));transform-origin:top}
  .rail-h .point .dot{left:calc(-30px*var(--z));top:calc(5px*var(--z))}
  .hero__grid{grid-template-columns:1fr;row-gap:calc(28px*var(--z));align-items:start}
  .hero__media,.hero__copy{grid-column:1}
  .hero__media{height:auto;min-height:0;aspect-ratio:4/3.4}
  .hero__copy{padding-left:0}
  .hero>.wave{display:none}
  .manifesto__shell{grid-template-columns:1fr;row-gap:calc(36px*var(--z))}
  .manifesto__aside{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:0 0 calc(22px*var(--z))}
  .manifesto__symbol{max-width:calc(96px*var(--z))}
  .manifesto__aside>.label--quiet{display:none}
  .philo__foot>.label:first-child{display:none}
  .manifesto__bottom{grid-template-columns:1fr;gap:calc(24px*var(--z))}
  .uni__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--side)*-1);padding-inline:var(--side);scroll-padding-inline:var(--side)}
  .uni__grid::-webkit-scrollbar{display:none}
  .uni__card{scroll-snap-align:start;height:min(calc(560px*var(--z)),128vw)}
  .uni__dots{display:flex;gap:calc(6px*var(--z));margin-top:calc(16px*var(--z))}
  .uni__dots i{width:calc(28px*var(--z));height:2px;background:var(--line);transition:background var(--t-mid)}
  .uni__dots i.is-on{background:var(--navy)}
  .uni__outro{flex-direction:column;align-items:flex-start}
  .philo-intro__grid{grid-template-columns:1fr;gap:calc(24px*var(--z))}
  .philo .scene{--scene-h:220vh}
  .philo__grid{grid-template-columns:1fr;row-gap:calc(28px*var(--z))}
  .philo__dial,.philo__steps{grid-column:1}
  .philo__dial{flex-direction:row;align-items:flex-end;gap:calc(16px*var(--z));flex-wrap:wrap}
  .philo__mini{width:100%;margin:0}
  .philo__num{font-size:clamp(calc(96px*var(--z)),26vw,calc(150px*var(--z)))}
  .philo__step h3{font-size:clamp(calc(34px*var(--z)),8.6vw,calc(52px*var(--z)))}
  .philo-outro__grid{grid-template-columns:1fr;gap:calc(24px*var(--z))}
  .prod__intro{flex-direction:column;align-items:flex-start}
  .fx__layout{grid-template-columns:1fr}
  .fx__panel{position:relative;top:auto;min-height:0;gap:calc(28px*var(--z))}
  .fx__mark{font-size:clamp(calc(120px*var(--z)),34vw,calc(200px*var(--z)))}
  .fx__bottom{flex-direction:column;align-items:flex-start}
  .jh__intro,.jh__grid{grid-template-columns:1fr}
  .jh__intro>div{justify-self:start}
  .closing__layout{grid-template-columns:1fr;gap:calc(32px*var(--z))}
  .closing__side{justify-self:start}
  .foot__grid{grid-template-columns:1fr 1fr;gap:calc(32px*var(--z))}
  .foot__mark{width:min(72%,calc(520px*var(--z)))}
  .foot__grid>div:first-child{grid-column:1 / -1}
  .phero__grid .phero__text,.phero__grid .phero__media{grid-column:1 / -1}
  .phero__grid .phero__media{margin-top:calc(40px*var(--z))}
  .pcta__grid{grid-template-columns:1fr;gap:calc(28px*var(--z))}
  .pcta__side{justify-self:start}
  .prep__copy,.prep__media{grid-column:1 / -1}
  .prep__grid{row-gap:calc(28px*var(--z))}
  .prep__media{max-height:46svh;aspect-ratio:4/3}
  .ftab{grid-template-columns:1fr}
  .ftab__aside{position:relative;top:auto;display:flex;align-items:flex-end;gap:calc(20px*var(--z))}
  .ftab__num{font-size:clamp(calc(96px*var(--z)),28vw,calc(160px*var(--z)))}
  .jx-intro{grid-template-columns:1fr}
  .jx-intro p{justify-self:start}
  .jx-feature{grid-template-columns:1fr}
  .jx-feature .jcard__img{min-height:0;aspect-ratio:4/3}
  .contact{grid-template-columns:1fr}
  .navcards{grid-template-columns:1fr}
  .read__grid{grid-template-columns:1fr}
  .toc{display:none}
  .more-guides__grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  :root{--fs-body:calc(16px*var(--z))}
  .brand svg{height:calc(14px*var(--z))}
  .btn{width:100%}
  .btn-row{flex-direction:column;align-items:stretch}
  .hero__title{font-size:clamp(calc(36px*var(--z)),10vw,calc(46px*var(--z)))}
  .hero__bar{flex-direction:column;align-items:flex-start;gap:calc(16px*var(--z))}
  .hero__scroll{display:none}
  .hero__seg{width:calc(48px*var(--z))}
  .uni__head h3{font-size:clamp(calc(32px*var(--z)),9vw,calc(42px*var(--z)))}
  .prod__details{grid-template-columns:1fr 1fr}
  .prod__foot span:nth-child(2){display:none}
  .prod__img{min-height:calc(300px*var(--z))}
  .fx__item summary{grid-template-columns:calc(30px*var(--z)) minmax(0,1fr) calc(22px*var(--z));gap:calc(10px*var(--z));padding:calc(20px*var(--z)) calc(8px*var(--z));min-height:calc(76px*var(--z))}
  .fx__body{padding:0 calc(12px*var(--z)) calc(24px*var(--z)) calc(48px*var(--z))}
  .fx__panel{padding:calc(22px*var(--z))}
  .jh__top .label:last-child,.closing__top .label:last-child{display:none}
  .jh__mini{grid-template-columns:38% 1fr;gap:calc(16px*var(--z))}
  .jh__mini .jcard__img{min-height:calc(150px*var(--z))}
  .jh__mini .jcard__title{font-size:calc(20px*var(--z))}
  .closing__bottom{flex-direction:column;gap:calc(8px*var(--z))}
  .foot__line{flex-direction:column;gap:calc(8px*var(--z))}
  .qs__lines{font-size:clamp(calc(34px*var(--z)),10.2vw,calc(46px*var(--z)))}
  .qs__lines .ln{white-space:normal}
  .breathe .ln{white-space:normal}
  .ptable thead{display:none}
  .ptable tr{display:grid;grid-template-columns:calc(44px*var(--z)) 1fr;padding:calc(20px*var(--z)) 0}
  .ptable td{padding:0}
  .ptable td:first-child{width:auto;padding-top:calc(6px*var(--z))}
  .ptable td:nth-child(2){width:auto}
  .ptable td:nth-child(3){grid-column:2;margin-top:calc(8px*var(--z))}
  .rail-v li{grid-template-columns:calc(40px*var(--z)) minmax(0,1fr) auto;padding-left:calc(26px*var(--z));font-size:calc(18px*var(--z))}
  .jx-guides{grid-template-columns:1fr}
  .prose .meta-row{grid-template-columns:1fr}
  .rhero__chips .chip{min-width:0;flex:1 1 100%}
  .phero__meta{flex-direction:column;gap:calc(10px*var(--z))}
}

/* ---------- Movimento reduzido: tudo no estado final ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}
  [data-reveal],.split-w .w>span{opacity:1!important;transform:none!important;clip-path:none!important}
  [data-reveal="stretch"]{font-stretch:100%!important}
  .scene{height:auto!important}
  .scene__stage{position:relative;height:auto;min-height:100svh;padding:clamp(calc(96px*var(--z)),12vw,calc(160px*var(--z))) 0}
  .philo__steps{gap:calc(48px*var(--z));grid-template-columns:1fr}
  .philo__step{grid-area:auto;opacity:1;transform:none}
  .breathe .ln,.qs__lines .ln{--fs:100%!important;--lo:1!important}
  .fade-by-p{--o:1!important}
}


/* =====================================================================
   Compra · o site escolhe o kit, o checkout B4You conclui
   Um momento de compra por página. Cromado = botão final de compra.
   ===================================================================== */
.buy{display:grid;grid-template-columns:minmax(calc(300px*var(--z)),.78fr) minmax(0,2.22fr);gap:clamp(calc(16px*var(--z)),1.6vw,calc(24px*var(--z)));align-items:stretch}
.buy__visual{position:relative;display:flex;flex-direction:column;gap:calc(22px*var(--z));padding:calc(30px*var(--z)) calc(30px*var(--z)) calc(28px*var(--z));background:var(--ice);overflow:hidden}
.buy__sachets{position:relative;height:calc(268px*var(--z));margin:0 calc(-10px*var(--z))}
.buy__sachets img{position:absolute;top:calc(14px*var(--z));width:calc(62px*var(--z));height:auto;filter:drop-shadow(0 calc(22px*var(--z)) calc(24px*var(--z)) rgba(15,30,46,.22));will-change:transform}
.buy__sachets .s1{left:calc(50% - calc(116px*var(--z)));--r:-15deg;--dy:calc(22px*var(--z));animation:sachet 6.4s var(--ease-io) infinite}
.buy__sachets .s2{left:calc(50% - calc(33px*var(--z)));--r:-3deg;--dy:0px;animation:sachet 7.2s var(--ease-io) -2.4s infinite;z-index:2}
.buy__sachets .s3{left:calc(50% + calc(50px*var(--z)));--r:13deg;--dy:calc(18px*var(--z));animation:sachet 6.8s var(--ease-io) -4.1s infinite}
.buy__sachets img{transform:translate3d(0,var(--dy),0) rotate(var(--r))}
@keyframes sachet{0%,100%{transform:translate3d(0,var(--dy),0) rotate(var(--r))}50%{transform:translate3d(0,calc(var(--dy) - calc(12px*var(--z))),0) rotate(calc(var(--r) + 1.5deg))}}
.buy__shadow{position:absolute;left:50%;bottom:calc(4px*var(--z));width:calc(210px*var(--z));height:calc(22px*var(--z));margin-left:calc(-105px*var(--z));border-radius:50%;background:radial-gradient(closest-side,rgba(15,30,46,.2),rgba(15,30,46,0));animation:sachetShadow 7s var(--ease-io) infinite}
@keyframes sachetShadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.9);opacity:.75}}
.buy__count{display:flex;flex-direction:column;gap:calc(10px*var(--z))}
.buy__count b{display:inline-block;align-self:flex-start;padding:.06em .14em .04em 0;margin-right:-.14em;font-weight:400;font-size:clamp(calc(84px*var(--z)),7vw,calc(124px*var(--z)));line-height:.84;letter-spacing:-.06em;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;font-variant-numeric:tabular-nums;font-stretch:var(--fs,100%);transition:font-stretch .9s var(--ease)}
.buy__count span{font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--navy)}
.buy__timeline svg{display:block;width:100%;height:calc(44px*var(--z));overflow:visible}
.buy__timeline .base{fill:none;stroke:rgba(26,49,74,.18);stroke-width:1}
.buy__timeline .run{fill:none;stroke:var(--navy);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--run,1));transition:stroke-dashoffset 1.1s var(--ease)}
.buy__boxes{display:flex;align-items:flex-end;gap:calc(7px*var(--z))}
.buy__boxes i{display:block;width:calc(24px*var(--z));aspect-ratio:3/4;box-shadow:inset 0 0 0 1px rgba(26,49,74,.22);transform:translate3d(0,calc(5px*var(--z)),0);opacity:.5;transition:background var(--t-mid),transform var(--t-mid) var(--ease),opacity var(--t-mid);transition-delay:calc(var(--i,0)*45ms)}
.buy__boxes i.is-on{background:var(--chrome-soft);box-shadow:inset 0 0 0 1px rgba(26,49,74,.35);transform:none;opacity:1}
.buy__boxes small{margin-left:auto;font-size:var(--fs-label);font-stretch:122%;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3)}

.buy__panel{display:flex;flex-direction:column;gap:calc(16px*var(--z));min-width:0}
.buy__top{padding:calc(4px*var(--z)) 0 calc(10px*var(--z))}
.buy__top h3{font-size:clamp(calc(28px*var(--z)),2.6vw,calc(38px*var(--z)));line-height:1.05;letter-spacing:-.035em;color:var(--navy)}
.buy__top p{margin-top:calc(10px*var(--z));max-width:40em;font-size:calc(15.5px*var(--z));line-height:1.55;color:var(--text-2)}
.kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14px*var(--z));flex:1}
.kit{position:relative;display:flex;flex-direction:column;padding:calc(20px*var(--z)) calc(20px*var(--z)) calc(20px*var(--z));background:var(--mist);color:var(--navy);box-shadow:inset 0 0 0 1px transparent;transition:background var(--t-mid),box-shadow var(--t-mid),transform var(--t-mid) var(--ease)}
.kit.is-active{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),0 calc(26px*var(--z)) calc(50px*var(--z)) calc(-34px*var(--z)) rgba(26,49,74,.45)}
.kit--featured{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--navy),0 calc(30px*var(--z)) calc(60px*var(--z)) calc(-36px*var(--z)) rgba(26,49,74,.6)}
.kit--featured.is-active{box-shadow:inset 0 0 0 1.5px var(--navy),0 calc(30px*var(--z)) calc(60px*var(--z)) calc(-32px*var(--z)) rgba(26,49,74,.7)}
.kit__flag{display:flex;align-items:center;justify-content:center;min-height:calc(30px*var(--z));margin:calc(-4px*var(--z)) calc(-4px*var(--z)) calc(18px*var(--z));padding:calc(6px*var(--z)) calc(10px*var(--z));font-size:calc(9.5px*var(--z));font-stretch:118%;letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--ice);text-align:center}
.kit__flag--empty{visibility:hidden}
.kit__name{font-size:clamp(calc(26px*var(--z)),2.2vw,calc(32px*var(--z)));line-height:1;letter-spacing:-.04em}
.kit__meta{margin-top:calc(10px*var(--z));font-size:calc(10px*var(--z));font-stretch:122%;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.kit__price{display:flex;flex-direction:column;gap:calc(6px*var(--z));margin-top:calc(22px*var(--z));padding-bottom:calc(20px*var(--z));border-bottom:1px solid var(--line)}
.kit__from{min-height:calc(14px*var(--z));font-size:calc(10.5px*var(--z));font-stretch:118%;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.kit__price strong{font-weight:400;font-size:clamp(calc(34px*var(--z)),3vw,calc(46px*var(--z)));line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.kit__per{font-size:calc(13.5px*var(--z));color:var(--text-2)}
.kit__info{display:flex;flex-direction:column;gap:calc(14px*var(--z));margin:calc(18px*var(--z)) 0 calc(22px*var(--z));flex:1}
.kit__info dt{font-size:calc(9.5px*var(--z));font-stretch:122%;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.kit__info dd{margin:calc(5px*var(--z)) 0 0;font-size:calc(14.5px*var(--z));line-height:1.45;color:var(--text)}
.kit .btn{width:100%;min-height:calc(52px*var(--z));font-size:calc(10.5px*var(--z))}
.kit .btn--ghost{background:var(--paper)}
.buy__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(10px*var(--z)) calc(24px*var(--z));padding-top:calc(6px*var(--z))}
.buy__trust{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z)) calc(20px*var(--z));font-size:calc(12px*var(--z));color:var(--text-2)}
.buy__trust span{display:inline-flex;align-items:center;gap:calc(8px*var(--z))}
.buy__trust span::before{content:"";width:calc(5px*var(--z));height:calc(5px*var(--z));border-radius:50%;background:var(--bluegray)}
.buy__note{font-size:calc(12px*var(--z));color:var(--text-3)}

/* ---------- Barra de compra (página SIGNAL) ---------- */
.buybar{position:fixed;left:0;right:0;top:var(--nav-h);z-index:95;transform:translate3d(0,-120%,0);transition:transform var(--t-mid) var(--ease);pointer-events:none}
.buybar.is-on{transform:none;pointer-events:auto}
.buybar::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.9);backdrop-filter:blur(calc(16px*var(--z)));-webkit-backdrop-filter:blur(calc(16px*var(--z)));border-bottom:1px solid var(--line)}
.buybar__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(20px*var(--z));padding:calc(10px*var(--z)) 0}
.buybar__id{display:flex;align-items:center;gap:calc(16px*var(--z));min-width:0}
.buybar__id img{width:calc(56px*var(--z));height:calc(36px*var(--z));object-fit:cover;background:#F9F9F9}
.buybar__id strong{font-weight:400;font-size:calc(15px*var(--z));color:var(--navy);letter-spacing:-.01em}
.buybar__id span{font-size:calc(12.5px*var(--z));color:var(--text-2)}
.buybar .btn{min-height:calc(42px*var(--z));font-size:calc(10px*var(--z))}

/* ---------- Preço de entrada (topo da página SIGNAL) ---------- */
.from-price{display:flex;flex-wrap:wrap;align-items:center;gap:calc(14px*var(--z)) calc(22px*var(--z));margin-top:calc(30px*var(--z))}
.from-price p{font-size:calc(13.5px*var(--z));color:var(--text-2)}
.from-price p strong{font-weight:400;color:var(--navy)}

/* ---------- Página Comprar ---------- */
.shop-hero{padding:calc(var(--nav-h) + calc(40px*var(--z))) 0 var(--sp-s);background:var(--mist)}
.shop-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(calc(24px*var(--z)),4vw,calc(64px*var(--z)));align-items:center}
.shop-hero__media{position:relative;margin:0;aspect-ratio:1/1;background:#F9F9F9;overflow:hidden}
.shop-hero__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:opacity var(--t-mid)}
.shop-hero__media>img[hidden]{display:block;opacity:0;pointer-events:none}
.thumbs{position:absolute;left:calc(16px*var(--z));bottom:calc(16px*var(--z));z-index:2;display:flex;gap:calc(8px*var(--z))}
.thumbs button{width:calc(56px*var(--z));height:calc(56px*var(--z));padding:0;border:0;background:#fff center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-fast)}
.thumbs button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--navy)}
.shop-hero h1{margin-top:calc(18px*var(--z));font-size:clamp(calc(56px*var(--z)),6vw,calc(104px*var(--z)));line-height:.92;letter-spacing:-.06em;color:var(--navy)}
.shop-hero h1 .soft{color:var(--bluegray)}
.shop-hero .lead{margin:calc(22px*var(--z)) 0 calc(24px*var(--z));color:var(--text-2);max-width:32em}
.facts{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z));margin:0;padding:0;list-style:none}
.facts li{padding:calc(8px*var(--z)) calc(12px*var(--z));font-size:calc(10px*var(--z));font-stretch:118%;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}
.shop-hero .buy__trust{margin-top:calc(18px*var(--z))}
.shop-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px*var(--z));margin-top:calc(40px*var(--z))}
.shop-info article{padding:calc(26px*var(--z));background:var(--mist)}
.bg-mist .shop-info article{background:var(--paper)}
.shop-info h3{font-size:var(--fs-h3);letter-spacing:-.03em;color:var(--navy);margin:calc(16px*var(--z)) 0 calc(10px*var(--z))}
.shop-info p{font-size:calc(14.5px*var(--z));line-height:1.6;color:var(--text-2)}
.faq{margin-top:calc(36px*var(--z));border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:calc(20px*var(--z));padding:calc(24px*var(--z)) 0;font-size:clamp(calc(19px*var(--z)),1.7vw,calc(24px*var(--z)));letter-spacing:-.02em;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:calc(22px*var(--z));color:var(--bluegray)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 calc(24px*var(--z));max-width:46em;font-size:calc(15.5px*var(--z));line-height:1.65;color:var(--text-2)}

@media (max-width:1180px){
  .buy{grid-template-columns:1fr}
  .buy__panel{display:contents}
  .buy__top{order:-1;padding:0 0 calc(6px*var(--z))}
  .buy__visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:calc(18px*var(--z)) calc(28px*var(--z))}
  .buy__sachets{grid-row:1 / span 3;height:calc(280px*var(--z))}
  .buy__timeline,.buy__boxes{grid-column:2}
}
@media (max-width:980px){
  .kit{padding:calc(18px*var(--z)) calc(16px*var(--z))}
  .kit .btn{justify-content:center;padding:0 calc(12px*var(--z));letter-spacing:.06em;font-size:calc(10px*var(--z));font-stretch:100%}
  .kit .btn .sig{display:none}
  .shop-hero__grid{grid-template-columns:1fr}
  .shop-info{grid-template-columns:1fr}
  .buybar{top:auto;bottom:0;transform:translate3d(0,120%,0)}
  .buybar::before{border-bottom:0;border-top:1px solid var(--line)}
  .buybar__id img{display:none}
}
@media (max-width:760px){
  .kits{grid-template-columns:1fr}
  .kit__flag--empty{display:none}
  .buy__visual{display:flex;align-items:stretch;padding:calc(22px*var(--z)) calc(20px*var(--z)) calc(24px*var(--z));gap:calc(16px*var(--z))}
  .buy__sachets{height:calc(240px*var(--z));margin:0}
  .buy__sachets img{width:calc(50px*var(--z));top:calc(14px*var(--z))}
  .buy__sachets .s1{left:calc(50% - calc(86px*var(--z)))}
  .buy__sachets .s2{left:calc(50% - calc(25px*var(--z)))}
  .buy__sachets .s3{left:calc(50% + calc(36px*var(--z)))}
  .buy__shadow{width:calc(150px*var(--z));margin-left:calc(-75px*var(--z))}
  .buy__count b{font-size:clamp(calc(64px*var(--z)),19vw,calc(92px*var(--z)))}
  .buy__boxes i{width:calc(17px*var(--z))}
  .buy__boxes small{display:none}
  .buybar__id span{display:none}
  .buy__foot{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .buy__sachets img,.buy__shadow{animation:none}
}