/* ZINTA — protótipo v4, Home + páginas de oferta
   Rodada de refinamento visual: sistema gráfico da marca (colchete, canto cortado,
   entalhe, fragmento, letra crop) construindo a interface; moldura preta no desktop;
   quebras de linha revisadas; logo oficial em vez de reconstrução tipográfica;
   ofertas com página própria; método sem estética de caderno; scroll desktop mais rápido. */

/* fontes: WOFF2 primeiro (~73% mais leve que TTF, sem perda de qualidade), TTF como fallback pra navegadores muito antigos */
@font-face{font-family:'Unbounded';src:url('../fonts/Unbounded/Unbounded_700Bold.woff2') format('woff2'),url('../fonts/Unbounded/Unbounded_700Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
@font-face{font-family:'Unbounded';src:url('../fonts/Unbounded/Unbounded_900Black.woff2') format('woff2'),url('../fonts/Unbounded/Unbounded_900Black.ttf') format('truetype');font-weight:900;font-display:swap;}
@font-face{font-family:'Source Serif 4';src:url('../fonts/SourceSerif4/SourceSerif4_400Regular.woff2') format('woff2'),url('../fonts/SourceSerif4/SourceSerif4_400Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Source Serif 4';src:url('../fonts/SourceSerif4/SourceSerif4_400Regular_Italic.woff2') format('woff2'),url('../fonts/SourceSerif4/SourceSerif4_400Regular_Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:'Source Serif 4';src:url('../fonts/SourceSerif4/SourceSerif4_500Medium.woff2') format('woff2'),url('../fonts/SourceSerif4/SourceSerif4_500Medium.ttf') format('truetype');font-weight:500;font-display:swap;}
@font-face{font-family:'Source Serif 4';src:url('../fonts/SourceSerif4/SourceSerif4_600SemiBold.woff2') format('woff2'),url('../fonts/SourceSerif4/SourceSerif4_600SemiBold.ttf') format('truetype');font-weight:600;font-display:swap;}
@font-face{font-family:'Work Sans';src:url('../fonts/WorkSans/WorkSans_400Regular.woff2') format('woff2'),url('../fonts/WorkSans/WorkSans_400Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'Work Sans';src:url('../fonts/WorkSans/WorkSans_500Medium.woff2') format('woff2'),url('../fonts/WorkSans/WorkSans_500Medium.ttf') format('truetype');font-weight:500;font-display:swap;}
@font-face{font-family:'Work Sans';src:url('../fonts/WorkSans/WorkSans_600SemiBold.woff2') format('woff2'),url('../fonts/WorkSans/WorkSans_600SemiBold.ttf') format('truetype');font-weight:600;font-display:swap;}
@font-face{font-family:'Work Sans';src:url('../fonts/WorkSans/WorkSans_700Bold.woff2') format('woff2'),url('../fonts/WorkSans/WorkSans_700Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/IBMPlexMono/IBMPlexMono_400Regular.woff2') format('woff2'),url('../fonts/IBMPlexMono/IBMPlexMono_400Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/IBMPlexMono/IBMPlexMono_500Medium.woff2') format('woff2'),url('../fonts/IBMPlexMono/IBMPlexMono_500Medium.ttf') format('truetype');font-weight:500;font-display:swap;}

:root{
  --black:#0A0A0A;
  --white:#FFFFFF;
  --bone:#F7F5F0;
  --stone:#C9C4BA;
  --graphite:#4A4A48;
  --line:#E4E1D9;
  --gold:#B7935A;
  --terracotta:#B15A3D;
  --zinta-black:var(--black);
  --zinta-cream:var(--bone);
  --zinta-orange:var(--terracotta);
  --zinta-gold:var(--gold);
  --accent:var(--gold);
  --wordmark-font:'Unbounded',sans-serif;
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Work Sans',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--black);overflow-x:hidden;scrollbar-color:var(--graphite) var(--black);}
html.lock,body.lock{overflow:hidden;height:100%;}
body{min-width:100%;overflow-x:hidden;background:var(--black);color:var(--black);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:12px;background:var(--black);}
::-webkit-scrollbar-track{background:var(--black);}
::-webkit-scrollbar-thumb{background:var(--graphite);border:3px solid var(--black);border-radius:999px;}
img,video{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;}
p,li{overflow-wrap:break-word;text-wrap:pretty;}

/* ---------- acessibilidade: foco visível (navegação por teclado) ---------- */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.newsletter input:focus-visible,.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* ---------- robustez sem JS: se o script não carregar (bloqueio, erro de rede),
   o conteúdo .reveal não pode ficar invisível pra sempre, e a porta de entrada não pode travar o site ---------- */
@media (scripting: none) {
  .reveal{opacity:1!important;transform:none!important;}
  .porta{display:none!important;}
  html.lock,body.lock{overflow:visible!important;height:auto!important;}
}

.mono{font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;}
.wordmark{font-family:var(--wordmark-font);font-weight:900;letter-spacing:-.02em;}
.nowrap{white-space:nowrap;}
.keep-with-next{white-space:nowrap;}
.kicker{
  display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--terracotta);margin-bottom:14px;position:relative;padding-left:22px;
}
.kicker::before{content:"";position:absolute;left:0;top:.48em;width:14px;height:1px;background:var(--terracotta);}

/* quebras de linha desenhadas por breakpoint: br.brk-m só no mobile, br.brk-d só no desktop */
br.brk-m{display:inline;}
br.brk-d{display:none;}
@media(min-width:1024px){
  br.brk-m{display:none;}
  br.brk-d{display:inline;}
}

/* ================= SISTEMA GRÁFICO ZINTA ================= */
/* direcional editorial — linha conduz a leitura; o dourado funciona como acabamento */
.editorial-arrow{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;}
.editorial-arrow::after{
  content:"";display:inline-block;width:clamp(34px,6vw,72px);height:9px;flex:none;
  background:linear-gradient(var(--terracotta),var(--terracotta)) left 4px/100% 1px no-repeat;
  clip-path:polygon(0 44%,calc(100% - 8px) 44%,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,calc(100% - 8px) 56%,0 56%);
  transition:width .28s ease,transform .28s ease;
}
.editorial-arrow:hover::after,.editorial-arrow:focus-visible::after{width:clamp(42px,7vw,84px);transform:translateX(3px);}

/* colchete — curadoria, enquadramento */
.bracket{position:relative;padding:8px 0 8px 26px;}
.bracket::before,.bracket::after{content:"";position:absolute;left:0;width:14px;height:14px;border-left:2px solid var(--gold);}
.bracket::before{top:0;border-top:2px solid var(--gold);}
.bracket::after{bottom:0;border-bottom:2px solid var(--gold);}
.bracket--light::before,.bracket--light::after{border-color:var(--black);}

/* entalhe — intervenção, destaque: badge numérico com corte triangular */
.notch{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:2.6em;height:2.6em;background:var(--black);color:var(--gold);
  font-family:var(--mono);font-size:1rem;flex-shrink:0;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 64%,34% 36%,0 36%);
}
.notch--osso{background:var(--bone);color:var(--black);}

/* canto cortado — presença, identificação */
.corner-tl{clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px);}
.corner-tr{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);}
.corner-bl{clip-path:polygon(0 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px));}
.corner-br{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);}

/* fragmento — transição, movimento, corte diagonal */
.fragment-divider{position:relative;height:52px;margin:8px 0;overflow:hidden;}
.fragment-divider::before{
  content:"";position:absolute;top:50%;left:50%;width:220%;height:2px;background:var(--gold);
  transform:translate(-50%,-50%) rotate(-13deg);
}

/* letra crop — capa, mudança de capítulo */
.crop-transition{
  position:relative;background:var(--black);overflow:hidden;height:34vh;min-height:170px;
  display:flex;align-items:center;justify-content:center;
}
.crop-transition .crop-letter{
  font-family:var(--wordmark-font);font-weight:900;color:var(--black);
  font-size:clamp(9rem,42vw,26rem);line-height:1;letter-spacing:-.03em;white-space:nowrap;
  transform:translateY(6%);
}
.crop-transition.crop-transition--osso{background:var(--bone);}
.crop-transition.crop-transition--osso .crop-letter{color:var(--black);}
.crop-transition__label{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:var(--graphite);letter-spacing:.14em;}

/* números grandes associados ao sistema (fantasma/contorno) */
.ghost-num{
  font-family:var(--mono);font-weight:500;line-height:.75;color:transparent;
  -webkit-text-stroke:1px var(--gold);text-stroke:1px var(--gold);
  position:absolute;pointer-events:none;user-select:none;
}

/* ---------- utilidades / botões flutuantes ---------- */
.whatsapp-btn{
  position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:500;display:flex;align-items:center;gap:6px;
  background:var(--black);color:var(--bone);border:1px solid var(--terracotta);
  font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:10px 14px;border-radius:999px;
}
.whatsapp-btn:hover{background:var(--terracotta);color:var(--bone);}
/* enquanto o banner de cookies está visível, o botão flutuante some pra não cobrir nem ser coberto (ver main.js) */
body.cookie-banner-open .whatsapp-btn{display:none;}
.corner-mark{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:200;opacity:.55;pointer-events:none;}
.corner-mark svg{display:block;}

/* ---------- porta de entrada (00) ---------- */
.porta{
  position:fixed;inset:0;z-index:1000;background:var(--black);color:var(--bone);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;
  transition:opacity .7s ease, transform .7s ease;
}
.porta__logo{
  width:min(72vw,420px);opacity:0;
  clip-path:inset(0 100% 0 0);
  animation:logoReveal 1.8s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:.25s;
}
@keyframes logoReveal{
  0%{opacity:0;clip-path:inset(0 100% 0 0);}
  35%{opacity:1;}
  100%{opacity:1;clip-path:inset(0 0% 0 0);}
}
.porta__est{
  margin-top:22px;color:var(--stone);letter-spacing:.24em;opacity:0;
  animation:fadeUp .8s ease forwards;animation-delay:1.7s;
}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.porta__enter{
  margin-top:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;
  border:1px solid var(--stone);padding:14px 26px;border-radius:999px;color:var(--bone);transition:border-color .3s, color .3s;
  opacity:0;animation:fadeUp .8s ease forwards;animation-delay:2s;
}
.porta__enter:hover{border-color:var(--gold);color:var(--gold);}
.porta__micro{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:var(--graphite);}
.porta--leaving{opacity:0;transform:scale(1.08);pointer-events:none;}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:400;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;mix-blend-mode:difference;}
.nav__inner{display:flex;align-items:center;justify-content:space-between;}
.nav__id{display:flex;align-items:center;gap:10px;line-height:1.1;}
.nav__wordmark-text{display:inline-block;background:var(--bone);color:var(--black);padding:5px 8px 4px;font-family:var(--wordmark-font);font-weight:900;font-size:.72rem;line-height:1;letter-spacing:-.01em;}
.nav__id-text{display:flex;flex-direction:column;}
.nav__by{color:var(--stone);margin-top:2px;font-size:.58rem;}
.nav__actions{display:flex;align-items:center;gap:16px;}
.nav__icon{width:22px;height:22px;color:var(--bone);}
.nav__icon svg{display:block;width:100%;height:100%;}
.nav__toggle{display:flex;flex-direction:column;gap:5px;width:22px;}
.nav__toggle span{display:block;height:1.5px;background:var(--bone);width:100%;}

.menu{
  position:fixed;inset:0;z-index:600;background:var(--black);color:var(--bone);
  display:flex;flex-direction:column;justify-content:center;padding:48px 28px;
  transform:translateY(-100%);transition:transform .5s ease;
}
.menu--open{transform:translateY(0);}
.menu__list{list-style:none;margin:0;padding:0;}
.menu__list li{border-top:1px solid var(--graphite);display:flex;align-items:baseline;gap:14px;}
.menu__list li:last-child{border-bottom:1px solid var(--graphite);}
.menu__list .idx{font-family:var(--mono);font-size:.7rem;color:var(--gold);}
.menu__list a{display:block;padding:14px 4px;font-family:var(--sans);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:clamp(1rem,3.4vw,1.3rem);flex:1;}
.menu__list a:hover{color:var(--gold);}
.menu__radar{position:absolute;bottom:28px;left:28px;color:var(--stone);}

/* ---------- frame preto no desktop: "a marca é a moldura" ---------- */
.site-frame{background:transparent;}
/* páginas de oferta (relatorio-de-tendencias.html e as outras 3) não usam a moldura preta do desktop da Home — ficam sempre no bone/preto próprios delas */
body.offer-page{background:var(--black);color:var(--black);}

/* ---------- moments ---------- */
.moment{position:relative;padding:72px 22px;max-width:640px;margin:0 auto;background:var(--bone);}
.moment--dark{background:var(--black);color:var(--bone);max-width:none;padding:72px 0;}
.moment--dark .placeholder{border-color:var(--graphite);color:var(--stone);}
.moment--still{
  background:var(--black);color:var(--bone);max-width:none;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;
}
.rail{display:none;}

/* ---------- 12 · conversão invertida: fundo claro, texto escuro; a moldura preta do desktop (site-frame/body) continua preta ---------- */
#m12.moment--still{background:var(--bone);color:var(--black);}
#m12.moment--still .small{color:var(--graphite);}
#m12 .form label{color:var(--graphite);}
#m12 .form input,#m12 .form textarea{color:var(--black);border-bottom-color:var(--line);}
#m12 .consent-check span{color:var(--graphite);}
#m12 .form-privacy-note{color:var(--graphite);}

.headline{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,6vw,2.4rem);line-height:1.18;margin:0 0 26px;text-wrap:balance;}
.serif-lg{font-family:var(--serif);font-size:clamp(1.1rem,4.6vw,1.5rem);line-height:1.4;text-wrap:balance;}
.big-word{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,7vw,2.4rem);line-height:1.2;text-align:center;margin:.6em 0;text-wrap:balance;}
.huge{font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,16vw,5rem);text-align:center;line-height:1;}
.small{font-size:.9rem;color:var(--graphite);}
.moment--dark .small,.moment--still .small{color:var(--stone);}

