/* Studio OJO: tema branco (layout Black November)
   Carregado DEPOIS do CSS interno de cada LP, sobrescrevendo cores e layout. */
:root{
  --blue:#1F6A8A; --blue-strong:#14506B; --blue-tint:#E8F1F6; --blue-line:#D3E3EC;
  --bg-soft:#F5F9FC; --muted:#4F6676; --line:#E1E9EF;
}
body{background:#fff; color:var(--navy-deep); line-height:1.6;}
.wrap{max-width:1120px;}
body h1, body h2{font-weight:500; letter-spacing:-0.02em;}
body h1 em, body h2 em{color:var(--blue); font-style:italic; font-weight:400;}
body .on-dark h2 em, body .form-block h2 em{color:var(--gold-light);}

/* ---------- botões ---------- */
body .btn-gold{background:var(--navy-deep); color:#fff;}
body .btn-gold:hover{background:var(--blue-strong);}
body .on-dark .btn-gold, body .form-block .btn-gold, body .case-featured .btn-gold{background:var(--gold); color:var(--navy-deep);}
body .on-dark .btn-gold:hover, body .form-block .btn-gold:hover{background:var(--gold-light);}
body .btn-ghost-dark{background:#fff; border-color:var(--blue-line); color:var(--navy-deep);}
body .btn-ghost-dark:hover{border-color:var(--blue); color:var(--blue);}

/* ---------- header ---------- */
body header{background:rgba(255,255,255,.88); backdrop-filter:blur(12px); padding:12px max(32px, calc((100vw - 1120px)/2 + 32px)); border-bottom:1px solid transparent;}
body header.scrolled{padding:12px max(32px, calc((100vw - 1120px)/2 + 32px)); background:rgba(255,255,255,.94); border-bottom-color:var(--line); box-shadow:0 6px 24px rgba(10,36,54,.05);}
body .brand img{height:42px;}
body .nav-links{color:var(--muted);}
body .nav-links a{opacity:1;}
body .nav-links a:hover{color:var(--navy-deep);}
body .nav-links a.back{opacity:1; color:var(--muted);}
body .menu-toggle{color:var(--navy-deep);}
@media (max-width:860px){
  body .nav-links{background:#fff; border-bottom:1px solid var(--line);}
  body .nav-links a{border-bottom-color:var(--line); opacity:1;}
}

/* ---------- hero (2 colunas, fundo claro) ---------- */
body .hero{background:radial-gradient(900px 420px at 85% 0%, var(--blue-tint), transparent 70%), #fff; padding:148px 32px 88px; text-align:left;}
body .hero-grid, body .scanline{display:none;}
body .hero-inner{max-width:1056px; display:grid; grid-template-columns:1.05fr .95fr; column-gap:56px; align-items:start;}
body .hero-inner > *{grid-column:1; justify-self:start;}
body .hero-inner > .progress-demo, body .hero-inner > .chat{grid-column:2; grid-row:1 / span 5; align-self:center; justify-self:stretch; margin:0;}
body .hero h1{color:var(--navy-deep); font-size:clamp(38px,5.6vw,64px);}
body .hero h1 em{color:var(--blue);}
body .hero p.sub{color:var(--muted); margin:24px 0 34px; max-width:520px; font-size:17.5px;}
body .hero-ctas{justify-content:flex-start;}
body .hero-eyebrow, body .rec-tag{display:inline-flex; align-items:center; gap:10px; justify-content:flex-start; background:var(--blue-tint); color:var(--blue-strong); border:1px solid var(--blue-line); border-radius:999px; padding:7px 16px; margin:0 0 26px; font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;}
body .hero-eyebrow::before{background:var(--gold);}
body .progress-demo{background:linear-gradient(150deg,var(--navy-soft),var(--navy-deep)); border-radius:18px; padding:26px; box-shadow:0 30px 60px rgba(10,36,54,.22); max-width:none;}
body .progress-label{color:rgba(255,255,255,.7);}
body .timecode{color:var(--muted); margin-top:30px;}
body .chat{background:linear-gradient(150deg,var(--navy-soft),var(--navy-deep)); border-radius:18px; padding:26px; box-shadow:0 30px 60px rgba(10,36,54,.22); max-width:none;}
@media (max-width:900px){
  body .hero{padding:120px 22px 56px;}
  body .hero-inner{grid-template-columns:1fr;}
  body .hero-inner > .progress-demo, body .hero-inner > .chat{grid-column:1; grid-row:auto; margin-top:40px;}
}

/* ---------- seções ---------- */
body section{padding:104px 0;}
body .sec-head{text-align:center; max-width:680px; margin:0 auto 52px;}
body .sec-head .eyebrow{justify-content:center; margin-bottom:18px;}
body .sec-head h2{font-size:clamp(30px,4.4vw,46px); line-height:1.08;}
body .sec-head p{font-size:16.5px; color:var(--muted);}
body .on-light{background:#fff;}
body .on-light .eyebrow, body .eyebrow{color:var(--blue);}
body .on-light .sec-head p{color:var(--muted);}
body .on-dark{background:linear-gradient(160deg,var(--navy-deep),#0D2D43 60%,var(--navy-soft));}
body .on-dark .eyebrow{color:var(--gold-light);}
body .on-dark .sec-head p{color:rgba(255,255,255,.65);}
body .on-dark h2, body .on-dark h3{color:#fff;}
@media (max-width:900px){ body section{padding:76px 0;} }

/* ---------- logos ---------- */
body .logostrip{background:var(--bg-soft); padding:56px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
body .logostrip h3{text-align:center; max-width:none; margin:0 auto 26px; font-family:'Space Mono',monospace; font-size:11.5px; font-weight:400; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
body .logo-bar{flex-wrap:wrap; justify-content:center; overflow:visible; gap:12px;}
body .logo-tile{flex:0 1 128px; height:58px; border-radius:8px; opacity:1;}
body .logo-tile.on-light-chip{background:#fff; border:1px solid var(--line);}

/* ---------- intro ---------- */
body .intro{background:var(--bg-soft);}
body .intro .wrap{max-width:820px;}
body .intro p{color:var(--muted); font-size:17px;}
body .intro p strong{color:var(--navy-deep);}
body .intro-tags span{background:#fff; border-color:var(--blue-line); color:var(--blue-strong);}

/* ---------- formulários (card branco sobre fundo azul) ---------- */
body .form-block{background:linear-gradient(160deg,var(--navy-deep),var(--navy-soft));}
body .form-block .sec-head h2{color:#fff; font-size:clamp(30px,4.4vw,46px);}
body .form-block .sec-head p{color:rgba(255,255,255,.7);}
body .form-block .eyebrow{color:var(--gold-light); opacity:1;}
body .form-block .eyebrow::before{background:var(--gold);}
body .form-block .hs-form-wrap{max-width:640px; margin:0 auto; background:#fff; border-radius:20px; padding:34px 30px; box-shadow:0 30px 70px rgba(0,0,0,.35); color:var(--navy-deep);}
@media (max-width:600px){ body .form-block .hs-form-wrap{padding:24px 18px;} }

/* ---------- case em destaque / prova (vídeo + texto) ---------- */
body .case-featured{background:linear-gradient(160deg,var(--navy-deep),#0D2D43 60%,var(--navy-soft)); padding:104px 0;}
body .case-card, body .proof-card{background:none; padding:0; border-radius:0; display:grid; grid-template-columns:1.15fr .85fr; column-gap:48px; align-content:center; align-items:center;}
body .case-card .case-embed, body .proof-card .proof-embed{grid-column:1; grid-row:1 / span 4; margin:0; border-radius:14px; box-shadow:0 30px 60px rgba(0,0,0,.4); background:#000;}
body .case-card > :not(.case-embed), body .proof-card > :not(.proof-embed){grid-column:2;}
body .case-card h4, body .proof-card h4{font-size:clamp(26px,3.4vw,36px); font-weight:500; margin:10px 0 14px;}
body .case-card p, body .proof-card p{font-size:15.5px; color:rgba(255,255,255,.72); margin-top:0;}
body .case-tag, body .proof-tag{color:var(--gold-light);}
@media (max-width:900px){
  body .case-card, body .proof-card{grid-template-columns:1fr; row-gap:6px;}
  body .case-card .case-embed, body .proof-card .proof-embed{grid-column:1; grid-row:auto; margin-bottom:18px;}
  body .case-card > :not(.case-embed), body .proof-card > :not(.proof-embed){grid-column:1;}
}

/* ---------- listas em grade ---------- */
/* usos (T&D) */
body .use-list{display:grid; grid-template-columns:1fr 1fr; gap:18px; border-top:none; margin-top:18px;}
body .use-row{background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 24px; box-shadow:0 14px 34px rgba(10,36,54,.05);}
body .use-group-label{color:var(--blue); text-align:left; margin:52px 0 0;}
body .use-body p{color:var(--muted);}
/* metodologia / como funciona */
body .method-list{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; border-top:none;}
body .method-item{border:1px solid var(--line-on-dark); border-radius:16px; padding:28px 24px; background:rgba(255,255,255,.04);}
body .method-num{color:var(--gold-light);}
body .method-item h4{color:#fff;}
body .method-item p{color:rgba(255,255,255,.65);}
/* níveis (Academy) */
body .level-list{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; border-top:none;}
body .level{border:1px solid var(--line-on-dark); border-radius:16px; padding:28px 24px; background:rgba(255,255,255,.04);}
body .level-num{color:var(--gold-light);}
body .level-bars i.on{background:var(--gold-light);}
body .level h4{color:#fff;}
body .level p{color:rgba(255,255,255,.68);}
/* áreas (Academy) */
body .area-list{display:grid; grid-template-columns:1fr 1fr; gap:18px; border-top:none;}
body .area{background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 24px; box-shadow:0 14px 34px rgba(10,36,54,.05);}
body .area p{color:var(--muted);}
body .area-note{color:var(--muted);}
/* motion: aplicações e técnicas */
body .m-list{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
body .m-row{border:1px solid var(--line); border-radius:16px; padding:18px 18px 26px; background:#fff; box-shadow:0 14px 34px rgba(10,36,54,.05);}
body .m-list .m-row:last-child{border-bottom:1px solid var(--line);}
body .m-media{border-radius:10px; margin-bottom:22px;}
body .m-content{padding:0 6px;}
body .m-content p{color:var(--muted);}
body .tec-row{border-color:var(--line-on-dark);}
@media (max-width:900px){
  body .use-list, body .area-list, body .m-list{grid-template-columns:1fr;}
  body .method-list, body .level-list{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  body .method-list, body .level-list{grid-template-columns:1fr;}
}

/* ---------- rodapé ---------- */
body footer{background:var(--navy-deep);}

/* motion: visual do hero */
body .motion-viz{grid-column:2; grid-row:1 / span 5; align-self:center; justify-self:stretch; background:linear-gradient(150deg,var(--navy-soft),var(--navy-deep)); border-radius:18px; padding:20px; box-shadow:0 30px 60px rgba(10,36,54,.22);}
.mv-stage{position:relative; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:radial-gradient(circle at 30% 30%,#1F5064,var(--navy-deep));}
.mv-sq{position:absolute; width:22%; aspect-ratio:1; border-radius:18%; background:var(--gold); left:12%; top:30%; animation:mvsq 5s ease-in-out infinite;}
.mv-ci{position:absolute; width:20%; aspect-ratio:1; border-radius:50%; border:2px solid var(--gold-light); background:rgba(95,227,196,.12); right:14%; top:34%; animation:mvci 5s ease-in-out infinite;}
.mv-ln{position:absolute; left:0; right:0; top:62%; height:1px; background:rgba(217,189,139,.4);}
@keyframes mvsq{0%,100%{transform:translateX(0) rotate(-8deg)} 50%{transform:translateX(120%) rotate(18deg)}}
@keyframes mvci{0%,100%{transform:translateX(0) scale(1)} 50%{transform:translateX(-90%) scale(1.25)}}
.mv-time{display:flex; align-items:center; gap:12px; margin-top:16px; color:var(--gold-light); font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.08em;}
.mv-track{flex:1; height:4px; background:rgba(255,255,255,.15); border-radius:4px; overflow:hidden;}
.mv-fill{height:100%; width:0; background:var(--signal); animation:mvfill 5s ease-in-out infinite;}
@keyframes mvfill{0%{width:0} 80%,100%{width:100%}}
@media (max-width:900px){ body .motion-viz{grid-column:1; grid-row:auto; margin-top:40px;} }

/* ===== site principal ===== */
body header.nav-light, body header.nav-dark{color:var(--navy-deep);}
body .nav-links a{color:var(--muted);}
body .hero-dotgrid{display:none;}
body .hero-inner > .aperture-stage{grid-column:2; grid-row:1 / span 5; align-self:center; justify-self:center; width:100%; max-width:440px; margin:0; padding:26px; aspect-ratio:1/1; background:linear-gradient(150deg,var(--navy-soft),var(--navy-deep)); border-radius:18px; box-shadow:0 30px 60px rgba(10,36,54,.22);}
@media (max-width:900px){ body .hero-inner > .aperture-stage{grid-column:1; grid-row:auto; margin:40px auto 0; max-width:340px;} }
body .about h2{max-width:none;}
body .about .reveal > p{max-width:720px; margin-left:auto; margin-right:auto; color:var(--muted);}
body .founder-caption .role{color:var(--blue);}
/* soluções */
body .sol-list{gap:0;}
body .sol-row{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:48px 0;}
body .sol-list .sol-row:nth-child(even) .sol-media{order:2;}
body .sol-media{margin-bottom:0; border-radius:16px; box-shadow:0 24px 50px rgba(10,36,54,.12);}
body .sol-content > p{color:var(--muted);}
@media (max-width:900px){
  body .sol-row{grid-template-columns:1fr; gap:28px;}
  body .sol-list .sol-row:nth-child(even) .sol-media{order:0;}
}
/* cases */
body .case-list{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
body .case-list .case-card{display:flex; flex-direction:column; gap:6px; background:rgba(255,255,255,.05); border:1px solid var(--line-on-dark); border-radius:16px; padding:30px 26px; box-shadow:none;}
body .case-list .case-card.case-video{grid-column:1 / -1; display:grid; grid-template-columns:1.15fr .85fr; column-gap:48px; align-items:center; background:none; border:none; padding:0 0 18px;}
body .case-list .case-video .case-embed{grid-column:1; grid-row:1 / span 4; margin:0; border-radius:14px; box-shadow:0 30px 60px rgba(0,0,0,.4); background:#000;}
body .case-list .case-video > :not(.case-embed){grid-column:2;}
body .case-list .case-card p{color:rgba(255,255,255,.7);}
body .case-list .case-card h4{color:#fff;}
@media (max-width:900px){
  body .case-list{grid-template-columns:1fr;}
  body .case-list .case-card.case-video{grid-template-columns:1fr;}
  body .case-list .case-video .case-embed{grid-column:1; grid-row:auto; margin-bottom:18px;}
  body .case-list .case-video > :not(.case-embed){grid-column:1;}
}
/* manifesto */
body .manifesto{background:radial-gradient(circle at 18% 30%, rgba(172,133,68,.16), transparent 45%), radial-gradient(circle at 82% 70%, rgba(172,133,68,.12), transparent 42%), linear-gradient(160deg,var(--navy-deep),var(--navy-soft));}
/* contato */
body .contact{background:linear-gradient(160deg,var(--navy-deep),var(--navy-soft));}
body .contact-left{text-align:center;}
body .contact-left h2{color:#fff; font-size:clamp(30px,4.4vw,46px);}
body .contact-left p{color:rgba(255,255,255,.7); margin-left:auto; margin-right:auto;}
body .contact .hs-form-wrap{margin-top:36px; text-align:left; max-width:640px; margin-left:auto; margin-right:auto; background:#fff; border-radius:20px; padding:34px 30px; box-shadow:0 30px 70px rgba(0,0,0,.35);}
body .soc-btn{border-color:rgba(255,255,255,.35);}
body .soc-btn svg{stroke:#fff;}
body .soc-btn:hover{background:var(--gold); border-color:var(--gold);}
body .soc-btn:hover svg{stroke:var(--navy-deep);}
@media (max-width:600px){ body .contact .hs-form-wrap{padding:24px 18px;} }
/* rodapé */
body .footer-cols{flex-direction:row; gap:90px; flex-wrap:wrap;}