/* lp.css: páginas de solução (emails transacionais, NF-e, transportadoras, SMTP dedicado/ilimitado/profissional).
   Mesma linguagem da recursos e da planos: topo escuro, verde como sinal, cantos de 4px, sem sombras. */
.lp { --ink:#023441; --ink2:#0b4a59; --deep:#01242d; --text:#4d6066; --muted:#6f8389; --green:#79b643; --green-d:#3f7a16; --green2:#a2dcc5; --mint:#eef6e7;
      --line:#e1e9ea; --soft:#f4f7f6; --r:4px; --sans:'Commissioner',Arial,Helvetica,sans-serif; --ease:cubic-bezier(.2,.7,.2,1);
      background:#fff; color:var(--text); font:400 16px/1.65 var(--sans); overflow-x:hidden; overflow-x:clip; }
.lp *, .lp *::before, .lp *::after { box-sizing:border-box; }
.lp h1, .lp h2, .lp h3, .lp h4, .lp p, .lp li { font-family:var(--sans); text-shadow:none; }
.lp h1, .lp h2, .lp h3, .lp p { margin-top:0; }
.lp h1, .lp h2, .lp h3, .lp h4 { color:var(--ink); letter-spacing:-.025em; text-wrap:balance; text-transform:none; }
.lp h2 { font-size:clamp(28px,3.1vw,40px); line-height:1.14; font-weight:700; margin-bottom:14px; }
.lp h3 { font-size:19px; line-height:1.3; font-weight:700; margin-bottom:8px; }
.lp p { text-wrap:pretty; }
.lp a { color:var(--ink); }
.lp a:focus-visible, .lp button:focus-visible, .lp summary:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
.lp nav { float:none; width:auto; margin:0; padding:0; background:none; }
.lp .ic { width:1.1em; height:1.1em; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.15em; }
.lp .w { width:100%; max-width:1200px; margin:0 auto; padding:0 28px; }
.lp .sec { padding:96px 0; }
.lp .sec-soft { background:var(--soft); }
.lp .kicker { display:inline-flex; align-items:center; gap:8px; color:#4f8a22; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px; }
.lp .kicker::before { content:""; width:18px; height:2px; background:var(--green); }
.lp .head-c { text-align:center; max-width:760px; margin:0 auto 52px; }
.lp .head-c p { font-size:18px; margin:0; }
.lp .head { max-width:720px; margin-bottom:44px; }
.lp .head p { font-size:18px; margin:0; }
.lp .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:13px 24px; border-radius:var(--r); border:1px solid transparent; font-size:15px; font-weight:600; text-decoration:none; white-space:nowrap; transition:background .2s, border-color .2s, color .2s; }
.lp .btn:active { transform:translateY(1px); }
.lp a.btn.btn-green, .lp a.btn.btn-green:visited { background:var(--green) !important; color:#fff !important; border-color:transparent !important; }
.lp a.btn.btn-green:hover { background:#6aa536 !important; }
.lp a.btn.btn-dark, .lp a.btn.btn-dark:visited { background:var(--ink) !important; color:#fff !important; border-color:transparent !important; }
.lp a.btn.btn-dark:hover { background:var(--ink2) !important; }
.lp a.btn.btn-ghost { border-color:rgba(255,255,255,.3) !important; color:#fff !important; background:transparent !important; }
.lp a.btn.btn-ghost:hover { background:rgba(255,255,255,.08) !important; }
.lp .tlink { display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:15px; text-decoration:none; color:var(--ink); }
.lp .tlink:hover { color:#4f8a22; }
.lp .rv { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s var(--ease); }
.lp .rv.in { opacity:1; transform:none; }
.lp .rv.d1 { transition-delay:.08s; } .lp .rv.d2 { transition-delay:.16s; } .lp .rv.d3 { transition-delay:.24s; }

/* ===== TOPO ===== */
.lp .hero { position:relative; background:var(--ink); color:#c7dadf; padding:56px 0 72px; overflow:hidden; }
.lp .hero::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size:26px 26px; mask-image:linear-gradient(180deg,#000 0,transparent 95%); -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 95%); pointer-events:none; }
.lp .hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:center; }
.lp .crumb { font-size:13px; color:#8fb0b8; margin-bottom:24px; }
.lp .crumb a { color:#c7dadf; text-decoration:none; }
.lp .crumb a:hover { text-decoration:underline; }
.lp .crumb span { margin:0 8px; }
.lp .pill { display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; border-radius:var(--r); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); font-size:13px; color:#dbe9ec; margin-bottom:20px; }
.lp .pill b { white-space:nowrap; background:var(--green); color:#122a07; padding:2px 8px; border-radius:var(--r); font-size:11px; letter-spacing:.06em; }
.lp .hero h1 { color:#fff; font-size:clamp(34px,4.2vw,54px); line-height:1.07; font-weight:700; letter-spacing:-.035em; margin-bottom:20px; }
.lp .hero h1 em { font-style:normal; color:var(--green2); }
.lp .hero .lead { font-size:18px; line-height:1.7; color:#c7dadf; max-width:600px; margin-bottom:30px; }
.lp .hero-cta { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:0; }
.lp .hero-proof { display:flex; flex-wrap:wrap; gap:8px 22px; list-style:none; margin:0; padding:0; font-size:14px; color:#a9c4ca; }
.lp .hero-proof li { display:inline-flex; align-items:center; gap:8px; }
.lp .hero-proof .ic { color:var(--green); }
.lp .stage { position:relative; min-height:420px; }

/* Peças das ilustrações do topo (HTML/CSS) */
.lp .card { position:absolute; background:#fff; border-radius:var(--r); color:var(--ink); }
.lp .card small { display:block; font-size:11px; color:var(--muted); line-height:1.3; }
.lp .card strong { display:block; font-size:14px; line-height:1.3; }
.lp .float { animation:lpbob 7s ease-in-out infinite; }
.lp .float.f2 { animation-delay:-2.5s; } .lp .float.f3 { animation-delay:-4.5s; }
@keyframes lpbob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.lp .mailwin { left:0; top:20px; width:88%; overflow:hidden; }
.lp .mailwin .bar { display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--line); }
.lp .mailwin .av { width:34px; height:34px; border-radius:var(--r); display:grid; place-items:center; background:var(--ink); color:#fff; font-weight:700; font-size:14px; flex:none; }
.lp .mailwin .bar em { margin-left:auto; font-style:normal; font-size:12px; color:var(--muted); }
.lp .mailwin .body { padding:18px 16px 16px; font-size:13px; line-height:1.55; color:var(--text); }
.lp .mailwin .body strong { font-size:16px; margin-bottom:6px; }
.lp .att { display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.lp .att span { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:var(--r); font-size:12px; color:var(--ink); }
.lp .att i { display:grid; place-items:center; width:28px; height:28px; border-radius:var(--r); font-style:normal; font-size:10px; font-weight:700; color:#fff; background:var(--green-d); }
.lp .att i.pdf { background:#b33a36; }
.lp .badge-ok { right:0; bottom:40px; display:flex; gap:12px; align-items:center; padding:14px 16px; border-left:3px solid var(--green); }
.lp .badge-ok .dot { width:36px; height:36px; border-radius:var(--r); display:grid; place-items:center; background:var(--mint); color:var(--green-d); flex:none; }
.lp .note-card { left:6%; bottom:0; padding:12px 14px; width:250px; }
.lp .bars { display:flex; gap:4px; margin-top:8px; }
.lp .bars i { flex:1; height:5px; border-radius:3px; background:#e6ecec; }
.lp .bars i.on { background:var(--green); }

/* Linha do tempo de entrega (transportadoras) */
.lp .track-card { left:0; top:10px; width:86%; padding:20px 20px 10px; }
.lp .track-card .hd { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.lp .track-card .hd span { font-size:12px; font-weight:600; color:var(--green-d); background:var(--mint); padding:3px 8px; border-radius:var(--r); }
.lp .tl { list-style:none; margin:0; padding:0; }
.lp .tl li { position:relative; padding:0 0 16px 30px; font-size:13px; color:var(--text); }
.lp .tl li::before { content:""; position:absolute; left:6px; top:6px; width:10px; height:10px; border-radius:50%; background:#cfdadc; }
.lp .tl li::after { content:""; position:absolute; left:10px; top:18px; bottom:-2px; width:2px; background:#e3eaeb; }
.lp .tl li:last-child::after { display:none; }
.lp .tl li.on::before { background:var(--green); box-shadow:0 0 0 3px var(--mint); }
.lp .tl li b { display:block; font-size:14px; color:var(--ink); }
.lp .tl li em { font-style:normal; font-size:12px; color:var(--muted); }

/* Painel de reputação (dedicado) */
.lp .rep { left:0; top:10px; width:84%; padding:20px; }
.lp .rep .row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:11px 0; border-top:1px solid var(--line); font-size:13px; }
.lp .rep .row:first-of-type { border-top:0; }
.lp .rep .ok { font-size:12px; font-weight:600; color:var(--green-d); }
.lp .rep .ip { font:600 18px/1.2 var(--sans); color:var(--ink); }
.lp .rep .meter { height:8px; border-radius:4px; background:#e6ecec; margin:12px 0 6px; overflow:hidden; }
.lp .rep .meter i { display:block; height:100%; width:96%; background:var(--green); }

/* Contador (ilimitado) */
.lp .unl { left:0; top:0; width:86%; padding:22px; }
.lp .unl .big { font:700 44px/1 var(--sans); letter-spacing:-.03em; color:var(--ink); margin:6px 0 4px; font-variant-numeric:tabular-nums; }
.lp .unl ul { list-style:none; margin:16px 0 0; padding:0; }
.lp .unl li { display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--line); font-size:14px; color:var(--ink); }
.lp .unl li .ic { color:var(--green-d); }
.lp .unl li span { margin-left:auto; font-size:12px; font-weight:600; color:var(--green-d); }

/* Comparativo provedor x MailGrid (profissional) */
.lp .vs { left:0; top:10px; width:90%; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; }
.lp .vs > div { padding:18px; }
.lp .vs > div + div { background:var(--mint); }
.lp .vs h4 { font-size:13px; margin:0 0 10px; color:var(--muted); letter-spacing:0; }
.lp .vs > div + div h4 { color:var(--green-d); }
.lp .vs li { list-style:none; display:flex; gap:8px; align-items:flex-start; font-size:13px; line-height:1.4; padding:6px 0; color:var(--text); }
.lp .vs ul { margin:0; padding:0; }
.lp .vs li .ic { margin-top:2px; }
.lp .vs > div:first-child .ic { color:#b33a36; }
.lp .vs > div + div .ic { color:var(--green-d); }

/* ===== CLIENTES ===== */
.lp .clients { padding:48px 0 16px; text-align:center; }
.lp .clients h2 { font:600 12px var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:26px; }
.lp .marquee { overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); padding:6px 0; }
.lp .track { display:flex; align-items:center; width:max-content; animation:lpmarq var(--dur,1300s) linear infinite; }
.lp .marquee:hover .track { animation-play-state:paused; }
.lp .track img { height:46px; width:auto; max-width:150px; margin-right:48px; object-fit:contain; filter:grayscale(1); opacity:.6; transition:filter .25s, opacity .25s; }
.lp .track img:hover { filter:none; opacity:1; }
@keyframes lpmarq { to { transform:translateX(-50%); } }

/* ===== BLOCOS DE CONTEÚDO ===== */
.lp .split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
.lp .split.rev > :first-child { order:2; }
.lp .prose p { font-size:17px; }
.lp .prose p:last-child { margin-bottom:0; }
.lp .checks { list-style:none; margin:20px 0 0; padding:0; }
.lp .checks li { position:relative; padding:9px 0 9px 32px; border-top:1px solid var(--line); font-size:16px; color:var(--text); }
.lp .checks li:last-child { border-bottom:1px solid var(--line); }
.lp .checks li::before { content:""; position:absolute; left:4px; top:16px; width:12px; height:7px; border-left:2px solid var(--green-d); border-bottom:2px solid var(--green-d); transform:rotate(-45deg); }
.lp .checks b { color:var(--ink); }
.lp .grid3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.lp .grid3.g2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lp .grid3 > div { background:#fff; padding:30px 28px; }
.lp .grid3 .gi { display:grid; place-items:center; width:44px; height:44px; border-radius:var(--r); background:var(--mint); color:var(--green-d); margin-bottom:18px; }
.lp .grid3 .gi .ic { width:22px; height:22px; }
.lp .grid3 p { font-size:15px; margin:0; }
.lp .steps { counter-reset:s; list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.lp .steps li { counter-increment:s; border-top:3px solid var(--green); padding-top:18px; }
.lp .steps li::before { content:counter(s,decimal-leading-zero); display:block; font-size:13px; font-weight:700; color:var(--green-d); margin-bottom:8px; }
.lp .steps b { display:block; font-size:17px; color:var(--ink); margin-bottom:6px; }
.lp .steps span { font-size:15px; }
.lp .panel { border:1px solid var(--line); border-radius:var(--r); background:#fff; padding:32px; }
.lp .panel.ink { background:var(--ink); border-color:var(--ink); color:#c7dadf; }
.lp .panel.ink h3, .lp .panel.ink b { color:#fff; }
.lp .panel.ink .kicker { color:var(--green); }
.lp .callout { display:grid; grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:start; padding:32px; border-radius:var(--r); background:var(--green); color:#fff; }
.lp .callout strong { font:700 clamp(30px,3vw,40px)/1 var(--sans); letter-spacing:-.03em; color:var(--ink); }
.lp .callout p { margin:0; font-size:16px; color:#fff; }
.lp .callout b { color:var(--ink); }
.lp .tbl { width:100%; border-collapse:collapse; font-size:15px; background:#fff; border:1px solid var(--line); border-radius:var(--r); }
.lp .tbl th, .lp .tbl td { padding:14px 18px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.lp .tbl thead th { background:var(--ink); color:#fff; font-weight:600; font-size:14px; }
.lp .tbl tbody th { color:var(--ink); font-weight:600; width:32%; }
.lp .src { margin:18px 0 0; font-size:13px; color:var(--muted); }
.lp .src a { color:var(--muted); }

/* ===== PLANOS (resumo) ===== */
.lp .plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.lp .plan { position:relative; display:flex; flex-direction:column; padding:30px 26px 26px; border:1px solid var(--line); border-radius:var(--r); background:#fff; }
.lp .plan .flag { position:absolute; top:-1px; left:26px; padding:4px 10px; border-radius:0 0 var(--r) var(--r); background:var(--green); color:#122a07; font-size:12px; font-weight:700; }
.lp .plan h3 { font-size:22px; margin:0 0 2px; }
.lp .plan .tag { font-size:14px; color:var(--muted); margin-bottom:18px; }
.lp .plan .from { font-size:13px; color:var(--muted); margin:0; }
.lp .plan .price { display:flex; align-items:baseline; gap:4px; font:700 40px/1.1 var(--sans); letter-spacing:-.03em; color:var(--ink); margin:0 0 16px; font-variant-numeric:tabular-nums; }
.lp .plan .price span { font-size:17px; font-weight:600; align-self:flex-start; margin-top:6px; }
.lp .plan .price small { font-size:14px; font-weight:400; color:var(--muted); letter-spacing:0; }
.lp .plan .pst { display:grid; grid-template-columns:1fr 1fr; margin:0 0 16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lp .plan .pst div { padding:10px 0; }
.lp .plan .pst div + div { padding-left:14px; border-left:1px solid var(--line); }
.lp .plan dt { font-size:12px; font-weight:400; color:var(--muted); }
.lp .plan dd { margin:0; font-size:14px; font-weight:600; color:var(--ink); }
.lp .plan .feats { list-style:none; margin:0 0 22px; padding:0; font-size:14px; }
.lp .plan .feats li { position:relative; padding:5px 0 5px 24px; }
.lp .plan .feats li::before { content:""; position:absolute; left:2px; top:11px; width:10px; height:6px; border-left:2px solid var(--green); border-bottom:2px solid var(--green); transform:rotate(-45deg); }
.lp .plan .btn { margin-top:auto; width:100%; }
.lp .plan.hl { background:var(--ink); border-color:var(--ink); color:#c7dadf; }
.lp .plan.hl h3, .lp .plan.hl .price, .lp .plan.hl dd { color:#fff; }
.lp .plan.hl .tag, .lp .plan.hl .from, .lp .plan.hl dt, .lp .plan.hl .price small { color:#a9c4ca; }
.lp .plan.hl .pst, .lp .plan.hl .pst div + div { border-color:rgba(255,255,255,.16); }
.lp .plans-foot { text-align:center; margin:26px 0 0; font-size:15px; }
.lp .plans-foot a { font-weight:600; white-space:nowrap; }

/* ===== PERGUNTAS ===== */
.lp .faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; }
.lp details { border:1px solid var(--line); border-radius:var(--r); margin-bottom:10px; background:#fff; }
.lp details[open] { border-color:#cfdcde; }
.lp summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; cursor:pointer; list-style:none; font-size:16px; font-weight:600; color:var(--ink); }
.lp summary::-webkit-details-marker { display:none; }
.lp summary::after { content:"+"; flex:none; width:28px; height:28px; border-radius:var(--r); background:var(--soft); display:grid; place-items:center; font-size:18px; font-weight:400; transition:transform .25s; }
.lp details[open] summary::after { transform:rotate(45deg); background:var(--green); color:#fff; }
.lp details .a { padding:0 20px 18px; font-size:15px; }
.lp details .a p { margin:0; }

/* ===== VEJA TAMBÉM + FINAL ===== */
.lp .rel { padding:72px 0; }
.lp .rel-t { font-size:24px; margin-bottom:24px; }
.lp .rel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.lp .rel-grid a { position:relative; display:block; padding:22px 48px 22px 24px; background:#fff; text-decoration:none; color:var(--text); transition:background .15s; }
.lp .rel-grid a:hover { background:#f8fbf5; }
.lp .rel-grid strong { display:block; font-size:16px; color:var(--ink); margin-bottom:2px; }
.lp .rel-grid span { font-size:14px; color:var(--muted); }
.lp .rel-grid .ic { position:absolute; right:20px; top:50%; margin-top:-9px; color:var(--green-d); }
.lp .final { padding:72px 0 88px; }
.lp .final-box { display:grid; grid-template-columns:minmax(0,1.2fr) auto; gap:40px; align-items:center; padding:52px 56px; border-radius:var(--r); background:var(--ink); }
.lp .final-box h2 { color:#fff; margin-bottom:10px; }
.lp .final-box p { color:#c7dadf; font-size:17px; margin:0; }
.lp .final-box .acts { display:flex; flex-wrap:wrap; gap:12px; }
.lp p.legal { margin:36px 0 0; padding-top:18px; border-top:1px solid var(--line); font-size:12px; line-height:1.6; color:var(--muted); }

@media (max-width:1100px) {
    .lp .plans { grid-template-columns:minmax(0,1fr); max-width:520px; margin:0 auto; }
    .lp .plan.hl { order:-1; }
}
@media (max-width:991px) {
    .lp .hero-grid, .lp .split, .lp .faq, .lp .final-box { grid-template-columns:minmax(0,1fr); gap:40px; }
    .lp .split.rev > :first-child { order:0; }
    .lp .stage { min-height:380px; max-width:520px; }
    .lp .grid3, .lp .rel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lp .steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .lp .w { padding:0 16px; }
    .lp .sec { padding:64px 0; }
    .lp .hero { padding:40px 0 56px; }
    .lp .stage { display:none; }
    .lp .grid3, .lp .grid3.g2, .lp .rel-grid, .lp .steps { grid-template-columns:minmax(0,1fr); }
    .lp .callout { grid-template-columns:minmax(0,1fr); padding:24px; }
    .lp .final-box, .lp .panel { padding:30px 22px; }
    .lp .hero-cta .btn, .lp .final-box .acts .btn { width:100%; }
    .lp .tbl { font-size:14px; }
    .lp .tbl th, .lp .tbl td { padding:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .lp .rv { opacity:1; transform:none; transition:none; }
    .lp .track, .lp .float { animation:none; }
}
.lp .nw { white-space:nowrap; }
@media (max-width:640px) { .lp .tbl { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; } }

/* ===== Emails transacionais: galeria de exemplos ===== */
.lp .gal { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:start; }
.lp .gal-tabs { display:grid; gap:8px; }
.lp .gal-tabs button { appearance:none; display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:center; width:100%; padding:14px 16px; border:1px solid var(--line); border-radius:var(--r); background:#fff; text-align:left; cursor:pointer; font-family:var(--sans); transition:border-color .15s, background .15s; }
.lp .gal-tabs button:hover { border-color:#c6d3d5; }
.lp .gal-tabs button .gi { display:grid; place-items:center; width:44px; height:44px; border-radius:var(--r); background:var(--soft); color:var(--ink); }
.lp .gal-tabs button .gi .ic { width:20px; height:20px; }
.lp .gal-tabs button b { display:block; font-size:16px; color:var(--ink); }
.lp .gal-tabs button small { display:block; font-size:13px; color:var(--muted); }
.lp .gal-tabs button[aria-selected="true"] { border-color:var(--ink); background:var(--ink); }
.lp .gal-tabs button[aria-selected="true"] b { color:#fff; }
.lp .gal-tabs button[aria-selected="true"] small { color:#a9c4ca; }
.lp .gal-tabs button[aria-selected="true"] .gi { background:var(--green); color:#fff; }
.lp .gal-view { position:sticky; top:96px; }
.lp .inbox { border:1px solid var(--line); border-radius:var(--r); background:#fff; overflow:hidden; }
.lp .inbox-bar { display:flex; align-items:center; gap:6px; padding:11px 14px; background:var(--ink); }
.lp .inbox-bar i { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.25); }
.lp .inbox-bar span { margin-left:10px; font-size:12px; color:#a9c4ca; }
.lp .gal-pane { padding:22px 24px 24px; animation:lpfade .35s ease; }
.lp .gal-pane[hidden] { display:none; }
@keyframes lpfade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.lp .gm-from { display:flex; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); margin-bottom:16px; }
.lp .gm-from .av { width:38px; height:38px; border-radius:var(--r); display:grid; place-items:center; color:#fff; font-weight:700; flex:none; }
.lp .gm-from strong { display:block; font-size:14px; color:var(--ink); }
.lp .gm-from small { display:block; font-size:12px; color:var(--muted); }
.lp .gm-from em { margin-left:auto; font-style:normal; font-size:12px; color:var(--muted); }
.lp .gm-subj { font-size:20px; font-weight:700; color:var(--ink); letter-spacing:-.02em; margin:0 0 8px; }
.lp .gm-body { font-size:14px; line-height:1.6; color:var(--text); margin:0 0 16px; }
.lp .gm-rows { border:1px solid var(--line); border-radius:var(--r); margin-bottom:16px; }
.lp .gm-rows div { display:flex; justify-content:space-between; gap:16px; padding:10px 14px; font-size:14px; }
.lp .gm-rows div + div { border-top:1px solid var(--line); }
.lp .gm-rows span { color:var(--muted); }
.lp .gm-rows b { color:var(--ink); }
.lp .gm-btn { display:inline-block; padding:10px 16px; border-radius:var(--r); color:#fff; font-size:14px; font-weight:600; }
.lp .gm-code { display:flex; gap:8px; margin:6px 0 16px; }
.lp .gm-code i { width:44px; height:52px; display:grid; place-items:center; border:1px solid var(--line); border-radius:var(--r); background:var(--soft); font:700 24px var(--sans); font-style:normal; color:var(--ink); }
.lp .gm-prog { display:flex; gap:4px; margin:4px 0 6px; }
.lp .gm-prog i { flex:1; height:5px; border-radius:3px; background:#e6ecec; }
.lp .gm-prog i.on { background:var(--green); }
.lp .gm-steps { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); margin-bottom:16px; }
.lp .gm-why { display:flex; gap:10px; align-items:flex-start; margin-top:16px; padding:12px 14px; border-left:3px solid var(--green); border-radius:0 var(--r) var(--r) 0; background:var(--mint); font-size:13px; line-height:1.5; color:#2c4b14; }
.lp .gm-why .ic { color:var(--green-d); margin-top:2px; }

/* ===== Emails transacionais: fluxo de entrega ===== */
.lp .sec-ink { background:var(--ink); color:#c7dadf; }
.lp .sec-ink h2 { color:#fff; }
.lp .sec-ink .kicker { color:var(--green); }
.lp .sec-ink .head p { color:#bfd3d8; }
.lp .flow { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.lp .flow::before { content:""; position:absolute; left:12%; right:12%; top:34px; height:2px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px); }
.lp .flow .pkt { position:absolute; top:28px; left:12%; width:14px; height:14px; border-radius:var(--r); background:var(--green); animation:lpflow 5s cubic-bezier(.6,0,.4,1) infinite; }
@keyframes lpflow { 0% { left:12%; opacity:0; } 8% { opacity:1; } 92% { opacity:1; } 100% { left:calc(88% - 14px); opacity:0; } }
.lp .node { position:relative; text-align:center; }
.lp .node .nd { position:relative; z-index:1; display:grid; place-items:center; width:68px; height:68px; margin:0 auto 18px; border-radius:var(--r); background:#0b4a59; border:1px solid rgba(255,255,255,.16); color:#fff; }
.lp .node .nd .ic { width:28px; height:28px; }
.lp .node.mg .nd { background:var(--green); border-color:var(--green); }
.lp .node b { display:block; font-size:17px; color:#fff; margin-bottom:6px; }
.lp .node span { display:block; font-size:14px; line-height:1.5; color:#a9c4ca; }
.lp .events { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:44px; }
.lp .events span { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid rgba(255,255,255,.16); border-radius:var(--r); font-size:13px; color:#e4eff1; }
.lp .events i { width:8px; height:8px; border-radius:50%; background:var(--green); }
.lp .events i.q { background:#e9a23b; } .lp .events i.b { background:#e0645f; } .lp .events i.o { background:#7fd1ff; }
@media (max-width:991px) {
    .lp .gal { grid-template-columns:minmax(0,1fr); }
    .lp .gal-view { position:static; }
    .lp .gal-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lp .flow { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:36px; }
    .lp .flow::before, .lp .flow .pkt { display:none; }
}
@media (max-width:640px) {
    .lp .gal-tabs { grid-template-columns:minmax(0,1fr); }
    .lp .gal-tabs button small { display:none; }
    .lp .gm-code i { width:38px; height:46px; font-size:20px; }
}
@media (prefers-reduced-motion:reduce) { .lp .flow .pkt, .lp .gal-pane { animation:none; } }

/* ===== Transportadoras: caminhão com carga ===== */
.lp .truck { position:absolute; left:0; bottom:10px; width:100%; height:auto; overflow:visible; }
.lp .truck .whl { transform-box:fill-box; transform-origin:center; animation:lpspin 1.6s linear infinite; }
.lp .truck .rd { animation:lproad 1.2s linear infinite; }
.lp .truck .body-t { animation:lptruck 2.4s ease-in-out infinite; }
.lp .truck .sp { animation:lpspeed 1.2s linear infinite; }
@keyframes lpspin { to { transform:rotate(360deg); } }
@keyframes lproad { to { stroke-dashoffset:-40; } }
@keyframes lptruck { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-1.5px); } }
@keyframes lpspeed { 0% { opacity:0; transform:translateX(16px); } 40% { opacity:.8; } 100% { opacity:0; transform:translateX(-24px); } }
.lp .mini-track { left:0; top:0; width:250px; padding:14px 16px; }
.lp .mini-track .tl li { padding-bottom:10px; font-size:12px; }
.lp .mini-track .tl li b { font-size:13px; }
.lp .badge-ok.tr { right:0; top:24px; bottom:auto; }
@media (prefers-reduced-motion:reduce) { .lp .truck .whl, .lp .truck .rd, .lp .truck .body-t, .lp .truck .sp { animation:none; } }
.lp .stage:has(.truck) { min-height:480px; }

/* ===== SMTP profissional: sistemas -> MailGrid -> caixas de entrada ===== */
.lp .pro-art { position:absolute; inset:0; width:100%; height:100%; overflow:visible; font-family:var(--sans); }
.lp .pro-art .ln { fill:none; stroke:#a2dcc5; stroke-opacity:.45; stroke-width:2; stroke-dasharray:6 7; animation:lpdash 1.4s linear infinite; }
.lp .pro-art .env { offset-rotate:0deg; animation:lpgo 3.6s cubic-bezier(.45,0,.55,1) infinite; opacity:0; }
.lp .pro-art .e2 { animation-delay:-1.2s; } .lp .pro-art .e3 { animation-delay:-2.4s; }
.lp .pro-art .e4 { animation-delay:-.6s; } .lp .pro-art .e5 { animation-delay:-1.8s; } .lp .pro-art .e6 { animation-delay:-3s; }
.lp .pro-art .led { animation:lpled 1.8s steps(1) infinite; }
.lp .pro-art .led.l2 { animation-delay:-.6s; } .lp .pro-art .led.l3 { animation-delay:-1.2s; }
@keyframes lpdash { to { stroke-dashoffset:-26; } }
@keyframes lpgo { 0% { offset-distance:0%; opacity:0; } 10% { opacity:1; } 85% { opacity:1; } 100% { offset-distance:100%; opacity:0; } }
@keyframes lpled { 50% { fill:#d1eddf; } }
@media (prefers-reduced-motion:reduce) { .lp .pro-art .ln, .lp .pro-art .env, .lp .pro-art .led { animation:none; } .lp .pro-art .env { opacity:1; offset-distance:50%; } }

/* ===== SMTP ilimitado: laço infinito com envelopes ===== */
.lp .ilim-art { position:absolute; inset:0; width:100%; height:100%; overflow:visible; font-family:var(--sans); }
.lp .ilim-art .lane { animation:lpdash 1.4s linear infinite; }
.lp .ilim-art .ienv { offset-rotate:0deg; animation:lploop 8s linear infinite; }
.lp .ilim-art .i2 { animation-delay:-1s; } .lp .ilim-art .i3 { animation-delay:-2s; } .lp .ilim-art .i4 { animation-delay:-3s; }
.lp .ilim-art .i5 { animation-delay:-4s; } .lp .ilim-art .i6 { animation-delay:-5s; } .lp .ilim-art .i7 { animation-delay:-6s; } .lp .ilim-art .i8 { animation-delay:-7s; }
@keyframes lploop { from { offset-distance:0%; } to { offset-distance:100%; } }
@media (prefers-reduced-motion:reduce) { .lp .ilim-art .lane, .lp .ilim-art .ienv { animation:none; } }

/* ===== Transportadoras: empilhadeira carregando emails no caminhão ===== */
.lp .load-art { position:absolute; inset:0; width:100%; height:100%; overflow:visible; font-family:var(--sans); }
.lp .load-art .fl { animation:lpfl 7s ease-in-out infinite; }
.lp .load-art .lift { animation:lplift 7s ease-in-out infinite; }
.lp .load-art .ld { animation:lpld 7s ease-in-out infinite; }
@keyframes lpfl { 0%, 4% { transform:translateX(0); } 34%, 62% { transform:translateX(80px); } 94%, 100% { transform:translateX(0); } }
@keyframes lplift { 0%, 18% { transform:translateY(0); } 32%, 64% { transform:translateY(-12px); } 78%, 100% { transform:translateY(0); } }
@keyframes lpld { 0%, 38% { transform:translateX(0); opacity:1; } 54% { transform:translateX(72px); opacity:1; } 58%, 88% { transform:translateX(72px); opacity:0; } 89% { transform:translateX(0); opacity:0; } 96%, 100% { transform:translateX(0); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .lp .load-art .fl, .lp .load-art .lift, .lp .load-art .ld { animation:none; } }

/* ===== SMTP ilimitado: resumo do que é ilimitado ===== */
.lp .lim { border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff; }
.lp .lim-t { display:block; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.lp .lim-free { padding:20px 24px; background:var(--ink); }
.lp .lim-free .lim-t { color:var(--green); }
.lp .lim-row { display:flex; align-items:center; gap:12px; padding:6px 0; color:#fff; }
.lp .lim-row b { font-size:17px; color:#fff; }
.lp .lim-row small { font-size:14px; color:#a9c4ca; }
.lp .lim-row .ck { display:grid; place-items:center; width:26px; height:26px; border-radius:var(--r); background:var(--green); color:#fff; flex:none; }
.lp .lim-row .ck .ic { width:15px; height:15px; }
.lp .lim-plan { margin:0; padding:18px 24px 10px; }
.lp .lim-plan .lim-t { color:var(--muted); }
.lp .lim-plan div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:10px 0; border-top:1px solid var(--line); }
.lp .lim-plan dt { font-size:15px; font-weight:400; color:var(--text); }
.lp .lim-plan dd { margin:0; font-size:15px; font-weight:600; color:var(--ink); text-align:right; }
.lp .lim-plan dd small { display:block; font-size:12px; font-weight:400; color:var(--muted); }

/* ===== Transportadoras: painel de rastreio (composição de produto) ===== */
.lp .stage:has(.trk) { min-height:480px; }
.lp .trk { position:absolute; left:0; right:0; top:10px; border:1px solid rgba(255,255,255,.12); border-radius:6px; background:linear-gradient(180deg,#06313c,#042a33); overflow:hidden; }
.lp .trk-bar { display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.lp .trk-bar .dots { display:flex; gap:6px; }
.lp .trk-bar .dots i { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.18); }
.lp .trk-bar b { font-size:13px; color:#fff; font-weight:600; }
.lp .trk-bar small { font-size:12px; color:#8fb0b8; }
.lp .trk-bar .st { margin-left:auto; display:inline-flex; align-items:center; gap:7px; padding:4px 10px; border-radius:4px; background:rgba(121,182,67,.16); color:#b7e08f; font-size:12px; font-weight:600; }
.lp .trk-bar .st i { width:7px; height:7px; border-radius:50%; background:var(--green); animation:lppulse 1.6s ease-out infinite; }
@keyframes lppulse { 0% { box-shadow:0 0 0 0 rgba(121,182,67,.55); } 100% { box-shadow:0 0 0 8px rgba(121,182,67,0); } }
.lp .trk-body { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.lp .trk-map { position:relative; height:330px; border-right:1px solid rgba(255,255,255,.08); }
.lp .trk-map svg { position:absolute; inset:0; width:100%; height:100%; }
.lp .trk-map .done { stroke-dasharray:100; stroke-dashoffset:100; animation:lproute 12s linear infinite; }
@keyframes lproute { 0% { stroke-dashoffset:100; } 92%, 100% { stroke-dashoffset:0; } }
.lp .trk-map .veh { offset-path:path("M34 286 C 80 270, 96 214, 142 200 S 236 178, 254 128 S 296 58, 330 44"); offset-rotate:0deg; animation:lpveh 12s linear infinite; }
@keyframes lpveh { 0% { offset-distance:0%; } 92%, 100% { offset-distance:100%; } }
.lp .trk-map .lbl { position:absolute; font-size:11px; color:#8fb0b8; line-height:1.3; }
.lp .trk-map .lbl b { display:block; font-size:12px; color:#e4eff1; font-weight:600; }
.lp .trk-ev { list-style:none; margin:0; padding:16px 16px 8px; }
.lp .trk-ev li { position:relative; padding:9px 10px 9px 30px; border-radius:4px; animation:lpev 12s linear infinite; }
.lp .trk-ev li::before { content:""; position:absolute; left:11px; top:15px; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.22); }
.lp .trk-ev li::after { content:""; position:absolute; left:14px; top:27px; bottom:-9px; width:2px; background:rgba(255,255,255,.08); }
.lp .trk-ev li:last-child::after { display:none; }
.lp .trk-ev b { display:block; font-size:13px; color:#e4eff1; font-weight:600; }
.lp .trk-ev em { display:flex; align-items:center; gap:6px; font-style:normal; font-size:11.5px; color:#8fb0b8; margin-top:2px; }
.lp .trk-ev em svg { width:13px; height:13px; fill:none; stroke:var(--green); stroke-width:2; }
.lp .trk-ev time { position:absolute; right:10px; top:10px; font-size:11px; color:#6f949c; font-variant-numeric:tabular-nums; }
.lp .trk-ev li:nth-child(2) { animation-delay:-9s; } .lp .trk-ev li:nth-child(3) { animation-delay:-6s; } .lp .trk-ev li:nth-child(4) { animation-delay:-3s; }
@keyframes lpev { 0%, 24% { background:rgba(121,182,67,.12); } 25%, 100% { background:transparent; } }
.lp .trk-ev li.ok::before { background:var(--green); }
.lp .trk-foot { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.08); }
.lp .trk-foot div { padding:12px 16px; }
.lp .trk-foot div + div { border-left:1px solid rgba(255,255,255,.08); }
.lp .trk-foot small { display:block; font-size:11px; color:#8fb0b8; }
.lp .trk-foot b { font-size:16px; color:#fff; font-variant-numeric:tabular-nums; }
.lp .trk-push { position:absolute; right:-26px; top:386px; width:290px; display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; padding:12px 14px; border-radius:6px; background:#fff; animation:lppush 12s ease-in-out infinite; }
.lp .trk-push .av { width:36px; height:36px; border-radius:6px; display:grid; place-items:center; background:var(--green); color:#fff; }
.lp .trk-push .av svg { width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lp .trk-push small { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); }
.lp .trk-push strong { display:block; font-size:13px; color:var(--ink); line-height:1.3; }
.lp .trk-push span { display:block; font-size:12px; color:var(--text); line-height:1.4; }
@keyframes lppush { 0%, 48% { opacity:0; transform:translateY(14px); } 54%, 90% { opacity:1; transform:none; } 96%, 100% { opacity:0; transform:translateY(14px); } }
@media (prefers-reduced-motion:reduce) { .lp .trk *, .lp .trk-push { animation:none !important; } .lp .trk-map .done { stroke-dashoffset:40; } .lp .trk-map .veh { offset-distance:60%; } .lp .trk-push { opacity:1; } }

/* ===== Logística: painel de docas do armazém ===== */
.lp .stage:has(.dock) { min-height:440px; }
.lp .dock { width:100%; border-collapse:collapse; font-size:12.5px; }
.lp .dock th { padding:10px 16px; text-align:left; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#6f949c; border-bottom:1px solid rgba(255,255,255,.08); }
.lp .dock td { padding:12px 16px; color:#c7dadf; border-bottom:1px solid rgba(255,255,255,.06); vertical-align:middle; }
.lp .dock td b { display:block; color:#fff; font-size:13px; font-weight:600; }
.lp .dock td small { display:block; color:#8fb0b8; font-size:11.5px; }
.lp .dock .dn { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:4px; background:rgba(255,255,255,.07); color:#fff; font-weight:700; font-variant-numeric:tabular-nums; }
.lp .dock .chip { display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:4px; font-size:11.5px; font-weight:600; white-space:nowrap; }
.lp .dock .chip i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.lp .dock .c-ok { background:rgba(121,182,67,.16); color:#b7e08f; }
.lp .dock .c-run { background:rgba(127,209,255,.14); color:#9fdcff; }
.lp .dock .c-wait { background:rgba(233,162,59,.14); color:#f2c27a; }
.lp .dock .mail { display:inline-flex; align-items:center; gap:6px; color:#8fb0b8; font-size:11.5px; white-space:nowrap; }
.lp .dock .mail svg { width:13px; height:13px; fill:none; stroke:var(--green); stroke-width:2; }
.lp .dock tr.live td { animation:lprow 9s ease-in-out infinite; }
.lp .dock tr.live:nth-of-type(2) td { animation-delay:-3s; } .lp .dock tr.live:nth-of-type(3) td { animation-delay:-6s; }
@keyframes lprow { 0%, 30% { background:rgba(121,182,67,.08); } 34%, 100% { background:transparent; } }
.lp .dock-sum { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.lp .dock-sum div { padding:12px 16px; }
.lp .dock-sum div + div { border-left:1px solid rgba(255,255,255,.08); }
.lp .dock-sum small { display:block; font-size:11px; color:#8fb0b8; }
.lp .dock-sum b { font-size:16px; color:#fff; font-variant-numeric:tabular-nums; }
.lp .trk-push.dk { top:auto; bottom:-44px; }
@media (prefers-reduced-motion:reduce) { .lp .dock tr.live td { animation:none; } }

/* ===== Logística: mapa de armazéns interconectados ===== */
.lp .stage:has(.net) { min-height:480px; }
.lp .net { position:absolute; left:-10px; top:-10px; width:calc(100% + 20px); height:calc(100% + 20px); overflow:visible; font-family:var(--sans); }
.lp .net .nl { fill:none; stroke:#79b643; stroke-opacity:.22; stroke-width:1.4; }
.lp .net .nf { fill:none; stroke:#a2dcc5; stroke-opacity:.7; stroke-width:1.6; stroke-dasharray:3 9; animation:lpnet 1.8s linear infinite; }
@keyframes lpnet { to { stroke-dashoffset:-24; } }
.lp .net .nm { offset-rotate:0deg; animation:lpnm 5s ease-in-out infinite; }
@keyframes lpnm { 0% { offset-distance:0%; opacity:0; } 8% { opacity:1; } 88% { opacity:1; } 100% { offset-distance:100%; opacity:0; } }
.lp .net .np { fill:none; stroke:#79b643; stroke-width:1.5; transform-box:fill-box; transform-origin:center; animation:lpping 3s ease-out infinite; }
@keyframes lpping { 0% { transform:scale(1); opacity:.8; } 100% { transform:scale(3.4); opacity:0; } }
.lp .net .nt { font-size:12px; font-weight:700; fill:#e4eff1; }
.lp .net .nt.hub { font-size:14px; fill:#ffffff; }
.lp .net .ns { font-size:10.5px; font-weight:400; fill:#8fb0b8; }
.lp .net-feed { position:absolute; right:-20px; bottom:-4px; width:250px; border:1px solid rgba(255,255,255,.12); border-radius:6px; background:rgba(4,42,51,.92); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); overflow:hidden; }
.lp .net-feed .nf-h { position:relative; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.08); }
.lp .net-feed .nf-h b { display:block; font-size:13px; color:#fff; }
.lp .net-feed .nf-h small { display:block; font-size:11.5px; color:#8fb0b8; }
.lp .net-feed .st { position:absolute; right:12px; top:13px; display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:4px; background:rgba(121,182,67,.16); color:#b7e08f; font-size:11px; font-weight:600; }
.lp .net-feed .st i { width:6px; height:6px; border-radius:50%; background:var(--green); animation:lppulse 1.6s ease-out infinite; }
.lp .net-feed ul { list-style:none; margin:0; padding:6px 0; }
.lp .net-feed li { display:grid; grid-template-columns:10px minmax(0,1fr); gap:10px; align-items:start; padding:8px 14px; animation:lpfeed 12s ease-in-out infinite; }
.lp .net-feed li:nth-child(2) { animation-delay:-9s; } .lp .net-feed li:nth-child(3) { animation-delay:-6s; } .lp .net-feed li:nth-child(4) { animation-delay:-3s; }
@keyframes lpfeed { 0%, 22% { background:rgba(121,182,67,.1); } 26%, 100% { background:transparent; } }
.lp .net-feed b { display:block; font-size:12.5px; color:#e4eff1; font-weight:600; }
.lp .net-feed li small { display:block; font-size:11px; color:#8fb0b8; }
.lp .net-feed .nd { width:8px; height:8px; margin-top:5px; border-radius:50%; }
.lp .net-feed .nd.ok { background:var(--green); } .lp .net-feed .nd.run { background:#7fd1ff; } .lp .net-feed .nd.wait { background:#e9a23b; }
@media (prefers-reduced-motion:reduce) { .lp .net .nf, .lp .net .nm, .lp .net .np, .lp .net-feed li, .lp .net-feed .st i { animation:none; } .lp .net .nm { offset-distance:50%; } }
/* feed compacto: um evento por vez, no canto vazio do mapa */
.lp .net-feed { left:-40px !important; right:auto !important; bottom:-40px !important; width:240px !important; }
.lp .net-feed ul { position:relative; height:58px; padding:0; }
.lp .net-feed li { position:absolute; left:0; right:0; top:0; padding:12px 14px; opacity:0; animation:lptick 12s ease-in-out infinite !important; background:transparent !important; }
.lp .net-feed li:nth-child(2) { animation-delay:3s !important; } .lp .net-feed li:nth-child(3) { animation-delay:6s !important; } .lp .net-feed li:nth-child(4) { animation-delay:9s !important; }
@keyframes lptick { 0% { opacity:0; transform:translateY(8px); } 3%, 22% { opacity:1; transform:none; } 25%, 100% { opacity:0; transform:translateY(-8px); } }
@media (prefers-reduced-motion:reduce) { .lp .net-feed li { animation:none !important; } .lp .net-feed li:first-child { opacity:1; } }

/* ===== Painéis de produto das páginas de setor (base .trk) ===== */
.lp .stage:has(.app) { min-height:450px; }
.lp .trk.app { top:6px; }
.lp .trk-push.b { top:auto; right:-26px; bottom:-40px; }
.lp .chip2 { display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:4px; font-size:11px; font-weight:600; white-space:nowrap; }
.lp .chip2 i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.lp .ck-ok { background:rgba(121,182,67,.16); color:#b7e08f; } .lp .ck-run { background:rgba(127,209,255,.14); color:#9fdcff; }
.lp .ck-wait { background:rgba(233,162,59,.14); color:#f2c27a; } .lp .ck-bad { background:rgba(224,100,95,.16); color:#f4a19d; }
.lp .mic { display:inline-flex; align-items:center; gap:6px; font-size:11px; color:#8fb0b8; }
.lp .mic svg { width:13px; height:13px; fill:none; stroke:var(--green); stroke-width:2; }
@keyframes lpglow { 0%, 22% { background-color:rgba(121,182,67,.1); } 26%, 100% { background-color:transparent; } }

/* Indústria: quadro de pedidos */
.lp .kb { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:16px; }
.lp .kb h5 { margin:0 0 8px; font:600 10.5px var(--sans); letter-spacing:.06em; text-transform:uppercase; color:#6f949c; }
.lp .kb .cd { padding:10px; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:rgba(255,255,255,.03); margin-bottom:8px; }
.lp .kb .cd b { display:block; font-size:12px; color:#fff; }
.lp .kb .cd small { display:block; font-size:10.5px; color:#8fb0b8; margin:2px 0 6px; }
.lp .kb .cd.mv { animation:lpkb 9s ease-in-out infinite; }
.lp .kb .cd.mv.m2 { animation-delay:-3s; } .lp .kb .cd.mv.m3 { animation-delay:-6s; }
@keyframes lpkb { 0%, 30% { border-color:rgba(121,182,67,.6); background:rgba(121,182,67,.1); } 36%, 100% { border-color:rgba(255,255,255,.08); background:rgba(255,255,255,.03); } }

/* Cobrança: régua */
.lp .rg { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:24px 10px 14px; border-bottom:1px solid rgba(255,255,255,.08); }
.lp .rg::before { content:""; position:absolute; left:10%; right:10%; top:37px; height:2px; background:rgba(255,255,255,.12); }
.lp .rg::after { content:""; position:absolute; left:10%; top:37px; height:2px; width:0; background:var(--green); animation:lprg 10s linear infinite; }
@keyframes lprg { 0% { width:0; } 80%, 100% { width:80%; } }
.lp .rg div { position:relative; z-index:1; text-align:center; }
.lp .rg .dt { display:grid; place-items:center; width:28px; height:28px; margin:0 auto 10px; border-radius:50%; background:#0b4a59; border:2px solid rgba(255,255,255,.2); color:#fff; font-size:9.5px; font-weight:700; }
.lp .rg .dt.on { background:var(--green); border-color:var(--green); }
.lp .rg b { display:block; font-size:11.5px; color:#fff; }
.lp .rg small { display:block; font-size:10.5px; color:#8fb0b8; }
.lp .bl { width:100%; border-collapse:collapse; font-size:12.5px; }
.lp .bl td { padding:11px 16px; border-bottom:1px solid rgba(255,255,255,.06); color:#c7dadf; }
.lp .bl td b { display:block; color:#fff; font-weight:600; }
.lp .bl td small { color:#8fb0b8; font-size:11px; }
.lp .bl tr.gl td, .lp .ord tr.gl td { animation:lpglow 8s ease-in-out infinite; }
.lp .bl tr.gl:nth-child(2) td, .lp .ord tr.gl:nth-child(2) td { animation-delay:-6s; }
.lp .bl tr.gl:nth-child(3) td, .lp .ord tr.gl:nth-child(3) td { animation-delay:-4s; }
.lp .bl tr.gl:nth-child(4) td, .lp .ord tr.gl:nth-child(4) td { animation-delay:-2s; }

/* Rastreamento: mapa de frota + alertas */
.lp .fleet { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.lp .fleet-map { position:relative; height:310px; border-right:1px solid rgba(255,255,255,.08); }
.lp .fleet-map svg { position:absolute; inset:0; width:100%; height:100%; }
.lp .fleet-map .vh { offset-rotate:0deg; animation:lpvh 14s linear infinite; }
.lp .fleet-map .vh.v2 { animation-duration:18s; animation-delay:-7s; } .lp .fleet-map .vh.v3 { animation-duration:11s; animation-delay:-3s; }
@keyframes lpvh { from { offset-distance:0%; } to { offset-distance:100%; } }
.lp .fleet-map .fence { fill:rgba(121,182,67,.07); stroke:#79b643; stroke-opacity:.6; stroke-dasharray:5 5; }
.lp .alr { list-style:none; margin:0; padding:12px; }
.lp .alr li { padding:10px; border-radius:4px; margin-bottom:6px; border:1px solid rgba(255,255,255,.06); animation:lpglow 9s ease-in-out infinite; }
.lp .alr li:nth-child(2) { animation-delay:-6s; } .lp .alr li:nth-child(3) { animation-delay:-3s; }
.lp .alr b { display:flex; justify-content:space-between; gap:8px; font-size:12.5px; color:#fff; }
.lp .alr b time { font-size:11px; font-weight:400; color:#6f949c; }
.lp .alr small { display:block; font-size:11px; color:#8fb0b8; margin:2px 0 6px; }

/* Escolas: calendário */
.lp .cal { padding:14px 16px 16px; }
.lp .cal-g { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.lp .cal-g span { font-size:10px; color:#6f949c; text-align:center; padding-bottom:4px; }
.lp .cal-g i { position:relative; height:46px; border-radius:4px; background:rgba(255,255,255,.04); font:500 10.5px var(--sans); color:#8fb0b8; font-style:normal; padding:4px 5px; }
.lp .cal-g i em { position:absolute; left:3px; right:3px; bottom:3px; padding:2px 3px; border-radius:3px; font:600 9px/1.2 var(--sans); font-style:normal; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.lp .cal-g i em.g { background:#3f7a16; } .lp .cal-g i em.b { background:#0b6a8a; } .lp .cal-g i em.o { background:#a16207; }
.lp .cal-g i.today { outline:2px solid var(--green); outline-offset:-2px; color:#fff; animation:lptoday 2s ease-in-out infinite; }
@keyframes lptoday { 50% { background:rgba(121,182,67,.18); } }

/* Condomínios: unidades */
.lp .un { padding:14px 16px 16px; }
.lp .un-h { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.lp .un-h b { font-size:12.5px; color:#fff; }
.lp .un-g { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:5px; }
.lp .un-g i { display:grid; place-items:center; height:30px; border-radius:4px; background:rgba(255,255,255,.05); font:600 10px var(--sans); font-style:normal; color:#8fb0b8; animation:lpun 10s linear infinite; }
@keyframes lpun { 0% { background:rgba(255,255,255,.05); color:#8fb0b8; } 4%, 92% { background:rgba(121,182,67,.22); color:#e8f6dc; } 100% { background:rgba(255,255,255,.05); color:#8fb0b8; } }
.lp .un-bar { height:5px; border-radius:3px; background:rgba(255,255,255,.1); margin-top:12px; overflow:hidden; }
.lp .un-bar i { display:block; height:100%; width:0; background:var(--green); animation:lpunb 10s linear infinite; }
@keyframes lpunb { 0% { width:0; } 70%, 92% { width:100%; } 100% { width:0; } }

/* Desenvolvedores: código + webhooks */
.lp .dv pre { margin:0; padding:16px; background:none; border:0; color:#cfe3e7; font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre; overflow:hidden; }
.lp .dv pre .k { color:#7fd1ff; } .lp .dv pre .s { color:#a6e07a; } .lp .dv pre .c { color:#5f8790; }
.lp .wh { list-style:none; margin:0; padding:10px 16px 14px; border-top:1px solid rgba(255,255,255,.08); }
.lp .wh li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; padding:6px 0; font:11.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#c7dadf; opacity:0; animation:lpwh 8s ease-in-out infinite; }
.lp .wh li:nth-child(2) { animation-delay:1s; } .lp .wh li:nth-child(3) { animation-delay:2s; } .lp .wh li:nth-child(4) { animation-delay:3s; }
@keyframes lpwh { 0% { opacity:0; transform:translateX(-6px); } 6%, 85% { opacity:1; transform:none; } 95%, 100% { opacity:0; } }
.lp .wh li time { color:#6f949c; }

/* E-commerce: pedidos */
.lp .ord { width:100%; border-collapse:collapse; font-size:12.5px; }
.lp .ord th { padding:10px 16px; text-align:left; font:600 10.5px var(--sans); letter-spacing:.06em; text-transform:uppercase; color:#6f949c; }
.lp .ord td { padding:10px 16px; border-top:1px solid rgba(255,255,255,.06); color:#c7dadf; }
.lp .ord td b { display:block; color:#fff; font-weight:600; }
.lp .ord td small { color:#8fb0b8; font-size:11px; }

/* Hub de soluções */
.lp .sol-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.lp .sol-grid a { position:relative; display:block; padding:28px 52px 28px 28px; background:#fff; text-decoration:none; color:var(--text); transition:background .15s; }
.lp .sol-grid a:hover { background:#f8fbf5; }
.lp .sol-grid .gi { display:grid; place-items:center; width:44px; height:44px; border-radius:var(--r); background:var(--mint); color:var(--green-d); margin-bottom:16px; }
.lp .sol-grid .gi .ic { width:22px; height:22px; }
.lp .sol-grid strong { display:block; font-size:18px; color:var(--ink); margin-bottom:4px; }
.lp .sol-grid span { font-size:15px; color:var(--muted); }
.lp .sol-grid > a > .ic { position:absolute; right:22px; top:32px; color:var(--green-d); }
.lp .mosaic { position:absolute; inset:16px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.lp .mosaic span { display:flex; flex-direction:column; justify-content:flex-end; gap:8px; padding:14px; border-radius:6px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#e4eff1; font-size:13px; font-weight:600; animation:lpglow 12s ease-in-out infinite; }
.lp .mosaic span .ic { width:22px; height:22px; color:var(--green); }
@media (max-width:991px) { .lp .sol-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .lp .sol-grid { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) {
    .lp .kb .cd.mv, .lp .rg::after, .lp .bl tr.gl td, .lp .ord tr.gl td, .lp .fleet-map .vh, .lp .alr li, .lp .cal-g i.today, .lp .un-g i, .lp .un-bar i, .lp .wh li, .lp .mosaic span { animation:none !important; }
    .lp .wh li { opacity:1; } .lp .rg::after { width:50%; } .lp .un-bar i { width:60%; } .lp .un-g i { background:rgba(121,182,67,.22); }
}

/* ===== E-commerce: vitrine + celular recebendo os emails do pedido ===== */
.lp .stage:has(.shop) { min-height:470px; }
.lp .shop { position:absolute; left:0; top:0; width:74%; border-radius:6px; background:#fff; overflow:hidden; border:1px solid rgba(255,255,255,.2); }
.lp .shop-bar { display:flex; align-items:center; gap:6px; padding:9px 12px; background:#eef2f2; border-bottom:1px solid #e1e9ea; }
.lp .shop-bar i { width:8px; height:8px; border-radius:50%; background:#cdd7d9; }
.lp .shop-bar span { flex:1; margin-left:8px; padding:3px 10px; border-radius:4px; background:#fff; font-size:11px; color:#6f8389; }
.lp .shop-nav { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid #eef2f2; }
.lp .shop-nav b { font-size:14px; color:#023441; letter-spacing:-.02em; }
.lp .shop-nav .cart { position:relative; width:22px; height:22px; color:#023441; }
.lp .shop-nav .cart svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.lp .shop-nav .cart em { position:absolute; right:-7px; top:-6px; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#79b643; color:#fff; font:700 9.5px var(--sans); font-style:normal; transform:scale(0); animation:lpcart 10s ease-in-out infinite; }
@keyframes lpcart { 0%, 14% { transform:scale(0); } 17% { transform:scale(1.35); } 20%, 92% { transform:scale(1); } 96%, 100% { transform:scale(0); } }
.lp .shop-body { display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; padding:16px; }
.lp .shop-img { position:relative; height:150px; border-radius:6px; background:linear-gradient(160deg,#eef6e7,#d1eddf); display:grid; place-items:center; overflow:hidden; }
.lp .shop-img svg { width:104px; height:104px; }
.lp .shop-img .tag { position:absolute; left:8px; top:8px; padding:2px 7px; border-radius:4px; background:#023441; color:#fff; font:700 10px var(--sans); }
.lp .shop-info small { display:block; font-size:10.5px; color:#6f8389; letter-spacing:.04em; text-transform:uppercase; }
.lp .shop-info strong { display:block; font-size:16px; color:#023441; line-height:1.25; margin:3px 0 4px; letter-spacing:-.01em; }
.lp .shop-info .stars { font-size:11px; color:#e9a23b; letter-spacing:1px; }
.lp .shop-info .stars span { color:#6f8389; letter-spacing:0; margin-left:4px; }
.lp .shop-info .pr { font:700 22px/1.1 var(--sans); color:#023441; margin:8px 0 0; letter-spacing:-.02em; }
.lp .shop-info .pr + small { text-transform:none; letter-spacing:0; margin-bottom:10px; }
.lp .shop-btn { position:relative; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:4px; background:#79b643; color:#fff; font:700 12.5px var(--sans); animation:lpbuy 10s ease-in-out infinite; }
@keyframes lpbuy { 0%, 11% { transform:none; background:#79b643; } 13% { transform:scale(.95); background:#6aa536; } 15%, 100% { transform:none; background:#79b643; } }
.lp .cursor2 { position:absolute; width:20px; height:20px; left:62%; top:64%; animation:lpcur 10s ease-in-out infinite; }
.lp .cursor2 svg { width:20px; height:20px; }
@keyframes lpcur { 0% { transform:translate(70px,60px); opacity:0; } 4% { opacity:1; } 11% { transform:translate(0,0); } 13% { transform:translate(0,0) scale(.85); } 15% { transform:translate(0,0); } 30%, 100% { transform:translate(40px,80px); opacity:0; } }
.lp .shop-foot { display:flex; gap:14px; padding:10px 16px 14px; border-top:1px solid #eef2f2; font-size:11px; color:#4d6066; }
.lp .shop-foot span { display:inline-flex; align-items:center; gap:6px; }
.lp .shop-foot svg { width:14px; height:14px; fill:none; stroke:#3f7a16; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.lp .phone3 { position:absolute; right:0; top:46px; width:212px; padding:9px; border-radius:26px; background:#0b1f25; border:1px solid rgba(255,255,255,.18); }
.lp .phone3 .scr { height:360px; border-radius:18px; background:#f4f7f6; overflow:hidden; }
.lp .phone3 .hd { display:flex; justify-content:space-between; align-items:center; padding:12px 14px 8px; font:600 10px var(--sans); color:#023441; }
.lp .phone3 .hd b { font-size:15px; letter-spacing:-.02em; }
.lp .phone3 .ib { display:grid; gap:6px; padding:4px 8px; }
.lp .phone3 .em { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px; padding:9px; border-radius:10px; background:#fff; border:1px solid #e1e9ea; opacity:0; transform:translateY(-8px); animation:lpem 10s ease-out infinite; }
.lp .phone3 .em:nth-child(1) { animation-delay:2s; } .lp .phone3 .em:nth-child(2) { animation-delay:3.4s; } .lp .phone3 .em:nth-child(3) { animation-delay:4.8s; } .lp .phone3 .em:nth-child(4) { animation-delay:6.2s; }
@keyframes lpem { 0% { opacity:0; transform:translateY(-8px); } 5%, 70% { opacity:1; transform:none; } 78%, 100% { opacity:0; transform:none; } }
.lp .phone3 .em i { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#023441; color:#fff; font:700 12px var(--sans); font-style:normal; }
.lp .phone3 .em i svg { width:15px; height:15px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lp .phone3 .em i.g { background:#79b643; } .lp .phone3 .em i.o { background:#c2410c; }
.lp .phone3 .em small { display:flex; justify-content:space-between; font:500 9.5px var(--sans); color:#6f8389; }
.lp .phone3 .em b { display:block; font-size:11.5px; color:#023441; line-height:1.25; }
.lp .phone3 .em span { display:block; font-size:10px; color:#4d6066; line-height:1.3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.lp .pkg { position:absolute; left:20px; bottom:0; width:300px; padding:14px 16px; border-radius:6px; background:#fff; }
.lp .pkg .ph { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.lp .pkg .ph i { display:grid; place-items:center; width:32px; height:32px; border-radius:6px; background:#eef6e7; }
.lp .pkg .ph i svg { width:18px; height:18px; fill:none; stroke:#3f7a16; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lp .pkg .ph b { display:block; font-size:12.5px; color:#023441; }
.lp .pkg .ph small { display:block; font-size:10.5px; color:#6f8389; }
.lp .pkg .bar { position:relative; height:5px; border-radius:3px; background:#e6ecec; overflow:hidden; }
.lp .pkg .bar i { position:absolute; left:0; top:0; bottom:0; width:0; background:#79b643; animation:lppkg 10s ease-in-out infinite; }
@keyframes lppkg { 0%, 18% { width:0; } 32% { width:25%; } 46% { width:50%; } 60% { width:75%; } 74%, 92% { width:100%; } 100% { width:0; } }
.lp .pkg .st4 { display:flex; justify-content:space-between; margin-top:6px; font-size:9.5px; color:#6f8389; }
@media (prefers-reduced-motion:reduce) {
    .lp .shop-nav .cart em, .lp .shop-btn, .lp .cursor2, .lp .phone3 .em, .lp .pkg .bar i { animation:none !important; }
    .lp .shop-nav .cart em { transform:none; } .lp .phone3 .em { opacity:1; transform:none; } .lp .pkg .bar i { width:75%; } .lp .cursor2 { display:none; }
}
.lp .shop { width:66%; }
.lp .shop-body { grid-template-columns:120px minmax(0,1fr); gap:12px; }
.lp .shop-img { height:130px; } .lp .shop-img svg { width:88px; height:88px; }
.lp .shop-info strong { font-size:14.5px; }
.lp .shop-btn { white-space:nowrap; padding:8px 12px; font-size:12px; }
.lp .phone3 { width:200px; }

/* ===== Cenas simbólicas (escola e indústria) ===== */
.lp .stage:has(.scene) { min-height:470px; }
.lp .scene { position:absolute; inset:-6px -10px 0; width:calc(100% + 20px); height:100%; overflow:visible; font-family:var(--sans); }
.lp .scene .fly { offset-rotate:0deg; animation:lpfly 4.8s ease-in-out infinite; opacity:0; }
@keyframes lpfly { 0% { offset-distance:0%; opacity:0; } 10% { opacity:1; } 82% { opacity:1; } 100% { offset-distance:100%; opacity:0; } }
.lp .scene .trail { fill:none; stroke:#a2dcc5; stroke-opacity:.28; stroke-width:1.5; stroke-dasharray:3 7; animation:lpnet 1.8s linear infinite; }
.lp .scene .pop { transform-box:fill-box; transform-origin:center; animation:lppop 4.8s ease-out infinite; }
@keyframes lppop { 0%, 76% { transform:scale(1); } 84% { transform:scale(1.14); } 92%, 100% { transform:scale(1); } }
.lp .scene .ring { fill:none; stroke:#79b643; stroke-width:1.5; transform-box:fill-box; transform-origin:center; animation:lpping 4.8s ease-out infinite; opacity:0; }
.lp .scene .glow2 { animation:lpglow2 3s ease-in-out infinite; }
@keyframes lpglow2 { 50% { opacity:.55; } }
.lp .scene .smoke { transform-box:fill-box; transform-origin:center; animation:lpsmoke 4s ease-out infinite; opacity:0; }
@keyframes lpsmoke { 0% { transform:translate(0,0) scale(.6); opacity:0; } 15% { opacity:.55; } 100% { transform:translate(18px,-58px) scale(1.8); opacity:0; } }
.lp .scene .gear { transform-box:fill-box; transform-origin:center; animation:lpgear 8s linear infinite; }
.lp .scene .gear.rev { animation-direction:reverse; animation-duration:6s; }
@keyframes lpgear { to { transform:rotate(360deg); } }
.lp .scene .belt { animation:lpbelt 1s linear infinite; }
@keyframes lpbelt { to { stroke-dashoffset:-16; } }
.lp .scene .box { animation:lpbox 6s linear infinite; }
@keyframes lpbox { 0% { transform:translateX(0); opacity:0; } 6% { opacity:1; } 80% { opacity:1; } 92%, 100% { transform:translateX(190px); opacity:0; } }
.lp .scene .win { animation:lpwin 5s steps(1) infinite; }
@keyframes lpwin { 50% { fill:#f2c27a; } }
.lp .scene-chip { position:absolute; display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:center; padding:10px 14px; border-radius:6px; background:#fff; width:228px; opacity:0; animation:lpchip 12s ease-in-out infinite; }
.lp .scene-chip i { display:grid; place-items:center; width:30px; height:30px; border-radius:6px; background:#eef6e7; }
.lp .scene-chip i svg { width:16px; height:16px; fill:none; stroke:#3f7a16; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lp .scene-chip small { display:block; font-size:10.5px; color:#6f8389; }
.lp .scene-chip b { display:block; font-size:12.5px; color:#023441; line-height:1.3; }
.lp .scene-chip.c2 { animation-delay:-8s; } .lp .scene-chip.c3 { animation-delay:-4s; }
@keyframes lpchip { 0% { opacity:0; transform:translateY(10px); } 4%, 30% { opacity:1; transform:none; } 34%, 100% { opacity:0; transform:translateY(-6px); } }
@media (prefers-reduced-motion:reduce) {
    .lp .scene .fly, .lp .scene .trail, .lp .scene .pop, .lp .scene .ring, .lp .scene .glow2, .lp .scene .smoke, .lp .scene .gear, .lp .scene .belt, .lp .scene .box, .lp .scene .win, .lp .scene-chip { animation:none !important; }
    .lp .scene .fly { opacity:1; offset-distance:60%; } .lp .scene-chip:first-of-type { opacity:1; } .lp .scene .box { opacity:1; }
}
/* NF-e: carimbo, envelope e chegada sincronizados (ciclo de 8s) */
.lp .scene.nfe .stamp { transform-box:fill-box; transform-origin:center; animation:lpstamp 8s ease-out infinite; }
@keyframes lpstamp { 0%, 4% { transform:scale(2.2); opacity:0; } 10% { transform:scale(.94); opacity:1; } 13%, 92% { transform:none; opacity:1; } 100% { opacity:0; } }
.lp .scene.nfe .nfe-fly { animation:lpnfefly 8s ease-in-out infinite; }
@keyframes lpnfefly { 0%, 16% { offset-distance:0%; opacity:0; } 20% { opacity:1; } 46% { offset-distance:100%; opacity:1; } 50%, 100% { offset-distance:100%; opacity:0; } }
.lp .scene.nfe .mailin { animation:lpmailin 8s ease-out infinite; }
@keyframes lpmailin { 0%, 47% { opacity:0; transform:translateY(-6px); } 52%, 94% { opacity:1; transform:none; } 100% { opacity:0; } }
.lp .scene.nfe .okpill { transform-box:fill-box; transform-origin:center; animation:lpok 8s ease-out infinite; }
@keyframes lpok { 0%, 54% { opacity:0; transform:scale(.8); } 60%, 94% { opacity:1; transform:none; } 100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .lp .scene.nfe .stamp, .lp .scene.nfe .nfe-fly, .lp .scene.nfe .mailin, .lp .scene.nfe .okpill { animation:none !important; opacity:1; } .lp .scene.nfe .nfe-fly { offset-distance:50%; } }
/* Transportadoras: caminhão em primeiro plano, à frente do painel */
.lp .stage:has(.truck2) { min-height:500px; }
.lp .stage:has(.truck2) .trk { left:12%; right:0; }
.lp .truck2 { position:absolute; left:-30px; bottom:-30px; width:430px; height:auto; overflow:visible; font-family:var(--sans); z-index:3; }
.lp .truck2 .rig { animation:lprig .7s ease-in-out infinite alternate; }
@keyframes lprig { to { transform:translateY(-1.2px); } }
.lp .truck2 .spd line { animation:lpspeed 1.1s linear infinite; }
.lp .truck2 .spd line:nth-child(2) { animation-delay:-.4s; } .lp .truck2 .spd line:nth-child(3) { animation-delay:-.8s; }
.lp .truck2 .hl { animation:lphl 2.4s ease-in-out infinite; }
@keyframes lphl { 50% { fill:#ffffff; } }
@media (prefers-reduced-motion:reduce) { .lp .truck2 .rig, .lp .truck2 .spd line, .lp .truck2 .hl { animation:none; } }
.lp .truck2 .road2 { animation:lproad2 .9s linear infinite; }
@keyframes lproad2 { to { stroke-dashoffset:44; } }
@media (prefers-reduced-motion:reduce) { .lp .truck2 .road2 { animation:none; } }