/* balanceamento automático de quebra pra frases de impacto — evita palavra órfã em qualquer largura */
.headline,.big-word,.serif-lg,.stack__frame.q p,.field,.offer h3,.manifesto-body,.manifesto-close,.origin-quote,.translation-line,.diff-item p{
  text-wrap:balance;
}

/* ---------- 01 · HERO — Rafaella + ZINTA, impacto sem demora ---------- */
.hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,6vh,64px);
  text-align:center;padding:min(9vh,80px) 24px 10vh;overflow:hidden;
}
.hero__photo{
  position:absolute;inset:0;overflow:hidden;background:var(--black);
}
.hero__photo-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 76%;
  transform:scale(1.06);
}
.hero__photo span{font-family:var(--mono);font-size:.6rem;letter-spacing:.03em;text-transform:uppercase;opacity:.55;max-width:220px;text-align:left;line-height:1.4;}
.hero__photo::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.30) 48%,rgba(0,0,0,.38) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.48) 76%,rgba(0,0,0,.70));
}

@media(max-width:767px){
  .hero__photo-img{object-position:52% 72%;transform:scale(1.08);}
}
.hero__intro{
  position:relative;z-index:2;margin:0;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.6rem,7.2vw,2.3rem);line-height:1.2;letter-spacing:-.005em;
  text-shadow:0 2px 24px rgba(0,0,0,.6);
}
.hero__zinta-wrap{position:relative;z-index:2;}
.hero__zinta{
  margin:0;font-family:var(--wordmark-font);font-weight:900;color:var(--bone);
  font-size:clamp(4.2rem,21vw,11.5rem);line-height:.85;letter-spacing:-.02em;
  text-shadow:0 4px 40px rgba(0,0,0,.6);
}
.hero__tagline{
  position:relative;z-index:2;margin:16px 0 0;font-family:var(--mono);font-weight:600;
  font-size:clamp(.95rem,3vw,1.15rem);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  text-shadow:0 2px 16px rgba(0,0,0,.6);
}
/* ateliê: marcação editorial periférica, no canto da composição, nunca disputando com ZINTA */
.hero__kicker{
  position:relative;z-index:2;width:100%;margin:0 0 26px;text-align:left;transform:translateY(2px);
  font-family:var(--mono);font-size:clamp(.82rem,1.35vw,1.05rem);letter-spacing:.22em;text-transform:uppercase;color:var(--stone);text-shadow:0 2px 16px rgba(0,0,0,.6);
}
/* por Rafaella Malta: precisa ser percebido na abertura, sem competir com ZINTA */
.hero__by{position:relative;z-index:2;margin:18px 0 0;font-family:var(--mono);font-weight:500;text-transform:uppercase;font-size:clamp(1rem,3.4vw,1.25rem);letter-spacing:.05em;color:var(--bone);text-shadow:0 2px 16px rgba(0,0,0,.6);}

.origin-wrap{max-width:600px;margin:0 auto;padding:88px 24px 64px;}
.origin-copy{min-width:0;}
.atelier-frame{position:relative;margin:44px 0 0;padding:14px 14px 0 0;isolation:isolate;}
.atelier-frame::before{content:"";position:absolute;inset:0 0 26px 14px;background:var(--terracotta);z-index:-1;transform:translate(8px,-8px);}
.atelier-frame::after{content:"";position:absolute;right:-6px;top:-18px;width:42%;height:1px;background:var(--gold);}
.atelier-frame img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center 52%;filter:saturate(.9) contrast(1.03);}
.atelier-frame__index{position:absolute;top:24px;left:-8px;z-index:2;background:var(--black);color:var(--gold);padding:7px 9px;}
.atelier-frame figcaption{margin:10px 0 0;color:var(--stone);text-align:right;font-size:.62rem;}
.origin-quote{
  font-family:var(--serif);font-style:italic;color:var(--terracotta);
  font-size:clamp(1.05rem,4.4vw,1.4rem);line-height:1.55;text-align:left;
}
.origin-quote::before{content:"“";font-size:1.4em;line-height:0;vertical-align:-.3em;margin-right:.05em;opacity:.7;}
.origin-quote::after{content:"”";font-size:1.4em;line-height:0;vertical-align:-.5em;margin-left:.05em;opacity:.7;}
.origin-trajectory{max-width:900px;margin:0 auto;padding:8px 24px 80px;}
.origin-trajectory__label{margin:0 0 16px;text-align:center;color:var(--gold);font-size:.66rem;letter-spacing:.08em;}
.origin-decision{max-width:560px;margin:24px 0 0 auto;padding-top:24px;border-top:1px solid var(--graphite);text-align:right;color:var(--bone);}

.zinta-huge{
  font-family:var(--wordmark-font);font-weight:900;text-align:center;letter-spacing:-.02em;
  font-size:clamp(3.6rem,24vw,9rem);line-height:.9;color:var(--bone);
}
.zinta-huge + .zinta-huge-caption{display:block;text-align:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-top:14px;}

/* ---------- 02 · O olhar (fundido, um stack só) ---------- */
.stack{position:relative;}
.stack__frame{
  position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px;background:var(--black);color:var(--bone);gap:12px;
}
.moment:not(.moment--dark) .stack__frame{background:var(--bone);color:var(--black);}
.stack__frame .placeholder{width:100%;max-width:420px;}
.stack__frame.q p{font-family:var(--serif);font-size:1.3rem;max-width:440px;}
.chips{display:flex;gap:10px;row-gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;margin-top:16px;}
.chips span{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);padding:5px 10px;border-radius:999px;white-space:nowrap;}

/* ritmo do olhar: contraste de escala/tratamento entre as perguntas, não todas iguais */
.olhar-lead .headline{font-size:clamp(1.7rem,7vw,2.6rem);}
.notch--sm{width:2em;height:2em;font-size:.8rem;margin-bottom:4px;}
.olhar-q{gap:10px;}
.olhar-q p{font-size:1.3rem;}
.olhar-q--quiet p{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--stone);max-width:340px;opacity:.85;}
.olhar-q--bracket p{font-size:1.15rem;text-align:left;}
.olhar-q--bracket{align-items:flex-start;text-align:left;}

/* ---------- 03 · Tese + o que é (uma composição) ---------- */
.thesis{display:flex;flex-direction:column;gap:36px;}
.thesis__stack span{display:block;font-family:var(--serif);font-weight:600;font-size:clamp(2rem,11vw,3.6rem);line-height:1.02;}
.thesis__stack span.accent{display:table;background:var(--terracotta);color:var(--bone);padding:.05em .18em .1em;margin:.08em 0 0;position:relative;left:50%;transform:translateX(-50%);text-align:center;}
.thesis__body p{font-family:var(--serif);font-size:1.05rem;line-height:1.5;margin:0 0 18px;}
.thesis__def{font-size:1.2rem;font-weight:600;color:var(--black);}
.pairs-x{margin:20px 0;}
.pairs-x p{font-family:var(--mono);font-size:.85rem;letter-spacing:.03em;margin:8px 0;color:var(--terracotta);}
.mix-line{font-family:var(--serif);font-weight:600;font-style:italic;font-size:1.2rem;margin:22px 0;}
.diff-list{border-top:1px solid var(--graphite);margin-top:24px;padding-top:18px;}
.diff-list .kicker{color:var(--gold);}
.diff-list p{font-family:var(--sans);font-size:.92rem;line-height:1.45;padding:10px 0;border-bottom:1px solid var(--graphite);}
.diff-list p:last-child{border-bottom:none;}
.diff-list .num{font-family:var(--mono);color:var(--gold);margin-right:8px;}

/* diferenciais: bloco central e equilibrado, não nota lateral da tese */
.differentials{width:100%;max-width:820px;margin:64px auto 0;padding-top:44px;border-top:1px solid var(--graphite);text-align:center;}
.differentials__grid{display:flex;flex-direction:column;gap:32px;margin-top:28px;}

/* núcleo estratégico: estrutura boutique sugerida por conexão, sem organograma */
.strategic-core{
  position:relative;margin:48px auto 0;padding:26px 22px 22px;max-width:760px;
  color:var(--bone);background:var(--black);overflow:hidden;text-align:center;
}
.strategic-core::before{content:"";position:absolute;inset:0;border:1px solid var(--graphite);pointer-events:none;}
.strategic-core__label{color:var(--gold);margin:0 0 14px;}
.strategic-core__copy h2{font-family:var(--serif);font-size:clamp(1.65rem,7vw,2.15rem);line-height:1.08;font-weight:500;margin:0 auto 10px;max-width:18ch;text-wrap:balance;}
.strategic-core__copy .strategic-core__subheadline{font-family:var(--sans);font-size:clamp(1rem,4.2vw,1.18rem);line-height:1.35;font-weight:500;margin:0 auto 12px;max-width:34rem;color:var(--bone);text-wrap:balance;}
.strategic-core__copy .strategic-core__support{font-family:var(--sans);font-size:.95rem;line-height:1.55;font-weight:400;margin:0 auto;max-width:38rem;color:var(--stone);}
.strategic-core__signal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;color:var(--gold);}
.strategic-core__signal span{height:1px;background:var(--gold);opacity:.8;}
.strategic-core__mark{display:block;width:11px;height:17px;border:1.5px solid var(--gold);border-right:0;}
.diff-item{max-width:320px;margin:0 auto;}
.diff-item__num{display:block;font-family:var(--mono);font-weight:500;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--gold);font-size:clamp(2.4rem,10vw,3.4rem);margin-bottom:12px;}
.diff-item p{font-family:var(--sans);font-size:.95rem;line-height:1.5;margin:0;}

/* ---------- 04 · Dores, ticker editorial ---------- */
#m04{min-height:48vh;display:flex;flex-direction:column;justify-content:center;}
.ticker-wrap{overflow:hidden;border-top:1px solid var(--graphite);border-bottom:1px solid var(--graphite);padding:22px 0;margin:24px 0;}
.ticker-track{display:flex;gap:36px;white-space:nowrap;width:max-content;animation:ticker 52s linear infinite;}
.ticker-track span{font-family:var(--serif);font-size:1.15rem;color:var(--bone);}
.ticker-track .arrow{display:inline-block;width:72px;height:9px;margin:auto 0;background:linear-gradient(var(--terracotta),var(--terracotta)) left 4px/100% 1px no-repeat;clip-path:polygon(0 44%,calc(100% - 8px) 44%,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,calc(100% - 8px) 56%,0 56%);}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.reduced-motion .ticker-track{animation:none;white-space:normal;flex-wrap:wrap;}

