/* ============================================================
   1. TOKENS — design tokens do PHI COMEX Site
   ============================================================ */
:root{
  /* Cores institucionais base */
  --navy-950:#050d18;
  --navy-900:#071421;
  --navy-850:#0a1d31;
  --navy-800:#0e2945;

  /* Cores de assinatura do PHI COMEX */
  --blue:#2f8cff;
  --cyan:#54d8ff;
  --gold:#e3c15d;
  --gold-2:#bc8b22;

  /* Superfícies e texto (seções claras) */
  --paper:#f3f6fb;
  --white:#ffffff;
  --ink:#081629;
  --muted:#5c6b85;
  --line:#d8e2ee;

  /* Estados */
  --success:#64d5aa;
  --warning:#f0be55;
  --danger:#ff8779;

  /* Superfícies e bordas translúcidas (painéis escuros) */
  --hairline-dark:rgba(255,255,255,.08);
  --surface-glass:rgba(255,255,255,.035);
  --border-glass:rgba(84,216,255,.18);
  --border-glow:rgba(84,216,255,.24);

  /* Raio, sombra e largura máxima */
  --radius:24px;
  --shadow:0 24px 70px rgba(13,37,65,.12);
  --container:min(1180px, calc(100% - 48px));

  /* Transições */
  --transition-fast:.2s;
  --transition-base:.25s;
  --transition-slow:.7s;
}

/* ============================================================
   2. RESET E BASE
   ============================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img,svg{display:block;max-width:100%}
.container{width:var(--container);margin-inline:auto}

/* ============================================================
   3. ACESSIBILIDADE
   ============================================================ */
.skip-link{
  position:fixed;z-index:1000;left:16px;top:-60px;background:#fff;color:#081629;
  padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)
}
.skip-link:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* ============================================================
   4. LAYOUT GLOBAL
   ============================================================ */
