/* GERADO a partir de ../../colors_and_type.css — sem a @font-face JetBrains Mono (não usada no site).
   Se alterar os tokens, regenere esta cópia. */
/* =============================================================
   BODYLINES · Design Tokens
   Colors + Typography (base + semantic)
   ============================================================= */

/* -------------------- FONTS --------------------
   Primary display: Conthrax SB (local file).
   Body: system stack — avoids 30KB+ Google Fonts request,
   loads instantly, looks great everywhere.
-------------------------------------------------------- */
@font-face {
  font-family: 'Conthrax SB';
  src: url('fonts/Conthrax-SB.otf') format('opentype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* -------------- COLOR · BASE -------------- */
  /* Very Peri — signature color (Pantone 17-3938) */
  --bl-peri: #6667AB;
  --bl-peri-dark: #3D3E7A;   /* Peri Escuro — premium backgrounds */
  --bl-peri-light: #A8A9D4;  /* Peri Claro — support & accents */

  /* Neutrals */
  --bl-black: #0A0A0A;
  --bl-off-white: #F4F4F8;
  --bl-white: #FFFFFF;

  /* Extended tints (derived, for UI) */
  --bl-peri-50:  #F2F2F8;
  --bl-peri-100: #E4E5F1;
  --bl-peri-200: #C8CAE3;
  --bl-peri-300: #A8A9D4;   /* = peri-light */
  --bl-peri-400: #878AC4;
  --bl-peri-500: #6667AB;   /* = peri (primary) */
  --bl-peri-600: #585997;
  --bl-peri-700: #484A85;
  --bl-peri-800: #3D3E7A;   /* = peri-dark */
  --bl-peri-900: #2A2B5C;

  /* Grays (neutral scale, slightly cool) */
  --bl-gray-50:  #F4F4F8;
  --bl-gray-100: #EAEAF0;
  --bl-gray-200: #D8D8E0;
  --bl-gray-300: #BCBCC7;
  --bl-gray-400: #9A9AA7;
  --bl-gray-500: #6F6F7D;
  --bl-gray-600: #4E4E5A;
  --bl-gray-700: #34343E;
  --bl-gray-800: #1F1F26;
  --bl-gray-900: #0A0A0A;

  /* Semantic (derived, consultative health palette) */
  --bl-success: #3FAE7B;
  --bl-warning: #E2A93B;
  --bl-danger:  #C85151;
  --bl-info:    var(--bl-peri);

  /* WhatsApp brand (for CTA buttons — required by brief) */
  --bl-whatsapp:      #25D366;
  --bl-whatsapp-dark: #1DA851;

  /* -------------- COLOR · SEMANTIC -------------- */
  --bg:           var(--bl-off-white);
  --bg-elevated:  var(--bl-white);
  --bg-premium:   var(--bl-peri-dark);
  --bg-dark:      var(--bl-black);
  --bg-muted:     var(--bl-peri-50);

  --fg:           var(--bl-gray-900);
  --fg-muted:     var(--bl-gray-600);
  --fg-subtle:    var(--bl-gray-500);
  --fg-on-dark:   var(--bl-off-white);
  --fg-on-peri:   #FFFFFF;
  --fg-brand:     var(--bl-peri);

  --border:       var(--bl-gray-200);
  --border-strong:var(--bl-gray-300);
  --border-brand: var(--bl-peri-300);

  --accent:       var(--bl-peri);
  --accent-hover: var(--bl-peri-600);
  --accent-press: var(--bl-peri-700);

  /* -------------- TYPOGRAPHY · FAMILIES -------------- */
  --font-display: 'Conthrax SB', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --font-mono:    ui-monospace, 'JetBrains Mono', Menlo, monospace;

  /* -------------- TYPOGRAPHY · SCALE (px) -------------- */
  /* Branding Book scale: H1 40pt / H2 28pt / H3 16pt / Body 12pt / Caption 10pt
     Translated to web with a slight bump for screen legibility.          */
  --fs-display: 56px;
  --fs-h1:      40px;
  --fs-h2:      28px;
  --fs-h3:      20px;
  --fs-h4:      16px;
  --fs-body:    16px;
  --fs-small:   14px;
  --fs-caption: 12px;
  --fs-overline:11px;

  /* -------------- WEIGHTS -------------- */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semi:     600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  /* -------------- LINE HEIGHTS -------------- */
  --lh-tight: 1.1; /* @kind other */
  --lh-snug:  1.25; /* @kind other */
  --lh-base:  1.55; /* @kind other */
  --lh-loose: 1.75; /* @kind other */
  /* -------------- TRACKING -------------- */
  --tr-tight:   -0.02em; /* @kind other */
  --tr-normal:  0; /* @kind other */
  --tr-wide:    0.04em; /* @kind other */
  --tr-wider:   0.08em; /* @kind other */
  --tr-overline:0.14em; /* @kind other */
  /* -------------- SPACING (4px base) -------------- */
  --sp-0:  0; /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* -------------- RADII -------------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* -------------- SHADOWS -------------- */
  --shadow-xs: 0 1px 2px rgba(61,62,122,0.06);
  --shadow-sm: 0 2px 6px rgba(61,62,122,0.08);
  --shadow-md: 0 6px 18px rgba(61,62,122,0.10);
  --shadow-lg: 0 18px 40px rgba(61,62,122,0.14);
  --shadow-glow: 0 0 0 4px rgba(102,103,171,0.18);

  /* -------------- MOTION -------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  /* -------------- LAYOUT -------------- */
  --container-max: 1200px; /* @kind other */
  --gutter: var(--sp-5);
}

/* =============================================================
   SEMANTIC TYPOGRAPHY CLASSES
   ============================================================= */
.bl-display {
  font-family: var(--font-display);
  font-size: var(--fs-display);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--tr-tight);
  color: var(--fg);
}
.bl-h1 {
  font-family: var(--font-display);
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--tr-tight);
  color: var(--fg);
}
.bl-h2 {
  font-family: var(--font-display);
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
  color: var(--fg);
}
.bl-h3 {
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: var(--fw-semi);
  line-height: var(--lh-snug);
  color: var(--fg);
}
.bl-h4 {
  font-family: var(--font-body);
  font-size: var(--fs-h4);
  font-weight: var(--fw-semi);
  line-height: var(--lh-snug);
  color: var(--fg);
}
.bl-body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-base);
  color: var(--fg);
}
.bl-small {
  font-family: var(--font-body);
  font-size: var(--fs-small);
  line-height: var(--lh-base);
  color: var(--fg-muted);
}
.bl-caption {
  font-family: var(--font-body);
  font-size: var(--fs-caption);
  line-height: var(--lh-snug);
  color: var(--fg-muted);
}
.bl-overline {
  font-family: var(--font-display);
  font-size: var(--fs-overline);
  font-weight: var(--fw-semi);
  text-transform: uppercase;
  letter-spacing: var(--tr-overline);
  color: var(--fg-brand);
}