/* ---------- 05 · Ofertas — diferenciadas por geometria, não por cor ---------- */
.offers-grid{display:flex;flex-direction:column;gap:18px;margin-top:8px;}

/* IA como camada transversal, não como quinto produto */
.ai-transversal{position:relative;margin-top:22px;padding:24px 20px 20px;background:var(--black);color:var(--bone);overflow:hidden;}
.ai-transversal__rail{position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);}
.ai-transversal__intro{padding-left:3px;}
.ai-transversal__label{color:var(--gold);font-size:.62rem;margin:0 0 11px;}
.ai-transversal__intro h2{font-family:var(--serif);font-size:clamp(1.45rem,6.4vw,2.05rem);line-height:1.04;font-weight:500;margin:0 0 15px;color:var(--bone);letter-spacing:-.01em;max-width:24ch;text-wrap:balance;}
.ai-transversal__intro h2 span{display:block;margin-top:3px;color:var(--stone);font-size:.52em;font-style:italic;font-weight:400;letter-spacing:0;}
.ai-transversal__thesis{font-family:var(--serif);font-size:.95rem;line-height:1.32;margin:0;color:var(--bone);max-width:30rem;text-wrap:balance;}
.ai-transversal__modes{margin-top:20px;border-top:1px solid var(--graphite);}
.ai-transversal__modes article{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--graphite);}
.ai-transversal__modes span{display:block;color:var(--gold);margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;}
.ai-transversal__modes p{margin:0;color:var(--bone);font-size:.86rem;line-height:1.4;}
#m05{padding-bottom:24px;}
#m06{padding-top:32px;}
.offer{
  position:relative;display:block;background:var(--black);color:var(--bone);
  padding:32px 26px 28px;overflow:hidden;border:1px solid var(--graphite);
  transition:border-color .3s ease,transform .3s ease,background .3s ease;
}
.offer::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--terracotta);transform:scaleX(.22);transform-origin:left;transition:transform .3s ease;}
.offer:nth-child(1){clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);}
.offer:nth-child(2){clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);}
.offer:nth-child(3){clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 calc(100% - 30px));}
.offer:nth-child(4){clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 calc(100% - 30px));}
.offer__num{
  font-family:var(--mono);font-weight:500;line-height:.7;color:transparent;
  -webkit-text-stroke:1px var(--gold);font-size:clamp(4.2rem,20vw,6rem);
  position:absolute;top:-.08em;right:.28em;opacity:.55;pointer-events:none;z-index:1;
}
.offer__eyebrow,.offer h3,.offer__pain,.offer__cta{position:relative;z-index:2;}
.offer__eyebrow{font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);display:block;margin-bottom:10px;}
.offer h3{margin:0 0 10px;font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:1.35rem;max-width:80%;}
.offer__pain{font-family:var(--serif);font-style:italic;font-size:.95rem;opacity:.85;margin:0 0 16px;max-width:85%;}
.offer__cta{
  display:inline-flex;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--terracotta);padding-bottom:2px;
}
.offer:hover{border-color:var(--terracotta);transform:translateY(-3px);}
.offer:hover::before{transform:scaleX(1);}
.offer:hover .offer__cta{color:var(--bone);}

/* ---------- 06 · Método — progressão pelos gestos gráficos, não cards iguais ---------- */
.method-track{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:24px;}

.method-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 0;max-width:280px;}
.method-node__num{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--gold);}
.method-node h3{margin:2px 0 2px;font-family:var(--sans);font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:1.05rem;}
.method-node p{margin:0;font-family:var(--serif);font-size:.98rem;line-height:1.4;color:var(--graphite);}
.method-line{width:2px;height:32px;background:var(--terracotta);}
.method-mark{width:36px;height:36px;margin-bottom:6px;}
.method-mark--colchete{border:3px solid var(--gold);border-right:none;}
.method-mark--corte{background:var(--black);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%,0 26%);}
.method-mark--fragmento{position:relative;background:var(--line);overflow:hidden;}
.method-mark--fragmento::before{content:"";position:absolute;inset:0;margin:auto;width:150%;height:7px;background:var(--black);transform:rotate(-32deg);}
.method-mark--entalhe{background:var(--black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 60%,32% 32%,0 32%);}
.method-node:last-child{padding:20px 0;min-width:0;clip-path:none;}
.method-node:last-child .method-mark{background:var(--terracotta);}

/* ---------- 07 · Radar / Field Notes ---------- */
#m07{overflow:hidden;isolation:isolate;padding-left:22px;padding-right:22px;}
#m07::after{content:none;}
.radar-hero{max-width:980px;margin:0 auto;padding:10px 0 76px;}
.radar-editorial{position:relative;z-index:2;}
.field{margin:24px 0 28px;font-family:var(--wordmark-font);font-weight:900;font-size:clamp(2.35rem,7vw,4.5rem);line-height:.86;letter-spacing:-.025em;overflow-wrap:normal;word-break:keep-all;}
.tag-line{display:block;color:var(--stone);margin:0;line-height:1.75;}
.radar-lede{max-width:680px;margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.35rem,5.2vw,2.3rem);line-height:1.2;text-wrap:balance;}
.radar-accent{display:block;color:var(--terracotta);font-style:italic;font-weight:500;}
.radar-categories{max-width:680px;margin:24px 0 0;color:var(--gold);line-height:1.65;}
.radar-ig-cta{display:inline-flex;width:max-content;max-width:100%;font-family:var(--mono);font-weight:500;text-transform:uppercase;font-size:clamp(.76rem,1.7vw,.9rem);line-height:1.3;letter-spacing:.09em;color:var(--terracotta);margin:34px 0 0;padding-bottom:5px;}
#m07 .radar-ig-cta::after{width:clamp(92px,22vw,260px);}
#m07 .radar-ig-cta:hover::after,#m07 .radar-ig-cta:focus-visible::after{width:clamp(110px,25vw,300px);}
.radar-ig-cta:hover{color:var(--bone);}
.radar-visual{position:relative;width:min(100%,460px);margin:52px auto 0;padding-left:28px;}
.radar-visual__bar{position:absolute;z-index:2;left:0;top:18%;width:42px;height:56%;background:var(--terracotta);}
.radar-visual__photo{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:56% 50%;filter:contrast(1.04);}
.radar-visual__seal{position:absolute;z-index:3;right:-4%;bottom:-5%;width:42%;height:auto;border-radius:50%;background:var(--bone);filter:none;mix-blend-mode:normal;box-shadow:0 14px 34px rgba(0,0,0,.32);}
.radar-signup{max-width:980px;margin:0 auto;padding:42px 0 4px;border-top:1px solid var(--graphite);}
.radar-signup__eyebrow{margin:0 0 10px;color:var(--terracotta);}
.radar-signup__title{max-width:420px;margin:0 0 22px;font-family:var(--serif);font-size:1.05rem;line-height:1.45;color:var(--bone);}
.newsletter{margin:0 0 8px;max-width:420px;text-align:left;}
.newsletter .consent-check,.newsletter .form-privacy-note,.newsletter .form-status{max-width:420px;}
/* linha e-mail + botão: mesma composição visual de antes, agora dentro do <form> (o form inteiro é que virou envolvente) */
.newsletter__row{display:flex;gap:0;border-bottom:2px solid var(--terracotta);}
.newsletter input{flex:1;background:transparent;border:none;color:var(--bone);font-family:var(--sans);font-size:.95rem;padding:10px 4px;}
.newsletter input:focus{outline:none;}
.newsletter input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.newsletter button{font-family:var(--mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--terracotta);padding:10px 4px;}
.newsletter button:disabled{opacity:.5;cursor:default;}
#m07 .consent-check{gap:8px;margin-top:12px;}
#m07 .consent-check input{width:14px;height:14px;margin-top:3px;}
#m07 .consent-check span{font-size:.76rem;line-height:1.4;}
#m07 .form-privacy-note{margin-top:7px;font-size:.7rem;line-height:1.45;color:var(--stone);}
#m07 .form-privacy-note a{text-decoration:underline;text-underline-offset:2px;color:var(--gold);}

/* ---------- 09 · manifesto ---------- */
.manifesto-mono{font-family:var(--mono);font-weight:400;text-align:center;font-size:clamp(1rem,4vw,1.4rem);letter-spacing:.04em;margin:.5em 0;color:var(--stone);}
.manifesto-mark{width:16px;height:26px;margin:26px auto;border:2px solid var(--gold);border-right:none;}
.manifesto-body{
  font-family:var(--mono);text-align:center;font-size:clamp(1.05rem,3.6vw,1.3rem);line-height:1.6;
  letter-spacing:.01em;color:var(--bone);max-width:520px;margin:0 auto;text-transform:lowercase;
}
.translation-line{
  font-family:var(--serif);font-weight:600;color:var(--gold);text-align:center;
  font-size:clamp(1.5rem,6.4vw,2.4rem);line-height:1.18;margin:.7em 0;
}
.manifesto-close{
  font-family:var(--mono);font-weight:500;text-align:center;color:var(--gold);
  font-size:clamp(1.2rem,4.6vw,1.7rem);line-height:1.4;letter-spacing:.01em;margin:.6em 0 0;
}

.cta{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--terracotta);}
.cta--solid{background:var(--black);color:var(--bone);padding:14px 22px;border:1px solid var(--terracotta);text-align:center;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);}

.ig-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;}
.placeholder{border:1px dashed var(--graphite);color:var(--graphite);font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;padding:36px 16px;text-align:center;margin:18px 0;border-radius:2px;}
.placeholder--photo{position:relative;padding:0;overflow:hidden;border-style:solid;background:var(--black);aspect-ratio:4/3;}
.placeholder--photo img{display:block;width:100%;height:100%;object-fit:cover;}
.archive-index{display:block;position:absolute;top:14px;left:-1px;z-index:2;background:var(--black);color:var(--gold);padding:7px 9px;}
.rafaella-teaser-stack{display:flex;flex-direction:column;align-items:flex-start;width:min(100%,260px);margin:28px auto 0;}
.rafaella-teaser-photo{aspect-ratio:4/5;max-width:none;width:100%;margin:0;}
.rafaella-teaser-photo img{object-position:52% 42%;}
.rafaella-teaser-stack .cta{margin-top:16px;}
.placeholder--future{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--gold);border:1px dashed var(--graphite);}
.placeholder--future span{font-family:var(--mono);font-size:.62rem;line-height:1.5;letter-spacing:.08em;text-align:center;}
.brand-logo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,4vw,56px);margin:0;align-items:center;}
.brand-logo-tile{display:flex;align-items:center;justify-content:center;min-height:104px;padding:8px 0;background:transparent;}
.brand-logo-tile img{display:block;width:100%;max-height:96px;object-fit:contain;}
.brand-logo-tile:first-child img{transform:scale(1.18);}
.brand-logo--light{filter:grayscale(1) brightness(0) invert(1);}
.placeholder--video{border-style:solid;border-color:var(--gold);color:var(--gold);}
.placeholder--wide{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:16px;}
.moment--dark .placeholder{border-color:var(--graphite);color:var(--stone);}

@media(max-width:480px){
  .editorial-arrow{gap:8px;white-space:normal;}
  .editorial-arrow::after{width:28px;}
  .editorial-arrow:hover::after,.editorial-arrow:focus-visible::after{width:34px;}
  .brand-logo-strip{grid-template-columns:repeat(2,1fr);gap:10px 18px;}
  .brand-logo-tile{min-height:72px;}
  .brand-logo-tile:first-child{grid-column:1/-1;}
  .brand-logo-tile img{width:auto;max-width:90%;max-height:64px;}
  .brand-logo-tile:first-child img{transform:scale(1.12);}
}

.form{display:flex;flex-direction:column;gap:14px;margin-top:32px;max-width:420px;width:100%;text-align:left;}
.form label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--stone);}
.form input,.form textarea{background:transparent;border:none;border-bottom:1px solid var(--graphite);color:var(--bone);font-family:var(--sans);font-size:1rem;padding:8px 2px;resize:vertical;}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--gold);}
.form-grid{display:flex;flex-direction:column;gap:14px;}

