/* ── DS TOKENS — identidade da PLATAFORMA (Shopify · verde #95BF47) ──
   Página de Plataforma: a cor de destaque segue a marca da
   plataforma coberta pela página (Shopify = #95BF47, hexadecimal
   estático — sem gradiente, mesmo padrão das páginas VTEX Fast
   Store e Nuvemshop). Undertone escuro verde-petróleo quase preto
   (distinto do vinho da VTEX e do navy da Nuvemshop). Header, menu
   e rodapé continuam na identidade verde padrão do site (chrome
   global, ver bloco #header abaixo) — coincidência de matiz com o
   verde institucional da e-Plus, mas tokens totalmente à parte
   (só o `.ep2 {}` deste arquivo é reskinado).
   ──────────────────────────────────────────────────────────── */
.ep2 {
  --ep-shop-500:#95bf47; --ep-shop-mid:#95bf47; --ep-shop-deep:#5e8e3e;
  --ep-gradient-brand:#95bf47;
  --ep-gradient-diag:#95bf47;
  --ep-green-neon:#52bf42;
  --ep-bg:#070d06; --ep-bg-card:#101f10; --ep-bg-elevated:#0c170c;
  --ep-border:rgba(255,255,255,0.08); --ep-border-strong:rgba(255,255,255,0.16);
  --ep-border-brand:rgba(149,191,71,0.3);
  --ep-text:#f4f7f2; --ep-text-muted:#a3b09a; --ep-text-dim:#657360;
  --ep-text-brand:#95bf47;
  --ep-font-sans:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
  --ep-font-mono:'JetBrains Mono',ui-monospace,monospace;
  --ep-r-sm:6px; --ep-r-md:10px; --ep-r-lg:16px; --ep-r-xl:24px; --ep-r-pill:999px;
  --ep-dur:240ms; --ep-ease:cubic-bezier(.2,.7,.2,1);
  --ep-glow-shop:0 0 0 1px rgba(149,191,71,0.25),0 12px 32px rgba(149,191,71,0.25);
  --ep-shadow-card:0 20px 60px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.04) inset;
}

