/* =====================================================================
   Central de Soluções — neurosai.com.br/solucoes/
   Componentes com prefixo sl-/sv- para não colidir com o CSS da jornada.
   O conteúdo é HTML puro; a animação é só reforço (respeita prefers-reduced-motion).
   ===================================================================== */
@property --p{syntax:'<number>';inherits:true;initial-value:0}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}

body.sl{ -webkit-user-select:text;user-select:text }           /* pode copiar o texto — é uma central de leitura/citação */
.sl a{ text-underline-offset:3px }
.sl-main{ position:relative; z-index:2 }
.sl :focus-visible{ outline:2px solid var(--env); outline-offset:3px; border-radius:6px }
.sl-skip{ position:absolute; left:-999px; top:8px; z-index:99; background:#fff; color:#000; padding:8px 14px; border-radius:8px; font-weight:700 }
.sl-skip:focus{ left:12px }

/* ---------- fundo vivo (aurora + grade) ---------- */
.sl-aurora{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden }
.sl-aurora i{ position:absolute; width:56vw; height:56vw; border-radius:50%; filter:blur(90px); opacity:.34; mix-blend-mode:screen;
  background:radial-gradient(circle at 30% 30%, var(--env), transparent 62%); animation:aur 26s ease-in-out infinite alternate }
.sl-aurora i:nth-child(1){ left:-14vw; top:-18vw }
.sl-aurora i:nth-child(2){ right:-18vw; top:18vh; background:radial-gradient(circle at 60% 40%, var(--violet), transparent 62%); animation-duration:32s; opacity:.22 }
.sl-aurora i:nth-child(3){ left:24vw; bottom:-30vw; background:radial-gradient(circle, var(--cyan), transparent 62%); animation-duration:38s; opacity:.14 }
@keyframes aur{ 0%{ transform:translate3d(0,0,0) scale(1) } 100%{ transform:translate3d(6vw,4vh,0) scale(1.14) } }
.sl-grid{ position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px; -webkit-mask-image:radial-gradient(80% 60% at 50% 0%,#000,transparent 75%); mask-image:radial-gradient(80% 60% at 50% 0%,#000,transparent 75%) }

/* ---------- selos de maturidade ---------- */
.sl-badge{ display:inline-flex; align-items:center; gap:7px; padding:4px 11px; border-radius:999px; font-size:.72rem; font-weight:800; letter-spacing:.02em; line-height:1.2; white-space:nowrap;
  border:1px solid color-mix(in srgb,var(--b) 45%,transparent); background:color-mix(in srgb,var(--b) 15%,transparent); color:var(--b) }
.sl-badge::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--b); box-shadow:0 0 10px var(--b) }
.sl-badge.ok{ --b:#34d399 } .sl-badge.proj{ --b:#ffb454 } .sl-badge.road{ --b:#a78bfa }
.sl-badge.neutral{ --b:#7fa0ff }

/* ---------- migalhas + hero ---------- */
.sl-crumbs{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.8rem; color:var(--mut); margin-bottom:22px }
.sl-crumbs a{ color:var(--text); transition:color .2s } .sl-crumbs a:hover{ color:#fff }
.sl-crumbs span[aria-hidden]{ opacity:.5 }
.sl-hero{ padding:calc(96px + 5vh) 0 44px; position:relative }
.sl-hero .wrap{ display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:clamp(28px,4vw,64px); align-items:center }
.sl-hero h1{ font-size:clamp(2.1rem,4.4vw,3.6rem); line-height:1.04; margin:12px 0 18px; text-wrap:balance }
.sl-hero .lead{ font-size:1.08rem; color:#c9ccdc; max-width:34em; line-height:1.65 }
.sl-hero .eyebrow{ display:flex; align-items:center; gap:10px }
.sl-hero .eyebrow .sl-ic{ width:34px; height:34px }
.sl-ic{ display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; color:var(--env); background:color-mix(in srgb,var(--env) 16%,transparent); border:1px solid color-mix(in srgb,var(--env) 35%,transparent); flex:none }
.sl-ic svg{ width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
.sl-pills{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 6px }
.sl-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px }
.sl-tally{ display:flex; flex-wrap:wrap; gap:10px; margin-top:28px }
.sl-tally div{ padding:10px 14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--line); min-width:118px }
.sl-tally b{ display:block; font-size:1.5rem; color:#fff; letter-spacing:-.02em; line-height:1.1 }
.sl-tally span{ font-size:.72rem; color:var(--mut) }
.sl-tally .ok b{ color:#34d399 } .sl-tally .proj b{ color:#ffb454 } .sl-tally .road b{ color:#a78bfa }

/* ---------- mini-navegação fixa da página ---------- */
.sl-toc{ position:sticky; top:62px; z-index:40; margin:8px 0 0 }
.sl-toc .wrap{ display:block }
.sl-toc nav{ display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; padding:7px; border-radius:999px; background:rgba(8,11,22,.72); backdrop-filter:blur(14px); border:1px solid var(--line) }
.sl-toc nav::-webkit-scrollbar{ display:none }
.sl-toc a{ flex:none; padding:8px 15px; border-radius:999px; font-size:.8rem; font-weight:700; color:var(--text); transition:.2s; white-space:nowrap }
.sl-toc a:hover{ color:#fff; background:rgba(255,255,255,.06) }
.sl-toc a.on{ color:#fff; background:color-mix(in srgb,var(--env) 30%,transparent); box-shadow:0 0 0 1px color-mix(in srgb,var(--env) 55%,transparent) inset }

/* ---------- seções ---------- */
.sl-sec{ padding:64px 0 8px; scroll-margin-top:118px }
.sl-sec .s-head{ margin:0 0 30px; max-width:46em }
.sl-sec .s-head h2{ font-size:clamp(1.55rem,3vw,2.3rem); margin:10px 0 12px; text-wrap:balance }
.sl-sec .s-head p{ color:#c3c6d8; font-size:1.02rem }
.sl-sec .eyebrow{ color:var(--env) }

/* cartão-base com brilho que segue o mouse */
.sl-card{ position:relative; background:var(--glass); border:1px solid var(--line); border-radius:20px; padding:24px; overflow:hidden; transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s }
.sl-card::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb,var(--env) 22%,transparent), transparent 55%) }
.sl-card:hover{ border-color:color-mix(in srgb,var(--env) 50%,transparent); box-shadow:0 26px 60px -30px color-mix(in srgb,var(--env) 55%,#000) }
.sl-card:hover::before{ opacity:1 }
.sl-card > *{ position:relative }
.sl-card h3{ font-size:1.06rem; margin:0 0 8px }
.sl-card p, .sl-card li{ font-size:.92rem; color:#b4b8cc; line-height:1.62 }

/* resumo + ficha técnica */
.sl-resumo{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:22px }
.sl-tldr{ font-size:1.16rem; line-height:1.7; color:#dfe2ee }
.sl-tldr strong{ color:#fff }
.sl-facts{ margin:0; display:grid; gap:0 }
.sl-facts div{ display:grid; grid-template-columns:110px 1fr; gap:14px; padding:12px 0; border-bottom:1px solid var(--line) }
.sl-facts div:last-child{ border-bottom:0 }
.sl-facts dt{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); font-weight:800; padding-top:2px }
.sl-facts dd{ margin:0; color:#e6e8f2; font-size:.92rem }
.sl-tri{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px }
.sl-tri ul{ list-style:none; display:grid; gap:10px; margin:0; padding:0 }
.sl-tri li{ position:relative; padding-left:22px }
.sl-tri li::before{ content:""; position:absolute; left:2px; top:.62em; width:8px; height:8px; border-radius:3px; background:var(--env); box-shadow:0 0 12px var(--env) }
.sl-tri .sl-ic{ margin-bottom:14px }

/* funcionalidades */
.sl-filter{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px }
.sl-filter button{ padding:9px 16px; border-radius:999px; font-size:.82rem; font-weight:700; color:var(--text); border:1px solid var(--line); background:rgba(255,255,255,.03); transition:.2s }
.sl-filter button:hover{ color:#fff; border-color:rgba(255,255,255,.25) }
.sl-filter button[aria-pressed="true"]{ color:#fff; background:color-mix(in srgb,var(--env) 28%,transparent); border-color:color-mix(in srgb,var(--env) 60%,transparent) }
.sl-feats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px }
.sl-feat{ display:flex; flex-direction:column; gap:10px }
.sl-feat header{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px }
.sl-feat h3{ margin:0; font-size:1.02rem; line-height:1.3 }
.sl-feat .ex{ margin-top:auto; padding:10px 12px; border-radius:12px; font-size:.83rem; color:#9ea3ba; background:rgba(255,255,255,.035); border-left:2px solid var(--env) }
.sl-feat[hidden]{ display:none }
.sl-feat.proj{ --env:#ffb454 } .sl-feat.road{ --env:#a78bfa }

/* legenda dos níveis */
.sl-legend{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:26px }
.sl-legend .sl-card{ padding:18px 20px }
.sl-legend p{ margin-top:10px; font-size:.86rem }

/* linha do tempo */
.sl-steps{ counter-reset:st; position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.sl-step{ position:relative; padding-top:6px }
.sl-step .num{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center; font-weight:800; color:#fff; font-size:1rem;
  background:linear-gradient(135deg,color-mix(in srgb,var(--env) 70%,#000),color-mix(in srgb,var(--env) 25%,#0a0d18)); border:1px solid color-mix(in srgb,var(--env) 55%,transparent); box-shadow:0 10px 30px -10px var(--env); margin-bottom:14px }
.sl-step h3{ font-size:1rem; margin-bottom:6px }
.sl-step p{ font-size:.88rem; color:#a9aec4 }

/* tabela de canais */
.sl-tablewrap{ overflow-x:auto; border-radius:20px; border:1px solid var(--line); background:var(--glass) }
.sl-table{ width:100%; border-collapse:collapse; min-width:560px }
.sl-table caption{ text-align:left; padding:16px 20px 4px; font-size:.78rem; color:var(--mut) }
.sl-table th{ text-align:left; padding:14px 20px; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); font-weight:800; border-bottom:1px solid var(--line) }
.sl-table td{ padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.05); font-size:.92rem; color:#c3c6d8; vertical-align:top }
.sl-table tr:last-child td{ border-bottom:0 }
.sl-table td:first-child{ color:#fff; font-weight:700 }
.sl-table tbody tr{ transition:background .2s } .sl-table tbody tr:hover{ background:rgba(255,255,255,.03) }

/* implantação / limites */
.sl-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px }
.sl-three{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.sl-list{ list-style:none; margin:0; padding:0; display:grid; gap:11px }
.sl-list li{ position:relative; padding-left:26px }
.sl-list li::before{ content:""; position:absolute; left:0; top:.28em; width:16px; height:16px; border-radius:50%; background:color-mix(in srgb,var(--env) 22%,transparent); border:1px solid color-mix(in srgb,var(--env) 55%,transparent) }
.sl-list li::after{ content:""; position:absolute; left:5px; top:calc(.28em + 4px); width:6px; height:3px; border-left:2px solid var(--env); border-bottom:2px solid var(--env); transform:rotate(-45deg) }
.sl-list.no li::before{ background:rgba(240,100,90,.15); border-color:rgba(240,100,90,.5) }
.sl-list.no li::after{ width:8px; height:0; border-left:0; border-bottom:2px solid #f0645a; left:4px; top:calc(.28em + 7px); transform:none }
.sl-note{ margin-top:16px; padding:14px 18px; border-radius:14px; font-size:.88rem; color:#c3c6d8; background:rgba(255,255,255,.035); border:1px dashed var(--line) }
.sl-secure{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px }
.sl-secure .sl-card{ padding:18px 20px }
.sl-secure h4{ font-size:.92rem; color:#fff; margin-bottom:6px }
.sl-secure p{ font-size:.85rem }

/* prova / contratação */
.sl-est{ border-color:rgba(255,180,84,.35) }
.sl-est .sl-badge{ margin-bottom:10px }
.sl-band{ position:relative; overflow:hidden; border-radius:28px; padding:clamp(28px,4vw,52px); border:1px solid color-mix(in srgb,var(--env) 40%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--env) 22%,#080b16),#080b16 60%) }
.sl-band::after{ content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--env) 40%,transparent),transparent 65%); filter:blur(10px); animation:pulse 6s ease-in-out infinite alternate }
@keyframes pulse{ to{ transform:scale(1.25); opacity:.6 } }
.sl-band > *{ position:relative; z-index:1 }
.sl-band h2{ font-size:clamp(1.6rem,3vw,2.3rem); max-width:22em; margin:10px 0 12px }
.sl-band p{ color:#c9ccdc; max-width:44em }
.sl-contact{ display:flex; flex-wrap:wrap; gap:18px 30px; margin-top:22px; font-size:.9rem }
.sl-contact a{ color:#fff; border-bottom:1px solid rgba(255,255,255,.3) } .sl-contact span{ color:var(--mut) }

/* FAQ */
.sl-faq{ display:grid; gap:10px; max-width:58em }
.sl-faq details{ border-radius:16px; background:var(--glass); border:1px solid var(--line); transition:border-color .3s }
.sl-faq details[open]{ border-color:color-mix(in srgb,var(--env) 45%,transparent) }
.sl-faq summary{ list-style:none; cursor:pointer; padding:18px 22px; display:flex; justify-content:space-between; align-items:center; gap:16px; font-weight:700; color:#fff; font-size:.98rem }
.sl-faq summary::-webkit-details-marker{ display:none }
.sl-faq summary::after{ content:"+"; font-size:1.5rem; font-weight:400; color:var(--env); transition:transform .3s; flex:none }
.sl-faq details[open] summary::after{ transform:rotate(45deg) }
.sl-faq .a{ padding:0 22px 20px; color:#b4b8cc; font-size:.94rem; line-height:1.72 }

/* relacionadas / hub cards */
.sl-cards3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.sl-link{ display:flex; flex-direction:column; gap:10px; color:inherit }
.sl-link .arrow{ margin-top:auto; font-weight:800; color:var(--env); font-size:.9rem }
.sl-link:hover .arrow{ letter-spacing:.02em }
.sl-updated{ margin:34px 0 0; font-size:.8rem; color:var(--mut) }

/* ---------- revelar ao rolar ---------- */
.js .sl-rv{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1) }
.js .sl-rv.in{ opacity:1; transform:none }

/* =====================================================================
   Ilustrações animadas por produto (decorativas — aria-hidden)
   ===================================================================== */
.sl-visual{ position:relative; min-width:0 }
.sv{ position:relative; border-radius:26px; padding:20px; background:linear-gradient(160deg,rgba(18,23,42,.92),rgba(8,11,22,.94)); border:1px solid color-mix(in srgb,var(--env) 40%,var(--line));
  box-shadow:0 40px 90px -40px var(--env), 0 0 0 1px rgba(255,255,255,.03) inset; overflow:hidden; min-height:392px; animation:floaty 9s ease-in-out infinite }
@keyframes floaty{ 50%{ transform:translateY(-8px) } }
.sv::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; pointer-events:none;
  background:conic-gradient(from var(--ang), transparent 0 60%, var(--env) 78%, transparent 92%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:spin 7s linear infinite }
@keyframes spin{ to{ --ang:360deg } }
.sv-tag{ position:absolute; right:14px; bottom:12px; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.4); z-index:3 }
.sv-head{ display:flex; align-items:center; gap:10px; font-size:.82rem; font-weight:700; color:#fff; margin-bottom:14px }
.sv-head .dots{ display:flex; gap:5px } .sv-head .dots i{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.16) }
.sv-head .chip{ margin-left:auto }
.chip{ padding:3px 10px; border-radius:999px; font-size:.68rem; font-weight:800; background:color-mix(in srgb,var(--c,#34d399) 18%,transparent); color:var(--c,#34d399); border:1px solid color-mix(in srgb,var(--c,#34d399) 45%,transparent) }
.chip.am{ --c:#ffb454 } .chip.rd{ --c:#f0645a } .chip.vi{ --c:#a78bfa } .chip.bl{ --c:#7fa0ff }

/* — Monitoria — */
.sv-mon .top{ display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; margin-bottom:14px }
.ring{ --p:0; width:96px; height:96px; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(var(--env) calc(var(--p)*1%), rgba(255,255,255,.08) 0); animation:ringp 2.4s .3s cubic-bezier(.2,.8,.2,1) forwards }
@keyframes ringp{ to{ --p:92 } }
.ring::before{ content:""; position:absolute; inset:9px; border-radius:50%; background:#0a0e1b }
.ring b{ position:relative; font-size:1.7rem; color:#fff; line-height:1 } .ring small{ position:absolute; bottom:22px; font-size:.55rem; color:var(--mut); text-transform:uppercase; letter-spacing:.1em }
.ring b{ transform:translateY(-4px) }
.sv-bars{ display:grid; gap:9px }
.sv-bars div{ display:grid; grid-template-columns:82px 1fr 28px; gap:8px; align-items:center; font-size:.7rem; color:var(--mut) }
.sv-bars .t{ height:6px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden } .sv-bars .t i{ display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg,var(--env),#7fe0ff); animation:grow 1.6s .5s cubic-bezier(.2,.8,.2,1) forwards }
@keyframes grow{ to{ width:var(--w) } }
.sv-tr{ padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.04); font-size:.78rem; line-height:1.6; color:#aab0c8; margin-bottom:12px }
.sv-tr b{ color:#fff } .sv-tr mark{ background:color-mix(in srgb,var(--env) 40%,transparent); color:#fff; padding:1px 4px; border-radius:5px; animation:hl 3.6s 1s ease-in-out infinite }
@keyframes hl{ 0%,100%{ background-color:color-mix(in srgb,var(--env) 22%,transparent) } 50%{ background-color:color-mix(in srgb,var(--env) 65%,transparent) } }
.sv-q{ list-style:none; display:grid; gap:8px; margin:0; padding:0 }
.sv-q li{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:12px; background:rgba(255,255,255,.035); font-size:.78rem; color:#dfe2ee; opacity:0; transform:translateX(14px); animation:slidein .6s forwards }
.sv-q li:nth-child(1){ animation-delay:1.1s } .sv-q li:nth-child(2){ animation-delay:1.5s } .sv-q li:nth-child(3){ animation-delay:1.9s }
@keyframes slidein{ to{ opacity:1; transform:none } }
.sv-q li span{ margin-left:auto }

/* — Agentes — */
.sv-tabs{ display:flex; gap:6px; margin-bottom:14px; padding:5px; border-radius:999px; background:rgba(255,255,255,.05); width:max-content }
.sv-tabs span{ padding:7px 16px; border-radius:999px; font-size:.75rem; font-weight:800; color:var(--mut); animation:tabon 9s infinite }
.sv-tabs span:nth-child(2){ animation-delay:3s } .sv-tabs span:nth-child(3){ animation-delay:6s }
@keyframes tabon{ 0%,30%{ background:color-mix(in srgb,var(--env) 34%,transparent); color:#fff } 34%,100%{ background:transparent; color:var(--mut) } }
.sv-chat{ display:grid; gap:9px }
.bub{ max-width:84%; padding:10px 13px; border-radius:16px; font-size:.78rem; line-height:1.5; opacity:0; animation:pop .5s forwards }
.bub.u{ justify-self:end; background:rgba(255,255,255,.08); color:#e7e9f3; border-bottom-right-radius:4px }
.bub.a{ background:color-mix(in srgb,var(--env) 22%,#0c1224); color:#fff; border:1px solid color-mix(in srgb,var(--env) 40%,transparent); border-bottom-left-radius:4px }
.bub.tool{ font-size:.7rem; color:var(--env); background:rgba(255,255,255,.03); border:1px dashed color-mix(in srgb,var(--env) 40%,transparent); font-family:ui-monospace,Consolas,monospace }
.sv-chat .bub:nth-child(1){ animation-delay:.5s } .sv-chat .bub:nth-child(2){ animation-delay:1.4s } .sv-chat .bub:nth-child(3){ animation-delay:2.3s } .sv-chat .bub:nth-child(4){ animation-delay:3.1s }
@keyframes pop{ from{ opacity:0; transform:translateY(10px) scale(.96) } to{ opacity:1; transform:none } }
.sv-wave{ display:flex; align-items:center; justify-content:center; gap:4px; height:52px; margin:16px 0 6px }
.sv-wave i{ width:4px; height:10px; border-radius:4px; background:linear-gradient(var(--env),#7fe0ff); animation:wave 1.1s ease-in-out infinite }
@keyframes wave{ 50%{ height:44px } }
.sv-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; font-size:.72rem; color:var(--mut) }
.sv-btn{ padding:8px 14px; border-radius:999px; font-weight:800; font-size:.72rem; color:#fff; background:color-mix(in srgb,var(--env) 30%,transparent); border:1px solid color-mix(in srgb,var(--env) 55%,transparent) }

/* — Neu (órbita) — */
.sv-neu{ display:grid; place-items:center; min-height:420px }
.orb{ position:relative; width:min(360px,92%); aspect-ratio:1 }
.orb .core{ position:absolute; inset:34%; border-radius:50%; display:grid; place-items:center; font-weight:900; font-size:1.5rem; letter-spacing:.06em; color:#fff;
  background:radial-gradient(circle at 30% 25%,#5f86ff,#15399a 70%); box-shadow:0 0 60px var(--env), 0 0 0 8px rgba(61,107,255,.14), 0 0 0 20px rgba(61,107,255,.06); animation:breathe 4s ease-in-out infinite }
@keyframes breathe{ 50%{ transform:scale(1.06) } }
.orb .ring1,.orb .ring2{ position:absolute; border-radius:50%; border:1px dashed rgba(255,255,255,.16); inset:8%; animation:rot 38s linear infinite }
.orb .ring2{ inset:-2%; animation-duration:56s; animation-direction:reverse; border-color:rgba(255,255,255,.09) }
@keyframes rot{ to{ transform:rotate(360deg) } }
.orb .sat{ position:absolute; inset:0; animation:rot 40s linear infinite }
.orb .sat.s2{ inset:13%; animation-duration:62s; animation-direction:reverse }
.orb .sat span{ position:absolute; inset:0; transform:rotate(var(--a)) }
.orb .chipm{ position:absolute; left:50%; top:0; font-style:normal; padding:7px 12px; border-radius:12px; font-size:.7rem; font-weight:800; color:#fff; white-space:nowrap; background:rgba(12,17,34,.96);
  border:1px solid color-mix(in srgb,var(--c,var(--env)) 55%,transparent); box-shadow:0 8px 24px -8px var(--c,var(--env));
  transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))); animation:cnt 40s linear infinite }
.orb .s2 .chipm{ animation:cnt2 62s linear infinite }
@keyframes cnt{ from{ transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))) } to{ transform:translate(-50%,-50%) rotate(calc(-1 * var(--a) - 360deg)) } }
@keyframes cnt2{ from{ transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))) } to{ transform:translate(-50%,-50%) rotate(calc(-1 * var(--a) + 360deg)) } }

/* — Review — */
.sv-cards{ display:grid; gap:10px; margin-bottom:14px }
.rc{ display:grid; grid-template-columns:1fr auto; gap:6px 12px; padding:11px 13px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--line); font-size:.76rem; color:#cfd3e4; animation:cardin .7s both }
.rc b{ color:#fff } .rc small{ color:var(--mut); grid-column:1/-1 }
.rc:nth-child(1){ animation-delay:.3s; border-color:color-mix(in srgb,var(--env) 55%,transparent); background:color-mix(in srgb,var(--env) 12%,rgba(255,255,255,.03)) }
.rc:nth-child(2){ animation-delay:.6s } .rc:nth-child(3){ animation-delay:.9s }
@keyframes cardin{ from{ opacity:0; transform:translateY(16px) } to{ opacity:1; transform:none } }
.sv-reply{ padding:13px 14px; border-radius:16px; background:color-mix(in srgb,var(--env) 10%,#0b1020); border:1px solid color-mix(in srgb,var(--env) 40%,transparent); font-size:.76rem; line-height:1.6; color:#dfe2ee }
.sv-reply .lab{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-weight:800; color:var(--env); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase }
.type{ display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom; max-width:0; border-right:2px solid var(--env); animation:typing 5s 1.2s steps(60) infinite alternate }
@keyframes typing{ 0%{ max-width:0 } 70%,100%{ max-width:100% } }
.sv-reply .type{ display:block; white-space:normal; max-width:none; border:0; animation:none }
.sv-reply .type::after{ content:"▍"; color:var(--env); animation:blink 1s steps(2) infinite }
@keyframes blink{ 50%{ opacity:0 } }

/* — Vision — */
.sv-vis{ padding:0; min-height:420px }
.cam{ position:absolute; inset:0; background:
  radial-gradient(70% 60% at 62% 45%, rgba(52,211,153,.10), transparent 70%),
  repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 2px, transparent 2px 5px),
  linear-gradient(180deg,#0b1220,#070a13 60%,#0a1018) }
.cam .floor{ position:absolute; left:0; right:0; bottom:0; height:38%; background:linear-gradient(180deg,rgba(255,255,255,.03),transparent); border-top:1px solid rgba(255,255,255,.06) }
.cam .desk{ position:absolute; left:14%; right:12%; bottom:20%; height:30px; border-radius:10px; background:linear-gradient(180deg,#141b2c,#0c1220); border:1px solid rgba(255,255,255,.06) }
.cam .person{ position:absolute; left:34%; bottom:26%; width:120px; height:230px }
.cam .person i{ position:absolute; left:50%; transform:translateX(-50%); background:linear-gradient(180deg,#1b2540,#101830); border:1px solid rgba(255,255,255,.07) }
.cam .person .h{ top:0; width:64px; height:64px; border-radius:50% }
.cam .person .b{ top:70px; width:116px; height:160px; border-radius:46px 46px 12px 12px }
.cam .phone{ position:absolute; left:calc(34% + 74px); bottom:calc(26% + 88px); width:26px; height:46px; border-radius:6px; background:linear-gradient(160deg,#243052,#0d1428); border:1px solid rgba(255,255,255,.18); transform:rotate(-14deg) }
.cam .phone::after{ content:""; position:absolute; inset:4px; border-radius:3px; background:linear-gradient(160deg,rgba(127,224,255,.5),rgba(127,224,255,.05)); animation:scr 2.4s ease-in-out infinite }
@keyframes scr{ 50%{ opacity:.35 } }
.det{ position:absolute; left:calc(34% + 60px); bottom:calc(26% + 78px); width:62px; height:74px; border:2px solid #eaff00; border-radius:6px; box-shadow:0 0 18px rgba(234,255,0,.6), 0 0 0 1px rgba(234,255,0,.25) inset; animation:detect 4.2s ease-in-out infinite }
.det::before{ content:"celular 87%"; position:absolute; left:-2px; top:-24px; padding:3px 8px; border-radius:6px 6px 6px 0; background:#eaff00; color:#0a0f00; font-weight:800; font-size:.66rem; white-space:nowrap }
@keyframes detect{ 0%,12%{ opacity:0; transform:scale(1.4) } 20%,86%{ opacity:1; transform:none } 100%{ opacity:0 } }
.scan{ position:absolute; left:0; right:0; height:70px; top:-70px; background:linear-gradient(180deg,transparent,rgba(52,211,153,.18)); border-bottom:1px solid rgba(52,211,153,.6); animation:scan 4.2s linear infinite }
@keyframes scan{ to{ top:100% } }
.corner{ position:absolute; width:22px; height:22px; border-color:rgba(255,255,255,.5); border-style:solid; border-width:0 }
.corner.tl{ left:16px; top:16px; border-top-width:2px; border-left-width:2px } .corner.tr{ right:16px; top:16px; border-top-width:2px; border-right-width:2px }
.corner.bl{ left:16px; bottom:16px; border-bottom-width:2px; border-left-width:2px } .corner.br{ right:16px; bottom:16px; border-bottom-width:2px; border-right-width:2px }
.hud{ position:absolute; left:20px; top:22px; font:700 .68rem ui-monospace,Consolas,monospace; color:rgba(255,255,255,.75); text-shadow:0 1px 4px #000; display:flex; align-items:center; gap:8px }
.hud i{ width:8px; height:8px; border-radius:50%; background:#f0645a; animation:blink 1.2s steps(2) infinite }
.toast{ position:absolute; right:16px; bottom:34px; left:16px; padding:12px 14px; border-radius:14px; background:rgba(9,13,26,.92); border:1px solid rgba(240,100,90,.5); display:flex; gap:10px; align-items:center; font-size:.75rem; color:#fff; transform:translateY(130%); animation:toast 4.2s ease-in-out infinite; z-index:2 }
.toast .chip{ margin-left:auto }
@keyframes toast{ 0%,26%{ transform:translateY(130%) } 34%,84%{ transform:none } 92%,100%{ transform:translateY(130%) } }

/* — Audio Studio — */
.sv-wavebig{ display:flex; align-items:center; justify-content:center; gap:3px; height:120px; margin-bottom:12px; padding:0 8px; border-radius:16px; background:rgba(255,255,255,.035) }
.sv-wavebig i{ width:4px; height:12px; border-radius:4px; background:linear-gradient(var(--env),#7fe0ff); animation:wave 1.3s ease-in-out infinite }
.sv-play{ display:flex; align-items:center; gap:12px; margin-bottom:12px }
.sv-play .pb{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--env); color:#04121a; box-shadow:0 0 24px var(--env) }
.sv-play .pb svg{ width:16px; height:16px; fill:currentColor }
.sv-play .bar{ flex:1; height:6px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden } .sv-play .bar i{ display:block; height:100%; width:0; background:var(--env); animation:prog 6s linear infinite }
@keyframes prog{ to{ width:100% } }
.sv-ph{ list-style:none; display:grid; gap:7px; margin:0; padding:0 }
.sv-ph li{ display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:9px 12px; border-radius:12px; background:rgba(255,255,255,.035); font-size:.74rem; color:#cfd3e4 }
.sv-ph code{ font:700 .68rem ui-monospace,Consolas,monospace; color:var(--env) }
.st{ width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 8px #34d399 } .st.p{ background:#ffb454; box-shadow:0 0 8px #ffb454; animation:blink 1.2s steps(2) infinite }

/* — Assessment (radar) — */
.sv-ass{ display:grid; place-items:center; min-height:420px }
.radar{ width:min(340px,92%); overflow:visible }
.radar .g{ fill:none; stroke:rgba(255,255,255,.12); stroke-width:1 }
.radar .ax{ stroke:rgba(255,255,255,.1); stroke-width:1 }
.radar .lab{ fill:#c9ccdc; font:700 10px Manrope,sans-serif; text-anchor:middle }
.radar .poly{ fill:color-mix(in srgb,var(--env) 30%,transparent); stroke:var(--env); stroke-width:2; stroke-linejoin:round; transform-origin:150px 150px; animation:rad 5.5s ease-in-out infinite alternate; filter:drop-shadow(0 0 12px var(--env)) }
.radar .pt{ fill:#fff; stroke:var(--env); stroke-width:2 }
@keyframes rad{ 0%{ transform:scale(.55) rotate(-6deg); opacity:.4 } 100%{ transform:scale(1) rotate(0); opacity:1 } }
.sv-ass .steps{ display:flex; gap:6px; margin-top:8px } .sv-ass .steps i{ width:34px; height:5px; border-radius:99px; background:rgba(255,255,255,.12); overflow:hidden; position:relative } .sv-ass .steps i::after{ content:""; position:absolute; inset:0; background:var(--env); transform:scaleX(0); transform-origin:left; animation:stp 6s infinite }
.sv-ass .steps i:nth-child(2)::after{ animation-delay:.6s } .sv-ass .steps i:nth-child(3)::after{ animation-delay:1.2s } .sv-ass .steps i:nth-child(4)::after{ animation-delay:1.8s } .sv-ass .steps i:nth-child(5)::after{ animation-delay:2.4s } .sv-ass .steps i:nth-child(6)::after{ animation-delay:3s }
@keyframes stp{ 0%{ transform:scaleX(0) } 20%,80%{ transform:scaleX(1) } 100%{ transform:scaleX(0) } }

/* — Hub (constelação) — */
.sv-hub{ display:grid; place-items:center; min-height:440px }
.const{ position:relative; width:min(430px,94%); aspect-ratio:1 }
.const svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible }
.const .ln{ stroke:rgba(127,160,255,.35); stroke-width:1; stroke-dasharray:4 6; animation:dash 14s linear infinite }
@keyframes dash{ to{ stroke-dashoffset:-200 } }
.const .center{ position:absolute; left:50%; top:50%; width:84px; height:84px; margin:-42px 0 0 -42px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 30% 25%,#5f86ff,#15399a 70%); box-shadow:0 0 60px rgba(61,107,255,.7); animation:breathe 4s ease-in-out infinite }
.const .center img{ width:46px; filter:brightness(0) invert(1) }
.const .nd{ position:absolute; transform:translate(-50%,-50%); padding:8px 13px; border-radius:14px; font-size:.72rem; font-weight:800; color:#fff; white-space:nowrap; background:rgba(11,16,32,.95); border:1px solid color-mix(in srgb,var(--c) 60%,transparent); box-shadow:0 10px 30px -10px var(--c); animation:nodef 6s ease-in-out infinite; transition:transform .3s }
.const .nd:nth-of-type(odd){ animation-delay:-3s }
@keyframes nodef{ 50%{ margin-top:-7px } }

/* ---------- hub: cartões de solução ---------- */
.sl-sol{ display:flex; flex-direction:column; gap:12px; min-height:100% }
.sl-sol .top{ display:flex; align-items:center; justify-content:space-between; gap:12px }
.sl-sol h3{ font-size:1.25rem; margin:0 }
.sl-sol .tag{ color:#c9ccdc; font-size:.95rem }
.sl-sol .meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto }
.sl-sol .go{ font-weight:800; color:var(--env); font-size:.9rem; margin-top:6px }
.sl-need{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
.sl-need a{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; border-radius:16px; background:var(--glass); border:1px solid var(--line); color:#dfe2ee; font-size:.95rem; transition:.25s }
.sl-need a b{ color:var(--env); white-space:nowrap; font-size:.86rem }
.sl-need a:hover{ border-color:color-mix(in srgb,var(--env) 55%,transparent); transform:translateX(4px); color:#fff }
.sl-journey{ display:flex; flex-wrap:wrap; gap:10px; align-items:center }
.sl-journey a{ display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:var(--glass); border:1px solid var(--line); font-size:.86rem; font-weight:700; color:#fff; transition:.25s }
.sl-journey a:hover{ border-color:var(--env); box-shadow:0 0 26px -8px var(--env) }
.sl-journey a small{ color:var(--mut); font-weight:600 }
.sl-journey .sep{ color:var(--mut) }

/* ---------- responsivo ---------- */
@media(max-width:1000px){
  .sl-hero .wrap{ grid-template-columns:1fr }
  .sl-resumo,.sl-two{ grid-template-columns:1fr }
  .sl-tri,.sl-three,.sl-steps,.sl-cards3,.sl-legend{ grid-template-columns:1fr 1fr }
}
@media(max-width:680px){
  .sl-feats,.sl-tri,.sl-three,.sl-steps,.sl-cards3,.sl-legend,.sl-secure,.sl-need{ grid-template-columns:1fr }
  .sl-toc{ top:58px } .sl-sec{ padding-top:48px }
  .sl-facts div{ grid-template-columns:1fr; gap:2px }
  .sv{ min-height:360px }
}
@media(prefers-reduced-motion:reduce){
  .sl-aurora i,.sv,.sv::before,.orb *,.const *,.sv-wave i,.sv-wavebig i,.scan,.det,.toast,.radar .poly{ animation:none!important }
  .js .sl-rv{ opacity:1; transform:none }
  .ring{ --p:92 } .sv-bars .t i{ width:var(--w) } .sv-q li,.bub,.rc{ opacity:1; transform:none } .toast{ transform:none } .det{ opacity:1 }
}
@media print{ .sl-aurora,.sl-grid,.sl-toc,.nav,.progress,.sl-visual{ display:none!important } body{ background:#fff!important; color:#000!important } }

/* ---------- complementos ---------- */
.sl-filter{ display:none }
.js .sl-filter{ display:flex }
.sl-feats .sl-feat[hidden]{ display:none }
.sl-hero .eyebrow{ letter-spacing:.18em }
.sl-steps{ padding:0; margin:0 }
.sl-two > .sl-card, .sl-three > .sl-card, .sl-tri > .sl-card{ height:100% }
.sl-tablewrap:focus-visible{ outline:2px solid var(--env); outline-offset:3px }
.sl .chip{ display:inline-block; cursor:default }
.sv{ padding-bottom:20px }
.sv-vis,.sv-neu,.sv-ass,.sv-hub{ padding-bottom:20px }
.sv-q li span{ margin-left:0 }
.sv-q li span:last-child{ margin-left:auto }
.sl-hero .lead{ font-size:1.16rem }
.sl-resumo{ align-items:start }

/* Neu: o núcleo da órbita usa o mascote do Neu */
.orb .core{ inset:31%; background:url(/images/jornada/neu-head.webp) 50% 30%/128% no-repeat, radial-gradient(circle at 30% 25%,#7c9bff,#15399a 75%); color:transparent; font-size:0;
  border:2px solid rgba(190,208,255,.85); box-shadow:0 0 0 7px rgba(61,107,255,.16), 0 0 0 18px rgba(61,107,255,.07), 0 0 64px rgba(90,130,255,.75) }
.orb .core span{ position:absolute; left:50%; bottom:-30px; transform:translateX(-50%); padding:4px 14px; border-radius:99px; font-size:.72rem; font-weight:800; letter-spacing:.2em; color:#fff; background:#0a0f20; border:1px solid rgba(160,190,255,.7); box-shadow:0 8px 22px -6px rgba(61,107,255,.8) }

.sl-ic.sl-ic-neu{ border-radius:50%; background:url(/images/jornada/neu-head.webp) 50% 28%/165% no-repeat, #0d1530; border-color:rgba(160,190,255,.7) }

/* índice fixo acompanha o cabeçalho retrátil (celular) */
.sl-toc{ transition:top .3s ease }
@media(max-width:860px){ body:has(.nav.nav-hide) .sl-toc{ top:8px } }

/* =====================================================================
   NEU Connect: ilustração do hero e seção "A história"
   ===================================================================== */
/* — Connect (chat -> card) — */
.sv-con{ min-height:0; padding-bottom:18px }
.con-src{ margin:0 0 8px }
.con-chat .bub{ font-size:.74rem; padding:8px 12px }
.con-chat .bub:nth-child(1){ animation-delay:.4s } .con-chat .bub:nth-child(2){ animation-delay:1.2s } .con-chat .bub:nth-child(3){ animation-delay:2s }
.con-pipe{ position:relative; display:flex; align-items:center; justify-content:center; gap:10px; height:44px; margin:6px 0 4px; color:var(--env); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase }
.con-pipe::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%); background:linear-gradient(transparent,color-mix(in srgb,var(--env) 70%,transparent),transparent) }
.con-pipe i{ position:absolute; left:50%; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:var(--env); box-shadow:0 0 12px var(--env); opacity:0; animation:conflow 2.4s ease-in infinite }
.con-pipe i:nth-child(2){ animation-delay:.8s } .con-pipe i:nth-child(3){ animation-delay:1.6s }
@keyframes conflow{ 0%{ top:-4px; opacity:0 } 15%{ opacity:1 } 100%{ top:40px; opacity:0 } }
.con-pipe span{ position:relative; padding:4px 12px; border-radius:999px; background:#0b1020; border:1px solid color-mix(in srgb,var(--env) 45%,transparent) }
.con-card{ padding:14px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid color-mix(in srgb,var(--env) 40%,transparent); opacity:0; animation:cardin .8s 2.5s both }
.con-who{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; font-size:.86rem; color:#fff }
.con-body{ display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center }
.con-fields{ list-style:none; margin:0; padding:0; display:grid; gap:7px }
.con-fields li{ display:flex; justify-content:space-between; gap:12px; padding:7px 10px; border-radius:10px; background:rgba(255,255,255,.04); font-size:.74rem; color:var(--mut); opacity:0; transform:translateX(12px); animation:slidein .5s forwards }
.con-fields li b{ color:#fff; font-weight:700 }
.con-fields li:nth-child(1){ animation-delay:3s } .con-fields li:nth-child(2){ animation-delay:3.3s } .con-fields li:nth-child(3){ animation-delay:3.6s } .con-fields li:nth-child(4){ animation-delay:3.9s }
.con-score{ display:grid; place-items:center; gap:4px } .con-score small{ font-size:.6rem; text-transform:uppercase; letter-spacing:.1em; color:var(--mut) }
.ring.mini{ width:74px; height:74px; animation:ringp85 2s 3.2s cubic-bezier(.2,.8,.2,1) forwards }
.ring.mini::before{ inset:7px }
.ring.mini b{ font-size:1.3rem; transform:none }
@keyframes ringp85{ to{ --p:85 } }
.con-tl{ list-style:none; margin:12px 0 0; padding:10px 0 0; border-top:1px solid var(--line); display:grid; gap:6px }
.con-tl li{ display:flex; align-items:center; gap:9px; font-size:.72rem; color:#cfd3e4; opacity:0; animation:slidein .5s forwards }
.con-tl li:nth-child(1){ animation-delay:4.4s } .con-tl li:nth-child(2){ animation-delay:4.9s } .con-tl li:nth-child(3){ animation-delay:5.4s }
.con-tl i{ flex:none; width:8px; height:8px; border-radius:50%; background:var(--env) }
.con-tl li.alert{ color:#fff } .con-tl li.alert i{ background:#f0645a; box-shadow:0 0 10px #f0645a }
@media (prefers-reduced-motion:reduce){
  .con-card,.con-fields li,.con-tl li{ opacity:1; transform:none; animation:none }
  .con-pipe i{ display:none } .ring.mini{ --p:85; animation:none }
}

/* — Seção "A história" (storytelling em quatro atos) — */
.sl-story{ list-style:none; margin:34px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; counter-reset:act }
.sl-act{ position:relative; display:grid; grid-template-rows:auto 1fr; gap:14px }
.act-n{ position:relative; display:flex; align-items:center; gap:10px; height:34px }
.act-n b{ position:relative; z-index:1; padding:6px 14px; border-radius:999px; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--env) 70%,#000),color-mix(in srgb,var(--env) 28%,#0a0d18)); border:1px solid color-mix(in srgb,var(--env) 55%,transparent) }
.act-n i{ flex:1; height:2px; border-radius:2px; background:linear-gradient(90deg,color-mix(in srgb,var(--env) 60%,transparent),color-mix(in srgb,var(--env) 8%,transparent)) }
.sl-act:last-child .act-n i{ display:none }
.act-c{ display:grid; gap:8px; align-content:start }
.act-c .who{ font-size:.74rem; font-weight:700; color:var(--env); letter-spacing:.02em }
.act-c h3{ font-size:1.05rem; line-height:1.25 }
.act-c p{ font-size:.88rem; color:#a9aec4; line-height:1.6 }
.act-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:6px }
.act-chips .chip{ --c:#34d399 }
.act-chips .chip.bl{ --c:#7fa0ff } .act-chips .chip.am{ --c:#ffb454 } .act-chips .chip.rd{ --c:#f0645a } .act-chips .chip.vi{ --c:#a78bfa }
@media (max-width:1080px){ .sl-story{ grid-template-columns:repeat(2,minmax(0,1fr)) } .sl-act:nth-child(2) .act-n i{ display:none } }
@media (max-width:640px){
  .sl-story{ grid-template-columns:minmax(0,1fr); gap:6px; padding-left:14px; border-left:2px solid color-mix(in srgb,var(--env) 40%,transparent); margin-left:6px }
  .sl-act:nth-child(2) .act-n i{ display:block } .act-n i{ display:none !important }
  .act-n b{ margin-left:-30px }
}