/* =============================================================
   GLOBAL RESET-LITE (opt-in)
   ============================================================= */
.bl-scope {
  font-family: var(--font-body);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bl-scope h1, .bl-scope h2, .bl-scope h3, .bl-scope h4 {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tr-tight);
  margin: 0;
}
.bl-scope p { margin: 0; text-wrap: pretty; }

/* BODYLINES · layout estático SEO (usa tokens de site.css) */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--bl-peri)}a:hover{color:var(--bl-peri-dark)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;color:var(--fg);line-height:1.12}
p{margin:0;text-wrap:pretty}
.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--bl-peri);margin:0 0 14px}
.eyebrow.od{color:var(--bl-peri-light)}
.btn{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;border-radius:var(--r-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 220ms var(--ease-out);text-decoration:none;white-space:nowrap;padding:12px 20px;font-size:14px}
.btn.pill{border-radius:999px}
.btn.lg{padding:15px 26px;font-size:15px}
.btn-wa{background:var(--bl-whatsapp);color:#fff}.btn-wa:hover{background:var(--bl-whatsapp-dark);color:#fff}
.btn-primary{background:var(--bl-peri);color:#fff}.btn-primary:hover{background:var(--bl-peri-600);color:#fff}
.btn-ghost{background:transparent;color:var(--bl-peri);border:1px solid var(--bl-peri-300)}.btn-ghost:hover{background:var(--bl-peri-50);color:var(--bl-peri)}
.btn-ondark{background:#fff;color:var(--bl-peri-dark)}.btn-ondark:hover{background:var(--bl-peri-100);color:var(--bl-peri-dark)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,244,248,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:24px;padding:14px 24px;max-width:var(--container-max);margin:0 auto}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:52px;width:auto}
.logo span{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.01em;color:var(--bl-peri-dark)}
.logo.dark span{color:#fff}.logo.dark img{filter:brightness(0) invert(1)}
.nav-links{display:flex;gap:22px;margin-left:32px}
.nav-links a{color:var(--fg-muted);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--bl-peri-dark)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.burger{display:none;background:transparent;border:1px solid var(--border);border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;color:var(--bl-peri-dark);flex:none}
.mobile-menu{position:fixed;inset:0;background:rgba(244,244,248,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;display:flex;flex-direction:column;padding:20px;transform:translateX(100%);transition:transform 280ms cubic-bezier(.2,.8,.2,1);opacity:0;pointer-events:none}
.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
.mobile-menu a.ml{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--bl-peri-dark);padding:14px 4px;border-bottom:1px solid var(--border);text-decoration:none}
.mm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.mm-close{background:transparent;border:1px solid var(--border);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bl-peri-dark)}
.sec{padding:96px 0}
.sec-white{background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec-dark{background:var(--bl-peri-dark);color:#fff;position:relative;overflow:hidden}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .container{position:relative}
.dark-wash{position:absolute;inset:0;background:radial-gradient(800px 400px at 20% 20%,rgba(168,169,212,.18),transparent 60%);pointer-events:none}
.sec-head{text-align:center;margin-bottom:40px}
.h2{font-size:40px;font-weight:700}
.sec-head .sub,.sub{max-width:640px;margin:16px auto 0;color:var(--fg-muted);font-size:16px;line-height:1.55}
.hero{position:relative;overflow:hidden;padding:64px 0 96px}
.hero-wash{position:absolute;inset:0;background:radial-gradient(1200px 500px at 70% -10%,rgba(102,103,171,.16),transparent 60%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;position:relative}
.hero h1{font-size:50px;font-weight:700;line-height:1.02;letter-spacing:-.025em;color:var(--bl-peri-dark)}
.hero h1 .alt{color:var(--bl-peri)}
.lead{margin-top:22px;font-size:18px;line-height:1.55;color:var(--fg-muted);max-width:560px}
.lead b{color:var(--fg)}
.cta-row{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.checks{margin-top:32px;display:flex;gap:28px;flex-wrap:wrap;align-items:center;color:var(--fg-subtle);font-size:13px}
.check{display:flex;align-items:center;gap:8px}
.hero-visual{position:relative;aspect-ratio:4/5;max-height:540px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(180deg,var(--bl-peri-dark),#2A2B5C);box-shadow:var(--shadow-lg)}
.hv-img{position:absolute;right:0;bottom:0;height:62%;width:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.hv-body{position:relative;padding:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.hv-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--bl-peri-light)}
.hv-name{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-top:10px;color:#fff}
.hv-tag{margin-top:10px;font-size:13px;line-height:1.5;color:var(--bl-peri-light);font-weight:700;max-width:60%}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:75%}
.metric{background:rgba(255,255,255,.08);border:1px solid rgba(168,169,212,.2);border-radius:var(--r-md);padding:14px 16px;backdrop-filter:blur(6px)}
.metric b{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;color:#fff;display:block}
.metric span{font-size:11px;color:var(--bl-peri-light);margin-top:2px;line-height:1.3;display:block}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-xs)}
.card-w{background:var(--bg-elevated)}
a.card{display:block;text-decoration:none;color:var(--fg);transition:all 220ms var(--ease-out)}
a.card:hover{box-shadow:var(--shadow-md);border-color:var(--bl-peri-300);transform:translateY(-2px);color:var(--fg)}
.eq-img{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bl-peri-50),#fff);border-radius:var(--r-md);margin-bottom:18px}
.eq-img img{max-height:180px;max-width:80%;width:auto;height:auto;object-fit:contain}
.tech{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--bl-peri)}
.card h3{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:8px 0 10px}
.card .desc{font-size:14px;color:var(--fg-muted);line-height:1.5}
.card .more{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);font-size:13px;color:var(--bl-peri);font-family:var(--font-display);font-weight:600}
.num{width:32px;height:32px;border-radius:8px;background:var(--bl-peri);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;margin-bottom:12px}
.pillar{background:rgba(255,255,255,.05);border:1px solid rgba(168,169,212,.2);border-radius:var(--r-lg);padding:28px;backdrop-filter:blur(6px)}
.pillar .n{width:36px;height:36px;border-radius:10px;background:var(--bl-peri);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-family:var(--font-display);font-weight:700;color:#fff}
.pillar h3{font-size:20px;font-weight:700;letter-spacing:-.01em}
.pillar p{margin-top:10px;font-size:14px;line-height:1.55;color:var(--bl-peri-light)}
.tabs{display:flex;justify-content:center;gap:6px;padding:6px;background:var(--bl-peri-50);border-radius:999px;width:fit-content;margin:0 auto 32px}
.tab-btn{padding:10px 20px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:var(--bl-peri-dark);font-family:var(--font-display);font-weight:600;font-size:13px;transition:all 220ms var(--ease-out)}
.tab-btn.active{background:var(--bl-peri);color:#fff}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:48px;box-shadow:var(--shadow-sm)}
.split h3{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.split .body{margin-top:18px;color:var(--fg-muted);font-size:15px;line-height:1.6}
.blist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.blist li{display:flex;gap:14px;align-items:flex-start;background:var(--bl-peri-50);border-radius:var(--r-md);padding:16px 18px;font-size:14px;line-height:1.5}
.blist .n{width:32px;height:32px;flex:none;border-radius:8px;background:var(--bl-peri);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px}
.blist span{padding-top:6px}
.doc{display:flex;align-items:center;gap:16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 22px;text-decoration:none;transition:all 220ms var(--ease-out);box-shadow:var(--shadow-xs);color:var(--fg)}
.doc:hover{border-color:var(--bl-peri-300);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--fg)}
.doc .ic{width:44px;height:44px;border-radius:10px;background:var(--bl-peri-50);color:var(--bl-peri);display:flex;align-items:center;justify-content:center;flex:none}
.doc b{font-family:var(--font-display);font-size:15px;font-weight:700;display:block}
.doc small{font-size:12px;color:var(--fg-muted)}
.doc .go{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--bl-peri);margin-left:auto;white-space:nowrap}
.spec{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--fg)}
.spec svg{flex:none;margin-top:2px}
.faq{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.faq details{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:0 20px;box-shadow:var(--shadow-xs)}
.faq summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:15px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--fg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:20px;color:var(--bl-peri);flex:none}
.faq details[open] summary::after{content:'–'}
.faq .a{padding:0 0 18px;font-size:14px;line-height:1.6;color:var(--fg-muted)}
.table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs)}
.compare{width:100%;border-collapse:collapse;background:var(--bg-elevated)}
.compare th{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--bl-peri);text-align:left;padding:14px 18px;background:var(--bl-peri-50);border-bottom:1px solid var(--border)}
.compare td{padding:14px 18px;font-size:14px;line-height:1.5;border-bottom:1px solid var(--border);color:var(--fg);vertical-align:top}
.compare tr:last-child td{border-bottom:none}
.compare .this td{background:var(--bl-peri-50)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--border);border-radius:999px;font-size:13px;background:var(--bg-elevated);color:var(--fg-muted);text-decoration:none}
a.chip:hover{border-color:var(--bl-peri-300);color:var(--bl-peri-dark)}
.crumbs{font-size:13px;color:var(--fg-subtle);padding:18px 0 0}
.crumbs a{color:var(--fg-subtle);text-decoration:none}.crumbs a:hover{color:var(--bl-peri)}
.site-footer{background:var(--bl-black);color:#fff;padding:64px 0 24px}
.foot-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px;max-width:var(--container-max);margin:0 auto;padding:0 24px}
.foot-grid .tagline{margin-top:16px;color:var(--bl-peri-light);font-size:14px;line-height:1.55;max-width:280px}
.foot-grid .foot-about{margin-top:16px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6;max-width:340px;text-wrap:pretty}.foot-grid .foot-about+.tagline{margin-top:12px}
.foot-grid .logo img{height:32px}.foot-grid .logo span{font-size:17px}
.fh{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--bl-peri-light);margin-bottom:14px}
.fl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.fl a{color:#D8D8E0;font-size:13px;text-decoration:none}.fl a:hover{color:#fff}
.foot-bottom{max-width:var(--container-max);margin:48px auto 0;padding:20px 24px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:var(--bl-gray-400);font-size:12px;flex-wrap:wrap;gap:12px}
.wa-pill{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;text-decoration:none;background:var(--bl-whatsapp);padding:10px 16px;border-radius:999px;font-family:var(--font-display);font-weight:600}
.wa-pill:hover{background:var(--bl-whatsapp-dark);color:#fff}
.fab{position:fixed;right:24px;bottom:24px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--bl-whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px rgba(37,211,102,.38),0 4px 10px rgba(0,0,0,.1);text-decoration:none;transition:transform 220ms var(--ease-out)}
.fab:hover{transform:scale(1.06);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.leadform{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.leadform label{display:flex;flex-direction:column;gap:6px;min-width:0}
.leadform label>span{font-family:var(--font-display);font-size:12px;font-weight:600}
.leadform .full{grid-column:1/-1}
.inp{font-family:var(--font-body);font-size:14px;padding:11px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);outline:none;box-shadow:var(--shadow-xs);width:100%}
.inp:focus{border-color:var(--bl-peri-300);box-shadow:var(--shadow-glow)}
.form-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:var(--fg-muted)}
@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr;gap:40px}
.hero-visual{max-width:520px;width:100%;margin:0 auto}
.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.split{grid-template-columns:1fr;padding:32px;gap:28px}
.foot-grid{grid-template-columns:1fr 1fr;gap:32px}
.sec{padding:64px 0}
.contact-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:720px){
.nav-links{display:none}
.nav-inner{padding:12px 14px;gap:8px}
.logo img{height:40px}.logo span{font-size:18px}
.nav-cta .btn{padding:9px 12px;font-size:12px}
.burger{display:inline-flex}
.hero{padding:36px 0 56px}
.hero h1{font-size:32px}
.lead{font-size:15px;margin-top:16px}
.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%;white-space:normal;line-height:1.25}
.checks{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}
.hero-visual{aspect-ratio:3/4;max-height:380px}
.hv-body{padding:18px}.hv-name{font-size:22px}.hv-tag{max-width:70%}
.metrics{max-width:100%}
.sec{padding:48px 0}
.h2{font-size:26px}
.g2,.g3{grid-template-columns:1fr}
.tabs{width:100%;flex-wrap:wrap;border-radius:16px}
.tab-btn{flex:1 1 auto;font-size:12px;padding:9px 10px}
.split{padding:22px;border-radius:16px}
.split h3{font-size:22px}
.leadform{grid-template-columns:1fr;padding:22px}
.foot-grid{grid-template-columns:1fr;gap:28px}
.foot-bottom{flex-direction:column;align-items:flex-start}
.fab{right:14px;bottom:14px;width:52px;height:52px}
.compare th,.compare td{padding:10px 12px;font-size:13px}
.doc{padding:14px 16px;gap:12px}
}

/* Artigos · cluster de conteúdo */
.art{padding-top:28px;padding-bottom:72px}
.art-head{max-width:820px;margin-bottom:40px}.art-head h1,.art-h1{font-size:44px;font-weight:700;text-wrap:balance}.art-head .lead{margin-top:18px;font-size:18px;line-height:1.6;color:var(--fg-muted)}
.art-meta{margin-top:18px;font-size:13px;color:var(--fg-subtle)}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.art-body{max-width:760px}.art-body h2{font-size:26px;font-weight:700;margin:44px 0 14px;scroll-margin-top:90px}.art-body h2:first-child{margin-top:0}
.art-body p,.art-body li{font-size:16px;line-height:1.7;color:var(--fg-muted)}.art-body p+p{margin-top:12px}.art-body ul{padding-left:20px;margin:8px 0}.art-body li{margin:6px 0}
.art-toc{position:sticky;top:96px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.art-toc ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.art-toc a{font-size:14px;color:var(--fg-muted);text-decoration:none}.art-toc a:hover{color:var(--bl-peri)}
.art-cta{margin:40px 0;padding:28px;border-radius:var(--r-lg);background:var(--bl-peri-50);border:1px solid var(--bl-peri-300);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.art-cta .eyebrow{margin-bottom:6px}.art-cta-t{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--fg);max-width:420px}
.art-cta .cta-row{display:flex;flex-wrap:wrap;gap:10px}
.res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.res-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.res-fig{margin:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.res-img{aspect-ratio:3/2;background:var(--bl-peri-50);position:relative}.res-img img{width:100%;height:100%;object-fit:cover;display:block}
.res-ph{display:none}.res-img.empty{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--bl-peri-50) 0 12px,var(--bg-elevated) 12px 24px)}.res-img.empty .res-ph{display:block;font-size:12px;color:var(--fg-subtle);font-family:monospace;padding:12px;text-align:center}
.res-fig figcaption{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.res-fig figcaption b{font-family:var(--font-display);font-size:14px;color:var(--fg)}.res-fig figcaption span{font-size:13px;color:var(--fg-subtle)}
.res-note{margin-top:12px!important;font-size:12px!important;color:var(--fg-subtle)!important}
@media (max-width:900px){.art-grid{grid-template-columns:1fr}.art-toc{position:static;order:-1}.art-head h1,.art-h1{font-size:30px}.res-grid.g3{grid-template-columns:1fr}}
@media (max-width:560px){.res-grid{grid-template-columns:1fr}}
.art-ref{margin:40px 0;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.art-ref .eyebrow{margin:0}.art-ref-note{font-size:12px!important;color:var(--fg-subtle)!important}
.vcar .vc-wrap{position:relative}.vcar .vc-view{overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.vcar .vc-row{display:flex;transition:transform .4s ease}.vcar .vc-slide{flex:0 0 100%;position:relative;aspect-ratio:16/9;background:radial-gradient(120% 120% at 50% 0%,#1c1c2a,#0b0b12)}.vcar .vc-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}.vcar .vc-cover h3{margin:0;color:#fff;font-size:20px}.vcar .vc-k{margin:0;font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b6b6d4!important}.vcar .vc-d{margin:0;color:#9a9ab8!important;font-size:13px!important;max-width:400px;line-height:1.5!important}.vcar iframe,.vcar video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.vcar .vc-prev,.vcar .vc-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.92);color:#14141c;font-size:20px;line-height:1;cursor:pointer;z-index:2}.vcar .vc-prev{left:12px}.vcar .vc-next{right:12px}.vcar .vc-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}.vcar .vc-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:var(--border);cursor:pointer}.vcar .vc-dot.on{background:var(--bl-peri)}@media (max-width:560px){.vcar .vc-d{display:none}.vcar .vc-cover h3{font-size:16px}}
.folder-card{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:32px;border-radius:var(--r-lg);background:var(--bl-peri-50);border:1px solid var(--bl-peri-300)}.folder-card>div:first-child{max-width:560px}
.b2b-note{margin-top:24px;max-width:460px;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-md);background:var(--bl-peri-50);border:1px solid var(--bl-peri-300);color:var(--bl-peri-dark,var(--bl-peri))}.b2b-note svg{flex:none;margin-top:1px}.b2b-note p{margin:0;font-size:14px;line-height:1.55;color:var(--fg)}.b2b-note b{font-weight:700}
.inp-err{border-color:var(--bl-danger,#c0392b)!important}.form-err{margin:0;font-size:13px;color:var(--bl-danger,#c0392b)}
/* N1 NEOXEL */
.hero-b2b{margin-top:14px;font-size:13px;color:var(--fg-muted)}
.resumo-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}.resumo-img{margin:0;text-align:center}.resumo-img img{width:100%;max-width:280px;height:auto}.resumo-img figcaption{margin-top:8px;font-size:12px;color:var(--fg-subtle)}
.qa{margin:28px 0 0;border-top:1px solid var(--border)}.qa>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}.qa dt{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--fg)}.qa dd{margin:0;font-size:15px;line-height:1.55;color:var(--fg-muted)}
.inc-grid .card h3{font-size:18px}.inc-list{margin:14px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.inc-list li{font-size:14.5px;line-height:1.5;color:var(--fg-muted)}
.steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:st}.steps-list li{counter-increment:st;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg)}.steps-list li::before{content:counter(st);font-family:var(--font-display);font-weight:700;font-size:13px;width:28px;height:28px;border-radius:50%;background:var(--bl-peri-50);color:var(--bl-peri);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.steps-list b{font-family:var(--font-display);font-size:15px;color:var(--fg)}.steps-list span{font-size:14px;line-height:1.5;color:var(--fg-muted)}
.fine{margin-top:14px!important;font-size:12.5px!important;line-height:1.5;color:var(--fg-subtle)!important}
.dark-p{margin-top:16px;color:var(--bl-peri-light);font-size:16px;line-height:1.6}.dark-p a{color:#fff;text-decoration:underline}
.page-meta{padding:20px 0 40px}.page-meta p{margin:0;font-size:12.5px;color:var(--fg-subtle)}
@media (max-width:900px){.resumo-grid{grid-template-columns:1fr}.resumo-img{order:-1}.resumo-img img{max-width:200px}.steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}.qa>div{grid-template-columns:1fr;gap:4px}}
@media (max-width:560px){.steps-list{grid-template-columns:1fr}}

/* Materiais de divulgação HIPRO */
#bl-hipro-materiais{--ink:var(--fg);--brand:var(--bl-peri);--muted:var(--fg-muted);--paper:var(--bl-peri-50);color:var(--ink);line-height:1.6;max-width:var(--container,1160px);margin:0 auto;padding:72px 24px;box-sizing:border-box}#bl-hipro-materiais *{box-sizing:border-box}#bl-hipro-materiais h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:12px 0 20px;max-width:850px;font-family:var(--font-display)}#bl-hipro-materiais h3{font-size:23px;line-height:1.3;margin:0 0 15px;font-family:var(--font-display)}#bl-hipro-materiais h4{font-size:19px;margin:8px 0}#bl-hipro-materiais p{margin:10px 0 18px}#bl-hipro-materiais a{color:var(--brand);text-underline-offset:4px}#bl-hipro-materiais .bl-eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--brand)}#bl-hipro-materiais .bl-intro{font-size:18px;max-width:790px}#bl-hipro-materiais .bl-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#bl-hipro-materiais .bl-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--brand);color:#fff;border:1px solid var(--brand);padding:12px 20px;border-radius:999px;text-decoration:none;font:inherit;font-weight:600;font-size:14px;cursor:pointer;line-height:1.2}#bl-hipro-materiais .bl-secondary{background:transparent;color:var(--brand)}#bl-hipro-materiais .bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#bl-hipro-materiais .bl-card{border:1px solid var(--border);border-radius:12px;padding:24px;background:white}#bl-hipro-materiais .bl-file{font-size:13px;color:var(--muted);overflow-wrap:anywhere}#bl-hipro-materiais .bl-block{margin-top:52px}#bl-hipro-materiais .bl-panel{padding:30px;background:var(--paper);border-radius:14px}#bl-hipro-materiais label{display:block;font-size:14px;font-weight:650}#bl-hipro-materiais input,#bl-hipro-materiais select,#bl-hipro-materiais textarea{font:inherit;color:var(--ink);width:100%;padding:12px;border:1px solid #a6bdb4;border-radius:6px;background:white;margin:6px 0 14px}#bl-hipro-materiais textarea{min-height:300px;font-size:14px;line-height:1.7}#bl-hipro-materiais .bl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#bl-hipro-materiais .bl-note{font-size:13px;color:var(--muted)}#bl-hipro-materiais details{border-top:1px solid var(--border);padding:18px 0}#bl-hipro-materiais summary{font-weight:650;cursor:pointer}#bl-hipro-materiais :focus-visible{outline:3px solid #bf6b26;outline-offset:4px}#bl-hipro-materiais [hidden]{display:none!important}@media(max-width:760px){#bl-hipro-materiais{padding:18px;margin:24px auto}#bl-hipro-materiais .bl-grid,#bl-hipro-materiais .bl-form-grid{grid-template-columns:1fr}#bl-hipro-materiais .bl-panel{padding:20px}}

#bl-hipro-materiais .bl-model>summary::-webkit-details-marker{display:none}#bl-hipro-materiais .bl-model[open]>summary .bl-btn{background:var(--brand);color:#fff}#bl-hipro-materiais .bl-model .bl-block{margin-top:18px;padding:0;border:0;background:transparent}#bl-hipro-materiais .bl-model .bl-panel{padding:22px;background:var(--paper);border-radius:14px}

/* Cabeçalho no celular: WhatsApp só com ícone abaixo de 420 px (19/10/2026) */
@media (max-width:420px){.nav-cta .btn-wa{font-size:0;gap:0;width:40px;height:40px;padding:0}.nav-cta .btn-wa svg{width:18px;height:18px}}
/* Hero no celular: um botão principal + WhatsApp, H1 menor (19/10/2026) */
@media (max-width:720px){.hero .cta-row .btn-ghost{display:none}}
@media (max-width:420px){.hero h1{font-size:26px}}
.res-fig img{width:100%;height:auto;display:block}
.folder-desk{display:grid;gap:20px}.folder-mob{display:none}
@media(max-width:720px){.folder-desk{display:none}.folder-mob{display:grid;gap:14px;max-width:420px;margin:0 auto}}
@media(max-width:720px){main>section~section~section{content-visibility:auto;contain-intrinsic-size:auto 900px}}