.footer{background:var(--black);color:var(--stone);text-align:center;padding:56px 22px 32px;}
.footer__signature{width:32px;height:32px;margin:0 auto 34px;border:0;background:url('../images/favicon-32x32.png') center/contain no-repeat;opacity:1;}
.footer__mark-img{height:26px;width:auto;margin:0 auto 8px;}
.footer p{margin:6px 0;}
.footer__by{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;}
.footer__est{color:var(--graphite);}
.footer__contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:14px 0;}
.footer__contacts a{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--stone);}
.footer__contacts a:hover{color:var(--gold);}
.footer__legal{max-width:480px;margin:22px auto 0;font-size:.72rem;line-height:1.5;color:var(--graphite);}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1);}
.reveal.is-in{opacity:1;transform:translateY(0);}
.reveal:nth-of-type(2){transition-delay:.12s;}
.reveal:nth-of-type(3){transition-delay:.24s;}
.reveal:nth-of-type(4){transition-delay:.36s;}
.placeholder--photo.reveal,.rf-photo.reveal,.rf-brand-card.reveal{transition-duration:1s,1.1s;}

/* microinterações: movimento mínimo e somente onde há mouse preciso */
@media (hover:hover) and (pointer:fine){
  .offer.reveal.is-in,
  .rf-brand-card.reveal.is-in,
  .rf-photo.reveal.is-in:not([data-speed]),
  .placeholder--photo.reveal.is-in{
    transition:opacity .9s ease,transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease;
  }
  .offer.reveal.is-in:hover,
  .rf-brand-card.reveal.is-in:hover,
  .rf-photo.reveal.is-in:not([data-speed]):hover,
  .placeholder--photo.reveal.is-in:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(10,10,10,.1);
  }
  .rf-photo:not(.rf-photo--logo) img,
  .placeholder--photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
  .rf-photo:not(.rf-photo--logo):hover img,
  .placeholder--photo:hover img{transform:scale(1.015);}
  .cta,.radar-ig-cta{transition:color .35s ease,letter-spacing .35s ease,border-color .35s ease;}
  .cta:hover,.radar-ig-cta:hover{letter-spacing:.065em;}
}

.appendix{background:var(--bone);border-top:8px solid var(--gold);padding:56px 22px 88px;max-width:720px;margin:0 auto;}
.appendix h2{font-family:var(--serif);font-size:1.5rem;margin:1.6em 0 .5em;}
.appendix h2:first-child{margin-top:0;}
.appendix p,.appendix li{font-size:.96rem;line-height:1.6;}
.appendix ul{padding-left:1.1em;}
.appendix .flag{background:var(--white);border-left:3px solid var(--gold);padding:12px 16px;margin:14px 0;}
.appendix .label{display:inline-block;font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;background:var(--black);color:var(--bone);padding:3px 8px;border-radius:999px;margin-bottom:10px;}

.reduced-motion .reveal,.reduced-motion .reveal:hover{opacity:1!important;transform:none!important;transition:none!important;box-shadow:none!important;}
.reduced-motion .rf-photo:not(.rf-photo--logo) img,.reduced-motion .placeholder--photo img{transform:none!important;transition:none!important;}
.reduced-motion .porta{transition:none;}
.reduced-motion .stack__frame{position:relative;}
.reduced-motion .porta__logo,.reduced-motion .porta__est,.reduced-motion .porta__enter{opacity:1;animation:none;clip-path:none;}

/* ================= PÁGINAS DE OFERTA ================= */
.offer-hero{position:relative;background:var(--black);color:var(--bone);padding:136px 22px 82px;overflow:hidden;}
.offer-hero::after{content:"";position:absolute;right:-36px;bottom:22px;width:150px;height:12px;background:var(--terracotta);transform:rotate(-4deg);}
.offer-hero__num{font-family:var(--mono);color:var(--gold);font-size:.85rem;letter-spacing:.06em;margin-bottom:18px;display:block;}
.offer-hero h1{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem,7vw,3rem);margin:0 0 20px;line-height:1.08;}
.offer-hero h1::after{content:"";display:block;width:74px;height:5px;margin-top:18px;background:var(--terracotta);}
.offer-hero__lede{font-family:var(--serif);font-size:clamp(1.05rem,3.6vw,1.35rem);line-height:1.5;max-width:600px;margin:0;padding-left:18px;border-left:2px solid var(--terracotta);}
.offer-section{background:var(--bone);color:var(--black);max-width:640px;margin:0 auto;padding:76px 22px;}
.offer-section h2{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);margin:0 0 18px;}
.offer-section h2::after{content:"";display:block;width:34px;height:1px;background:var(--terracotta);}
.offer-section p{font-family:var(--serif);font-size:1.05rem;line-height:1.55;margin:0 0 16px;}
.offer-section ul{margin:0;padding-left:1.1em;}
.offer-section li{font-family:var(--sans);font-size:.98rem;line-height:1.5;margin:8px 0;}
.offer-section--dark{background:var(--black);color:var(--bone);max-width:none;padding-top:88px;padding-bottom:88px;}
.offer-section--dark .offer-inner{max-width:640px;margin:0 auto;}
.offer-pain{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--terracotta);margin:10px 0;}
.offer-modules{border-top:1px solid var(--line);margin-top:8px;}
.offer-module{border-bottom:1px solid var(--line);padding:16px 0;}
.offer-module h3{margin:0 0 6px;font-family:var(--sans);font-weight:700;font-size:.95rem;text-transform:uppercase;}
.offer-module p{margin:0;font-size:.95rem;}
.offer-cta-block{text-align:center;padding:84px 22px 110px;background:var(--black);color:var(--bone);border-top:2px solid var(--terracotta);}
.offer-discovery-cta{display:block;width:max-content;max-width:100%;margin:28px auto 0;color:var(--terracotta);}
.offer-back{
  display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--bone);position:fixed;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));z-index:399;background:var(--black);
  padding:8px 12px;border-radius:999px;opacity:.9;
}
.offer-back:hover{opacity:1;color:var(--terracotta);}

@media(min-width:1024px){
  /* moldura preta editorial: a marca é a moldura — respiro lateral que escala com a viewport,
     sempre visível (não depende de a tela ser mais larga que um max-width fixo) */
  body{background:var(--black);}
  .site-frame{padding:0 clamp(20px,5vw,110px);}

  .nav{padding:24px clamp(20px,5vw,110px);}
  .nav__inner{max-width:none;}
  .nav__wordmark-text{font-size:.82rem;padding:6px 10px 5px;}
  .nav__by{display:block;font-size:.62rem;}
  .menu{padding:64px 80px;flex-direction:row;align-items:flex-end;justify-content:space-between;}
  .menu__list a{font-size:1.5rem;padding:16px 4px;}

  .moment{max-width:1100px;padding:64px 48px;}
  .moment--dark{padding:64px 0;}
  .moment--still{min-height:auto;padding:72px 48px;}

  /* capa full-bleed: o hero rompe a moldura lateral da página e ocupa toda a viewport */
  #m01{
    max-width:none;
    margin-left:calc(-1 * clamp(20px,5vw,110px));
    margin-right:calc(-1 * clamp(20px,5vw,110px));
    padding-top:0;
  }
  #m01 .hero{min-height:100vh;min-height:100svh;}
  #m01 .hero__kicker{transform:translate(-32px,-2px);}
  #m01 .origin-wrap{max-width:1100px;margin-left:auto;margin-right:auto;}
  #m04,.crop-transition{
    width:auto;max-width:none;
    margin-left:calc(-1 * clamp(20px,5vw,110px));
    margin-right:calc(-1 * clamp(20px,5vw,110px));
  }

  .split-content{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:start;}
  .split-content .side{position:sticky;top:120px;text-align:left;}
  .split-content .main{max-width:640px;}

  /* velocidade: sticky vira estático, mostra mais de uma informação por vez */
  .stack__frame{position:static;min-height:0;padding:0;text-align:left;background:transparent !important;color:inherit;}
  .moment--dark .stack__frame{color:var(--bone);}
  #m01 .stack{display:flex;gap:40px;align-items:center;padding:32px 48px;}
  #m01 .stack__frame{flex:1;gap:14px;}
  #m02 .stack{columns:2;column-gap:56px;padding-top:8px;}
  #m02 .stack__frame{break-inside:avoid;margin-bottom:40px;display:block;}
  #m02 .stack__frame .placeholder{max-width:100%;}

  .hero{padding:56px 64px;}
  .hero__intro{font-size:clamp(2rem,4.4vw,2.9rem);max-width:900px;}
  .hero__zinta{font-size:clamp(7rem,17vw,13rem);}
  .hero__tagline{font-size:1.25rem;font-weight:700;letter-spacing:.24em;margin:20px 0 0;white-space:nowrap;}
  .hero__kicker{left:calc(32px + env(safe-area-inset-left));}
  .hero__by{font-size:1.05rem;}
  .ticker-track{animation-duration:44s;}

  .origin-wrap{padding:72px 48px 62px;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:72px;align-items:center;}
  .atelier-frame{margin:0;}
  .origin-trajectory{padding:12px 48px 72px;}
  .origin-quote{font-size:1.5rem;max-width:640px;}

  .thesis{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
  .differentials{max-width:1100px;margin-top:48px;padding-top:36px;}
  .differentials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
  .offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .method-track{flex-direction:row;justify-content:center;align-items:flex-start;gap:0;max-width:none;}
  .method-node{max-width:220px;}
  .method-line{width:48px;height:2px;margin-top:1.4em;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

  #m07{padding:72px 64px 36px;}
  .radar-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);gap:74px;align-items:center;padding:12px 0 32px;}
  .radar-editorial{padding:30px 0;}
  .radar-visual{width:100%;margin:0;padding-left:38px;}
  .radar-visual__bar{left:0;top:22%;width:52px;height:48%;}
  .radar-visual__seal{right:-8%;bottom:-3%;width:48%;}
  .radar-signup{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1fr);gap:72px;align-items:start;padding-top:28px;}
  .radar-signup__title{margin-bottom:0;}
  .radar-signup .newsletter{max-width:none;width:100%;}

  .crop-transition{height:18vh;min-height:120px;}

  #m08{padding-top:36px;padding-bottom:30px;}
  #m09{padding-top:32px;}

  .footer{padding:72px 48px 40px;}
  .footer__inner{display:flex;justify-content:space-between;align-items:flex-start;text-align:left;max-width:1100px;margin:0 auto;}
  .footer__mark-img{margin:0 0 8px;}
  .footer__legal{margin:0;text-align:left;max-width:360px;}

  .offer-hero{padding:178px 64px 104px;max-width:1100px;margin:0 auto;}
  .offer-hero__lede{font-size:1.5rem;max-width:720px;}
  .offer-section{max-width:1100px;padding:104px 64px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:92px;align-items:start;}
  .offer-section h2{margin:0;}
  .offer-section.offer-section--dark{display:block;}
  .offer-section--dark .offer-inner{max-width:1100px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:92px;align-items:start;margin:0 auto;}
  .offer-section:nth-of-type(even)>div:last-child{transform:translateX(4vw);max-width:640px;}
  .offer-cta-block{max-width:900px;margin:0 auto;padding:96px 64px 128px;}
  .offer-modules{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:none;}
  .offer-module{border-top:1px solid var(--line);}
}

/* ================= REVISÃO COMERCIAL — PÁGINAS DE OFERTA (última rodada, 31/08) =================
   Objetivo: menos texto corrido, mais estrutura escaneável, usando só o vocabulário gráfico
   já existente da marca (seta →, ✓, numeração 01/02/03, entalhe/.notch) — nada de ícone genérico. */

/* dor + resposta ZINTA — usar com parcimônia, uma por página */
.pain-response{margin:-6px 0 22px;padding-left:16px;border-left:6px solid var(--terracotta);}
.pain-response p{font-family:var(--sans);font-weight:600;font-size:.95rem;line-height:1.5;margin:0;}