.section-space{padding:112px 0}
.section-dark,.section-deep,.evidence-section,.platform-section,.cta-section{color:#fff}
.section-dark{background:linear-gradient(135deg,#04101e 0%,#061a30 55%,#0b2d50 100%)}
.section-deep{background:linear-gradient(180deg,#071522 0%,#0a1e33 100%)}
.section-light{background:var(--paper)}

/* ============================================================
   5. NAVEGAÇÃO
   ============================================================ */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:100;
  background:rgba(5,13,24,.82);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--hairline-dark)
}
.header-inner{
  width:var(--container);height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px
}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-mark{
  width:52px;height:52px;display:flex;align-items:center;justify-content:center;
  position:relative;flex:0 0 auto;background:transparent;border-radius:0;overflow:visible
}
.brand-mark.small{width:42px;height:42px}
.brand-mark.institutional img{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 0 11px rgba(46,140,255,.38));
  transform:translateZ(0)
}
.brand:hover .brand-mark.institutional img{
  filter:drop-shadow(0 0 15px rgba(84,216,255,.52));
}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy strong{font-size:16px;letter-spacing:.12em}
.brand-copy small{margin-top:7px;color:#91a5bf;font-size:9px;letter-spacing:.2em}
.main-menu{display:flex;align-items:center;gap:26px;color:#c7d2df;font-size:14px}
.main-menu>a:not(.button){padding-block:11px;transition:var(--transition-fast)}
.main-menu>a:not(.button):hover{color:#fff}
.menu-outline{padding:11px 15px;border:1px solid rgba(84,216,255,.32);border-radius:11px}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:#fff;margin:5px}

/* ============================================================
   6. COMPONENTES REUTILIZÁVEIS
   ============================================================ */

/* Botões: base + variações */
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:52px;padding:0 22px;border-radius:13px;font-weight:750;
  border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)
}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:42px;padding:0 17px;background:#153b65;border-color:#3b7bc0;color:#fff}
.button-gold{
  color:#081629;background:linear-gradient(135deg,#f5db80,#c9901a);
  box-shadow:0 18px 42px rgba(197,145,26,.24)
}
.button-gold:hover{box-shadow:0 22px 50px rgba(197,145,26,.36)}
.button-ghost{color:#fff;border-color:rgba(125,181,235,.42);background:rgba(8,28,50,.35)}

/* Eyebrow / etiqueta de seção: base + variações de cor */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.eyebrow i{width:28px;height:1px;background:currentColor}
.eyebrow.blue{color:#1674e8}.eyebrow.cyan{color:var(--cyan)}.eyebrow.gold{color:var(--gold)}

/* Card: superfície clara reutilizada em grades de conteúdo */
.card{background:#fff;border:1px solid var(--line)}

/* Painel de vidro: superfície escura translúcida com borda ciano */
.panel-glass{border:1px solid var(--border-glass);border-radius:24px}

/* Badges e etiquetas de status */
.status-dot,.status-pill{
  padding:7px 10px;border-radius:999px;background:rgba(240,190,85,.12);border:1px solid rgba(240,190,85,.36);
  color:#f2cf7c;font-size:9px;font-weight:800;letter-spacing:.11em
}
.risk{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:800}
.risk-high{background:#fff0ed;color:#a74738}.risk-mid{background:#fff7e2;color:#926613}.risk-low{background:#eafaf3;color:#237359}

/* Link de texto com seta */
.text-link{display:inline-flex;gap:12px;margin-top:14px;color:#78dbff;font-weight:800}

/* Tabs / controles de cenário */
.scenario-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.scenario-switch button{
  min-height:40px;border-radius:11px;border:1px solid var(--hairline-dark);
  background:var(--surface-glass);color:#8fa5bd;font-size:11px;font-weight:700;cursor:pointer
}
.scenario-switch button.active{color:#071421;background:linear-gradient(135deg,#6ce0ff,#e7c460);border-color:transparent}

/* Cabeçalhos de seção */
.hero h1,.section-heading h2,.method-copy h2,.evidence-copy h2,.cta-box h2,.qualify-info h2{
  margin:22px 0 22px;line-height:.98;letter-spacing:-.045em;font-size:clamp(48px,6vw,82px)
}
.hero h1 em,.section-heading h2 em,.method-copy h2 em,.evidence-copy h2 em,.cta-box h2 em,.qualify-info h2 em{
  display:block;color:var(--gold);font-family:Georgia,serif;font-weight:500
}
.section-heading h2,.method-copy h2,.evidence-copy h2,.cta-box h2,.qualify-info h2{font-size:clamp(40px,5vw,66px);color:var(--ink)}
.section-heading h2 em,.method-copy h2 em{color:#aa7412}
.split-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-bottom:52px}
.split-heading p,.centered p{color:var(--muted);font-size:17px;line-height:1.75}
.centered{text-align:center;max-width:820px;margin:0 auto 55px}
.centered .eyebrow{justify-content:center}

/* ============================================================
   7. SEÇÕES ESPECÍFICAS
   ============================================================ */

/* Hero */
.hero{position:relative;overflow:hidden;padding:148px 0 88px}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.15;
  background-image:linear-gradient(rgba(84,216,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(84,216,255,.15) 1px,transparent 1px);
  background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent 0,#000 35%,transparent 100%)
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}
.hero-glow-a{width:420px;height:420px;background:#124d95;right:4%;top:4%}
.hero-glow-b{width:320px;height:320px;background:#0a8aa5;left:-10%;bottom:-18%}
.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}
.hero-lead{max-width:660px;color:#c2cfde;font-size:19px;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-proof{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);color:#c0ccda;font-size:13px}
.hero-proof b{color:var(--cyan);margin-right:7px}

.operation-console{
  position:relative;border:1px solid var(--border-glow);border-radius:26px;padding:22px;
  background:linear-gradient(165deg,rgba(15,43,73,.88),rgba(6,22,39,.9));
  box-shadow:0 38px 120px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(18px);overflow:hidden
}
.operation-console::after{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-100px;
  border:1px solid rgba(227,193,93,.2);box-shadow:0 0 0 28px rgba(84,216,255,.035),0 0 0 58px rgba(84,216,255,.02)
}
.console-top,.evidence-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.console-top>div,.evidence-header>div{display:flex;flex-direction:column}
.console-kicker,.detail-kicker,.evidence-header span,.app-topbar small,.app-banner small{
  color:#65cfff;font-size:10px;letter-spacing:.16em;font-weight:800
}
.console-top strong{margin-top:5px;font-size:15px;letter-spacing:.04em}

.route-map{margin:14px 0 2px}
.route-map svg{width:100%;overflow:visible}
.map-grid{stroke:rgba(103,156,208,.12);stroke-width:1}
.route-line{fill:none;stroke:url(#routeGradient);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(84,216,255,.45));stroke-dasharray:12 9;animation:route 8s linear infinite}
.map-node{fill:#e7c460;stroke:#fff4bf;stroke-width:2}
.route-map text{fill:#758ca5;font-size:12px;letter-spacing:.14em}
.pulse{filter:drop-shadow(0 0 12px rgba(227,193,93,.9));animation:pulse 2.2s ease-in-out infinite}
.pulse-two{animation-delay:1.1s}

.console-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.console-metrics article{
  min-height:92px;padding:14px;border:1px solid var(--hairline-dark);border-radius:15px;background:var(--surface-glass)
}
.console-metrics span,.confidence-row span{display:block;color:#88a0ba;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.console-metrics strong{display:block;margin:6px 0 2px;font-size:18px}
.console-metrics small{color:#758ca5;font-size:10px}
.console-metrics .metric-accent{background:linear-gradient(135deg,rgba(44,126,211,.18),rgba(84,216,255,.06));border-color:var(--border-glass)}
.confidence-row{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:16px;margin:18px 0}
.confidence-row strong{color:#fff;font-size:16px}
.confidence-track{height:7px;border-radius:999px;background:var(--hairline-dark);overflow:hidden}
.confidence-track i{display:block;height:100%;background:linear-gradient(90deg,#2e8cff,#54d8ff,#e7c460);border-radius:inherit;transition:width .45s}

/* Ticker de capacidades */
.ticker{overflow:hidden;background:#081321;color:#9db0c5;border-top:1px solid var(--hairline-dark);border-bottom:1px solid var(--hairline-dark)}
.ticker-track{width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;font-size:10px;letter-spacing:.13em}
.ticker i{color:var(--gold)}

/* Custo real da operação */
.cost-stack{display:grid;gap:10px}
.cost-stack article{
  display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:20px 24px;
  border-radius:18px;box-shadow:0 10px 30px rgba(20,50,80,.04);transition:var(--transition-base)
}
.cost-stack article:hover{transform:translateX(8px);border-color:#85bfff}
.cost-stack article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:#1674e8;font-weight:800}
.cost-stack div{display:flex;flex-direction:column}.cost-stack b{font-size:18px}.cost-stack small{color:var(--muted);margin-top:3px}
.cost-stack strong{font-size:13px;letter-spacing:.12em;color:#9a6b16}

.section-deep .section-heading h2{color:#fff}
.section-deep .section-heading h2 em{color:var(--gold)}
.section-deep .section-heading p{color:#9eb0c3}

/* Cinco camadas da decisão */
.layers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.layer-card{
  min-height:180px;text-align:left;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);
  background:var(--surface-glass);color:#fff;cursor:pointer;transition:var(--transition-base)
}
.layer-card:hover,.layer-card.active{transform:translateY(-5px);border-color:rgba(84,216,255,.5);background:linear-gradient(160deg,rgba(46,140,255,.18),rgba(255,255,255,.04))}
.layer-card span{color:#5bcff7;font-size:11px;letter-spacing:.12em}.layer-card b{display:block;margin:35px 0 8px;font-size:16px}.layer-card small{color:#8fa3ba}
.layer-detail{
  margin-top:16px;padding:34px;
  background:linear-gradient(120deg,rgba(46,140,255,.08),var(--surface-glass));
  display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center
}
.layer-orbit{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:auto}
.orbit-line{position:absolute;border:1px solid rgba(84,216,255,.28);border-radius:50%}
.orbit-line-a{inset:15px}.orbit-line-b{inset:42px;border-color:rgba(227,193,93,.28)}
.orbit-node{position:absolute;width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px rgba(227,193,93,.8)}
.node-a{left:19px;top:90px}.node-b{right:35px;top:35px}.node-c{right:25px;bottom:42px}
.layer-orbit strong{font-family:Georgia,serif;font-size:54px;color:#fff}
.layer-detail h3{font-size:32px;margin:8px 0 10px}.layer-detail p{color:#a9b7c7;max-width:720px}.layer-detail ul{display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none;color:#d4deea;font-size:13px}
.layer-detail li::before{content:"•";color:var(--gold);margin-right:8px}

/* Centro de cenários */
.scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scenario-cards article{
  padding:28px;border-radius:22px;box-shadow:var(--shadow)
}
.scenario-cards article.featured{transform:translateY(-12px);border-color:#76b5ff;box-shadow:0 30px 80px rgba(30,104,191,.16)}
.scenario-label{font-size:10px;letter-spacing:.13em;color:#1674e8;font-weight:850}
.scenario-cards h3{font-size:31px;margin:12px 0}.scenario-cards p{color:var(--muted);min-height:76px}
.scenario-cards dl{margin:24px 0}.scenario-cards dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #e8edf3}
.scenario-cards dt{color:var(--muted)}.scenario-cards dd{margin:0;font-weight:800}

/* Método PHI aplicado ao COMEX */
.method-section{background:linear-gradient(135deg,#f0d77e,#bf861c);color:#081629}
.method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.method-section .eyebrow{color:#081629}
.method-copy h2{color:#081629}.method-copy h2 em{color:#fff}.method-copy p{font-size:17px;max-width:560px}
.method-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.method-flow article{min-height:145px;padding:18px;border:1px solid rgba(7,20,33,.22);border-radius:18px;background:rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.method-flow span{font-size:10px;letter-spacing:.12em}.method-flow b{display:block;margin:28px 0 2px;font-size:19px}.method-flow small{opacity:.68}

/* Matriz de inteligência operacional */
.intelligence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.intelligence-grid article{padding:28px;border-radius:20px;transition:var(--transition-base)}
.intelligence-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.intelligence-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:#1674e8;font-size:11px;font-weight:850}
.intelligence-grid h3{margin:24px 0 7px}.intelligence-grid p{color:var(--muted);margin:0}

/* Evidência antes de confiança */
.evidence-section{background:linear-gradient(145deg,#06111e,#0c2846)}
.evidence-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.evidence-copy h2{color:#fff}.evidence-copy h2 em{color:var(--gold)}.evidence-copy p{color:#a7b7c9;font-size:17px}
.evidence-panel{padding:28px;background:rgba(255,255,255,.055);box-shadow:0 34px 100px rgba(0,0,0,.24)}
.evidence-header strong{margin-top:6px}.status-pill.warning{align-self:flex-start}
.evidence-list{margin:25px 0}
.evidence-list div{display:flex;justify-content:space-between;gap:30px;padding:14px 0;border-top:1px solid var(--hairline-dark)}
.evidence-list span{color:#8398af}.evidence-list strong{text-align:right;font-size:13px}
.audit-line{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:12px;background:rgba(46,140,255,.09);font-size:11px;color:#9eb1c7}
.audit-line i{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}

/* Para quem é */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.audience-grid article{padding:26px;border-radius:19px}
.audience-grid span{color:#1674e8;font-size:10px;font-weight:850;letter-spacing:.12em}.audience-grid h3{margin:22px 0 8px}.audience-grid p{color:var(--muted);margin:0}

/* Visão da plataforma */
.platform-section{background:linear-gradient(180deg,#061421,#091b2c)}
.platform-section .section-heading h2{color:#fff}.platform-section .section-heading h2 em{color:var(--gold)}.platform-section .section-heading p{color:#98aabc}
.app-shell{display:grid;grid-template-columns:210px 1fr;min-height:560px;overflow:hidden;box-shadow:0 45px 140px rgba(0,0,0,.35)}
.app-sidebar{padding:22px;background:#06111e;border-right:1px solid var(--hairline-dark);display:flex;flex-direction:column}
.app-logo{display:flex;gap:10px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--hairline-dark)}
.app-logo>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(227,193,93,.42);border-radius:10px;color:var(--gold);font-family:Georgia,serif;font-size:22px}
.app-logo div{display:flex;flex-direction:column}.app-logo small{color:#7890a9;font-size:8px;letter-spacing:.12em}
.app-sidebar nav{display:grid;gap:6px;margin-top:24px}.app-sidebar nav a{padding:11px 12px;border-radius:9px;color:#8296ac;font-size:13px}.app-sidebar nav a.active{color:#fff;background:#102b49;border-left:3px solid #52a0ff}
.restricted{margin-top:auto;color:#6e849c;font-size:10px}
.app-main{padding:26px;background:#eef3f8;color:#081629}
.app-topbar{display:flex;justify-content:space-between;align-items:center}.app-topbar>div{display:flex;flex-direction:column}.app-topbar small{color:#5a6d86}.app-topbar>span{padding:8px 11px;border:1px solid #cbd8e6;border-radius:999px;font-size:10px;color:#5a6d86}
.app-banner{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:24px;border-radius:18px;color:#fff;background:linear-gradient(115deg,#09243d,#123e65)}
.app-banner h3{margin:4px 0}.app-banner p{margin:0;color:#b7c9db}.app-score{display:flex;flex-direction:column;text-align:center}.app-score strong{font-size:34px;color:var(--gold)}.app-score span{font-size:10px;color:#a9bed0}
.app-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.app-kpis article{padding:18px;border:1px solid #d6e0eb;border-radius:14px;background:#fff}.app-kpis span{display:block;font-size:24px;font-weight:850}.app-kpis small{color:#5a6d86}
.app-lower{display:grid;grid-template-columns:1.5fr .7fr;gap:14px}.app-lower>article{padding:20px;border:1px solid #d6e0eb;border-radius:14px;background:#fff}.app-lower>article>small{color:#5a6d86;font-size:9px;letter-spacing:.12em;font-weight:850}
.stage-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:26px}.stage-row span{position:relative;display:flex;flex-direction:column;gap:6px;color:#647282;font-size:11px}.stage-row span::before{content:"";position:absolute;top:7px;left:22px;right:-4px;height:2px;background:#dbe4ee}.stage-row span:last-child::before{display:none}.stage-row small{font-size:9px}.stage-row .done,.stage-row .active{color:#1674e8;font-weight:850}.stage-row .done::before{background:#65aaff}.app-lower h4{margin:23px 0 6px}.app-lower p{color:#5a6d86;font-size:13px}

/* Conversão final */
.cta-section{background:linear-gradient(135deg,#06111e,#0a2440)}
.cta-box{display:flex;justify-content:space-between;gap:60px;align-items:center;padding:46px;border:1px solid rgba(84,216,255,.2);border-radius:26px;background:linear-gradient(135deg,rgba(46,140,255,.13),rgba(255,255,255,.04));box-shadow:0 34px 120px rgba(0,0,0,.26)}
.cta-box h2{color:#fff;font-size:clamp(38px,4vw,58px);max-width:770px}.cta-box h2 em{color:var(--gold)}.cta-box p{color:#9db0c5}.cta-actions{display:grid;gap:10px;min-width:240px}

/* Qualificação comercial */
.qualify-section{background:linear-gradient(160deg,#071522,#0b2444);color:#fff}
.qualify-info h2{color:#fff}.qualify-info h2 em{color:var(--gold)}
.qualify-info p{color:#b8c6d9;font-size:17px;line-height:1.7;max-width:480px}
.qualify-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;color:#d4deea;font-size:14px}
.qualify-list li::before{content:"•";color:var(--gold);margin-right:8px}
.qualify-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}

.qualify-form{padding:32px;display:grid;gap:18px;background:linear-gradient(150deg,rgba(15,43,73,.6),rgba(6,22,39,.7))}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:grid;gap:6px}
.form-field label{font-size:12px;font-weight:700;letter-spacing:.04em;color:#c3d1e2}
.form-field input,.form-field select,.form-field textarea{
  width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--hairline-dark);
  background:var(--surface-glass);color:#fff;font:inherit;font-size:14px
}
.form-field textarea{resize:vertical;min-height:96px}
.form-field input::placeholder{color:#7c8ba0}
.form-field input[aria-invalid="true"],.form-field select[aria-invalid="true"],.form-field textarea[aria-invalid="true"]{border-color:#ff8779}
.form-error{color:#ffb4a8;font-size:12px;min-height:15px}
.form-field-checkbox label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#d4deea;font-weight:400;letter-spacing:normal}
.form-field-checkbox input{width:auto;margin-top:3px}
.form-notice{padding:14px 16px;border-radius:12px;background:rgba(255,135,121,.1);border:1px solid rgba(255,135,121,.35);color:#ffd7d0;font-size:13px;line-height:1.6}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-hint{color:#9db0c5;font-size:13px;margin:0}

/* Rodapé */
.site-footer{background:#040b14;color:#8ea2b8;padding:42px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:#fff}.footer-brand small{font-size:10px}.footer-grid nav{display:flex;gap:20px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid var(--hairline-dark);font-size:10px}

/* ============================================================
   8. ANIMAÇÕES E ESTADOS
   ============================================================ */
@keyframes route{to{stroke-dashoffset:-120}}
@keyframes pulse{50%{r:14;opacity:.72}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--transition-slow) ease,transform var(--transition-slow) ease}
.reveal.visible{opacity:1;transform:none}
.reveal-delay{transition-delay:.15s}

/* ============================================================
   9. RESPONSIVIDADE
   ============================================================ */
@media (max-width:1050px){
  .main-menu{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:24px;background:#071421;border-bottom:1px solid rgba(255,255,255,.1)}
  .main-menu.open{display:flex}.menu-toggle{display:block}.hero-grid,.method-grid,.evidence-grid,.qualify-grid{grid-template-columns:1fr}.hero-grid{gap:44px}
  .layers-grid{grid-template-columns:repeat(2,1fr)}.layers-grid .layer-card:last-child{grid-column:span 2}
  .split-heading{grid-template-columns:1fr;gap:8px}.scenario-cards,.audience-grid,.intelligence-grid{grid-template-columns:repeat(2,1fr)}
  .app-shell{grid-template-columns:170px 1fr}.app-kpis{grid-template-columns:repeat(2,1fr)}
  .cta-box{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--container:min(100% - 28px,1180px)}
  .section-space{padding:78px 0}.hero{padding:118px 0 62px}
  .hero h1{font-size:52px}.section-heading h2,.method-copy h2,.evidence-copy h2,.cta-box h2,.qualify-info h2{font-size:42px}
  .form-row{grid-template-columns:1fr}.qualify-form{padding:22px}
  .hero-proof{display:grid;gap:12px}.console-metrics{grid-template-columns:1fr}.ticker-track{overflow:auto;justify-content:flex-start;white-space:nowrap}
  .layers-grid,.scenario-cards,.audience-grid,.intelligence-grid,.method-flow{grid-template-columns:1fr}
  .layers-grid .layer-card:last-child{grid-column:auto}.layer-detail{grid-template-columns:1fr;padding:24px}.layer-orbit{width:150px;height:150px}
  .scenario-cards article.featured{transform:none}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-kpis,.app-lower{grid-template-columns:1fr}.stage-row{overflow:auto}
  .cta-box{padding:28px}.cta-actions{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
  .brand-mark{width:46px;height:46px}
  .brand-copy strong{font-size:14px}
}

/* ============================================================
   10. REDUÇÃO DE MOVIMENTO
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}