/* Orbital Marketing / Creative editorial-tech — direção de arte v2.
 * Este CSS acrescenta personalidade sem alterar HTML funcional ou regras de leads.
 * A textura orb-grain.svg é procedural/original; sem ativos de terceiros.
 */
:root{
  --orb-paper:#F5F1E8;
  --orb-ink:#111111;
  --orb-violet:#6F3FF5;
  --orb-coral:#FF4B3E;
  --orb-lime:#C7FF45;
}
/* Toda a página tem substrato editorial leve. Evitar textura sobre campos. */
.editorial-hero, .manifesto-section, .work-section, .radar-section,
.diagnostic-section, .final-card {isolation:isolate;}
.editorial-hero::before,.manifesto-section::before,.work-section::before,
.radar-section::before,.diagnostic-section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("assets/orbital-grain.svg") repeat;background-size:192px 192px;
  opacity:.17;mix-blend-mode:multiply;
}
.editorial-hero>.container,.manifesto-section>.container,.work-section>.container,
.radar-section>.container,.diagnostic-section>.container{position:relative;z-index:1;}

/* Primeira dobra — headline mais expressiva, matéria e recortes em camadas */
.editorial-hero{position:relative;background:
  radial-gradient(circle at 87% 15%,#FF4B3E13 0 7%,transparent 34%),
  linear-gradient(135deg,#F5F1E8 0 55%,#EDE5D9 100%);
  overflow:hidden;
}
.editorial-hero::after{content:"";pointer-events:none;position:absolute;z-index:0;
  top:30px;right:-38px;width:112px;height:280px;background:var(--orb-violet);
  transform:skewY(-17deg);clip-path:polygon(46% 0,100% 0,55% 100%,0 100%);opacity:.9;}
.editorial-hero .hero-layout{gap:clamp(18px,4vw,55px);}
.editorial-hero h1{font-family:var(--orb-font-display);font-weight:700;
  font-size:clamp(2.75rem,5.15vw,5.9rem);line-height:.99;letter-spacing:-.065em;
  text-wrap:balance;}
.editorial-hero h1 span{color:#55514B;}
.editorial-hero h1 em{display:inline;font-family:var(--orb-font-editorial);
  font-weight:400;letter-spacing:-.035em;font-style:italic;color:var(--orb-violet);
  text-decoration:none;
  background:linear-gradient(transparent 82%,#FF4B3E 82%,#FF4B3E 92%,transparent 92%);
}
.editorial-hero .eyebrow{border-top:1px solid #11111158;padding-top:14px;}
.editorial-hero .hero-description{font-size:1.05rem;line-height:1.7;}
.editorial-hero .hero-note{border-left:3px solid var(--orb-coral);padding-left:12px;}
.editorial-hero .mini-rule{display:none;}
.editorial-hero .btn-primary{background:var(--orb-ink);color:var(--orb-paper);
  padding-inline:24px;border:1px solid var(--orb-ink);}
.editorial-hero .btn-primary:hover{background:var(--orb-violet);border-color:var(--orb-violet);}
.editorial-art{position:relative;transform:rotate(-1.2deg);}
.editorial-art::before{content:"";position:absolute;inset:10% 12% 12% 17%;
  background:linear-gradient(135deg,#6F3FF529,transparent 72%);filter:blur(30px);z-index:-1;}
.editorial-art::after{content:"/ 001";position:absolute;right:2%;bottom:16%;
  font:700 clamp(1.4rem,3vw,2.8rem)/1 var(--orb-font-display);
  color:var(--orb-coral);letter-spacing:-.08em;transform:rotate(-90deg);}
.editorial-art .art-label{border-color:#1111115c;font-weight:700;}
.editorial-art .cut-composition{filter:contrast(1.12);}
.editorial-art figcaption{font-weight:700;border-color:#1111115c;}
.editorial-hero .hero-bottom{border-top:2px solid var(--orb-ink);}
.editorial-hero .hero-bottom>span:first-child{color:var(--orb-ink);font-weight:700;}
.editorial-hero .hero-bottom a{font-weight:700;color:var(--orb-violet);}

/* Cor deliberada nos serviços; uma composição não deve depender da mesma imagem. */
.problems-section{position:relative;}
.problems-section::before{content:"";position:absolute;z-index:-1;
  width:290px;height:290px;right:-200px;top:30px;border:1px solid #11111140;
  border-radius:50%;box-shadow:0 0 0 20px #11111109,0 0 0 40px #11111107;}
.problem-card{box-shadow:4px 4px 0 #11111119;min-height:355px;}
.problem-card:nth-child(1){border-top:7px solid var(--orb-violet);}
.problem-card:nth-child(2){background:var(--orb-coral);border-color:#111111;border-top:7px solid var(--orb-ink);}
.problem-card:nth-child(2) :is(h3,p,.problem-card-top,.card-arrow){color:var(--orb-ink);}
.problem-card:nth-child(2) .problem-icon{color:var(--orb-ink);background:#FFFFFF40;border-color:#11111150;}
.problem-card:nth-child(2) .card-tags span{color:var(--orb-ink);border-color:#11111175;}
.problem-card:nth-child(2):hover{background:#FF675C;}
.problem-card:nth-child(3){background:#462493;border:1px solid #3B1A84;border-top:7px solid var(--orb-lime);}
.problem-card:nth-child(3) :is(h3,p,.problem-card-top,.card-arrow){color:#FFFFFF;}
.problem-card:nth-child(3) .problem-icon{color:var(--orb-lime);border-color:#FFFFFF72;background:#25184a55;}
.problem-card:nth-child(3) .card-tags span{color:#FFFFFF;background:#ffffff0d;border-color:#FFFFFF65;}
.problem-card:nth-child(3):hover{background:#5132a2;}
.problem-card:nth-child(4){border-top:7px solid var(--orb-ink);}
.problem-card:nth-child(4)::after{content:"";position:absolute;width:86px;height:86px;
  right:-30px;bottom:-30px;background:var(--orb-lime);border-radius:50%;z-index:-1;}
.problem-icon{margin-top:30px;transform:rotate(-4deg);}
.card-arrow{font-size:23px;}
.problem-card h3{letter-spacing:-.045em;}
.problems-section .section-heading h2 em{color:var(--orb-violet);}
.problems-section .section-heading{margin-bottom:40px;}

/* Manifesto: caixa tipográfica e rasgo violeta, sem degradê de fintech. */
.manifesto-section{position:relative;overflow:hidden;}
.manifesto-section::after{content:"";position:absolute;z-index:0;pointer-events:none;
  top:-120px;right:-115px;width:240px;height:620px;background:var(--orb-violet);
  transform:rotate(23deg);}
.manifesto-copy h2 em{background:linear-gradient(transparent 88%,#FF4B3E 88%);padding-bottom:.05em;}
.manifesto-mark{box-shadow:12px 12px 0 #FF4B3E44;transform:rotate(-3deg);}
.manifesto-layout{position:relative;z-index:1;}

/* Método editorial — índices altos e linhas técnicas */
.approach-section{position:relative;}
.step-card{position:relative;}
.step-index{font-size:1rem;font-weight:700;}
.step-card:nth-child(2) .step-index{color:#BE3228;}
.step-card:nth-child(3) .step-index{color:var(--orb-violet);}
.step-card:nth-child(4) .step-index{color:#48433d;}
.step-card h3{font-weight:700;}
.step-line{height:2px;}

/* Portfólio: escuro editorial, não mais cards uniformes violeta. */
.work-section{position:relative;}
.work-section .section-heading h2 em{color:var(--orb-coral);}
.project-card:first-child{border-top:6px solid var(--orb-coral);}
.project-card:last-child{border-top:6px solid var(--orb-lime);}
.project-one{background:linear-gradient(140deg,#341D57,#17111E);}
.project-two{background:radial-gradient(ellipse at 55% 17%,#5840A2,#15101e 70%);}
.project-card .project-visual{filter:saturate(1.12);}
.projects-note .signal-dot{border-radius:0;}

/* Diagnóstico: permanece funcional e com as mesmas perguntas.
   Intensificamos apenas cor, hierarquia e textura externa. */
.diagnostic-section{position:relative;overflow:hidden;}
.diagnostic-section::after{content:"";position:absolute;top:7%;left:-140px;z-index:0;
  width:300px;height:300px;border:2px solid #C7FF4538;border-radius:50%;
  box-shadow:0 0 0 34px #C7FF4509,0 0 0 68px #C7FF4507;pointer-events:none;}
.diagnostic-card{background:#28212E;border:1px solid #C5A6FC99;border-radius:5px;
  box-shadow:11px 11px 0 #6F3FF530;}
.diagnostic-card .progress-track>div{background:var(--orb-lime);}
.diagnostic-card .diag-mark{background:var(--orb-lime);}
.diagnostic-card .question-kicker{color:var(--orb-lime);}
.diagnostic-card .btn-primary{background:var(--orb-violet);border-radius:3px;}
.diagnostic-card .answer-option:has(input:checked){border-color:var(--orb-lime);}
.diagnostic-intro h2 em{color:#DAC7FF;}
.diagnostic-intro>p{color:#E0D8E5;}

/* CTA final — mantém a logo e não interfere no formulário. */
.final-card{overflow:hidden;}
.final-card::before{opacity:1;mix-blend-mode:normal;}
.final-card h2 em{color:#D5C6FF;}
.final-card .btn-light{font-weight:700;}
.footer{border-top:5px solid var(--orb-violet);}

/* RADAR — pequena janela dinâmica de inteligência de mercado. */
.radar-section{position:relative;overflow:hidden;
  background:#17171A;color:var(--orb-paper);
  border-top:6px solid var(--orb-violet);border-bottom:6px solid var(--orb-coral);
}
.radar-section::before{opacity:.12;mix-blend-mode:screen;}
.radar-section::after{content:"";pointer-events:none;position:absolute;
  width:380px;height:380px;border:1px solid #F5F1E826;border-radius:50%;
  left:-245px;bottom:-280px;box-shadow:0 0 0 36px #FFFFFF07,0 0 0 74px #FFFFFF04;}
.radar-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;
  gap:clamp(35px,6vw,80px);align-items:center;padding-block:64px 67px;}
.radar-intro{min-width:0;position:relative;}
.radar-meta{font:700 .7rem/1.4 var(--orb-font-display);letter-spacing:.12em;
  display:flex;align-items:center;gap:10px;color:var(--orb-lime);}
.radar-pulse{width:10px;height:10px;background:var(--orb-lime);display:inline-block;
  box-shadow:0 0 0 4px #C7FF4518;flex-shrink:0;}
.radar-intro h2{font:700 clamp(2.6rem,4.8vw,5rem)/.98 var(--orb-font-display);
  letter-spacing:-.066em;margin:21px 0;color:var(--orb-paper);}
.radar-intro h2 em{font:400 1.06em/.92 var(--orb-font-editorial);
  letter-spacing:-.02em;color:var(--orb-coral);}
.radar-intro h2 span{font-size:.66em;letter-spacing:-.045em;color:#DED6DC;}
.radar-intro>p{font:400 .94rem/1.65 var(--orb-font-body);
  max-width:450px;color:#E4DCE2;margin-bottom:16px;}
.radar-art{height:86px;position:relative;margin:13px 0 4px;overflow:hidden;}
.radar-art-circle{position:absolute;left:10px;top:-23px;width:112px;height:112px;
  border-radius:50%;background:var(--orb-coral);
  background-image:repeating-linear-gradient(0deg,#11111118 0 1px,transparent 1px 4px);}
.radar-art-strike{position:absolute;left:46px;top:20px;width:250px;height:37px;
  background:var(--orb-violet);transform:skewX(-38deg) rotate(-10deg);
  clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);}
.radar-art-cross{position:absolute;left:295px;top:0;color:var(--orb-lime);
  font:400 64px/.95 var(--orb-font-display);}
.radar-art-number{position:absolute;left:190px;top:58px;font:600 .68rem var(--orb-font-display);
  letter-spacing:.16em;color:var(--orb-paper);}
.radar-diagnostic-link{display:inline-flex;gap:12px;align-items:center;
  color:var(--orb-lime);text-decoration:underline;text-underline-offset:5px;
  font:600 .83rem/1.5 var(--orb-font-display);}
.radar-diagnostic-link:hover{color:var(--orb-paper);}
.radar-board{min-width:0;position:relative;border:1px solid #EEE5F15B;
  background:#252329;box-shadow:12px 12px 0 #6F3FF55e;padding:22px 24px 18px;}
.radar-board::before{content:"";position:absolute;right:-12px;top:-12px;width:44px;height:44px;
  background:var(--orb-lime);clip-path:polygon(100% 0,100% 100%,0 0);}
.radar-board-head,.radar-board-footer{display:flex;align-items:center;
  justify-content:space-between;gap:15px;flex-wrap:wrap;}
.radar-board-head{border-bottom:1px solid #FFFFFF44;padding-bottom:15px;
  font:700 .69rem/1.4 var(--orb-font-display);letter-spacing:.07em;}
.radar-board-signal{display:flex;align-items:center;gap:8px;color:#CAC2CC;
  font:500 .61rem/1.4 var(--orb-font-display);}
.radar-board-signal i{width:7px;height:7px;background:var(--orb-lime);display:block;}
.radar-tabs{display:flex;gap:0;border-bottom:1px solid #FFFFFF44;}
.radar-tabs button{flex:1;min-width:0;background:transparent;border:0;color:#BAB1BD;
  cursor:pointer;padding:15px 9px;text-align:left;display:flex;align-items:baseline;gap:7px;
  font:500 .63rem/1.3 var(--orb-font-display);border-bottom:4px solid transparent;}
.radar-tabs button strong{font:700 clamp(.75rem,1vw,.87rem)/1.3 var(--orb-font-display);}
.radar-tabs button:hover{background:#FFFFFF0D;color:var(--orb-paper);}
.radar-tabs button[aria-pressed="true"]{border-color:var(--orb-lime);color:var(--orb-paper);}
.radar-tabs button:focus-visible{outline:2px solid var(--orb-lime);outline-offset:-4px;}
.radar-story{padding:25px 0 18px;min-height:197px;}
.radar-loading{font:500 .95rem/1.6 var(--orb-font-body);color:#D7CDE1;}
.radar-story-type{display:block;color:var(--orb-lime);font:700 .69rem/1.4 var(--orb-font-display);
  letter-spacing:.105em;margin-bottom:8px;}
.radar-story h3{font:700 clamp(1.25rem,1.9vw,1.65rem)/1.23 var(--orb-font-display);
  letter-spacing:-.04em;color:var(--orb-paper);margin-bottom:12px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.radar-story-evidence{display:flex;gap:8px 18px;flex-wrap:wrap;
  color:#D2C7D7;font:500 .73rem/1.45 var(--orb-font-display);}
.radar-primary-link{display:inline-flex;gap:18px;margin-top:18px;
  background:var(--orb-lime);color:var(--orb-ink);border:1px solid var(--orb-lime);
  padding:10px 14px;text-decoration:none;font:700 .82rem/1.4 var(--orb-font-display);}
.radar-primary-link:hover{background:var(--orb-paper);border-color:var(--orb-paper);}
.radar-secondary-link{display:block;margin-top:12px;color:#E3D6E9;
  font:500 .72rem/1.45 var(--orb-font-body);text-decoration:underline;text-underline-offset:3px;
  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.radar-secondary-link:hover{color:var(--orb-lime);}
.radar-board-footer{border-top:1px solid #FFFFFF42;padding-top:13px;
  font:500 .67rem/1.5 var(--orb-font-display);color:#D2C9D7;}
.radar-board-footer a{text-decoration:underline;text-underline-offset:3px;color:var(--orb-paper);}
.radar-board-footer a:hover{color:var(--orb-lime);}
.radar-disclaimer{color:#C5BBC7;margin:12px 0 0;
  font:400 .67rem/1.5 var(--orb-font-body);}

/* Mobile: tipografia adaptada, cards com respiro e Radar compacto. */
@media(max-width:1100px){
  .editorial-hero h1{font-size:clamp(2.65rem,5.3vw,4.9rem);}
  .radar-layout{gap:35px;}
  .radar-board{padding:18px;}
}
@media(max-width:850px){
  .editorial-hero h1{font-size:clamp(2.7rem,7.6vw,5rem);}
  .editorial-art{transform:none;}
  .radar-layout{grid-template-columns:1fr;padding-block:60px;gap:26px;}
  .radar-intro h2{font-size:clamp(2.6rem,7.3vw,4.35rem);}
  .radar-art{height:70px;margin:6px 0;}
  .radar-intro>p{max-width:660px;}
  .radar-board{box-shadow:8px 8px 0 #6F3FF55e;}
  .problem-card{min-height:300px;}
}
@media(max-width:620px){
  .editorial-hero h1{font-size:clamp(2.55rem,11vw,4rem);letter-spacing:-.055em;}
  .editorial-hero::after{height:140px;width:54px;right:-21px;top:10px;}
  .editorial-hero .hero-note{max-width:330px;}
  .editorial-art::after{display:none;}
  .problem-card{min-height:248px;}
  .problem-icon{margin:19px 0 12px;}
  .radar-layout{padding-block:48px 52px;}
  .radar-meta{font-size:.67rem;letter-spacing:.04em;}
  .radar-intro h2{font-size:clamp(2.35rem,10.5vw,3.6rem);margin:18px 0;}
  .radar-intro>p{font-size:.9rem;}
  .radar-art{height:47px;margin-bottom:10px;}
  .radar-art-circle{width:82px;height:82px;top:-25px;}
  .radar-art-strike{left:38px;top:12px;height:23px;width:190px;}
  .radar-art-cross{left:228px;top:-5px;font-size:45px;}
  .radar-art-number{left:155px;top:34px;}
  .radar-board{padding:17px 15px 16px;}
  .radar-board-head{font-size:.65rem;}
  .radar-board-signal{font-size:.58rem;}
  .radar-tabs button{padding:12px 3px;gap:5px;}
  .radar-tabs button strong{font-size:.75rem;}
  .radar-story{min-height:183px;padding:18px 0;}
  .radar-story h3{font-size:1.25rem;}
  .radar-board-footer{font-size:.63rem;}
  .diagnostic-card{box-shadow:6px 6px 0 #6F3FF536;}
  .manifesto-section::after{height:230px;width:90px;right:-70px;top:-95px;}
}
@media(prefers-reduced-motion:reduce){
  .editorial-art{transform:none;}
}
.radar-retry {border:1px solid #ffffff80;background:transparent;color:var(--orb-paper);font:inherit;padding:10px 14px;cursor:pointer;}
.radar-retry[hidden] {display:none;}
.radar-retry:hover {background:#ffffff15;}

/* Revisão 26/10: contraste do contato e decoração contida na seção. */
.header .nav-cta {color:var(--orb-paper);}
.problems-section::before {right:0;max-width:100%;}