/* índice do que você recebe — não "lista de entregáveis", índice do que dá vontade de abrir */
.index-lead{font-family:var(--serif);font-style:italic;color:var(--terracotta);font-size:1rem;margin:0 0 6px;}
.index-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.index-list li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:.98rem;line-height:1.45;}
.index-list li::before{content:"→";flex-shrink:0;color:var(--terracotta);font-family:var(--mono);}
.offer-section--dark .index-list{border-top-color:var(--graphite);}
.offer-section--dark .index-list li{border-bottom-color:var(--graphite);}

/* check-list — bloco "você sai com" / "eu olho", marcador ✓ */
.check-lead{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta);margin:0 0 10px;}
.check-list{list-style:none;margin:0;padding:0;}
.check-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:.98rem;line-height:1.5;}
.check-list li:last-child{border-bottom:none;}
.check-list li::before{content:"✓";position:absolute;left:0;top:12px;font-family:var(--mono);font-weight:600;color:var(--terracotta);}
.check-list li strong{display:block;font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:.86rem;letter-spacing:.02em;margin-bottom:4px;}
.check-list li span{display:block;font-family:var(--serif);font-size:.98rem;line-height:1.45;color:var(--graphite);}
.offer-section--dark .check-list li{border-bottom-color:var(--graphite);}
.offer-section--dark .check-list li span{color:var(--stone);}
.check-list li.is-highlight{padding-top:16px;padding-bottom:16px;}
.check-list li.is-highlight strong{font-size:1.1rem;color:var(--gold);letter-spacing:.03em;}

/* listas "eu organizo / eu defino / você sai com" dentro de um módulo — seta ZINTA */
.arrow-lead{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta);margin:0 0 6px;}
.arrow-list{list-style:none;margin:6px 0 0;padding:0;}
.arrow-list li{position:relative;padding:6px 0 6px 22px;font-family:var(--sans);font-size:.95rem;line-height:1.5;}
.arrow-list li::before{content:"→";position:absolute;left:0;color:var(--terracotta);font-family:var(--mono);}

/* cena / comportamento / negócio — o olhar como sistema visual, não bullet */
.scene-track{display:flex;flex-direction:column;gap:0;margin-top:4px;}
.scene-block{padding:18px 0;border-bottom:1px solid var(--graphite);}
.scene-block:last-child{border-bottom:none;}
.scene-block__num{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--terracotta);margin:0 0 6px;text-transform:uppercase;}
.scene-block__desc{font-family:var(--serif);font-size:1.05rem;line-height:1.4;margin:0;}

/* percurso: você chega com / eu faço / (você sai com continua na próxima seção) */
.journey{display:flex;flex-direction:column;gap:22px;margin-top:4px;}
.journey__stage{padding-bottom:18px;border-bottom:1px solid var(--graphite);}
.journey__stage:last-child{border-bottom:none;}
.journey__label{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta);margin:0 0 8px;}
.journey__body{font-family:var(--serif);font-size:1.1rem;line-height:1.45;margin:0;}
.journey__flow{font-family:var(--mono);font-size:.92rem;letter-spacing:.02em;color:var(--bone);margin:0;}
.journey__flow .arrow{color:var(--gold);margin:0 8px;}

/* frase de impacto — o valor comercial do produto numa linha só, sempre em bloco preto */
.impact-line{font-family:var(--serif);font-weight:600;font-size:clamp(1.25rem,4.4vw,1.85rem);line-height:1.32;color:var(--terracotta);margin:0 0 20px;text-wrap:balance;}

/* menu de frentes — Direção Estratégica */
.menu-frente{padding:26px 0;border-bottom:1px solid var(--graphite);}
.menu-frente:last-child{border-bottom:none;}
.menu-frente__head{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.menu-frente__head h3{margin:0;font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.02rem;}
.menu-frente__note{font-family:var(--serif);font-style:italic;color:var(--terracotta);font-size:1rem;margin:14px 0 0;}
.menu-intro{font-family:var(--serif);font-size:1.1rem;line-height:1.45;color:var(--bone);margin:0 0 30px;}

/* chips de ponto de contato — reaproveita .chips já existente, ajustado pra fundo claro/dentro de bloco */
.chips--tight{justify-content:flex-start;margin:16px 0 4px;}
.offer-section .chips span{border-color:var(--black);color:var(--black);}
.offer-section--dark .chips span{border-color:var(--terracotta);color:var(--terracotta);}

@media(min-width:1024px){
  .journey,.scene-track,.check-list,.index-list,.arrow-list{max-width:640px;}
}


/* ================= RODADA 08/09 — hero full-bleed da página Rafaella + selo "coming soon" das ofertas ================= */
.rafaella-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--black);}
.rafaella-hero .hero__photo{position:absolute;inset:0;}
.rafaella-hero__content{position:relative;z-index:2;padding:0 22px 40px;color:var(--bone);}
.rafaella-hero__name{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,9vw,3.4rem);margin:10px 0 14px;line-height:1;text-shadow:0 2px 24px rgba(0,0,0,.6);}
.rafaella-hero__lede{font-family:var(--serif);font-size:clamp(1.05rem,4vw,1.35rem);line-height:1.4;max-width:520px;margin:0;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.rafaella-photo-lg{border:1px dashed var(--graphite);color:var(--graphite);font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;padding:56px 16px;text-align:center;border-radius:2px;width:100%;}
.offer-section--dark .rafaella-photo-lg{border-color:var(--graphite);color:var(--stone);}

.coming-soon{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:var(--terracotta);padding:5px 12px;border-radius:999px;margin:0 0 16px;}
.offer-hero__radar{display:flex;align-items:center;gap:14px;margin:0 0 20px;flex-wrap:wrap;}
.offer-hero__radar .coming-soon{margin:0;}
.offer-hero__radar-img{width:64px;height:64px;flex:none;padding:4px;margin:0;font-size:.5rem;line-height:1.15;letter-spacing:0;}
.offer-section--dark .placeholder{border-color:var(--graphite);color:var(--stone);}
.solution-flow{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:var(--serif);font-weight:600;font-size:clamp(1.15rem,3.2vw,1.5rem);line-height:1.5;color:var(--bone);margin:0 0 16px;}
.solution-flow span{position:relative;padding:4px 0;}
.solution-flow i{display:block;width:2px;height:30px;background:var(--terracotta);margin-left:18px;position:relative;}
.solution-flow i::after{content:"";position:absolute;left:-3px;bottom:0;width:7px;height:7px;border-right:2px solid var(--terracotta);border-bottom:2px solid var(--terracotta);transform:rotate(45deg);}

@media(min-width:1024px){
  .rafaella-hero{min-height:90vh;}
  .rafaella-hero__content{padding:0 64px 64px;}
  .rafaella-hero__lede{font-size:1.4rem;max-width:640px;}
  .solution-flow{flex-direction:row;align-items:center;gap:18px;}
  .solution-flow i{width:clamp(38px,5vw,76px);height:2px;margin:0;background:var(--terracotta);}
  .solution-flow i::after{left:auto;right:0;bottom:-3px;transform:rotate(-45deg);}
}


/* ================= RODADA 08/09 (parte 2) — página Rafaella, perfil editorial estilo colagem ================= */

.rafaella-page .offer-back{background:var(--black);}

/* base de foto reaproveitando o vocabulário do .placeholder, mas sem herdar o padding fixo (cada contexto define tamanho) */
.rf-photo{
  border:1px dashed var(--graphite);color:var(--stone);font-family:var(--mono);font-size:.62rem;
  letter-spacing:.03em;text-transform:uppercase;text-align:center;border-radius:2px;
  background:radial-gradient(circle at 50% 30%,#1a1a1a,#050505);
  display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;
}
.rf-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.rf-photo--future{background:transparent!important;border:1px dashed var(--graphite);color:var(--gold);padding:18px;}
.rf-photo--future span{font-family:var(--mono);font-size:.62rem;line-height:1.5;letter-spacing:.08em;text-align:center;}
.rf-photo--logo{background:transparent!important;padding:12px;border:0;aspect-ratio:auto!important;min-height:128px;}
.rf-photo--logo img{object-fit:contain;width:86%;max-height:116px;}
.rf-photo--back img{object-position:48% 56%;filter:brightness(.62) saturate(.88);}
.rf-photo--main img{object-position:50% 38%;}
.rf-photo--crop img{object-position:52% 34%;}
.rf-photo--detail img{object-position:50% 37%;}
.rf-photo--wide img{object-position:50% 45%;}
.rf-photo--archive img{object-position:50% 43%;}
.offer-section .rf-photo{border-color:var(--graphite);color:var(--graphite);background:var(--stone);}

/* ---------- 01 hero: colagem editorial em quatro planos ---------- */
.rf-hero{position:relative;padding:96px 20px 0;background:var(--black);color:var(--bone);overflow:hidden;}
.rf-hero__collage{position:relative;min-height:72vh;margin-bottom:38px;isolation:isolate;}
.rf-hero__collage .rf-photo{border:0;background:var(--black);overflow:hidden;}
.rf-photo--back{position:absolute;inset:4% 0 5%;z-index:1;opacity:.78;}
.rf-photo--main{position:absolute;left:0;top:9%;width:61%;height:78%;z-index:2;box-shadow:0 14px 34px rgba(0,0,0,.3);}
.rf-photo--crop{position:absolute;right:-2%;top:2%;width:49%;aspect-ratio:3/4;z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.32);}
.rf-photo--detail{position:absolute;right:8%;bottom:-4%;width:43%;aspect-ratio:3/4;z-index:4;box-shadow:0 12px 30px rgba(0,0,0,.34);}
.rf-photo--main,.rf-photo--crop,.rf-photo--detail{outline:1px solid rgba(244,241,234,.32);outline-offset:0;}
.rf-hero__text{position:relative;z-index:5;padding:0 0 48px;}
.rf-hero__name{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:clamp(2.3rem,11vw,3.6rem);line-height:.94;margin:0 0 16px;}
.rf-hero__line{font-family:var(--serif);font-size:clamp(1.05rem,4.2vw,1.3rem);line-height:1.4;max-width:520px;margin:0;text-wrap:balance;}

/* ---------- textos curtos genéricos da página ---------- */
.rf-section{padding-top:48px;padding-bottom:48px;}
.rf-h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.4rem,5.4vw,2rem);line-height:1.2;margin:0 0 20px;text-wrap:balance;}
.rf-statement{font-family:var(--serif);font-size:clamp(1.3rem,5.2vw,1.9rem);line-height:1.3;margin:0 0 14px;text-wrap:balance;}
.rf-small{font-family:var(--sans);font-size:.98rem;line-height:1.5;color:var(--graphite);margin:0 0 22px;max-width:480px;}
.rf-small--dark{color:var(--stone);}
.rf-keywords{display:flex;flex-wrap:wrap;gap:8px 10px;color:var(--stone);line-height:1.55;margin:0 0 30px;}
.rf-keyword{display:inline-block;white-space:nowrap;}
.rf-keyword > span{color:var(--gold);margin-left:8px;}
.rf-photo--wide{aspect-ratio:16/10;width:100%;margin-top:6px;}
.rf-photo--archive{aspect-ratio:4/3;max-width:340px;margin-top:22px;}
.rf-photo--half{aspect-ratio:3/4;width:100%;}

/* ---------- 03 trajetória: cards por marca, sem cara de currículo ---------- */
.rf-brands-content{min-width:0;}
.rf-brands-content .rf-career-photo-slots{margin:24px 0 30px;}
.rf-brands-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:18px auto 0;max-width:760px;}
.rf-brand-card{display:flex;align-items:center;justify-content:center;min-width:0;min-height:112px;border:0;overflow:hidden;}
.rf-brand-card .rf-photo--logo{aspect-ratio:auto!important;width:100%;min-height:110px;margin:0;padding:14px;border:0;}
.rf-brand-card:first-child .rf-photo--logo img{transform:scale(1.12);}
.rf-brand-card__name{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:1rem;letter-spacing:.02em;margin:10px 0 4px;white-space:nowrap;}
.rf-brand-card__tag{color:var(--gold);}

