/* ════════════════════════════════════════════════════════════════════
   XCL 2026 — folha de estilo única (nova marca)
   Paleta oficial: vermelho #E7113C · azul-marinho #201A55 · escala ink
   Tipografia: Gilroy (fallback Montserrat)
═══════════════════════════════════════════════════════════════════════ */

/* ── Gilroy ───────────────────────────────────────────────────────────── */
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/Gilroy-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

:root{
  --ink-950:#0E0E10; --ink-900:#1A1A1A; --ink-850:#1f1f22; --ink-800:#2A2A2D;
  --red:#E7113C; --red-hover:#C90E34; --navy:#201A55;
  --muted:#B5B5BB; --faint:rgba(255,255,255,0.38); --dim:rgba(255,255,255,0.22);
  --b1:rgba(255,255,255,0.08); --b2:rgba(255,255,255,0.14); --b3:rgba(255,255,255,0.22);
  --font:'Gilroy','Montserrat',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--ink-950);color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
input,select,button,textarea{font-family:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 32px}

/* ── HEADER (pílula flutuante) ───────────────────────────────────────── */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--red);z-index:2000}
.site-header{position:fixed;top:16px;left:0;right:0;z-index:1500;display:flex;justify-content:center;padding:0 20px;pointer-events:none}
.cap{pointer-events:auto;display:flex;align-items:center;gap:24px;width:100%;max-width:1180px;padding:9px 9px 9px 22px;background:rgba(20,20,22,0.6);border:1px solid var(--b1);border-radius:999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .3s,box-shadow .3s,border-color .3s}
.cap.scrolled{background:rgba(14,14,16,0.9);box-shadow:0 14px 44px rgba(0,0,0,0.5);border-color:var(--b2)}
.logo{display:flex;align-items:center;flex-shrink:0;color:#fff}
.logo svg{display:block;height:22px;width:auto}
.nav-desktop{flex:1;display:flex;justify-content:center}
.nav{position:relative;display:flex;align-items:center;gap:2px}
.nav>li{position:relative;z-index:1}
.nav a{display:block;padding:9px 13px;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.1px;transition:color .2s}
.nav a:hover{color:#fff}
.nav a.active{color:#fff}
.nav-ind{position:absolute;top:50%;transform:translateY(-50%);height:36px;border-radius:999px;background:rgba(255,255,255,0.09);transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .2s;pointer-events:none;opacity:0;left:0;width:0}
.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cta-pill{display:inline-block;padding:11px 20px;background:var(--red);color:#fff;font-size:13.5px;font-weight:700;border-radius:999px;white-space:nowrap;transition:background .2s,transform .2s}
.cta-pill:hover{background:var(--red-hover);transform:translateY(-1px)}
.burger{display:none;width:42px;height:42px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,0.06);border:1px solid var(--b1);border-radius:999px;cursor:pointer;padding:0}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .25s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:86px;left:16px;right:16px;z-index:1490;max-height:calc(100vh - 102px);overflow-y:auto;background:rgba(20,20,22,0.98);border:1px solid var(--b2);border-radius:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(0,0,0,0.55);padding:14px;flex-direction:column;gap:2px}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:13px 16px;font-size:15px;font-weight:600;color:#E8E8EC;border-radius:10px;transition:background .2s,color .2s}
.mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(255,255,255,0.07);color:#fff}
.mobile-menu .cta-pill{margin-top:8px;text-align:center}
body.menu-open{overflow:hidden}

/* ── BOTÕES ──────────────────────────────────────────────────────────── */
.btn-primary{display:inline-block;padding:15px 28px;background:var(--red);color:#fff;font-size:15px;font-weight:700;border-radius:10px;transition:background .2s,transform .2s;border:none;cursor:pointer}
.btn-primary:hover{background:var(--red-hover);transform:translateY(-2px)}
.btn-ghost{display:inline-block;padding:14px 26px;background:transparent;color:#fff;font-size:15px;font-weight:700;border-radius:10px;border:1.5px solid var(--b3);transition:border-color .2s,background .2s}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,0.05)}
.btn-outline{display:inline-block;padding:12px 24px;background:transparent;border:1.5px solid var(--red);color:var(--red);font-size:14px;font-weight:700;border-radius:10px;transition:background .2s,color .2s}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-sm{padding:9px 18px;font-size:13px}
.back-link{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1.5px solid var(--b3);border-radius:999px;color:#fff;font-size:13px;font-weight:700;transition:border-color .2s,background .2s}
.back-link:hover{border-color:#fff;background:rgba(255,255,255,0.05)}

/* ── HELPERS DE SEÇÃO ────────────────────────────────────────────────── */
.section{padding:104px 0}
.bg-ink900{background:#141416;border-top:1px solid var(--b1);border-bottom:1px solid var(--b1)}
.bg-black{background:#000;border-top:1px solid var(--b1)}
.rule{width:48px;height:3px;background:var(--red);border-radius:2px;margin-bottom:22px}
.kicker{display:block;font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.sec-head{max-width:760px;margin-bottom:54px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .rule{margin-left:auto;margin-right:auto}
.sec-title{font-size:44px;font-weight:800;color:#fff;line-height:1.08;letter-spacing:-1px;margin-bottom:18px}
.sec-sub{font-size:17px;color:var(--muted);line-height:1.6}

/* ── GRIDS ───────────────────────────────────────────────────────────── */
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr);gap:16px}

/* ── HERO ────────────────────────────────────────────────────────────── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--ink-950);overflow:hidden;padding:150px 0 80px}
.edge-rule{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);z-index:3}
.hero-x{position:absolute;right:-90px;bottom:-120px;height:118%;width:auto;opacity:.06;pointer-events:none;z-index:0}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 32px;width:100%}
.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.04);border:1px solid var(--b1);border-radius:999px;padding:8px 16px;margin-bottom:34px}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 2s infinite}
.badge span{font-size:12.5px;color:var(--muted);font-weight:500}
.hero-title{font-size:88px;font-weight:800;color:#fff;line-height:.98;letter-spacing:-3.5px;max-width:900px;margin-bottom:30px}
.hero-title em{font-style:normal;color:var(--red)}
.hero-sub{font-size:21px;color:var(--muted);line-height:1.55;max-width:640px;margin-bottom:42px;font-weight:400}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* ── PARCEIROS ───────────────────────────────────────────────────────── */
.partners{background:#000;border-top:1px solid var(--b1);border-bottom:1px solid var(--b1)}
.partners-inner{max-width:1200px;margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.partner{padding:10px 28px;font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,0.30);transition:color .25s;border-right:1px solid var(--b1)}
.partner:hover{color:#fff}

/* ── CLIENTES (marquee) ──────────────────────────────────────────────── */
.clients{background:var(--ink-950);padding:30px 0;border-bottom:1px solid var(--b1)}
.clients-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 42s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{padding:10px 34px;font-size:13px;font-weight:800;letter-spacing:.5px;color:rgba(255,255,255,0.42);white-space:nowrap;border-right:1px solid var(--b1)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── CARDS GENÉRICOS ─────────────────────────────────────────────────── */
.card{background:var(--ink-900);border:1px solid var(--b1);border-radius:14px;padding:30px;transition:transform .28s,border-color .28s,background .28s}
.card:hover{transform:translateY(-4px);border-color:var(--b3);background:var(--ink-850)}
.icon-box{width:42px;height:42px;border-radius:10px;background:rgba(231,17,60,0.12);border:1px solid rgba(231,17,60,0.20);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card h3{font-size:16px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:11px}
.card p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.card .arrow{font-size:12.5px;font-weight:700;color:var(--red)}

/* Capacidade */
.cap-card{background:rgba(255,255,255,0.025);border:1px solid var(--b1);border-radius:14px;padding:36px;transition:transform .28s,border-color .28s,background .28s}
.cap-card:hover{transform:translateY(-3px);border-color:var(--b2);background:rgba(255,255,255,0.05)}
.tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);background:rgba(231,17,60,0.12);border:1px solid rgba(231,17,60,0.18);border-radius:6px;padding:5px 11px;margin-bottom:18px}
.cap-card h3{font-size:22px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:12px}
.cap-card p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.diff{display:block;font-size:13px;color:var(--faint);font-style:italic;padding-top:16px;border-top:1px solid var(--b1);margin-bottom:22px}

/* Produto */
.prod-card{background:linear-gradient(160deg,rgba(231,17,60,0.06) 0%,rgba(255,255,255,0.02) 60%);border:1px solid rgba(231,17,60,0.28);border-radius:14px;padding:36px;transition:border-color .28s}
.prod-card:hover{border-color:rgba(231,17,60,0.5)}
.prod-head{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.badge-xcl{font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--red);border-radius:4px;padding:4px 9px}
.prod-card h3{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:12px}
.prod-card p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px}

/* Case */
.case-card{background:rgba(255,255,255,0.03);border:1px solid var(--b1);border-radius:18px;padding:34px;transition:transform .28s,border-color .28s,background .28s}
.case-card:hover{transform:translateY(-4px);border-color:rgba(231,17,60,0.3);background:rgba(255,255,255,0.05)}
.case-num{font-size:52px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1.5px;margin-bottom:6px}
.case-metric{display:block;font-size:11.5px;color:var(--faint);font-weight:600;letter-spacing:.8px;text-transform:uppercase;line-height:1.5;margin-bottom:26px}
.case-company{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.2px;margin-bottom:4px}
.case-since{display:block;font-size:11px;color:var(--dim);font-weight:500;margin-bottom:22px}
.case-label{font-size:9.5px;color:var(--red);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:6px}
.case-text{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.minitag{font-size:10.5px;font-weight:600;color:var(--muted);background:rgba(255,255,255,0.04);border:1px solid var(--b1);border-radius:6px;padding:4px 10px}

/* Liderança */
.leader-card{background:var(--ink-900);border:1px solid var(--b1);border-radius:18px;padding:32px;display:flex;align-items:center;gap:16px;transition:transform .28s,border-color .28s,background .28s}
.leader-card:hover{transform:translateY(-4px);border-color:var(--b3);background:var(--ink-850)}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;flex-shrink:0}
.leader-card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:3px}
.leader-card .role{font-size:12.5px;color:var(--red);font-weight:600}
.leader-card small{display:block;font-size:11.5px;color:var(--faint);margin-top:4px}

/* ── INDÚSTRIAS (tabs) ───────────────────────────────────────────────── */
.tabs{display:flex;justify-content:center;gap:8px;margin-bottom:40px;flex-wrap:wrap}
.tab{padding:10px 22px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:600;background:transparent;border:1px solid var(--b2);color:var(--muted);transition:all .2s}
.tab:hover{border-color:var(--red);color:#fff}
.tab.active{background:var(--red);border-color:var(--red);color:#fff}
.sector-panel{background:var(--ink-900);border:1px solid var(--b1);border-radius:20px;padding:48px}
.sector-badge{display:inline-block;margin-bottom:28px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,0.06);border:1px solid var(--b1);border-radius:6px;padding:5px 13px}
.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.sector-col h3{font-size:14px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.sector-col li{padding:11px 0;border-bottom:1px solid var(--b1);color:var(--muted);font-size:13.5px;line-height:1.6;display:flex;gap:11px}
.sector-col li::before{content:'→';color:var(--red);font-weight:700;flex-shrink:0}

/* ── TESE (navy) ─────────────────────────────────────────────────────── */
.tese{position:relative;padding:110px 0;background:var(--navy);overflow:hidden}
.tese-x{position:absolute;left:-60px;top:-80px;height:130%;width:auto;opacity:.08;pointer-events:none}
.tese-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 32px;text-align:center}
.tese h2{font-size:46px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.2px;margin:0 auto 24px;max-width:800px}
.tese p{font-size:18px;color:rgba(255,255,255,0.78);line-height:1.7;max-width:800px;margin:0 auto}
.tese p strong{color:#fff;font-weight:700}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:720px;margin:48px auto 0;border:1px solid rgba(255,255,255,0.18);border-radius:14px;overflow:hidden}
.stat{padding:40px 32px;text-align:center}
.stat:first-child{border-right:1px solid rgba(255,255,255,0.18)}
.stat-num{font-size:48px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1.5px;margin-bottom:10px}
.stat-num.red{color:var(--red)}
.stat-desc{font-size:13px;color:rgba(255,255,255,0.65);font-weight:600;line-height:1.5}
.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:36px;max-width:820px;margin-left:auto;margin-right:auto}
.badge-pill{font-size:11.5px;font-weight:700;color:rgba(255,255,255,0.78);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.18);border-radius:999px;padding:7px 16px}

/* ── RECURSOS ────────────────────────────────────────────────────────── */
.resource-card{background:var(--ink-900);border:1px solid var(--b1);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .28s,border-color .28s,background .28s}
.resource-card:hover{transform:translateY(-3px);border-color:var(--b3);background:var(--ink-850)}
.resource-type{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.resource-card h3{font-size:16px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:12px}
.resource-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px;flex-grow:1}
.resource-card a{font-size:13px;font-weight:700;color:var(--red)}
.resource-card.hl{background:linear-gradient(160deg,rgba(231,17,60,0.12) 0%,rgba(231,17,60,0.02) 100%);border-color:rgba(231,17,60,0.25);align-items:center;text-align:center;justify-content:center}
.resource-card.hl a{color:#fff}

/* ── CONTATO ─────────────────────────────────────────────────────────── */
.contact{padding:104px 0;background:#000;border-top:1px solid var(--b1)}
.form-card{max-width:580px;margin:0 auto;background:var(--ink-900);border:1px solid var(--b1);border-radius:20px;padding:48px}
.form-card h2{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.6px;text-align:center;margin-bottom:10px}
.form-sub{text-align:center;font-size:14px;color:var(--muted);margin-bottom:32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:6px;color:#E8E8EC;font-size:12.5px;font-weight:600}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 14px;background:var(--ink-950);border:1px solid var(--b2);border-radius:10px;color:#fff;font-size:14px;appearance:none}
.form-group textarea{resize:vertical;min-height:110px;line-height:1.5}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--dim)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(231,17,60,0.12)}
.form-group select option{background:var(--ink-900);color:#fff}
.form-submit{width:100%;padding:15px;background:var(--red);border:none;border-radius:10px;color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;margin-top:8px;transition:background .2s}
.form-submit:hover{background:var(--red-hover)}
.form-privacy{text-align:center;font-size:11.5px;color:var(--faint);margin-top:14px;line-height:1.5}

/* ── PÁGINA INTERNA (subpáginas) ─────────────────────────────────────── */
.page-head{position:relative;padding:160px 0 70px;background:var(--ink-950);overflow:hidden}
.page-head .hero-x{right:-80px;top:-40px;bottom:auto;height:150%;opacity:.05}
.page-head-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 32px}
.page-title{font-size:60px;font-weight:800;color:#fff;line-height:1.02;letter-spacing:-2px;max-width:860px;margin-bottom:24px}
.page-lead{font-size:19px;color:var(--muted);line-height:1.6;max-width:700px}
.pill-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}

/* ── ASSESSMENT ──────────────────────────────────────────────────────── */
.assessment{position:relative;max-width:820px;margin:0 auto;background:linear-gradient(135deg,#1c1c1c 0%,#262626 100%);border:1px solid rgba(231,17,60,0.25);border-radius:20px;padding:64px 56px;text-align:center;overflow:hidden}
.assessment::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red)}
.assessment h2{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.8px;line-height:1.2;margin-bottom:18px;position:relative;z-index:1}
.assessment p{font-size:15.5px;color:var(--muted);line-height:1.65;margin:0 auto 36px;max-width:600px;position:relative;z-index:1}
.assessment .kicker,.assessment .btn-primary{position:relative;z-index:1}

/* ── METODOLOGIA ─────────────────────────────────────────────────────── */
.method{display:flex;flex-direction:column;gap:18px;max-width:1000px;margin:0 auto}
.method-row{display:flex;align-items:stretch;gap:20px;background:rgba(255,255,255,0.03);border:1px solid var(--b1);border-radius:16px;padding:32px;transition:border-color .28s,background .28s}
.method-row:hover{border-color:var(--b2);background:rgba(255,255,255,0.05)}
.method-aside{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:74px}
.method-node{width:52px;height:52px;border-radius:50%;background:var(--ink-950);border:1.5px solid var(--red);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff}
.method-tag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--red);text-align:center}
.method-verb{font-size:28px;font-weight:400;color:#fff;letter-spacing:-.6px;line-height:1.1;margin-bottom:12px}
.method-verb em{font-style:normal;color:var(--red)}
.method-body p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:11px;font-weight:600;color:var(--muted);background:rgba(255,255,255,0.04);border:1px solid var(--b1);border-radius:6px;padding:4px 11px}

/* ── STACK ───────────────────────────────────────────────────────────── */
.stack-card{position:relative;background:var(--ink-900);border:1px solid var(--b1);border-radius:18px;padding:32px 36px 32px 44px;transition:border-color .28s,background .28s}
.stack-card:hover{border-color:var(--b2);background:var(--ink-850)}
.stack-card::before{content:'';position:absolute;left:14px;top:28px;bottom:28px;width:3px;background:var(--red);border-radius:2px}
.stack-cat{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--red);margin-bottom:22px}
.stack-rows{display:flex;flex-direction:column;gap:14px}
.stack-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;line-height:1.55}
.stack-row strong{font-size:13.5px;font-weight:700;color:#fff;min-width:88px;display:inline-block}
.stack-row span{font-size:13.5px;color:var(--muted);flex:1;min-width:200px}

/* ── FLUXO (produtos) ────────────────────────────────────────────────── */
.flow{display:flex;align-items:stretch;gap:10px}
.flow-step{flex:1;background:rgba(255,255,255,0.025);border:1px solid var(--b1);border-radius:14px;padding:32px 18px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.flow-step.featured{background:var(--red);border-color:var(--red)}
.step-num{position:absolute;top:14px;left:16px;font-size:11px;font-weight:700;color:var(--faint)}
.flow-step.featured .step-num{color:rgba(255,255,255,0.75)}
.step-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.step-icon svg{width:22px;height:22px}
.flow-step.featured .step-icon{background:#fff;border-color:#fff}
.step-badge{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1.2px;padding:3px 11px;border-radius:4px;margin-bottom:10px;text-transform:uppercase}
.step-badge.xcl{background:#fff;color:var(--red)}
.step-badge.soft{background:rgba(231,17,60,0.12);color:var(--red);border:1px solid rgba(231,17,60,0.3)}
.flow-step h4{font-size:15.5px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:12px}
.step-divider{width:32px;height:1.5px;background:var(--red);margin-bottom:12px}
.flow-step.featured .step-divider{background:#fff}
.flow-step p{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:auto}
.flow-step.featured p{color:rgba(255,255,255,0.9)}
.step-pills{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:auto}
.step-pill{font-size:10.5px;font-weight:600;color:#fff;background:rgba(255,255,255,0.08);border:1px solid var(--b2);border-radius:6px;padding:4px 10px}
.flow-step.featured .step-pill{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3)}
.flow-arrow{display:flex;align-items:center;justify-content:center;width:22px;flex-shrink:0}

/* ── KPI ─────────────────────────────────────────────────────────────── */
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}
.kpi-card{position:relative;background:var(--ink-900);border:1px solid rgba(231,17,60,0.35);border-radius:12px;padding:36px 28px;text-align:center;overflow:hidden}
.kpi-card::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--red);border-radius:0 2px 2px 0}
.kpi-num{font-size:44px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:8px}
.kpi-num.sm{font-size:30px;letter-spacing:-.6px;margin-top:10px}
.kpi-num em{font-style:normal;color:var(--red)}
.kpi-label{font-size:13px;color:var(--muted);line-height:1.4}

/* ── MOCKUPS ─────────────────────────────────────────────────────────── */
.mock-grid{display:grid;grid-template-columns:1.7fr 0.85fr;gap:28px;align-items:center;max-width:1100px;margin:0 auto}
.mock-frame{background:#0c0c0e;border:1px dashed var(--b2);border-radius:10px;height:440px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:13px;font-weight:600;text-align:center;padding:24px}
.mock-mobile{max-width:300px;margin:0 auto;border-radius:18px;background:#0a0a0a;padding:10px 8px;box-shadow:0 30px 80px rgba(0,0,0,0.55),0 0 0 1px var(--b2)}
.mock-mobile .ph{height:420px;border-radius:10px;background:#0c0c0e;border:1px dashed var(--b2);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px;font-weight:600;text-align:center;padding:18px}
.mock-caption{text-align:center;font-size:11.5px;color:var(--faint);margin-top:14px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}

/* ── DEPOIMENTOS (carreiras) ─────────────────────────────────────────── */
.quote-card{position:relative;background:var(--ink-900);border:1px solid var(--b1);border-radius:18px;padding:34px;overflow:hidden;transition:transform .28s,border-color .28s,background .28s}
.quote-card:hover{transform:translateY(-4px);border-color:var(--b3);background:var(--ink-850)}
.quote-mark{position:absolute;top:14px;right:24px;font-size:78px;font-family:Georgia,serif;color:rgba(231,17,60,0.12);line-height:1}
.quote-text{font-size:14px;color:#fff;line-height:1.75;margin-bottom:28px;font-style:italic;position:relative;z-index:1}
.quote-author{display:flex;align-items:center;gap:13px}
.quote-author .avatar{width:46px;height:46px;font-size:14.5px}
.quote-author h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
.quote-author .role{font-size:12px;color:var(--red);font-weight:600}
.quote-author small{display:block;font-size:11.5px;color:var(--faint);margin-top:2px}
.perks-block{position:relative;margin-top:56px;background:var(--ink-900);border:1px solid var(--b1);border-radius:20px;padding:48px;overflow:hidden}
.perks-block::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--red)}
.perks-block h3{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.3px;margin-bottom:28px}
.perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
.perk{background:rgba(255,255,255,0.03);border:1px solid var(--b1);border-radius:12px;padding:24px}
.perk h4{font-size:13px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.perk p{font-size:13px;color:var(--muted);line-height:1.6}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}

/* ── 404 ─────────────────────────────────────────────────────────────── */
.nf{position:relative;min-height:84vh;display:flex;align-items:center;background:var(--ink-950);overflow:hidden}
.nf-x{position:absolute;right:-60px;bottom:-100px;height:120%;width:auto;opacity:.06;pointer-events:none}
.nf h1{font-size:120px;font-weight:800;color:#fff;line-height:.95;letter-spacing:-5px;margin-bottom:18px}
.nf p{font-size:20px;color:var(--muted);line-height:1.55;max-width:520px;margin-bottom:36px}

/* ── FOOTER ──────────────────────────────────────────────────────────── */
.site-footer{background:#000;padding:64px 0 28px;border-top:1px solid var(--b1)}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px;margin-bottom:48px}
.footer-brand .logo{margin-bottom:14px}
.footer-tagline{color:var(--muted);font-size:13px;font-style:italic;margin-bottom:18px}
.footer-badges{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.footer-badge{font-size:11px;color:var(--faint);background:rgba(255,255,255,0.03);border:1px solid var(--b1);border-radius:6px;padding:5px 11px;width:fit-content}
.social{display:flex;gap:8px}
.social-link{width:34px;height:34px;background:rgba(255,255,255,0.04);border:1px solid var(--b1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-weight:700;transition:all .2s}
.social-link:hover{background:var(--red);border-color:var(--red);color:#fff}
.footer-col h3{font-size:11.5px;font-weight:700;color:var(--red);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col a{color:var(--muted);font-size:13px;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{text-align:center;padding-top:22px;border-top:1px solid var(--b1);color:var(--faint);font-size:12px}

/* ── MODAL ───────────────────────────────────────────────────────────── */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:3000;justify-content:center;align-items:center;backdrop-filter:blur(6px);padding:20px}
.modal.open{display:flex}
.modal-card{position:relative;background:var(--ink-900);border:1px solid var(--b2);border-radius:20px;padding:48px;max-width:420px;width:100%;text-align:center}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;background:rgba(255,255,255,0.05);border:1px solid var(--b1);border-radius:50%;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.modal-close:hover,.modal-close:focus-visible{background:rgba(255,255,255,0.1);color:#fff}
.modal-icon{width:60px;height:60px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.modal-card h2{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px}
.modal-card p{font-size:14.5px;color:var(--muted);line-height:1.6}

/* ── RESPONSIVO ──────────────────────────────────────────────────────── */
@media(max-width:1000px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .sector-grid{grid-template-columns:1fr;gap:36px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .flow{flex-direction:column}
  .flow-arrow{transform:rotate(90deg);align-self:center;padding:6px 0}
  .kpi-grid{grid-template-columns:1fr}
  .mock-grid{grid-template-columns:1fr;gap:40px}
  .perks-grid{grid-template-columns:1fr}
  .hero-title{font-size:60px;letter-spacing:-2px}
  .sec-title{font-size:34px}
  .page-title{font-size:42px;letter-spacing:-1.4px}
  .tese h2{font-size:34px}
  .nf h1{font-size:84px;letter-spacing:-3px}
}
@media(max-width:640px){
  .container{padding:0 20px}
  .grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr}
  .stat:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,0.18)}
  .form-row{grid-template-columns:1fr}
  .method-row{flex-direction:column;gap:16px}
  .hero-title{font-size:44px;letter-spacing:-1.5px}
  .hero{padding:130px 0 60px}
  .section{padding:72px 0}
  .form-card,.perks-block,.sector-panel,.assessment{padding:32px 24px}
}


/* ── Dropdown de navegação (Produtos) ── */
.has-dropdown{position:relative}
.has-dropdown>a{display:flex;align-items:center}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:172px;background:rgba(20,20,22,0.97);border:1px solid var(--b2);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:30;box-shadow:0 14px 44px rgba(0,0,0,0.5)}
.dropdown::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.dropdown a{padding:10px 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .2s,background .2s}
.dropdown a:hover{color:#fff;background:rgba(255,255,255,0.07)}


/* ── Navegação: linha única no desktop, hambúrguer no mobile ── */
.cap{gap:18px}
.nav{flex-wrap:nowrap}
@media(max-width:1180px){.cap{gap:12px}.nav a{padding:9px 10px;font-size:13px}}
@media(max-width:980px){.nav a{padding:8px 8px;font-size:12.5px}.cap{padding-left:18px}}

/* Abaixo de 880px: esconde a nav desktop e mostra o hambúrguer */
@media(max-width:880px){
  .nav-desktop{display:none}
  .nav-right .cta-pill{display:none}
  .burger{display:flex}
}

/* ── Acessibilidade de movimento ── */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track{animation:none}
  .badge-dot{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ── Honeypot anti-spam (escondido de humanos e leitores de tela) ── */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}