/* v5: paleta editável, barra Juslume, rede neural, equipe, seções criadas no painel, efeitos de automação */
:root{--paper:var(--t-paper,#F5F6F8);--mist:var(--t-mist,#E9ECF2);--deep:var(--t-deep,#060E22)}
:root[data-theme=dark]{--paper:#0A1126;--mist:#0F1A38}
html{scroll-padding-top:120px}

/* ---------- barra superior do sistema Juslume ---------- */
.topbar .util{background:var(--deep);color:#C9D5EE;border-bottom:1px solid rgba(255,255,255,.1)}
.topbar .util .wrap{height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.util-st{margin:0;display:flex;align-items:center;gap:10px;font:400 12.5px var(--mono);letter-spacing:.02em;white-space:nowrap;min-width:0}
.util-st span{overflow:hidden;text-overflow:ellipsis}
.live-clock{color:var(--accent);font-variant-numeric:tabular-nums}
.util-btns{display:flex;gap:8px;align-items:center}
.btn-juslume,.btn-ghost-j{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 14px;border-radius:999px;font:600 12.5px var(--sans);text-decoration:none;white-space:nowrap;border:1.5px solid var(--accent);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.btn-juslume{background:var(--accent);color:#1A1204}
.btn-juslume:hover{background:#f0bd5a}
.btn-ghost-j{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-ghost-j:hover{border-color:var(--accent);color:var(--accent)}
.btn .ext{font-style:normal;opacity:.8}
.topbar.has-util .main-row,.topbar .main-row{height:72px}
.topbar.has-util~main .hero{padding-top:clamp(130px,14vw,180px)}
.nav-juslume{display:none}
@media (max-width:900px){
  .nav{inset:110px 0 auto 0}
  .nav-juslume{display:grid;gap:10px;margin:12px 0 0}
  .nav-juslume .btn-juslume,.nav-juslume .btn-ghost-j{min-height:48px;justify-content:center;font-size:15px}
  .nav-juslume .btn-ghost-j{color:var(--primary);border-color:var(--line)}
  .util-st span{display:none}
  .util-btns .btn-ghost-j{display:none}
  .topbar .util .wrap{justify-content:space-between}
}
@media (max-width:420px){.util-btns .btn-juslume{font-size:11.5px;padding:0 10px}.util-st{font-size:11.5px}}
.pg .nav .btn-juslume{display:inline-flex}
@media (max-width:900px){.pg .nav .btn-juslume{display:none}}

/* ---------- rede neural / brilho do cursor / digitação ---------- */
canvas.neural{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.tech canvas.neural{z-index:0;opacity:.55}
.hero::after,.tech::before,.team::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(217,164,65,.14),transparent 60%);transition:background .15s}
.tech::before,.team::before{z-index:0}
.tech .wrap,.team .wrap{position:relative;z-index:1}
.bubble.typing::after{content:"";display:inline-block;width:8px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--accent);animation:blink .8s steps(2) infinite}
.btn-accent{transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s}

/* ---------- faixa de automação ---------- */
.ticker{background:var(--deep);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;color:#C9D5EE;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,var(--deep),transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,var(--deep),transparent)}
.tick-track{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .tick-track{animation-play-state:paused}
.tick{display:inline-flex;align-items:center;gap:14px;padding:16px 30px;font:400 13.5px var(--mono);letter-spacing:.03em;white-space:nowrap}
.tick i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(217,164,65,.6);animation:pulse 2.4s infinite}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Juslume na seção de tecnologia ---------- */
.tech-jl{margin-top:clamp(36px,5vw,56px);padding:26px 28px;border:1px solid rgba(217,164,65,.35);border-radius:22px;background:linear-gradient(120deg,rgba(217,164,65,.1),rgba(255,255,255,.02));display:flex;gap:20px 32px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tech-jl p{margin:0;max-width:52ch;color:#D5DEF2;font-size:17px}
.tech-jl .row{display:flex;gap:12px;flex-wrap:wrap}
.tech-jl .btn-juslume,.tech-jl .btn-accent{min-height:48px;padding:0 22px;font-size:15px}
.foot-jl{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.footer .btn-juslume,.footer .btn-ghost-j{min-height:40px;font-size:14px}

/* ---------- equipe ---------- */
.team{position:relative;background:var(--deep);color:#fff;overflow:hidden;padding:clamp(80px,10vw,130px) 0}
.team .badge{display:inline-flex;align-items:center;gap:10px;font:400 13px var(--mono);color:var(--accent);margin:0 0 26px;border:1px solid rgba(217,164,65,.4);padding:8px 16px;border-radius:999px}
.team h2{font-size:clamp(46px,7.2vw,96px);line-height:.96;max-width:none}
.team .tech-head p{color:#B9C6E2}
.tm-group{font:400 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:48px 0 20px;display:flex;align-items:center;gap:16px}
.tm-group::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.16)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.tm-card{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px 24px;background:rgba(255,255,255,.04);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,background .25s,opacity .7s}
.tm-card.tilting{transition:border-color .25s,background .25s,opacity .7s}
.tm-card:hover{border-color:rgba(217,164,65,.6);background:rgba(255,255,255,.07)}
.tm-av{position:relative;width:104px;height:104px;border-radius:50%;margin:0 0 20px;display:grid;place-items:center;background:linear-gradient(145deg,#1B2D5E,#0E1B3D);color:var(--accent);font:400 38px var(--serif);overflow:hidden}
.tm-av img{width:100%;height:100%;object-fit:cover}
.tm-card.ai .tm-av{overflow:visible;border:1.5px solid rgba(217,164,65,.5)}
.tm-card.ai .tm-av span{font:400 28px var(--mono)}
.tm-av .ring{position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed rgba(217,164,65,.55);animation:spin 16s linear infinite}
.tm-card h3{font-size:30px;margin:0 0 4px}
.tm-role{margin:0;color:var(--accent);font:500 13.5px var(--mono);letter-spacing:.02em}
.tm-oab{margin:6px 0 0;color:#9FB0D0;font:400 13px var(--mono)}
.tm-bio{margin:14px 0 0;color:#C0CCE6;font-size:15.5px;line-height:1.55}
.tm-st{margin:18px 0 8px;display:flex;align-items:center;gap:9px;font:400 12.5px var(--mono);color:#9FD8B8}
.tm-load{height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.tm-load i{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sweep 2.6s ease-in-out infinite}
.ai-row{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:center}
.ai-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.agents-net svg{width:100%;height:auto;display:block}
.agents-net circle{fill:none}
.agents-net .o1{stroke:rgba(255,255,255,.14);stroke-dasharray:3 7}
.agents-net .o2{stroke:rgba(217,164,65,.28);stroke-dasharray:2 6}
.agents-net .lnk{stroke:rgba(150,175,225,.4);stroke-width:1.2;fill:none;stroke-dasharray:4 5;animation:dash 1.4s linear infinite}
.agents-net .sat{fill:#13234A;stroke:var(--accent);stroke-width:1.5}
.agents-net .core{fill:var(--accent)}
.agents-net text{fill:#1A1204;font:700 13px var(--mono)}
.agents-net .pk{fill:#fff!important;filter:drop-shadow(0 0 6px var(--accent))}
.agents-net .spin{transform-origin:200px 200px;animation:spin 40s linear infinite}
.team .fine{font-size:12.5px;color:#7F8FB0;margin:32px 0 0;max-width:820px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sweep{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
@keyframes dash{to{stroke-dashoffset:-18}}
@media (max-width:900px){.ai-row{grid-template-columns:1fr}.agents-net{max-width:300px;margin:0 auto}}

/* ---------- seções e páginas criadas no painel ---------- */
.blk{padding:clamp(56px,8vw,104px) 0}
.blk-mist{background:var(--mist)}
.blk-dark{background:var(--primary);color:#fff}
.blk .kicker{font:400 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8A6410;margin:0 0 14px}
.blk-dark .kicker{color:var(--accent)}
.blk h2{font-size:clamp(38px,5.6vw,72px);line-height:1;margin:0 0 22px;max-width:18ch}
.blk p{max-width:68ch;font-size:18px}
.blk-dark p{color:#C9D5EE}
.blk-grid,.blk .pg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:30px 0}
.blk-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;color:var(--ink);transition:transform .25s,border-color .25s}
a.blk-card:hover{transform:translateY(-4px);border-color:var(--primary)}
.blk-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:16px}
.blk-card h3{font-size:28px;margin:0 0 8px}.blk-card p{font-size:16px;color:var(--muted);margin:0}
:root[data-theme=dark] .blk-card{background:#0F1A38}
.blk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.blk-split.left>img{order:-1}
.blk-split img{width:100%;border-radius:20px;aspect-ratio:4/3;object-fit:cover}
.blk-ctabox{text-align:center;padding:clamp(32px,6vw,72px);border-radius:28px;background:linear-gradient(135deg,var(--primary),#14264F);color:#fff}
.blk-ctabox h2,.blk-ctabox p{margin-left:auto;margin-right:auto;max-width:24ch}
.blk-ctabox p{color:#C9D5EE;max-width:56ch}
@media (max-width:760px){.blk-split{grid-template-columns:1fr}.blk-split.left>img{order:0}}
.pg-head{padding-bottom:0}
.pg .blk .pg-wrap{padding-top:0;padding-bottom:0;max-width:var(--maxw)}
.pg-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:12px}

/* ---------- aviso (Juslume sem endereço) ---------- */
.notice{position:fixed;left:50%;bottom:28px;transform:translate(-50%,24px);background:#0A1530;color:#fff;border:1px solid var(--accent);padding:14px 20px;border-radius:14px;z-index:90;opacity:0;pointer-events:none;transition:.3s;max-width:calc(100vw - 32px);font-size:15px}
.notice.on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  .tick-track,.tick i,.tm-av .ring,.tm-load i,.agents-net .lnk,.agents-net .spin,.bubble.typing::after{animation:none!important}
  .tm-card{transition:none}
}

.foot-bottom{display:flex;gap:14px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:6px}
.btn-admin{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#E4EAF6;text-decoration:none;font:600 13.5px var(--sans);transition:.2s}
.btn-admin:hover{border-color:var(--accent);color:var(--accent)}