/* ---------- 04 números: stats + foto ocupando metade ---------- */
.rf-numeros__grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;}
.rf-numeros__stats{display:flex;flex-direction:column;gap:22px;min-width:0;}
.rf-career-photo-slots{display:grid;grid-template-columns:1fr;gap:18px;}
.rf-photo--career-slot{aspect-ratio:3/4;min-width:0;min-height:0;}
.rf-photo--career-gb img{object-position:43% 50%;}
.rf-photo--career-loccitane img{object-position:50% 46%;}
.rf-photo--career-mary-kay img{object-position:58% 50%;}
.rf-education{min-width:0;border-top:1px solid var(--line);padding:24px 0 8px;}
.rf-education__label{font-size:.68rem;letter-spacing:.08em;color:var(--gold);margin:0 0 24px;}
.rf-education__list{display:flex;flex-direction:column;gap:13px;max-width:680px;}
.rf-education__list p{font-family:var(--serif);font-size:clamp(1rem,3.5vw,1.24rem);line-height:1.3;margin:0;max-width:100%;overflow-wrap:anywhere;text-wrap:balance;}
.rf-education__list p:nth-child(2){margin-left:clamp(12px,2.4vw,28px);font-size:clamp(1.03rem,3.6vw,1.3rem);font-style:italic;}
.rf-education__list p:nth-child(3){font-size:clamp(1.12rem,3.9vw,1.42rem);margin-top:5px;}
.rf-education__list p:nth-child(4){margin-left:clamp(12px,2.4vw,28px);font-style:italic;color:var(--graphite);}
.rf-education__list p:nth-child(5){font-family:var(--sans);font-size:clamp(.88rem,2.8vw,1rem);letter-spacing:.01em;margin-top:5px;}
.rf-education__list p:nth-child(6){font-size:clamp(.88rem,2.8vw,.98rem);line-height:1.4;color:var(--graphite);max-width:560px;margin-top:3px;}
.rf-education__list strong{font-family:var(--sans);font-size:.78em;letter-spacing:.05em;color:var(--black);}
/* ---------- 07 virada: texto + espaço para a próxima foto ---------- */
.rf-turn__body{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;}
.rf-turn__body .rf-small{margin:0;}
.rf-photo--turn{aspect-ratio:4/3;width:100%;min-height:190px;}
.rf-photo--turn img{object-position:54% 54%;}

/* ---------- 06 / 09 grid fotográfico com labels intercaladas ---------- */
.rf-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;grid-auto-flow:dense;}
.rf-pg-item{aspect-ratio:1/1;}
.rf-pg-item--tall{aspect-ratio:3/4;grid-row:span 2;}
.rf-pg-item--wide{aspect-ratio:16/9;grid-column:span 2;}
.rf-pg-label{display:flex;align-items:center;justify-content:center;color:var(--gold);letter-spacing:.1em;}
.offer-section--dark .rf-pg-label{color:var(--gold);}
.rf-photo-grid--pessoal .rf-pg-word{
  display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;
  font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--bone);border:1px solid var(--graphite);border-radius:2px;
}

/* ---------- 10 fechamento simples ---------- */
.rf-close{text-align:center;padding:72px 22px 96px;background:var(--black);color:var(--bone);}

/* ---------- rodapé: bloco legal + links jurídicos ---------- */
.footer__legal-block{max-width:360px;}
.footer__registration{max-width:480px;margin:8px auto 0;font-family:var(--sans);font-size:.68rem;line-height:1.5;color:var(--graphite);}
.footer__legal-links{margin:10px 0 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;}
.footer__legal-links a{color:var(--stone);}
.footer__legal-links a:hover{color:var(--gold);}

@media(min-width:1024px){
  .rf-hero{padding:150px 64px 0;}
  .rf-hero__collage{min-height:86vh;margin-bottom:52px;}
  .rf-photo--back{inset:0 7% 5% 10%;}
  .rf-photo--main{left:2%;top:8%;width:44%;height:82%;}
  .rf-photo--crop{right:3%;top:4%;width:35%;height:70%;aspect-ratio:auto;}
  .rf-photo--detail{right:25%;bottom:-4%;width:27%;aspect-ratio:3/4;}
  .rf-hero__text{max-width:640px;}
  .rf-brands-grid{grid-template-columns:repeat(3,1fr);}
  .offer-section.rf-numeros{display:block;}
  .rf-numeros__grid{grid-template-columns:.55fr 1.45fr;gap:56px;}
  .rf-career-photo-slots{grid-template-columns:repeat(3,1fr);gap:18px;}
  .rf-photo--career-slot{aspect-ratio:3/4;min-height:0;}
  .rf-turn__body{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:36px;}
  .rf-photo--turn{aspect-ratio:4/3;min-height:0;}
  .rf-photo-grid{grid-template-columns:repeat(4,1fr);}
  .footer__legal-block{max-width:420px;text-align:left;}
  .footer__registration{margin:8px 0 0;}
}

/* Superfícies full-bleed: a cor chega às bordas da viewport sem alterar a largura do conteúdo. */
body.offer-page .site-frame,body.offer-page main{background:transparent;}
body.offer-page .offer-hero,
body.offer-page .offer-section,
body.offer-page .offer-section--dark,
body.offer-page .offer-cta-block,
body.offer-page .rf-hero,
body.offer-page .rf-close,
body.offer-page .legal-doc,
body.offer-page .footer{position:relative;z-index:0;}
body.offer-page .offer-hero::before,
body.offer-page .offer-section::before,
body.offer-page .offer-section--dark::before,
body.offer-page .offer-cta-block::before,
body.offer-page .rf-hero::before,
body.offer-page .rf-close::before,
body.offer-page .legal-doc::before,
body.offer-page .footer::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--bone);pointer-events:none;
}
body.offer-page .offer-hero::before,
body.offer-page .offer-section--dark::before,
body.offer-page .offer-cta-block::before,
body.offer-page .rf-hero::before,
body.offer-page .rf-close::before,
body.offer-page .footer::before{background:var(--black);}


/* ensaio: reveal editorial + profundidade discreta; --depth-y é atualizado no scroll */
.rf-hero [data-speed]{--depth-y:0px;will-change:transform;}
.rf-hero [data-speed].reveal{transform:translate3d(0,calc(var(--depth-y) + 18px),0);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.7,.2,1);}
.rf-hero [data-speed].reveal.is-in{transform:translate3d(0,var(--depth-y),0);}
.rf-photo--back[data-speed].reveal{transform:translate3d(0,calc(var(--depth-y) + 12px),0) scale(1.02);}
.rf-photo--back[data-speed].reveal.is-in{transform:translate3d(0,var(--depth-y),0) scale(1);}
.rf-photo--detail[data-speed].reveal{transform:translate3d(-22px,calc(var(--depth-y) + 18px),0);}
.rf-photo--detail[data-speed].reveal.is-in{transform:translate3d(0,var(--depth-y),0);}
.rf-photo--main[data-speed].reveal{transform:translate3d(0,calc(var(--depth-y) + 18px),0) scale(1.035);}
.rf-photo--main[data-speed].reveal.is-in{transform:translate3d(0,var(--depth-y),0) scale(1);}

@media(min-width:640px) and (max-width:1023px){
  .rf-career-photo-slots{grid-template-columns:repeat(3,1fr);}
  .rf-photo--career-slot{aspect-ratio:3/4;min-height:260px;}
}


/* ================= PÁGINAS JURÍDICAS (Termos, Privacidade, Cookies, Propriedade Intelectual) ================= */
.legal-page .offer-back{background:var(--black);}
.legal-doc{max-width:760px;margin:0 auto;padding:120px 22px 80px;background:var(--bone);color:var(--black);}
.legal-doc h1{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,6vw,2.3rem);margin:0 0 10px;line-height:1.1;}
.legal-updated{font-family:var(--mono);font-size:.68rem;color:var(--graphite);text-transform:uppercase;letter-spacing:.05em;margin:0 0 40px;}
.legal-doc h2{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:38px 0 12px;}
.legal-doc p{font-family:var(--serif);font-size:1rem;line-height:1.6;margin:0 0 16px;}
.legal-doc ul{margin:0 0 16px;padding-left:1.2em;}
.legal-doc li{font-family:var(--sans);font-size:.96rem;line-height:1.55;margin:8px 0;}
.legal-note{border-left:2px solid var(--gold);padding-left:16px;font-family:var(--sans);font-size:.86rem;line-height:1.5;color:var(--graphite);margin:44px 0 0;}
.legal-final-update{border-top:1px solid var(--line);padding-top:18px!important;margin-top:48px!important;font-family:var(--mono)!important;font-size:.66rem!important;line-height:1.5!important;letter-spacing:.05em;text-transform:uppercase;color:var(--graphite);}
@media(min-width:1024px){
  .legal-doc{padding:170px 64px 96px;}
}


/* ---------- microcopy de consentimento nos formulários (LGPD) ---------- */
.consent-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;cursor:pointer;text-align:left;}
.consent-check input{margin-top:4px;flex-shrink:0;width:16px;height:16px;accent-color:var(--gold);}
.consent-check span{font-family:var(--sans);font-size:.78rem;line-height:1.45;color:var(--stone);}
.consent-check a{text-decoration:underline;color:var(--gold);}
.form-privacy-note{font-family:var(--sans);font-size:.7rem;line-height:1.45;color:var(--stone);margin:8px 0 0;text-align:left;}


/* ---------- banner de cookies ---------- */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:501;background:var(--black);color:var(--bone);border:1px solid var(--graphite);border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 32px rgba(0,0,0,.4);}
.cookie-banner p{font-family:var(--sans);font-size:.86rem;line-height:1.5;margin:0;}
.cookie-banner a{text-decoration:underline;color:var(--gold);}
.cookie-banner__actions{display:flex;gap:10px;}
.cookie-banner__actions button{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1px solid var(--stone);color:var(--bone);}
.cookie-banner__actions button.is-solid{background:var(--gold);color:var(--black);border-color:var(--gold);}
@media(min-width:640px){
  .cookie-banner{flex-direction:row;align-items:center;justify-content:space-between;max-width:640px;left:20px;right:auto;bottom:calc(20px + env(safe-area-inset-bottom));}
}
/* 3 botões (aceitar todos / rejeitar não essenciais / gerenciar preferências): quebra em telas estreitas (360-390px) pra não estourar largura */
.cookie-banner__actions{flex-wrap:wrap;}
.cookie-banner__actions button{flex:1 1 auto;white-space:nowrap;}

/* ---------- painel "gerenciar preferências de cookies" ---------- */
.cookie-panel{position:fixed;inset:0;z-index:502;background:rgba(10,10,10,.72);display:flex;align-items:center;justify-content:center;padding:20px;}
.cookie-panel__box{background:var(--black);color:var(--bone);border:1px solid var(--graphite);border-radius:10px;padding:26px 22px;max-width:440px;width:100%;max-height:calc(100vh - 40px);max-height:calc(100svh - 40px);overflow-y:auto;}
.cookie-panel__box h2{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:1.05rem;margin:0 0 10px;}
.cookie-panel__box > p{font-family:var(--sans);font-size:.86rem;line-height:1.5;color:var(--stone);margin:0 0 20px;}
.cookie-panel__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--graphite);cursor:pointer;}
.cookie-panel__row span{font-family:var(--sans);font-size:.86rem;line-height:1.5;}
.cookie-panel__row input{margin-top:3px;flex-shrink:0;width:18px;height:18px;accent-color:var(--gold);}
.cookie-panel__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.cookie-panel__actions button{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:10px 18px;border-radius:999px;border:1px solid var(--stone);color:var(--bone);flex:1 1 auto;}
.cookie-panel__actions button.is-solid{background:var(--gold);color:var(--black);border-color:var(--gold);}

/* ---------- link "preferências de cookies" no rodapé (mesmo vocabulário dos outros links legais) ---------- */
.footer__legal-links button.footer__cookie-prefs{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--stone);text-decoration:underline;padding:0;background:none;border:none;cursor:pointer;}
.footer__legal-links button.footer__cookie-prefs:hover{color:var(--gold);}

