@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,500;0,600;1,500&family=Instrument+Sans:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');

/* JOTAENE — identidade editorial premium
   Camada compartilhada e reversível. Nenhuma regra altera rotas ou comportamento. */
:root{
  --premium-bg:#050606;
  --premium-bg-soft:#080A09;
  --premium-surface:#0B0D0C;
  --premium-surface-2:#101210;
  --premium-ink:#F2F1EC;
  --premium-muted:#9A9E98;
  --premium-low:#666B65;
  --premium-line:rgba(242,241,236,.105);
  --premium-line-strong:rgba(242,241,236,.18);
  --premium-accent:#C8F542;
  --premium-accent-soft:rgba(200,245,66,.08);
  --premium-sans:'Inter','Manrope',system-ui,sans-serif;
  --premium-display:'Manrope','Inter',system-ui,sans-serif;
  --premium-serif:'Bodoni Moda','Cormorant Garamond','Times New Roman',serif;
  --premium-shell:min(1180px,calc(100% - 48px));
  --premium-section:clamp(6.5rem,10vw,10rem);
  --premium-ease:cubic-bezier(.22,1,.36,1);
  --premium-radius:14px;
  --bg-0:var(--premium-bg);
  --bg-1:var(--premium-bg-soft);
  --bg-2:var(--premium-surface);
  --bg:var(--premium-bg);
  --panel:var(--premium-surface);
  --ink:var(--premium-ink);
  --muted:var(--premium-muted);
  --low:var(--premium-low);
  --accent:var(--premium-accent);
  --text-hi:var(--premium-ink);
  --text-md:var(--premium-muted);
  --text-lo:var(--premium-low);
  --line:var(--premium-line);
  --line-1:var(--premium-line);
  --line-2:var(--premium-line-strong);
  --line-accent:rgba(200,245,66,.24);
  --accent-glow:transparent;
  --glow-accent:none;
  --shadow-card:none;
}