/* ── HEADER — chrome global do site, permanece verde em TODAS as páginas ── */
#header { background:#fff !important; border-bottom:1px solid #e9ebe6 !important; box-shadow:0 2px 16px rgba(0,0,0,0.06) !important; }
#header #logo img { filter:none !important; }
#header #menu ul li a,#header #menu ul li a:visited { color:#15170f !important; }
#header #menu ul li a:hover { color:#43ab49 !important; }
#header #menu ul li.customBt a { background:linear-gradient(90deg,#96c02c,#43ab49 50%,#009d62) !important; background-size:220% 100% !important; color:#fff !important; border-radius:8px !important; padding:10px 20px !important; animation:eplusCtaFlow 7s ease-in-out infinite; }
@keyframes eplusCtaFlow { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
@media (prefers-reduced-motion: reduce) { #header #menu ul li.customBt a { animation:none !important; background-position:0% 50% !important; } }
#header #address a,#header #flags a { color:#373a34 !important; }
#header #mobMenuBt { color:#15170f !important; }

/* ── SECTION LIGHT ───────────────────────────────────────────── */
.ep2 .section-light {
  background:#f6f8f4 !important;
  --ep-bg-card:#fff; --ep-border:rgba(0,0,0,0.08);
  --ep-border-brand:rgba(149,191,71,0.4);
  --ep-text:#131a10; --ep-text-muted:#4c5647; --ep-text-dim:#8a9184;
}
.ep2 .section-light h2,.ep2 .section-light h3,.ep2 .section-light h4 { color:#131a10; }
.ep2 .section-light .sec-head p { color:#4c5647; }
.ep2 .section-light .ep-eyebrow { color:#5e8e3e; }

/* ── RESET ───────────────────────────────────────────────────── */
.ep2 *,.ep2 *::before,.ep2 *::after { box-sizing:border-box; }
.ep2 { font-family:var(--ep-font-sans); color:var(--ep-text); background:var(--ep-bg); -webkit-font-smoothing:antialiased; float:left; width:100%; animation:ep2-page-fade .7s var(--ep-ease) both; }
.ep2 a { color:inherit; text-decoration:none; }
.ep2 img,.ep2 svg { display:block; max-width:100%; }
.ep2 ul { list-style:none; padding:0; margin:0; }

/* ── KEYFRAMES ───────────────────────────────────────────────── */
@keyframes ep2-page-fade { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.75)} }
@keyframes hero-up   { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* ── REVEAL ──────────────────────────────────────────────────── */
.ep2 .reveal { opacity:0; transform:translateY(22px); transition:opacity .55s var(--ep-ease),transform .55s var(--ep-ease); }
.ep2 .reveal.is-visible { opacity:1; transform:none; }
.ep2 .reveal-d1{transition-delay:.1s} .ep2 .reveal-d2{transition-delay:.2s}
.ep2 .reveal-d3{transition-delay:.3s} .ep2 .reveal-d4{transition-delay:.4s}

/* ── UTILITÁRIOS ─────────────────────────────────────────────── */
.ep2 .ep-eyebrow { display:inline-block; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--ep-text-brand); }
.ep2 .ep-gradient-text { color:var(--ep-gradient-brand); }
.ep2 .ep-container { width:100%; max-width:1280px; margin:0 auto; padding:0 40px; }
.ep2 .ep-container--sm { max-width:1040px; }
.ep2 .sec-head { text-align:center; max-width:800px; margin:0 auto 56px; }
.ep2 .sp-dif .sec-head { max-width:1120px; }
.ep2 .sp-cases .sec-head { max-width:1120px; }
.ep2 .sp-enterprise .sec-head { max-width:1120px; }
.ep2 .sp-modos .sec-head { max-width:1120px; }
.ep2 .sec-head h2 { font-size:clamp(1.875rem,4.5vw,3.25rem); font-weight:800; letter-spacing:-.02em; line-height:1.05; margin:12px 0 16px; }
.ep2 .sec-head p { font-size:1rem; color:var(--ep-text-muted); line-height:1.65; }

/* ── BOTÕES ──────────────────────────────────────────────────── */
.ep2 .ep-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 24px; font:600 .8125rem/1 var(--ep-font-sans); letter-spacing:.07em; text-transform:uppercase; border-radius:var(--ep-r-pill); border:1px solid transparent; cursor:pointer; transition:transform var(--ep-dur) var(--ep-ease),box-shadow var(--ep-dur) var(--ep-ease); white-space:nowrap; }
.ep2 .ep-btn:hover { transform:translateY(-1px); }
.ep2 .ep-btn--primary { background:var(--ep-gradient-brand); color:#0d1a0d; box-shadow:var(--ep-glow-shop); font-weight:700; }
.ep2 .ep-btn--primary:hover { box-shadow:0 0 0 1px rgba(149,191,71,.6),0 16px 40px rgba(149,191,71,.4); }
.ep2 .ep-btn--ghost { background:rgba(255,255,255,.06); border-color:var(--ep-border-strong); color:var(--ep-text); }
.ep2 .ep-btn--ghost:hover { background:rgba(255,255,255,.1); }
.ep2 .ep-btn--ghost-dark { background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.15); color:#131a10; }
.ep2 .ep-btn--ghost-dark:hover { background:rgba(0,0,0,.1); }
.ep2 .ep-btn--lg { padding:18px 32px; font-size:.9375rem; }

/* ══════════════════════════════════════════════════════════════
   §1 HERO — 2 colunas: copy ← → painel de automação (Shopify Flow)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-hero {
  position:relative; overflow:hidden;
  background:
    linear-gradient(rgba(149,191,71,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(149,191,71,.07) 1px, transparent 1px),
    radial-gradient(140% 120% at 50% 0%, #101f0f 0%, #070d06 65%);
  background-size:40px 40px, 40px 40px, auto;
  border-bottom:1px solid rgba(149,191,71,.12);
  padding:100px 0 140px;
}
.ep2 .sp-hero-ambient { position:absolute; inset:0; pointer-events:none; background:radial-gradient(900px 700px at 50% 30%,rgba(149,191,71,.12),transparent 60%); }
.ep2 .sp-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }

.ep2 .sp-hero-copy { display:flex; flex-direction:column; gap:0; }
.ep2 .sp-hero-copy .ep-eyebrow { margin-bottom:16px; animation:hero-up .6s var(--ep-ease) 0s both; }
.ep2 .sp-hero-copy h1 { font-size:clamp(1.75rem,3.25vw,2.75rem); font-weight:900; line-height:1.05; letter-spacing:-.03em; margin:0 0 20px; text-wrap:balance; animation:hero-up .6s var(--ep-ease) .1s both; }
.ep2 .sp-hero-copy h1 .h1-light { display:block; font-weight:400; color:#fff; letter-spacing:-.025em; }
.ep2 .sp-hero-copy h1 em { font-style:normal; }
.ep2 .sp-hero-sub { font-size:1.0625rem; color:var(--ep-text-muted); line-height:1.7; max-width:500px; margin:0 0 36px; animation:hero-up .6s var(--ep-ease) .22s both; }
.ep2 .sp-hero-sub strong { color:var(--ep-text); }
.ep2 .sp-hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:40px; animation:hero-up .6s var(--ep-ease) .32s both; }
.ep2 .sp-trust { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-top:28px; border-top:1px solid var(--ep-border); animation:hero-up .6s var(--ep-ease) .44s both; }
.ep2 .sp-trust-item { display:flex; flex-direction:column; gap:2px; }
.ep2 .sp-trust-item strong { font:700 .9rem/1 var(--ep-font-sans); letter-spacing:-.01em; color:var(--ep-text-brand); }
.ep2 .sp-trust-item span { font:500 .6rem/1 var(--ep-font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-trust-sep { width:1px; height:22px; background:var(--ep-border-strong); flex-shrink:0; }

/* painel de automação */
.ep2 .sp-hero-visual { position:relative; animation:hero-up .75s var(--ep-ease) .2s both; }
.ep2 .sp-hero-badge { display:inline-flex; align-items:center; gap:14px; margin-bottom:24px; padding:10px 22px 10px 14px; background:rgba(255,255,255,.05); border:1px solid var(--ep-border-strong); border-radius:var(--ep-r-pill); }
.ep2 .sp-hero-badge img { height:26px; width:auto; }
.ep2 .sp-hero-badge span { font:600 .75rem/1 var(--ep-font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ep-text-muted); }
.ep2 .sp-flow-panel { background:#0a130a; border:1px solid rgba(149,191,71,.18); border-radius:12px; overflow:hidden; box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 0 1px rgba(149,191,71,.06) inset; }
.ep2 .sp-flow-bar { height:38px; background:#0c170c; border-bottom:1px solid rgba(149,191,71,.08); display:flex; align-items:center; padding:0 14px; gap:10px; }
.ep2 .sp-flow-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.ep2 .sp-flow-dot:nth-child(1) { background:rgba(255,90,90,.45); }
.ep2 .sp-flow-dot:nth-child(2) { background:rgba(255,200,50,.45); }
.ep2 .sp-flow-dot:nth-child(3) { background:rgba(82,191,66,.55); }
.ep2 .sp-flow-tab { margin-left:8px; font-size:.6875rem; color:var(--ep-text-dim); background:rgba(255,255,255,.04); padding:4px 12px; border-radius:4px 4px 0 0; }
.ep2 .sp-flow-body { display:flex; flex-direction:column; gap:0; padding:28px 28px 8px; }
.ep2 .sp-flow-step { display:flex; gap:16px; padding-bottom:24px; position:relative; }
.ep2 .sp-flow-step:last-child { padding-bottom:20px; }
.ep2 .sp-flow-step::before { content:''; position:absolute; left:17px; top:38px; bottom:0; width:1px; background:rgba(149,191,71,.18); }
.ep2 .sp-flow-step:last-child::before { display:none; }
.ep2 .sp-flow-icon { width:34px; height:34px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; background:rgba(149,191,71,.08); border:1px solid rgba(149,191,71,.25); }
.ep2 .sp-flow-icon svg { width:16px; height:16px; }
.ep2 .sp-flow-text { display:flex; flex-direction:column; gap:4px; padding-top:4px; }
.ep2 .sp-flow-text strong { font:700 .8125rem/1.3 var(--ep-font-sans); color:var(--ep-text); letter-spacing:-.005em; }
.ep2 .sp-flow-text span { font:.75rem/1.5 var(--ep-font-sans); color:var(--ep-text-muted); }
.ep2 .sp-flow-footer { padding:0 28px 36px; font:500 .6875rem/1.6 var(--ep-font-sans); color:var(--ep-text-dim); border-top:1px solid rgba(149,191,71,.08); margin-top:4px; padding-top:16px; }
/* métrica flutuante */
.ep2 .sp-hero-metric { position:absolute; bottom:-100px; left:-20px; background:var(--ep-bg-elevated); border:1px solid rgba(149,191,71,.22); border-radius:var(--ep-r-lg); padding:16px 20px; box-shadow:0 16px 40px rgba(0,0,0,.5); animation:hero-up .8s var(--ep-ease) .5s both; min-width:220px; max-width:260px; }
.ep2 .sp-hero-metric-num { font:700 .9375rem/1.3 var(--ep-font-sans); letter-spacing:-.01em; color:var(--ep-text-brand); display:block; margin-bottom:4px; }
.ep2 .sp-hero-metric-label { font:500 .6rem/1.3 var(--ep-font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-hero-metric-dot { width:6px; height:6px; border-radius:50%; background:#95bf47; box-shadow:0 0 8px #95bf47; animation:pulse-dot 2s ease-in-out infinite; display:inline-block; vertical-align:middle; margin-right:5px; }

/* ══════════════════════════════════════════════════════════════
   §3 DIFERENCIAIS — light
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-dif { padding:96px 0; }
.ep2 .sp-dif-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ep2 .sp-dif-card { background:var(--ep-bg-card); border:1px solid var(--ep-border); border-radius:var(--ep-r-xl); padding:28px 24px; display:flex; flex-direction:column; gap:14px; }
.ep2 .section-light .sp-dif-card { background:#fff; border-color:rgba(0,0,0,.07); }
.ep2 .sp-dif-icon { width:44px; height:44px; flex-shrink:0; }
.ep2 .sp-dif-card h3 { font-size:.9375rem; font-weight:700; letter-spacing:-.01em; line-height:1.3; margin:0; color:var(--ep-text); }
.ep2 .sp-dif-card p { font-size:.875rem; color:var(--ep-text-muted); line-height:1.65; margin:0; }

/* ══════════════════════════════════════════════════════════════
   §4 ENTERPRISE-GRADE POR PADRÃO (dark)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-enterprise { background:#0c170c; padding:96px 0; }
.ep2 .sp-enterprise-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:28px; }
.ep2 .sp-enterprise-card { background:var(--ep-bg-elevated); border:1px solid var(--ep-border-brand); border-radius:var(--ep-r-xl); padding:32px 28px; display:flex; flex-direction:column; gap:10px; }
.ep2 .sp-enterprise-num { font:800 2rem/1 var(--ep-font-mono); letter-spacing:-.03em; color:var(--ep-text-brand); }
.ep2 .sp-enterprise-card p { font:.875rem/1.65 var(--ep-font-sans); color:var(--ep-text-muted); margin:0; }
.ep2 .sp-enterprise-source { text-align:center; font:500 .6875rem/1.6 var(--ep-font-mono); letter-spacing:.04em; color:var(--ep-text-dim); }

/* ══════════════════════════════════════════════════════════════
   §5 CREDENCIAL — parceria oficial
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-credencial { background:#0a140a; padding:96px 0; }
.ep2 .sp-credencial-inner { display:grid; grid-template-columns:240px 1fr; gap:72px; align-items:center; }
.ep2 .sp-credencial-badge { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; background:var(--ep-bg-elevated); border:1px solid var(--ep-border-brand); border-radius:var(--ep-r-xl); padding:36px 24px; }
.ep2 .sp-credencial-badge img { height:32px; width:auto; margin-bottom:10px; filter:brightness(0) invert(1); }
.ep2 .sp-credencial-badge span { font:700 .875rem/1.2 var(--ep-font-sans); color:var(--ep-text); }
.ep2 .sp-credencial-badge small { font:500 .625rem/1.4 var(--ep-font-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-credencial h2 { font-size:clamp(1.75rem,3vw,2.5rem); font-weight:800; letter-spacing:-.02em; line-height:1.1; margin:12px 0 18px; }
.ep2 .sp-credencial p { font-size:1rem; color:var(--ep-text-muted); line-height:1.7; margin:0 0 24px; }
.ep2 .sp-credencial-points { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:28px; }
.ep2 .sp-credencial-point { display:flex; flex-direction:column; gap:6px; padding:18px 20px; background:var(--ep-bg-elevated); border:1px solid var(--ep-border); border-radius:var(--ep-r-lg); }
.ep2 .sp-credencial-point strong { font:700 .8125rem/1.3 var(--ep-font-sans); color:var(--ep-text); }
.ep2 .sp-credencial-point span { font:.75rem/1.5 var(--ep-font-sans); color:var(--ep-text-muted); }
@media(max-width:700px){ .ep2 .sp-credencial-points { grid-template-columns:1fr; } }
@media(max-width:900px){ .ep2 .sp-credencial-inner { grid-template-columns:1fr; gap:32px; } .ep2 .sp-credencial-badge { max-width:280px; margin:0 auto; } }

/* ══════════════════════════════════════════════════════════════
   §6 DOIS CAMINHOS + MODOS (dark)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-modos { background:#0d1a0d; padding:96px 0; }
.ep2 .sp-modos-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.ep2 .sp-modo { background:var(--ep-bg-elevated); border:1px solid var(--ep-border); border-radius:var(--ep-r-xl); padding:40px 36px; display:flex; flex-direction:column; gap:20px; position:relative; overflow:hidden; }
.ep2 .sp-modo--featured { border-color:var(--ep-border-brand); background:#0e2010; }
.ep2 .sp-modo-num { font:700 .6rem/1 var(--ep-font-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-modo h3 { font:700 1.375rem/1.2 var(--ep-font-sans); letter-spacing:-.02em; margin:0; }
.ep2 .sp-modo > p { font:1rem/1.65 var(--ep-font-sans); color:var(--ep-text-muted); margin:0; }
.ep2 .sp-modo-divider { height:1px; background:var(--ep-border); }
.ep2 .sp-modo-list { display:flex; flex-direction:column; gap:10px; }
.ep2 .sp-modo-list li { font:.875rem/1.4 var(--ep-font-sans); color:var(--ep-text-muted); padding-left:18px; position:relative; }
.ep2 .sp-modo-list li::before { content:'→'; position:absolute; left:0; font-weight:700; color:var(--ep-text-brand); font-size:.75rem; }
.ep2 .sp-modo-tag { font:600 .65rem/1 var(--ep-font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ep-text-dim); padding:10px 14px; border:1px solid var(--ep-border); border-radius:var(--ep-r-sm); align-self:flex-start; margin-top:auto; }
.ep2 .sp-modo--featured .sp-modo-tag { color:var(--ep-text-brand); border-color:var(--ep-border-brand); }
.ep2 .sp-modo-bg-num { position:absolute; right:-10px; bottom:-20px; font:900 7rem/1 var(--ep-font-mono); color:rgba(149,191,71,.05); pointer-events:none; user-select:none; }
.ep2 .sp-modos-note { text-align:center; margin-top:36px; font:500 .875rem/1.6 var(--ep-font-sans); color:var(--ep-text-dim); }

/* ══════════════════════════════════════════════════════════════
   §7 SPOTLIGHT — B2B nativo (split 1→2)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-spotlight { background:var(--ep-bg-elevated); padding:96px 0; border-top:1px solid var(--ep-border); border-bottom:1px solid var(--ep-border); }
.ep2 .sp-spotlight-inner { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; margin-bottom:56px; }
.ep2 .sp-spotlight h2 { font-size:clamp(1.75rem,3.5vw,2.75rem); font-weight:800; letter-spacing:-.025em; line-height:1.1; margin:12px 0 18px; }
.ep2 .sp-spotlight-left p { font-size:1rem; color:var(--ep-text-muted); line-height:1.7; margin:0 0 28px; }
.ep2 .sp-spotlight-checks { display:flex; flex-direction:column; gap:10px; }
.ep2 .sp-spotlight-check { display:flex; align-items:flex-start; gap:10px; font-size:.875rem; color:var(--ep-text-muted); line-height:1.55; }
.ep2 .sp-spotlight-check::before { content:'✓'; color:var(--ep-green-neon); font-weight:800; flex-shrink:0; margin-top:1px; }

.ep2 .sp-split { display:flex; flex-direction:column; align-items:center; gap:0; }
.ep2 .sp-split-source { text-align:center; background:var(--ep-bg-card); border:1px solid var(--ep-border-brand); border-radius:var(--ep-r-lg); padding:20px 28px; display:flex; flex-direction:column; gap:4px; }
.ep2 .sp-split-source strong { font:700 .9375rem/1.3 var(--ep-font-sans); color:var(--ep-text); }
.ep2 .sp-split-source span { font:500 .6875rem/1 var(--ep-font-mono); letter-spacing:.04em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-split-arrow { padding:8px 0; }
.ep2 .sp-split-arrow svg { width:24px; height:40px; }
.ep2 .sp-split-targets { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; width:100%; }
.ep2 .sp-split-target { background:var(--ep-bg-card); border:1px solid var(--ep-border); border-radius:var(--ep-r-lg); padding:22px 24px; display:flex; flex-direction:column; gap:12px; }
.ep2 .sp-split-target h4 { margin:0; font:700 1rem/1.2 var(--ep-font-sans); letter-spacing:-.01em; color:var(--ep-text-brand); }
.ep2 .sp-split-target ul { display:flex; flex-direction:column; gap:6px; }
.ep2 .sp-split-target li { font:.8125rem/1.4 var(--ep-font-sans); color:var(--ep-text-muted); padding-left:14px; position:relative; }
.ep2 .sp-split-target li::before { content:'—'; position:absolute; left:0; color:var(--ep-text-dim); }
.ep2 .sp-spotlight-cta { text-align:center; }

/* ══════════════════════════════════════════════════════════════
   §7 VISÃO GERAL DOS PLANOS — Basic / Grow / Advanced / Plus (light)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-plans { padding:96px 0; }
.ep2 .sp-plans-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:stretch; }
.ep2 .sp-plan-card { background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:var(--ep-r-xl); padding:32px 26px; display:flex; flex-direction:column; gap:14px; position:relative; }
.ep2 .sp-plan-card--highlight { border-color:rgba(149,191,71,.45); }
.ep2 .sp-plan-card--featured { border-color:rgba(149,191,71,.6); background:#f6faf1; box-shadow:0 20px 50px rgba(20,40,10,.1); }
.ep2 .sp-plan-badge { align-self:flex-start; font:700 .625rem/1.3 var(--ep-font-mono); letter-spacing:.04em; text-transform:uppercase; color:#fff; background:#5e8e3e; padding:6px 12px; border-radius:var(--ep-r-pill); }
.ep2 .sp-plan-card h3 { font-size:1.125rem; font-weight:800; letter-spacing:-.01em; margin:0; color:#131a10; }
.ep2 .sp-plan-tagline { font:700 .8125rem/1.4 var(--ep-font-sans); color:#131a10; margin:0; }
.ep2 .sp-plan-desc { font-size:.8125rem; color:#4c5647; line-height:1.6; margin:0; }
.ep2 .sp-plan-divider { height:1px; background:rgba(0,0,0,.08); }
.ep2 .sp-plan-list { display:flex; flex-direction:column; gap:8px; }
.ep2 .sp-plan-list li { font:.8125rem/1.4 var(--ep-font-sans); color:#4c5647; padding-left:16px; position:relative; }
.ep2 .sp-plan-list li::before { content:'→'; position:absolute; left:0; font-weight:700; color:#5e8e3e; font-size:.7rem; }
.ep2 .sp-plan-footer { margin-top:auto; padding-top:14px; font:600 .625rem/1 var(--ep-font-mono); letter-spacing:.06em; text-transform:uppercase; color:#8f8f83; border-top:1px solid rgba(0,0,0,.06); }
.ep2 .sp-plans-cta { text-align:center; margin-top:28px; }

/* ══════════════════════════════════════════════════════════════
   §8 ADVANCED VERSUS PLUS — comparativo detalhado (light)
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-comp { padding:96px 0; }
.ep2 .sp-comp-scroll { overflow-x:auto; }
.ep2 .sp-comp-table { width:100%; min-width:760px; table-layout:fixed; border-collapse:collapse; border-radius:var(--ep-r-xl); overflow:hidden; border:1px solid rgba(0,0,0,.07); }
.ep2 .sp-comp-table th:first-child,.ep2 .sp-comp-table td:first-child { width:24%; }
.ep2 .sp-comp-table th:not(:first-child),.ep2 .sp-comp-table td:not(:first-child) { width:38%; }
.ep2 .sp-comp-table th { padding:18px 24px; font:700 .75rem/1 var(--ep-font-sans); letter-spacing:.06em; text-transform:uppercase; text-align:left; background:#eef2ea; color:#4c5647; }
.ep2 .sp-comp-table th.col-featured { background:#0e2010; color:#95bf47; font-size:.8rem; }
.ep2 .sp-comp-table td { padding:16px 24px; font:.875rem/1.4 var(--ep-font-sans); color:#4c5647; border-top:1px solid rgba(0,0,0,.06); vertical-align:middle; white-space:normal; overflow-wrap:break-word; }
.ep2 .sp-comp-table td.col-featured { background:#eef7e4; color:#131a10; font-weight:600; border-top:1px solid rgba(149,191,71,.15); }
.ep2 .sp-comp-table td .yes { display:inline-flex; align-items:flex-start; gap:6px; color:#5e8e3e; font-weight:700; }
.ep2 .sp-comp-table td .yes::before { content:'✓'; font-weight:800; }
.ep2 .sp-comp-table td .no { display:inline-flex; align-items:center; gap:6px; color:rgba(0,0,0,.3); }
.ep2 .sp-comp-table td .no::before { content:'✕'; }
.ep2 .sp-comp-table tr:last-child td { border-radius:0 0 var(--ep-r-xl) var(--ep-r-xl); }
.ep2 .sp-comp-decision { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
.ep2 .sp-comp-decision-block { background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:var(--ep-r-lg); padding:24px 26px; }
.ep2 .sp-comp-decision-block h4 { margin:0 0 8px; font:700 .9375rem/1.3 var(--ep-font-sans); color:#131a10; }
.ep2 .sp-comp-decision-block p { margin:0; font-size:.8125rem; color:#4c5647; line-height:1.6; }
.ep2 .sp-comp-cta { text-align:center; margin-top:40px; }

/* ══════════════════════════════════════════════════════════════
   §9 CASES — notebook frames + resultados
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-cases { background:#060b06; padding:96px 0; }
.ep2 .sp-cases-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.ep2 .sp-case { display:flex; flex-direction:column; gap:0; border:1px solid rgba(149,191,71,.16); border-radius:var(--ep-r-xl); overflow:hidden; background:#0a140a; transition:transform .25s var(--ep-ease),box-shadow .25s var(--ep-ease); }
.ep2 .sp-case:hover { transform:translateY(-4px); box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(149,191,71,.22); }
.ep2 .sp-notebook { padding:16px 16px 0; background:#081008; border-bottom:2px solid rgba(149,191,71,.08); }
.ep2 .sp-nb-screen { background:#0c170c; border-radius:8px 8px 0 0; border:1px solid rgba(149,191,71,.12); border-bottom:none; overflow:hidden; }
.ep2 .sp-nb-bar { height:28px; background:#101f10; border-bottom:1px solid rgba(149,191,71,.08); display:flex; align-items:center; padding:0 10px; gap:5px; flex-shrink:0; }
.ep2 .sp-nb-dot { width:7px; height:7px; border-radius:50%; }
.ep2 .sp-nb-dot:nth-child(1) { background:rgba(255,90,90,.4); }
.ep2 .sp-nb-dot:nth-child(2) { background:rgba(255,200,50,.4); }
.ep2 .sp-nb-dot:nth-child(3) { background:rgba(82,191,66,.5); }
.ep2 .sp-nb-content { aspect-ratio:16/10; position:relative; overflow:hidden; }
.ep2 .sp-nb-content img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.ep2 .sp-nb-ph { position:absolute; inset:0; background:rgba(149,191,71,.03); display:flex; align-items:center; justify-content:center; }
.ep2 .sp-nb-ph-label { font:500 .58rem/1.5 var(--ep-font-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(149,191,71,.35); text-align:center; padding:0 16px; }
.ep2 .sp-nb-base { height:12px; background:#101f10; border-radius:0 0 6px 6px; border:1px solid rgba(149,191,71,.1); border-top:none; display:flex; align-items:center; justify-content:center; }
.ep2 .sp-nb-hinge { width:50px; height:5px; background:rgba(149,191,71,.1); border-radius:0 0 4px 4px; }
.ep2 .sp-case-body { padding:24px; display:flex; flex-direction:column; gap:14px; flex:1; }
.ep2 .sp-case-sector { font:600 .6rem/1 var(--ep-font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ep-text-brand); }
.ep2 .sp-case-title { font:700 1rem/1.3 var(--ep-font-sans); letter-spacing:-.01em; color:var(--ep-text); margin:0; }
.ep2 .sp-case-desc { font:.8125rem/1.65 var(--ep-font-sans); color:var(--ep-text-muted); margin:0; }
.ep2 .sp-case-results { display:flex; gap:20px; padding-top:14px; border-top:1px solid rgba(149,191,71,.08); margin-top:auto; }
.ep2 .sp-case-result { display:flex; flex-direction:column; gap:2px; }
.ep2 .sp-case-result strong { display:block; font:700 .75rem/1.3 var(--ep-font-sans); color:var(--ep-text-brand); margin-bottom:2px; }
.ep2 .sp-case-result span { font:500 .625rem/1.3 var(--ep-font-mono); letter-spacing:.04em; text-transform:uppercase; color:var(--ep-text-dim); }
.ep2 .sp-cases-note { margin-top:32px; text-align:center; font:500 .6875rem/1.6 var(--ep-font-mono); letter-spacing:.02em; color:var(--ep-text-dim); }


/* ══════════════════════════════════════════════════════════════
   §11 FAQ — light
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-faq { padding:96px 0; }
.ep2 .faq-list { display:flex; flex-direction:column; gap:0; }
.ep2 .faq-item { border-bottom:1px solid rgba(0,0,0,.07); }
.ep2 .faq-item summary { list-style:none; padding:22px 0; cursor:pointer; font:600 1rem/1.4 var(--ep-font-sans); letter-spacing:-.01em; color:#131a10; display:flex; align-items:center; justify-content:space-between; gap:16px; user-select:none; }
.ep2 .faq-item summary::-webkit-details-marker { display:none; }
.ep2 .faq-item summary::after { content:'+'; font:400 1.5rem/1 var(--ep-font-sans); color:#5e8e3e; flex-shrink:0; transition:transform .2s var(--ep-ease); }
.ep2 .faq-item details[open] summary::after { content:'−'; }
.ep2 .faq-answer { padding:0 0 22px; font:.9375rem/1.7 var(--ep-font-sans); color:#4c5647; }
.ep2 .faq-answer p { margin:0; }

/* ══════════════════════════════════════════════════════════════
   §12 CTA FINAL — dark
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-cta { background:#060b06; padding:96px 0; }
.ep2 .sp-cta-box { max-width:1080px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:20px; }
.ep2 .sp-cta-box h2 { font:800 clamp(2rem,4.5vw,3.25rem)/1.05 var(--ep-font-sans); letter-spacing:-.03em; margin:12px 0; }
.ep2 .sp-cta-box p { font:1rem/1.65 var(--ep-font-sans); color:var(--ep-text-muted); max-width:640px; }
.ep2 .sp-cta-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:8px; }

/* ══════════════════════════════════════════════════════════════
   §13 FORMULÁRIO
   ══════════════════════════════════════════════════════════════ */
.ep2 .sp-form { position:relative; overflow:hidden; background:linear-gradient(rgba(149,191,71,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(149,191,71,.07) 1px, transparent 1px),radial-gradient(140% 160% at 50% 100%, #101f0f 0%, #070d06 65%); background-size:40px 40px, 40px 40px, auto; border-top:1px solid var(--ep-border); }
.ep2 .sp-form-wrap { display:grid; grid-template-columns:5fr 4fr; gap:60px; align-items:center; padding:96px 0; }
@media(max-width:900px){ .ep2 .sp-form-wrap { grid-template-columns:1fr; gap:40px; padding:64px 0; } }
.ep2 .sp-form-left { display:flex; flex-direction:column; justify-content:center; }
.ep2 .sp-form-left h2 { font-size:clamp(1.75rem,3vw,2.5rem); font-weight:900; letter-spacing:-.02em; line-height:1.05; margin:12px 0 18px; }
.ep2 .sp-form-left p { font-size:.9375rem; color:var(--ep-text-muted); line-height:1.75; margin:0 0 28px; }
.ep2 .sp-form-checks { display:flex; flex-direction:column; gap:10px; }
.ep2 .sp-form-check { display:flex; align-items:flex-start; gap:10px; font-size:.875rem; color:var(--ep-text-muted); line-height:1.55; }
.ep2 .sp-form-check::before { content:'✓'; color:var(--ep-green-neon); font-weight:800; flex-shrink:0; margin-top:1px; }
.ep2 .sp-form-final { margin-top:20px; font:700 .8125rem/1.5 var(--ep-font-sans); color:var(--ep-text); }
.ep2 .sp-form-right { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:var(--ep-r-xl); padding:44px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 24px 60px rgba(0,0,0,.35); }
@media(max-width:900px){ .ep2 .sp-form-right { padding:28px; } }
.ep2 .sp-form-right .centro { float:none; width:auto; }
.ep2 .sp-form-right .centroFormulario { background:transparent; }
.ep2 .sp-form-right .centroFormularioMin { margin-top:0 !important; border-top:none; background:transparent; }
.ep2 .sp-form-right .centro > .content { max-width:none; padding:0; margin:0; }
.ep2 .sp-form-right .centroFormularioMin > div > h3 { font-size:18px !important; font-weight:700; color:#131a10; margin-bottom:8px; padding-top:0 !important; }
.ep2 .sp-form-right .centroFormularioMin > div > p { font-size:14px; color:#4c5647; line-height:1.55; margin-bottom:16px; }
.ep2 .sp-form-right .centroFormularioMin > div > p a.whatsapp { color:var(--ep-shop-deep); font-weight:700; float:none; font-size:inherit; margin:0; }
.ep2 .sp-form-right .bricks--section,.ep2 .sp-form-right .bricks--row,.ep2 .sp-form-right .bricks--column,.ep2 .sp-form-right #rd-section-l1j8za72,.ep2 .sp-form-right #rd-row-l1j8za73,.ep2 .sp-form-right #rd-column-l1j8za78 { background:transparent !important; background-color:transparent !important; border-radius:0 !important; box-shadow:none !important; }
.ep2 .sp-form-right .bricks-form__label { color:#131a10 !important; font-size:13px !important; font-weight:600 !important; }
.ep2 .sp-form-right .bricks-form__input { background:#fff !important; border:1.5px solid rgba(0,0,0,.18) !important; border-radius:6px !important; color:#131a10 !important; font-size:14px !important; }
.ep2 .sp-form-right .bricks-form__input:focus { border-color:var(--ep-shop-500) !important; background:#fff !important; outline:none !important; box-shadow:0 0 0 3px rgba(149,191,71,.15) !important; }
.ep2 .sp-form-right .bricks-form__input::placeholder { color:rgba(19,26,16,.38) !important; }
.ep2 .sp-form-right select.bricks-form__input { color:#131a10 !important; background:#fff !important; }
.ep2 .sp-form-right .bricks--component-button { background-color:var(--ep-shop-500) !important; border-color:var(--ep-shop-500) !important; color:#0d1a0d !important; font-weight:700 !important; border-radius:999px !important; width:100% !important; padding:14px 24px !important; font-size:15px !important; }
.ep2 .sp-form-right .bricks--component-button:hover { background-color:var(--ep-shop-deep) !important; border-color:var(--ep-shop-deep) !important; color:#fff !important; }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVO GLOBAL
   ══════════════════════════════════════════════════════════════ */
@media(max-width:1100px) {
  .ep2 .sp-hero-inner { gap:48px; }
  .ep2 .sp-comp-table { font-size:.8rem; }
  .ep2 .sp-modos-grid { grid-template-columns:repeat(2,1fr); }
  .ep2 .sp-split-targets { grid-template-columns:1fr; }
  .ep2 .sp-plans-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:900px) {
  .ep2 .sp-hero-inner { grid-template-columns:1fr; gap:48px; }
  .ep2 .sp-hero-metric { left:0; bottom:-92px; }
  .ep2 .sp-dif-grid { grid-template-columns:repeat(2,1fr); }
  .ep2 .sp-enterprise-grid { grid-template-columns:1fr; }
  .ep2 .sp-modos-grid { grid-template-columns:1fr; }
  .ep2 .sp-spotlight-inner { grid-template-columns:1fr; gap:40px; }
  .ep2 .sp-cases-grid { grid-template-columns:repeat(2,1fr); }
  .ep2 .sp-cases-grid .sp-case:last-child { grid-column:1/-1; max-width:440px; justify-self:center; }
  .ep2 .sp-credencial-inner { grid-template-columns:1fr; }
  .ep2 .sp-split-targets { grid-template-columns:1fr; }
  .ep2 .sp-comp-decision { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  .ep2 .ep-container { padding:0 20px; }
  .ep2 .sp-hero { padding:80px 0 108px; }
  .ep2 .sp-hero-copy h1 { font-size:1.625rem; }
  .ep2 .sp-hero-actions { flex-direction:column; }
  .ep2 .sp-dif-grid { grid-template-columns:1fr; }
  .ep2 .sp-cases-grid { grid-template-columns:1fr; }
  .ep2 .sp-cases-grid .sp-case:last-child { max-width:100%; grid-column:auto; }
  .ep2 .sp-plans-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .ep2 { animation:none; opacity:1; transform:none; }
  .ep2 .sp-hero-copy h1,.ep2 .sp-hero-sub,.ep2 .sp-hero-actions,.ep2 .sp-trust,.ep2 .sp-hero-visual,.ep2 .sp-hero-metric { animation:none; opacity:1; transform:none; }
  .ep2 .sp-hero-metric-dot { animation:none; }
}