/* ---------- estados de formulário: loading / success / error (sem simular envio concluído) ---------- */
.form-status{font-family:var(--sans);font-size:.84rem;line-height:1.5;margin:10px 0 0;min-height:0;}
.form.is-error .form-status,.newsletter.is-error .form-status{color:var(--terracota,#B15A3D);}
.form.is-success .form-status,.newsletter.is-success .form-status{color:var(--gold);}

/* ================= AJUSTES MOBILE — 17/09/2026 =================
   Escopo limitado ao mobile: ritmo, overflow e hierarquia sem redesenhar o desktop. */
@media(max-width:767px){
  .moment,.origin-wrap,.origin-trajectory,.offer-hero,.offer-section,.offer-cta-block,.rf-hero,.rf-close,.legal-doc{
    padding-left:max(20px,env(safe-area-inset-left));
    padding-right:max(20px,env(safe-area-inset-right));
  }
  .headline,.serif-lg,.big-word,.thesis__stack,.thesis__body,.translation-line,.manifesto-body,.manifesto-close,
  .offer-hero h1,.offer-hero__lede,.rf-hero__name,.rf-hero__line,.rf-h2,.rf-statement,.rf-small{
    max-width:100%;overflow-wrap:anywhere;
  }
  .nowrap,.keep-with-next{white-space:normal;}
  .hero__zinta-wrap{width:100%;min-width:0;}
  .hero__zinta{font-size:clamp(3.55rem,20.5vw,8rem);}
  .hero__tagline{font-size:clamp(.76rem,3.5vw,.96rem);line-height:1.45;letter-spacing:.1em;overflow-wrap:anywhere;}
  .field{font-size:clamp(2.35rem,12vw,3.6rem);line-height:.88;overflow-wrap:normal;word-break:keep-all;}
  .newsletter__row{min-width:0;}
  .newsletter__row input{min-width:0;}
  .newsletter__row button{flex:0 0 auto;padding-left:10px;}

  #m02{padding:76px max(20px,env(safe-area-inset-right)) 82px max(20px,env(safe-area-inset-left));}
  #m02 .stack{display:flex;flex-direction:column;gap:0;}
  #m02 .stack__frame{position:relative;top:auto;min-height:0;width:100%;padding:50px 0;background:transparent;color:inherit;}
  #m02 .olhar-lead{align-items:flex-start;text-align:left;padding-top:0;padding-bottom:56px;}
  #m02 .olhar-q{padding:30px 0;}
  #m02 .stack__frame:has(.placeholder){padding:8px 0 20px;}
  #m02 .stack__frame:last-child{padding:30px 0 0;}
  #m02 .stack__frame .placeholder{margin:0;}

  .moment--still{min-height:0;padding-top:88px;padding-bottom:88px;}
  #m03{padding-top:92px;padding-bottom:92px;}
  #m04{min-height:0;padding-top:84px;padding-bottom:84px;}
  #m07{padding-top:68px;padding-bottom:32px;}
  #m07 .radar-hero{padding-bottom:32px;}
  #m07 .radar-signup{padding-top:26px;}
  #m08{padding-top:56px;padding-bottom:56px;}
  #m09{padding-top:40px;}
  #m12{padding-top:92px;padding-bottom:104px;}
  .differentials{margin-top:52px;padding-top:38px;}


  .crop-transition{height:clamp(190px,62vw,260px);min-height:0;justify-content:flex-end;}
  .crop-transition .crop-letter{font-size:clamp(14rem,88vw,21rem);transform:translate(13%,9%);}

  .archive-index{color:var(--gold);}

  .whatsapp-btn{
    right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));
    gap:4px;padding:8px 10px;font-size:.58rem;line-height:1.1;letter-spacing:.035em;max-width:calc(100vw - 20px);
  }
  .footer{padding-bottom:calc(76px + env(safe-area-inset-bottom));}

  .offer-hero{padding-top:118px;padding-bottom:68px;}
  .offer-section{padding-top:64px;padding-bottom:64px;}
  .offer-section--dark{padding-top:72px;padding-bottom:72px;}
  .offer-cta-block{padding-top:72px;padding-bottom:96px;}
  .offer-discovery-cta{font-size:.68rem;line-height:1.45;white-space:normal;text-wrap:balance;}
  .rf-close{padding-top:64px;padding-bottom:92px;}
}

@media(max-width:359px){
  .nav{padding-left:14px;padding-right:14px;}
  .nav__id{gap:7px;}
  .nav__by{font-size:.52rem;letter-spacing:.02em;}
  .hero{padding-left:18px;padding-right:18px;}
  .hero__zinta{font-size:3.5rem;}
  .offer{padding-left:20px;padding-right:20px;}
  .newsletter__row{flex-wrap:wrap;gap:10px;padding-bottom:10px;}
  .newsletter__row input{flex:1 1 100%;}
  .newsletter__row button{padding:0;}
}

/* composições novas · desktop */
@media(min-width:1024px){
  .strategic-core{display:block;padding:32px 46px 26px;}

  .ai-transversal{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:34px;margin-top:24px;padding:30px 36px 26px;}
  .ai-transversal__rail{width:3px;}
  .ai-transversal__intro{padding-left:0;}
  .ai-transversal__intro h2{font-size:clamp(1.75rem,2.3vw,2.2rem);}
  .ai-transversal__modes{margin-top:0;border-top:0;border-left:1px solid var(--graphite);padding-left:26px;}
  .ai-transversal__modes article:first-child{padding-top:0;}
  .ai-transversal__modes article:last-child{border-bottom:0;padding-bottom:0;}
}

@media(max-width:480px){
  .strategic-core{margin-left:0;margin-right:0;padding-left:18px;padding-right:18px;}
  .ai-transversal{margin-left:0;margin-right:0;padding-left:20px;padding-right:18px;}
}
.form.is-loading .form-status,.newsletter.is-loading .form-status{color:var(--stone);}
.form.is-loading button[type="submit"],.newsletter.is-loading button[type="submit"]{opacity:.6;cursor:progress;}


/* ---------- prefers-reduced-motion: cobrir também o parallax de entrada das fotos da página Rafaella
   (a regra genérica .reduced-motion .reveal já existe acima, mas essas duas classes têm transform/transition
   mais específicos que a sobrescrevem por ordem de declaração — reforçando aqui pra garantir que não anime) ---------- */
.reduced-motion .rf-hero [data-speed].reveal,
.reduced-motion .rf-hero [data-speed].reveal.is-in{transition:none!important;transform:none!important;will-change:auto;}

/* 29/09/2026 · mobile: menos respiro preto entre blocos (só dark, só até 767px) */
@media(max-width:767px){
  #m01{padding-bottom:32px;}
  #m01 .origin-wrap{padding-top:56px;}
  .origin-trajectory{padding-bottom:48px;}
  #m02{padding-top:56px;padding-bottom:56px;}
  #m02 .olhar-lead{padding-bottom:32px;}
  #m03{padding-top:64px;padding-bottom:56px;}
  .differentials{margin-top:36px;padding-top:30px;}
  #m04{padding-top:56px;padding-bottom:64px;}
  #m07{padding-top:56px;}
  #m08{padding-top:40px;padding-bottom:40px;}
  #m09{padding-top:28px;}
  .footer{padding-top:44px;}
  .footer__signature{margin-bottom:24px;}
}

/* 29/09/2026 · banner de cookies mais compacto no celular (mesmos 3 botões, mesma função) */
@media(max-width:639px){
  .cookie-banner{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:12px 14px;gap:10px;}
  .cookie-banner p{font-size:.74rem;line-height:1.4;}
  .cookie-banner__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .cookie-banner__actions button{padding:8px 8px;font-size:.64rem;white-space:normal;line-height:1.25;}
  .cookie-banner__actions button[data-consent="reject"]{order:1;}
  .cookie-banner__actions button[data-consent="accept"]{order:2;}
  .cookie-banner__actions button[data-consent="manage"]{order:3;grid-column:1 / -1;border:none;padding:2px 0;text-decoration:underline;text-underline-offset:2px;color:var(--stone);}
}

/* 29/09/2026 · rodada 2: menos respiro preto entre blocos (desktop e mobile) */
#m01{padding-bottom:24px;}
.origin-trajectory{padding-bottom:32px;}
#m02{padding-top:40px;padding-bottom:40px;}
#m03{padding-top:48px;padding-bottom:32px;}
#m04{min-height:0;padding-top:32px;padding-bottom:56px;}
#m07{padding-top:48px;padding-bottom:20px;}
#m08{padding-top:32px;padding-bottom:28px;}
#m09{padding-top:24px;}
.manifesto-mark{margin:18px auto;}
.differentials{margin-top:32px;padding-top:28px;}
.strategic-core{margin-top:36px;}
@media(max-width:767px){
  #m01 .origin-wrap{padding-top:48px;}
  .origin-trajectory{padding-bottom:28px;}
  #m01{padding-bottom:16px;}
  #m02{padding-top:40px;padding-bottom:40px;}
  #m02 .olhar-lead{padding-bottom:20px;}
  #m03{padding-top:36px;padding-bottom:32px;}
  .differentials{margin-top:28px;padding-top:24px;}
  #m04{padding-top:32px;padding-bottom:56px;}
  #m07{padding-top:44px;padding-bottom:20px;}
  #m08{padding-top:32px;padding-bottom:28px;}
  #m09{padding-top:20px;}
  .footer{padding-top:36px;}
  .footer__signature{margin-bottom:20px;}
}
@media(min-width:1024px){
  #m02 .olhar-lead{padding-bottom:24px;}
  .footer{padding-top:48px;}
}

/* 29/09/2026 · página /radar (seção do Radar saiu da Home) */
body.radar-page #m07{padding-top:104px;padding-bottom:64px;}
@media(min-width:1024px){body.radar-page #m07{padding-top:112px;}}

/* 29/09/2026 · rodada 3: menos respiro entre manifesto, Rafaella e contato */
#m09{padding-bottom:40px;}
#m10{padding-top:40px;padding-bottom:24px;}
#m12{padding-top:40px;}
@media(max-width:767px){
  #m09{padding-bottom:40px;}
  #m10{padding-top:40px;padding-bottom:16px;}
  #m12{padding-top:40px;padding-bottom:72px;}
}


/* ==================================================================================
   01/10/2026 · RADAR — card de cadastro na Home + entrada "dissolve" na página /radar
   ================================================================================== */

/* card de cadastro (Home) */
.radar-pop{
  position:fixed;z-index:502;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));
  width:min(380px,calc(100vw - 40px));
  background:var(--black);color:var(--bone);border:1px solid var(--graphite);border-radius:8px;
  padding:24px 24px 18px;box-shadow:0 12px 32px rgba(0,0,0,.4);
  opacity:0;transform:translateY(14px);filter:blur(8px);
  transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease;
}
.radar-pop[hidden]{display:none;}
.radar-pop.is-open{opacity:1;transform:none;filter:none;}
.radar-pop::before{content:"";position:absolute;left:0;top:22px;width:3px;height:42px;background:var(--terracotta);}
.radar-pop__close{position:absolute;top:8px;right:10px;width:32px;height:32px;font-size:1.35rem;line-height:1;color:var(--stone);transition:color .3s;}
.radar-pop__close:hover{color:var(--gold);}
.radar-pop__eyebrow{margin:0 0 10px;color:var(--terracotta);font-size:.66rem;letter-spacing:.12em;}
.radar-pop__title{margin:0 0 8px;padding-right:20px;font-family:var(--serif);font-weight:600;font-size:1.4rem;line-height:1.2;color:var(--bone);}
.radar-pop__text{margin:0 0 18px;font-family:var(--sans);font-size:.86rem;line-height:1.5;color:var(--stone);}
.radar-pop .newsletter{max-width:none;margin:0;}
.radar-pop .consent-check{gap:8px;margin-top:12px;}
.radar-pop .consent-check input{width:14px;height:14px;margin-top:3px;}
.radar-pop .consent-check span{font-size:.74rem;line-height:1.4;}
.radar-pop .form-privacy-note{margin-top:7px;font-size:.66rem;line-height:1.45;color:var(--graphite);}
.radar-pop .form-privacy-note a{color:var(--stone);}
body.radar-pop-open .whatsapp-btn{display:none;}
@media(max-width:767px){
  .radar-pop{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom));padding:20px 18px 14px;}
  .radar-pop__title{font-size:1.2rem;}
  .radar-pop__text{font-size:.8rem;margin-bottom:14px;}
}