html{background:var(--premium-bg);scroll-padding-top:92px}
body{
  background:var(--premium-bg)!important;
  color:var(--premium-muted);
  font-family:var(--premium-sans);
}
body::before,body::after{background-image:none!important;opacity:0!important}
.bg-stage,.bg-noise,.glow,.beam,.hero-spot{display:none!important}
::selection{background:var(--premium-accent);color:#090B05}
:focus-visible{outline:1px solid var(--premium-accent);outline-offset:4px}

.wrap,.shell,.global-footer-shell{width:var(--premium-shell);max-width:none;margin-inline:auto;padding-inline:0}
.sec,.section,.detail-block{padding-block:var(--premium-section);background:var(--premium-bg)!important}

/* Cabeçalho compartilhado */
.nav-wrap,.site-nav{top:18px;padding-inline:24px}
.nav-row,.nav-grid{max-width:1180px}
.nav-brand,.brand,.nav-links,.nav-actions,.nav-project,.nav-cta{
  box-shadow:none!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.nav-brand,.brand{
  min-width:0!important;
  min-height:46px!important;
  padding:5px 14px 5px 7px!important;
  gap:10px!important;
  border:1px solid var(--premium-line)!important;
  border-radius:12px!important;
  background:rgba(5,6,6,.84)!important;
}
.nav-brand-mark,.brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
.nav-brand-wordmark img,.brand-wordmark img{width:82px!important;filter:none!important;opacity:.92!important}
.nav-links{
  padding:4px!important;
  border:1px solid var(--premium-line)!important;
  border-radius:12px!important;
  background:rgba(5,6,6,.82)!important;
}
.nav-links a{padding:.48rem .82rem!important;border-radius:8px!important;color:#898E88!important;font-size:.69rem!important}
.nav-links a.on,.nav-links a.active{background:rgba(242,241,236,.06)!important;color:var(--premium-ink)!important}
.nav-project,.nav-cta{
  min-height:46px!important;
  padding:0 16px!important;
  gap:10px!important;
  border:1px solid var(--premium-line-strong)!important;
  border-radius:12px!important;
  background:rgba(5,6,6,.84)!important;
  color:var(--premium-ink)!important;
  font-size:.68rem!important;
}
.nav-project::before,.nav-project::after,.nav-cta::before,.nav-cta::after{display:none!important}
.nav-project i,.nav-cta i{width:auto!important;height:auto!important;background:none!important;color:var(--premium-muted)!important}
@media(hover:hover) and (pointer:fine){
  .nav-brand:hover,.brand:hover,.nav-links a:hover,.nav-project:hover,.nav-cta:hover{border-color:var(--premium-line-strong)!important;color:var(--premium-ink)!important}
  .nav-project:hover,.nav-cta:hover{background:var(--premium-accent)!important;color:#090B05!important;transform:translateY(-1px)!important}
  .nav-project:hover i,.nav-cta:hover i{color:#090B05!important;transform:translate(2px,-2px)!important}
}

/* Botões: off-white primeiro, verde apenas como assinatura de interação */
.btn,.action-primary,.action-ghost,.product-open-btn,.contact-submit{
  min-height:48px;
  border-radius:10px!important;
  box-shadow:none!important;
  font-family:var(--premium-sans)!important;
  font-size:.69rem!important;
  font-weight:650!important;
  letter-spacing:.01em;
  transition:color .3s ease,background .3s ease,border-color .3s ease,transform .3s var(--premium-ease)!important;
}
.btn::after,.action-primary::after,.product-open-btn::after,.contact-submit::after{display:none!important}
.btn-primary,.action-primary,.product-open-btn,.contact-submit{
  border:1px solid var(--premium-ink)!important;
  background:var(--premium-ink)!important;
  color:#080908!important;
}
.btn-secondary,.action-ghost{
  border:1px solid var(--premium-line-strong)!important;
  background:transparent!important;
  color:var(--premium-ink)!important;
}
@media(hover:hover) and (pointer:fine){
  .btn-primary:hover,.action-primary:hover,.product-open-btn:hover,.contact-submit:hover{
    border-color:var(--premium-accent)!important;
    background:var(--premium-accent)!important;
    color:#090B05!important;
    transform:translateY(-2px)!important;
  }
  .btn-secondary:hover,.action-ghost:hover{border-color:var(--premium-accent)!important;color:var(--premium-accent)!important;background:transparent!important}
}

/* Hero principal */
.home-page .hero-stage{
  height:138svh!important;
  position:relative!important;
  background:var(--premium-bg)!important;
}
.home-page .hero{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  min-height:100svh!important;
  padding:clamp(8rem,16vh,11rem) 0 clamp(5rem,10vh,7rem)!important;
  border-bottom:1px solid var(--premium-line);
  background:var(--premium-bg)!important;
  opacity:calc(1 - var(--hero-p))!important;
  filter:blur(calc(var(--hero-p) * 14px))!important;
  transform:translate3d(0,calc(var(--hero-p) * -4vh),0) scale(calc(1 - var(--hero-p) * .015))!important;
  will-change:opacity,filter,transform;
}
.home-page .hero .wrap{
  width:var(--premium-shell)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.home-page .hero-copy{max-width:1040px}
.home-page .hero-kicker,.premium-kicker,.eyebrow,.product-eyebrow,.voice-kicker,.faq-kicker{
  color:var(--premium-muted)!important;
  font-size:.62rem!important;
  font-weight:600!important;
  letter-spacing:.19em!important;
  text-transform:uppercase;
}
.home-page .hero-kicker::before,.premium-kicker::before{content:"";display:inline-block;width:28px;height:1px;margin-right:12px;vertical-align:middle;background:var(--premium-accent)}
.home-page .hero h1{
  max-width:15ch!important;
  margin-top:clamp(1.7rem,3vw,2.6rem)!important;
  color:var(--premium-ink)!important;
  font:400 clamp(3.35rem,5.9vw,6.05rem)/.93 'Instrument Sans',var(--premium-display)!important;
  letter-spacing:-.066em!important;
  text-transform:none;
}
.home-page .hero h1 .hero-signature{display:inline;font-family:var(--premium-serif);font-size:1em;font-style:italic;font-weight:500;letter-spacing:-.02em;text-transform:none}
.home-page .hero h1 .hero-period{color:var(--premium-accent)}
.accent-period{color:var(--premium-accent)!important;font-family:inherit!important;font-style:inherit!important}

/* Sem traços decorativos: os títulos e rótulos começam diretamente no conteúdo. */
.home-page .hero-kicker::before,
.premium-kicker::before,
.capacities-kicker::before,
.eyebrow::before,
.voice-kicker::before,
.faq-kicker::before,
.cases-kicker::before,
.product-eyebrow::before,
.tech-label::before,
.service-card::before,
.project-showcase-cover .project-summary::before,
.cta-panel::before,
.story-row::before,
.included-list span::before,
.simple-step::before,
.simple-final-card::before,
.simple-final-card::after,
.cap-points span::before,
.hero-summary-label::before,
.hero-facts span::before{
  content:none!important;
  display:none!important;
}
.home-page .hero-sub{max-width:660px!important;margin-top:clamp(2rem,3vw,2.7rem)!important;color:var(--premium-muted)!important;font-size:clamp(.95rem,1.25vw,1.08rem)!important;line-height:1.75!important}
.home-page .hero-acoes{margin-top:2.3rem!important}
.home-page .hero-acoes .btn-primary{padding-inline:1.45rem!important;text-transform:uppercase;letter-spacing:.1em}

/* Faixa institucional */
.marquee{
  padding:1.2rem 24px!important;
  border-color:var(--premium-line)!important;
  background:var(--premium-bg)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.marquee-track{
  width:var(--premium-shell)!important;
  margin-inline:auto!important;
  justify-content:space-between!important;
  gap:1.4rem!important;
  animation:none!important;
  transform:none!important;
  color:#747973!important;
  font-size:.58rem!important;
  font-weight:500!important;
  letter-spacing:.2em!important;
}
.marquee-track span:nth-of-type(n+5),.marquee-track i:nth-of-type(n+4){display:none!important}
.marquee-track i{color:var(--premium-accent)!important;font-size:.45rem!important}

/* Manifesto “Digital não é enfeite” */
.why-section{padding-block:clamp(8rem,14vw,13rem)!important;overflow:hidden!important;background:var(--premium-bg)!important}
.why-section::before{
  left:auto!important;
  right:clamp(1.5rem,4vw,4rem)!important;
  bottom:clamp(.75rem,2vw,1.5rem)!important;
  width:max-content;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(242,241,236,.035)!important;
  font-size:clamp(10rem,20vw,18rem)!important;
  letter-spacing:-.08em!important;
}
.why-layout{grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr)!important;gap:clamp(4rem,10vw,10rem)!important;align-items:center!important}
.why-intro{position:static!important}
.why-kicker{margin-bottom:2rem!important;color:var(--premium-muted)!important}
.why-kicker::before{content:"01"!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;color:var(--premium-accent)!important}
.why-intro h2{max-width:12ch!important;color:var(--premium-ink)!important;font:500 clamp(3rem,5.2vw,5.25rem)/.94 var(--premium-display)!important;letter-spacing:-.062em!important}
.why-intro h2 em{display:inline!important;color:var(--premium-ink)!important;font-family:var(--premium-serif)!important;font-style:italic!important;font-weight:500!important}
.why-intro h2 em::after{content:"";color:var(--premium-accent)}
.why-intro>p{max-width:52ch!important;margin-top:2.2rem!important;color:var(--premium-muted)!important;font-size:.92rem!important;line-height:1.75!important}
.why-promise{margin-top:2.4rem!important;padding:1.1rem 0 0 1.2rem!important;border-left:1px solid var(--premium-accent)!important;background:none!important}
.why-promise::after{display:none!important}
.why-promise span{color:var(--premium-low)!important}
.why-promise strong{font-size:.88rem!important;font-weight:500!important}
.why-spine-head,.why-spine-foot{display:none!important}
.why-node{grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-height:0!important;padding:1.65rem 0!important;border-color:var(--premium-line)!important}
.why-node-index{color:var(--premium-accent)!important;font-size:.58rem!important}
.why-node-copy h3{font-size:clamp(1.2rem,1.7vw,1.48rem)!important;font-weight:500!important}
.why-node-copy p{font-size:.78rem!important;line-height:1.65!important;color:var(--premium-low)!important}
.why-node-icon{display:none!important}

/* Manifesto em scroll: grande, limpo e sem blur decorativo */
.manifesto-stage{background:var(--premium-bg)!important}
.manifesto-sticky{background:var(--premium-bg)!important}
.manifesto-sticky::after{display:none!important}
.manifesto-inner{width:var(--premium-shell)!important}
.manifesto-kicker{color:var(--premium-low)!important;letter-spacing:.2em!important}
.manifesto-line{max-width:16ch!important;color:var(--premium-ink)!important;font-size:clamp(2.8rem,5vw,4.8rem)!important;line-height:1!important;font-weight:500!important;letter-spacing:-.055em!important}
.manifest-word.accent{color:inherit!important;font-family:var(--premium-serif)!important;font-style:italic!important;font-weight:500!important}
.manifest-word.accent::after{content:"";color:var(--premium-accent)}
.manifest-foot{padding-top:0!important;border-top:0!important;color:var(--premium-low)!important}
.manifest-meter{display:none!important}

/* Capacidades em linhas editoriais */
#servicos{padding-block:clamp(4.25rem,6.5vw,6rem)!important}
#servicos .sec-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:end;
  margin-bottom:0;
}
#servicos .sec-head::before{display:none!important}
.capacities-title{min-width:0}
.capacities-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem;color:var(--premium-accent);font-size:.58rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.capacities-kicker::before{content:"";width:28px;height:1px;background:currentColor}
#servicos .sec-head h2{max-width:15ch!important;font-size:clamp(2.25rem,3.25vw,3.15rem)!important;line-height:1!important;font-weight:500!important;letter-spacing:-.05em!important}
#servicos .sec-head p{justify-self:end;max-width:40ch;margin:0 0 .15rem!important;color:var(--premium-muted)!important;font-size:.8rem;line-height:1.62}
.cap-grid{display:block!important;margin-top:clamp(2.5rem,4.5vw,3.75rem)!important;border-top:1px solid var(--premium-line)}
.cap-card{
  min-height:0!important;
  padding:clamp(1.25rem,1.75vw,1.65rem) 0!important;
  border:0!important;
  border-bottom:1px solid var(--premium-line)!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr) minmax(270px,.72fr) 132px;
  gap:clamp(1.5rem,3.25vw,3.25rem);
  align-items:center;
  box-shadow:none!important;
}
.cap-card::before{display:none!important}
.cap-top{display:block!important;padding-top:0}
.cap-index{width:auto!important;height:auto!important;display:block!important;border:0!important;border-radius:0!important;color:var(--premium-accent)!important;font-size:.62rem!important}
.cap-label{display:block;margin-top:.45rem;color:var(--premium-low)!important}
.cap-body{display:contents!important}
.cap-card h3{font-size:clamp(1.5rem,2vw,2.05rem)!important;font-weight:500!important;letter-spacing:-.042em!important}
.cap-card p{max-width:40ch;margin:0!important;color:var(--premium-muted)!important;font-size:.8rem!important;line-height:1.58!important}
.cap-points{display:none!important}
.cap-foot{align-self:center!important;justify-self:end!important;margin:0!important;padding:0 0 .28rem!important;border:0!important;color:var(--premium-muted)!important;font-size:.65rem!important;text-transform:uppercase;letter-spacing:.09em}
.cap-arrow{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;color:var(--premium-accent)!important}
@media(hover:hover) and (pointer:fine){
  .cap-card:hover{transform:none!important;background:linear-gradient(90deg,transparent,rgba(242,241,236,.018),transparent)!important}
  .cap-card:hover h3{color:var(--premium-accent)!important}
  .cap-card:hover .cap-index{background:none!important;color:var(--premium-accent)!important}
  .cap-card:hover .cap-foot{color:var(--premium-ink)!important}
}

/* Tecnologia e método */
.tech-rail{min-height:68px;display:flex;align-items:center;padding:0!important;border-color:var(--premium-line)!important;background:var(--premium-bg)!important}
.tech-label{display:none!important}
.tech-marquee{width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important}
.tech-item{padding-inline:1.9rem!important;color:#7A8078!important;font-size:.7rem!important;font-weight:500!important;letter-spacing:.025em!important}.tech-item::after{width:2px!important;height:2px!important;color:var(--premium-accent)!important;background:var(--premium-accent)!important;opacity:.42}
.steps{border-top:1px solid var(--premium-line)!important}
.step{border-color:var(--premium-line)!important;background:transparent!important;box-shadow:none!important}
.step-n{color:var(--premium-accent)!important}.step h3{font-weight:500!important}.step p{color:var(--premium-low)!important}

/* Produto, evidências, FAQ e contato */
.product-section,.voice-section,.faq-section,.contact-section{background:var(--premium-bg)!important}
.product-heading h2,.faq-heading h2{font-size:clamp(2.55rem,4.5vw,4.35rem)!important;line-height:.98!important;font-weight:500!important;letter-spacing:-.058em!important}
.voice-head h2{font-size:clamp(2.4rem,3.8vw,3.65rem)!important;line-height:1!important;font-weight:500!important;letter-spacing:-.052em!important}
.product-heading h2 em,.voice-head h2 em,.faq-heading h2 em{
  color:var(--premium-ink)!important;
  font-family:var(--premium-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
}
.product-frame{
  border:1px solid var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.product-visual img.product-cover-art,
.project-showcase-cover .project-shot img.project-cover-contained{
  clip-path:inset(2px);
}
.product-frame-label{color:var(--premium-low)!important;background:rgba(5,6,6,.82)!important;border-color:var(--premium-line)!important;box-shadow:none!important}
.product-info{background:var(--premium-surface)!important;border-color:var(--premium-line)!important}
.product-name span:last-child,.product-highlight>span{color:var(--premium-accent)!important}
.voice-section{padding-block:clamp(5.5rem,8vw,7.5rem)!important}
.voice-head{margin-bottom:2rem!important}
.voice-head-side{max-width:38ch!important;color:var(--premium-low)!important}
.voice-product{color:var(--premium-muted)!important}.voice-product::before{display:none!important}
.voice-grid{gap:0!important;border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}
.voice-card,.voice-summary{min-height:0!important;border:0!important;border-right:1px solid var(--premium-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.voice-card{padding:2rem 2.1rem 1.8rem!important}
.voice-card:first-child{padding-left:0!important}.voice-card:nth-child(2){padding-right:0!important}
.voice-card blockquote{max-width:46ch!important;margin:1.35rem 0 1.7rem!important;font-size:clamp(1.05rem,1.45vw,1.25rem)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:-.018em!important}
.voice-card-index{color:var(--premium-low)!important;font-size:.54rem!important}
.voice-review{display:none!important}
.voice-author{padding-top:0!important;border-top:0!important}.voice-author b{font-weight:500!important}.voice-author small{color:var(--premium-low)!important}
.voice-summary{grid-column:1/-1!important;grid-template-columns:minmax(170px,.45fr) minmax(0,1.55fr)!important;padding:1.1rem 0!important;border-top:1px solid var(--premium-line)!important;border-right:0!important;background:transparent!important}
.voice-summary-label{color:var(--premium-low)!important;font-size:.52rem!important}.voice-summary h3{margin-top:.35rem!important;font-size:1.05rem!important;font-weight:500!important}
.voice-outcome{min-height:42px!important;padding:.25rem .9rem!important}.voice-outcome i{display:none!important}.voice-outcome span{font-size:.66rem!important;color:var(--premium-low)!important}
.voice-note{margin-top:1rem!important;color:#555A54!important;font-size:.58rem!important}.voice-note a{color:var(--premium-muted)!important}
.faq-board{border:0!important;border-top:1px solid var(--premium-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.faq-boardbar{background:transparent!important;border-color:var(--premium-line)!important;color:var(--premium-low)!important}
.faq-list details{border-color:var(--premium-line)!important;background:transparent!important}
.faq-list details[open]{background:rgba(242,241,236,.018)!important}
.faq-index{color:var(--premium-accent)!important}.plus{border-color:var(--premium-line-strong)!important;color:var(--premium-muted)!important;background:none!important}
.contact-shell{border:0!important;border-top:1px solid var(--premium-line)!important;border-bottom:1px solid var(--premium-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.contact-topbar{color:var(--premium-low)!important;border-color:var(--premium-line)!important}
.project-form{border-color:var(--premium-line)!important;border-radius:10px!important;background:var(--premium-bg-soft)!important;box-shadow:none!important}
.contact-channels{gap:clamp(.7rem,1.2vw,1rem)!important;padding:clamp(1.1rem,1.8vw,1.45rem) 0!important;border-top:1px solid var(--premium-line)!important}
.contact-channel{min-height:72px!important;padding:.8rem 1.1rem!important;border:1px solid var(--premium-line)!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
.contact-channel:last-child{border-right:1px solid var(--premium-line)!important}
.contact-copy h2 em{color:var(--premium-ink)!important;font-family:var(--premium-serif)!important;font-style:italic!important;font-weight:500!important}

/* Páginas internas */
.page-hero,.detail-hero,.simple-hero{padding-top:clamp(9rem,15vh,11rem)!important;border-color:var(--premium-line)!important;background:var(--premium-bg)!important}
.hero-copy h1,.simple-hero h1,.detail-hero h1{font-size:clamp(2.8rem,5vw,4.65rem)!important;line-height:.98!important;font-weight:500!important;letter-spacing:-.058em!important}
.about-page .hero-copy h1{max-width:none!important}
.hero-copy h1 em,.simple-hero h1 em,.detail-hero h1 em,.section-head h2 em,.block-copy h2 em,.cta-panel h2 em{
  color:var(--premium-ink)!important;
  font-family:var(--premium-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
}
.crumb i,.eyebrow{color:var(--premium-accent)!important}
.hero-map,.simple-index,.service-card,.other-card,.process-step,.issue-list,.included-list,.contact-form,.contact-channel,.result-band,.project-showcase{
  box-shadow:none!important;
}
.hero-map,.simple-index{border-color:var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:transparent!important}
.hero-map a{border-color:var(--premium-line)!important}.hero-map a i{color:var(--premium-accent)!important}
.service-card,.other-card,.process-step,.simple-step,.issue,.contact-form,.contact-channel{
  border-color:var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  background:transparent!important;
}
.service-card::before,.other-card::before,.simple-final-card::after{box-shadow:none!important}
.section-head h2,.block-copy h2,.cta-panel h2{font-size:clamp(2.35rem,4vw,3.75rem)!important;line-height:.98!important;font-weight:500!important}
.cta-section,.simple-final{background:var(--premium-bg)!important}
.cta-panel,.simple-final-card{border-color:var(--premium-line)!important;background:transparent!important}
.cta-panel::before,.simple-final-card::before,.simple-final-card::after{height:1px!important;background:var(--premium-accent)!important;box-shadow:none!important}
.project-showcase{border-color:var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:transparent!important}
.project-summary,.project-showcase-cover .project-summary{background:var(--premium-surface)!important;border-color:var(--premium-line)!important}

/* Concessionaria Premium: mesma linguagem editorial, verde apenas como assinatura. */
.conce-page{
  --bg:var(--premium-bg);
  --deep:var(--premium-bg-soft);
  --panel:var(--premium-surface);
  --panel-2:var(--premium-surface-2);
  --white:var(--premium-ink);
  --mid:var(--premium-muted);
  --low:var(--premium-low);
  --line:var(--premium-line);
  --line-hi:var(--premium-line-strong);
  --line-acid:var(--premium-line-strong);
}
.conce-page .hero{background:var(--premium-bg)!important}
.conce-page .eyebrow{color:var(--premium-muted)!important;font-weight:600!important}
.conce-page .hero-copy h1,
.conce-page .section-top h2,
.conce-page .interface-title h2,
.conce-page .impact-copy h2,
.conce-page .foundation-copy h2,
.conce-page .cta-card h2{font-weight:500!important;letter-spacing:-.055em!important}
.conce-page .section-top h2,
.conce-page .interface-title h2,
.conce-page .impact-copy h2,
.conce-page .foundation-copy h2,
.conce-page .cta-card h2{font-size:clamp(2.35rem,4vw,3.75rem)!important;line-height:.98!important}
.conce-page .hero-copy h1 em,
.conce-page .section-top h2 em,
.conce-page .interface-title h2 em,
.conce-page .impact-copy h2 em,
.conce-page .foundation-copy h2 em,
.conce-page .cta-card h2 em{
  color:var(--premium-ink)!important;
  font-family:var(--premium-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
}
.conce-page .brand,.conce-page .nav-links,.conce-page .open-btn{border-color:var(--premium-line)!important;border-radius:12px!important;background:rgba(5,6,6,.84)!important;box-shadow:none!important}
.conce-page .open-btn,.conce-page .cta-button{border:1px solid var(--premium-ink)!important;border-radius:10px!important;background:var(--premium-ink)!important;color:#080908!important;box-shadow:none!important}
.conce-page .open-btn i,.conce-page .cta-button i{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:inherit!important}
.conce-page .hero-summary-label span:last-child{color:var(--premium-muted)!important}
.conce-page .hero-summary-label span:last-child::before{background:var(--premium-accent)!important;box-shadow:none!important}
.conce-page .hero-facts span{border-color:var(--premium-line)!important;border-radius:10px!important;background:transparent!important}
.conce-page .route-line{background:var(--premium-line)!important}
.conce-page .route-line::before,.conce-page .route-line::after{background:var(--premium-line-strong)!important}
.conce-page .ticker{border-color:var(--premium-line)!important;background:var(--premium-bg)!important}
.conce-page .ticker-track span::after{color:var(--premium-low)!important}
.conce-page .flow-board,.conce-page .foundation-map{border-color:var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:transparent!important}
.conce-page .flow-legend{border-color:var(--premium-line)!important;background:transparent!important}
.conce-page .flow-legend span{color:var(--premium-muted)!important}
.conce-page .flow-list::before{background:var(--premium-line)!important}
.conce-page .flow-dot{background:var(--premium-ink)!important;box-shadow:none!important}
.conce-page .flow-item:first-child .flow-dot{background:var(--premium-accent)!important}
.conce-page .flow-item i,.conce-page .signal i,.conce-page .foundation-row i{border-color:var(--premium-line)!important;color:var(--premium-muted)!important}
.conce-page .flow-item:first-child i,.conce-page .signal:first-child i,.conce-page .foundation-row:first-child i{color:var(--premium-accent)!important}
.conce-page .interface-note{border-color:var(--premium-line-strong)!important}
.conce-page .visual{border-color:var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:transparent!important;box-shadow:none!important}
.conce-page .impact{border-color:var(--premium-line)!important;background:var(--premium-bg)!important}
.conce-page .cta-card{border-color:var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:transparent!important}
.conce-page .cta-card::before{-webkit-text-stroke-color:rgba(242,241,236,.035)!important}
@media(hover:hover) and (pointer:fine){
  .conce-page .open-btn:hover,.conce-page .cta-button:hover{border-color:var(--premium-accent)!important;background:var(--premium-accent)!important;color:#080908!important}
  .conce-page .brand:hover{border-color:var(--premium-line-strong)!important}
}

/* Fechamento editorial da home: menos efeito, menos card, mais conteúdo. */
.home-page .why-promise{border-left-color:var(--premium-line-strong)!important}
.home-page .cap-grid,.home-page .steps{border-top:0!important}
.home-page .product-frame{
  border:0!important;
  border-top:1px solid var(--premium-line)!important;
  border-bottom:1px solid var(--premium-line)!important;
  border-radius:0!important;
}
.home-page .product-frame-label,.home-page .product-info::after{display:none!important}
.home-page .product-info{background:transparent!important}
.home-page [hidden]{display:none!important}

/* Rodapé institucional */
.global-footer{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0 2rem!important;border-top:1px solid var(--premium-line)!important;background:var(--premium-bg)!important}
.global-footer::before{
  content:"JN";
  position:absolute;
  right:clamp(1.5rem,4vw,4rem);
  bottom:clamp(1rem,2.5vw,2.5rem);
  color:transparent;
  -webkit-text-stroke:1px rgba(242,241,236,.035);
  font:500 clamp(12rem,28vw,28rem)/1 var(--premium-serif);
  letter-spacing:-.1em;
  pointer-events:none;
}
.global-footer-grid,.global-footer-base{position:relative;z-index:1}
.global-footer-logo img{width:116px!important;height:116px!important;filter:none!important}
.global-footer-col h4{font-weight:600!important}.global-footer-col a,.global-footer-tag{color:var(--premium-muted)!important}
.global-footer-social a{border-color:var(--premium-line)!important;background:transparent!important;color:var(--premium-muted)!important}
.global-footer-base{border-color:var(--premium-line)!important;color:var(--premium-low)!important}
@media(hover:hover) and (pointer:fine){
  .global-footer-logo:hover img{filter:none!important;transform:translateY(-2px)}
  .global-footer-social a:hover{border-color:var(--premium-accent)!important;background:transparent!important;color:var(--premium-accent)!important}
  .global-footer-col a:hover{color:var(--premium-ink)!important;transform:none!important}
}

/* Movimento mais silencioso */
.js [data-reveal]{transform:translateY(16px)!important;filter:none!important;transition:opacity .75s ease,transform .75s var(--premium-ease)!important}
.js [data-reveal].in,.js [data-reveal].vis{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:980px){
  .why-layout{grid-template-columns:1fr!important;gap:4rem!important}
  .why-intro h2{max-width:11ch!important}
  .cap-card{grid-template-columns:80px minmax(0,1fr) 120px!important}
  .cap-card p{grid-column:2/3;margin-top:.75rem!important}.cap-foot{grid-column:3;grid-row:1/3}
  .voice-grid{grid-template-columns:1fr!important}.voice-card,.voice-summary{border-right:0!important;border-bottom:1px solid var(--premium-line)!important}
  .voice-card{padding:1.65rem 0!important}
  .voice-summary{grid-template-columns:1fr!important;gap:1rem!important;border-bottom:0!important}
}
@media(max-width:820px){
  :root{--premium-shell:min(100% - 32px,1180px);--premium-section:clamp(5rem,18vw,7rem)}
  .nav-wrap,.site-nav{top:10px;padding-inline:16px}
  .nav-brand-wordmark,.brand-wordmark{display:none!important}
  .nav-brand,.brand{padding:5px!important}
  .home-page .hero-stage{height:124svh!important}
  .home-page .hero{height:100svh!important;min-height:100svh!important;padding-top:9rem!important;padding-bottom:3.5rem!important}
  .home-page .hero h1{font-size:clamp(3.1rem,11.5vw,4.7rem)!important;max-width:13ch!important}
  .marquee-track{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;row-gap:.8rem!important}
  .marquee-track i{display:none!important}
  #servicos .sec-head{grid-template-columns:1fr!important;gap:1.6rem!important}
  #servicos .sec-head p{justify-self:start!important}
  .cap-card{grid-template-columns:52px 1fr!important;gap:1rem!important}
  .cap-card p{grid-column:2!important;margin-top:.8rem!important}
  .cap-foot{grid-column:2!important;grid-row:auto!important;justify-self:start!important;margin-top:.75rem!important}
  .product-frame{border-radius:10px!important}
}
@media(max-width:520px){
  :root{--premium-shell:min(100% - 24px,1180px)}
  .nav-project span,.nav-cta span{display:none}.nav-project,.nav-cta{width:44px;padding:0!important;justify-content:center}
  .home-page .hero h1{font-size:clamp(2.85rem,13vw,3.9rem)!important}
  .home-page .hero-sub{font-size:.9rem!important}
  .home-page .hero-acoes{display:grid!important}.home-page .hero-acoes .btn{width:100%;justify-content:center}
  .why-intro h2{font-size:clamp(2.65rem,11.5vw,3.7rem)!important}
  .why-section::before{right:1rem!important;bottom:1.25rem!important;font-size:clamp(8.5rem,38vw,11rem)!important}
  .manifesto-line{font-size:clamp(2.5rem,10.8vw,3.45rem)!important}
  .global-footer::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-stage{height:auto!important}
  .home-page .hero{position:relative!important;top:auto!important;height:auto!important;min-height:calc(100svh - 58px)!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Correcoes mobile da home: fluxo natural, sem pista vazia apos o hero. */
@media(max-width:820px){
  .home-page .hero-stage{
    height:auto!important;
    min-height:0!important;
  }
  .home-page .hero{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    align-items:flex-start!important;
    padding:max(7rem,calc(env(safe-area-inset-top) + 6.5rem)) 0 clamp(4rem,14vw,5rem)!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    will-change:auto!important;
  }
  .home-page .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  .home-page .hero h1{
    max-width:11.5ch!important;
    font-size:clamp(2.6rem,11.5vw,3.35rem)!important;
    line-height:.97!important;
    letter-spacing:-.055em!important;
  }
  .home-page .hero-sub{
    max-width:35rem!important;
    margin-top:1.55rem!important;
    font-size:.92rem!important;
    line-height:1.62!important;
  }
  .home-page .hero-acoes{
    margin-top:1.8rem!important;
  }
  .home-page .hero-acoes .btn{
    min-height:52px!important;
  }
  .marquee{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    overflow:hidden!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;
  }
  .marquee-track{
    display:flex!important;
    grid-template-columns:none!important;
    width:max-content!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
    gap:1.15rem!important;
    row-gap:0!important;
    flex-wrap:nowrap!important;
    color:#858985!important;
    font-size:.58rem!important;
    letter-spacing:.18em!important;
    animation:jotaene-mobile-signature 17s linear infinite!important;
    will-change:transform;
  }
  .marquee-track span,
  .marquee-track i,
  .marquee-track span:nth-of-type(n+5),
  .marquee-track i:nth-of-type(n+4){
    display:block!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .marquee-track i{
    color:var(--premium-accent)!important;
    font-size:.44rem!important;
    opacity:.8!important;
  }
  .home-page .why-section{
    padding-top:3rem!important;
  }

  /* Mantem os beneficios legiveis quando o bloco de relatos voltar ao ar. */
  .voice-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:1rem!important;
    padding:1.25rem 0!important;
  }
  .voice-summary-copy,
  .voice-outcomes,
  .voice-outcome{
    width:100%!important;
    min-width:0!important;
  }
  .voice-outcomes{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    border-top:1px solid var(--premium-line)!important;
  }
  .voice-outcome{
    display:flex!important;
    align-items:center!important;
    gap:.65rem!important;
    min-height:48px!important;
    padding:.8rem 0!important;
    border-left:0!important;
    border-bottom:1px solid var(--premium-line)!important;
  }
  .voice-outcome:last-child{border-bottom:0!important}
  .voice-outcome span{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    font-size:.76rem!important;
    line-height:1.45!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  /* Cabecalho mobile compacto: duas pecas, sem a barra vazia atravessando a tela. */
  .nav-wrap{
    top:max(9px,env(safe-area-inset-top))!important;
    padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))!important;
    transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease!important;
    will-change:transform,opacity;
  }
  .nav-wrap.mobile-nav-hidden{
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(0,calc(-100% - max(18px,env(safe-area-inset-top))),0)!important;
  }
  .nav-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:54px!important;
    gap:10px!important;
  }
  .nav-brand{
    width:54px!important;
    max-width:54px!important;
    min-height:54px!important;
    flex:0 0 54px!important;
    justify-content:center!important;
    padding:5px!important;
    border-radius:15px!important;
  }
  .nav-brand-mark{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  .mobile-nav-toggle{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
    border-radius:15px!important;
  }

  /* Continua animado no celular, mas sem um corredor preto. */
  .home-page .manifesto-stage{height:150svh!important}
  .home-page .manifesto-sticky{height:100svh!important;min-height:0!important}
  .home-page .manifesto-kicker{opacity:clamp(.48,calc(.48 + var(--manifest-p) * .52),1)!important}
  .home-page .manifest-word{
    opacity:calc(.32 + var(--word-p) * .68)!important;
    filter:blur(calc((1 - var(--word-p)) * 1.25px))!important;
    transform:translateY(calc((1 - var(--word-p)) * 6px))!important;
  }
  .home-page .manifest-foot{opacity:clamp(.28,calc(.28 + var(--manifest-p) * .72),1)!important}
}

@keyframes jotaene-mobile-signature{
  to{transform:translate3d(calc(-50% - .575rem),0,0)}
}

@media(max-width:820px) and (prefers-reduced-motion:reduce){
  .marquee-track{animation:none!important}
}

/* WhatsApp flutuante: utilitario discreto, sem competir com a composicao. */
.zap-fab{
  width:50px!important;
  height:50px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:rgba(7,9,8,.94)!important;
  color:var(--premium-accent)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.44)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.zap-fab:hover{
  border-color:rgba(200,245,66,.38)!important;
  background:#0b0e0c!important;
  color:#f2f2ed!important;
  transform:translateY(-2px)!important;
}
.zap-fab:focus-visible{
  outline:2px solid var(--premium-accent)!important;
  outline-offset:3px!important;
}

@media(max-width:820px){
  .zap-fab{
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    font-size:1.35rem!important;
  }
}