/* página /radar · entrada em dissolve (desfoque → nítido, em sequência) */
body.radar-page .reveal{filter:blur(10px);transform:translateY(10px);transition:opacity 1.2s ease,filter 1.3s ease,transform 1.3s cubic-bezier(.2,.7,.2,1);}
body.radar-page .reveal.is-in{filter:blur(0);transform:none;}
body.radar-page .radar-editorial .tag-line{transition-delay:.05s;}
body.radar-page .radar-editorial .field{transition-delay:.25s;}
body.radar-page .radar-editorial .radar-lede{transition-delay:.5s;}
body.radar-page .radar-editorial .radar-categories{transition-delay:.75s;}
body.radar-page .radar-editorial .radar-ig-cta{transition-delay:.95s;}
body.radar-page .radar-visual.reveal{transition-delay:.35s;}
/* foto: entra em preto e branco e ganha cor; a barra terracota cresce depois */
body.radar-page .radar-visual__photo{filter:grayscale(1) contrast(1.04);transition:filter 2.2s ease .6s;}
body.radar-page .radar-visual.is-in .radar-visual__photo{filter:grayscale(0) contrast(1.04);}
body.radar-page .radar-visual__bar{transform:scaleY(0);transform-origin:top;transition:transform 1s cubic-bezier(.2,.7,.2,1) 1.1s;}
body.radar-page .radar-visual.is-in .radar-visual__bar{transform:scaleY(1);}

/* links "por trás do radar" — pequenos, no vocabulário dos botões flutuantes */
.radar-more{max-width:980px;margin:44px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;}
.radar-more__eyebrow{margin:0;color:var(--stone);font-size:.62rem;letter-spacing:.14em;}
.radar-more__links{display:flex;flex-wrap:wrap;gap:10px;}
.radar-more__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bone);border:1px solid var(--terracotta);border-radius:999px;padding:8px 14px;transition:background .3s,color .3s;}
.radar-more__link span{transition:transform .3s;}
.radar-more__link:hover,.radar-more__link:focus-visible{background:var(--terracotta);color:var(--bone);}
.radar-more__link:hover span{transform:translateX(3px);}

/* sem animação: tudo visível, sem desfoque */
.reduced-motion .radar-pop{transition:none;filter:none;transform:none;}
.reduced-motion body.radar-page .reveal,body.radar-page.reduced-motion .reveal{filter:none!important;}
.reduced-motion .radar-visual__photo{filter:contrast(1.04)!important;transition:none!important;}
.reduced-motion .radar-visual__bar{transform:none!important;transition:none!important;}
@media (scripting: none){
  body.radar-page .reveal{filter:none!important;}
  body.radar-page .radar-visual__photo{filter:contrast(1.04)!important;}
  body.radar-page .radar-visual__bar{transform:none!important;}
}

/* 01/10/2026 · rodada 2: nome da Rafaella em destaque no fim da página /radar */
.radar-more{flex-direction:column;align-items:flex-start;gap:16px;}
.radar-more__by{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;}
.radar-more__name{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.35rem,3.4vw,1.75rem);line-height:1.1;color:var(--terracotta);}
.radar-more__link--solid{background:var(--terracotta);color:var(--bone);}
.radar-more__link--solid:hover,.radar-more__link--solid:focus-visible{background:transparent;color:var(--terracotta);}

/* 01/10/2026 · rodada 3: card do Radar em fundo claro (bone), pra chamar atenção sobre o site escuro */
.radar-pop{background:var(--bone);color:var(--black);border-color:var(--line);box-shadow:0 14px 40px rgba(0,0,0,.45);}
.radar-pop__title{color:var(--black);}
.radar-pop__text{color:var(--graphite);}
.radar-pop__close{color:var(--graphite);}
.radar-pop__close:hover{color:var(--terracotta);}
.radar-pop .newsletter input{color:var(--black);}
.radar-pop .newsletter input::placeholder{color:#8A867E;}
.radar-pop .consent-check span{color:var(--graphite);}
.radar-pop .form-privacy-note{color:#8A867E;}
.radar-pop .form-privacy-note a{color:var(--graphite);}
.radar-pop.newsletter-success .form-status,.radar-pop .newsletter.is-success .form-status{color:var(--terracotta);}

/* ==================================================================================
   FORMULÁRIOS · versão 01/10/2026
   Botões maiores e sólidos, envio visível no próprio botão (sem cinza "desligado"),
   e formulário de contato com acabamento editorial.
   ================================================================================== */

/* ---- botão de envio · animação de "enviando" ---- */
@keyframes zinta-dots{0%{content:"";}25%{content:".";}50%{content:"..";}75%{content:"...";}}
@keyframes zinta-line{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.form button[type="submit"][aria-busy="true"]::after,
.newsletter button[type="submit"][aria-busy="true"]::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:zinta-dots 1.1s steps(1) infinite;}

/* ---- Radar (pop-up da Home, /radar, relatório) · botão sólido ---- */
.newsletter__row{align-items:center;gap:12px;padding-bottom:10px;}
.newsletter__row input{font-size:1rem;padding:12px 4px;}
.newsletter button[type="submit"]{
  flex:0 0 auto;min-height:48px;padding:0 20px;
  background:var(--terracotta);color:var(--bone);
  font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--terracotta);cursor:pointer;
  transition:background .3s,color .3s;
}
.newsletter button[type="submit"]:hover,.newsletter button[type="submit"]:focus-visible{background:var(--black);color:var(--bone);}
.radar-pop .newsletter button[type="submit"]:hover,.radar-pop .newsletter button[type="submit"]:focus-visible{background:var(--black);}
.newsletter button:disabled,.newsletter.is-loading button[type="submit"]{opacity:1;cursor:progress;}
.newsletter.is-success .newsletter__row{opacity:.45;}
.newsletter .form-status:empty{display:none;}
.newsletter .form-status{font-family:var(--serif);font-size:.95rem;line-height:1.45;margin-top:12px;}

@media(max-width:480px){
  .newsletter__row,.radar-pop .newsletter__row{flex-wrap:wrap;border-bottom:none;padding-bottom:0;gap:12px;}
  .newsletter__row input{flex:1 1 100%;border-bottom:2px solid var(--terracotta);}
  .newsletter__row button[type="submit"],.newsletter__row button{flex:1 1 100%;min-height:52px;padding:0 20px;font-size:.78rem;}
}

/* ---- Contato (#m12) · acabamento editorial ---- */
#m12 .form{gap:22px;margin-top:40px;max-width:560px;}
#m12 .form-grid{gap:22px;}
#m12 .form label{font-size:.64rem;letter-spacing:.14em;color:#8A867E;gap:4px;}
#m12 .form input,#m12 .form textarea{
  font-family:var(--serif);font-size:1.15rem;line-height:1.35;color:var(--black);
  padding:10px 0 12px;border-bottom:1px solid #CFCAC0;transition:border-color .35s;
}
#m12 .form textarea{min-height:110px;}
#m12 .form input:focus,#m12 .form textarea:focus{border-bottom-color:var(--terracotta);}

/* consentimento: frase normal, não legenda de sistema */
#m12 .form .consent-check{
  flex-direction:row;align-items:flex-start;gap:12px;margin:6px 0 0;
  font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:.82rem;
}
#m12 .consent-check span{font-family:var(--sans);font-size:.82rem;line-height:1.5;color:var(--graphite);text-transform:none;letter-spacing:0;}
#m12 .consent-check a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px;}
#m12 .consent-check input{
  -webkit-appearance:none;appearance:none;flex:0 0 18px;width:18px;height:18px;min-height:18px;max-height:18px;padding:0;align-self:flex-start;margin:2px 0 0;
  border:1px solid var(--graphite);background:transparent;border-radius:0;position:relative;cursor:pointer;
  transition:background .25s,border-color .25s;
}
#m12 .consent-check input:checked{background:var(--terracotta);border-color:var(--terracotta);}
#m12 .consent-check input:checked::after{
  content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
  border:solid var(--bone);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);
}
#m12 .consent-check input:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;}
#m12 .form-privacy-note{
  margin:-8px 0 0 30px;font-family:var(--serif);font-style:italic;font-size:.82rem;line-height:1.45;color:#8A867E;
}

/* botão: preto sólido, largo, com o corte de canto da marca */
#m12 .cta--solid{
  position:relative;overflow:hidden;width:100%;min-height:58px;margin-top:8px;
  display:flex;align-items:center;justify-content:center;
  background:var(--black);color:var(--bone);border:1px solid var(--black);
  font-size:.8rem;letter-spacing:.12em;cursor:pointer;
  transition:background .35s,border-color .35s;
}
#m12 .cta--solid:hover,#m12 .cta--solid:focus-visible{background:var(--terracotta);border-color:var(--terracotta);}
#m12 .form.is-loading button[type="submit"],#m12 .cta--solid:disabled{opacity:1;cursor:progress;background:var(--black);}
#m12 .form.is-loading .cta--solid::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--terracotta);
  animation:zinta-line 1.2s ease-in-out infinite;
}
#m12 .form .form-status:empty{display:none;}
#m12 .form.is-error .form-status{font-family:var(--sans);font-size:.86rem;color:var(--terracotta);}

/* depois de enviado: o formulário dá lugar a uma resposta */
#m12 .form.is-sent > *:not(.form-status){display:none;}
#m12 .form.is-sent .form-status{
  display:block;margin:8px 0 0;padding:4px 0 4px 18px;border-left:2px solid var(--terracotta);
  font-family:var(--serif);font-size:1.2rem;line-height:1.45;color:var(--black);
  animation:zinta-sent .7s ease both;
}
@keyframes zinta-sent{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

@media(prefers-reduced-motion:reduce){
  #m12 .form.is-loading .cta--solid::before,#m12 .form.is-sent .form-status{animation:none;}
}

/* ---- Contato (#m12) · composição editorial com moldura (01/10/2026, rodada 2) ---- */
#m12 .contact-layout{width:100%;max-width:1040px;margin:0 auto;text-align:left;}
#m12 .contact-title{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.75rem,7vw,2.7rem);line-height:1.12;letter-spacing:-.01em;color:var(--black);text-wrap:balance;}
#m12 .contact-title em{font-style:italic;font-weight:400;color:var(--terracotta);}
#m12 .contact-sub{margin:18px 0 0;max-width:30em;font-family:var(--sans);font-size:1rem;line-height:1.55;color:var(--graphite);}
#m12 .contact-frame{position:relative;margin-top:36px;padding:30px 22px 26px;border:1px solid #DAD5CB;background:#FBFAF7;}
#m12 .contact-corner{position:absolute;width:18px;height:18px;border-color:var(--terracotta);border-style:solid;border-width:0;pointer-events:none;}
#m12 .contact-corner--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;}
#m12 .contact-corner--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;}
#m12 .contact-corner--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;}
#m12 .contact-corner--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;}
#m12 .contact-frame .form{margin-top:0;max-width:none;}
#m12 .cta--solid{clip-path:none;min-height:66px;font-size:.95rem;letter-spacing:.16em;margin-top:12px;}
@media(min-width:1024px){
  #m12 .contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start;}
  #m12 .contact-intro{position:sticky;top:120px;padding-top:8px;}
  #m12 .contact-frame{margin-top:0;padding:44px 40px 36px;}
}
/* ajustes de encaixe (01/10/2026) */
#m12 .form input,#m12 .form textarea{width:100%;min-width:0;box-sizing:border-box;}
@media(min-width:768px){#m12 .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}}
.radar-pop .newsletter__row{flex-wrap:wrap;border-bottom:none;padding-bottom:0;gap:12px;}
.radar-pop .newsletter__row input{flex:1 1 100%;border-bottom:2px solid var(--terracotta);}
.radar-pop .newsletter__row button[type="submit"]{flex:1 1 100%;min-height:50px;}
/* mensagens de sucesso (01/10/2026, rodada 3) */
.form-status__main,.form-status__wa,.form-status__note{display:block;}
.form-status__wa{margin-top:6px;}
.form-status__wa a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.form-status__note{margin-top:10px;font-family:var(--serif);font-style:italic;font-size:.78rem;line-height:1.4;opacity:.75;}
#m12 .form.is-sent .form-status__wa{font-size:1rem;margin-top:10px;}
#m12 .form.is-sent .form-status__wa a{color:var(--terracotta);}
#m12 .form.is-sent .form-status__note{font-size:.82rem;color:var(--graphite);opacity:1;}