/* Dyno Business (25/10/2026): Dyno AI como camada, Dyno como agente, soluções e selos de maturidade.
   Complementa /assets/dyno.css e /assets/biz3d.css. Cores do pacote de marca: Dyno/Dyno AI #2FD47E, destaque #F2B33D,
   tecnologia/B2B #58A6FF. */
:root{--eco-ai:#2FD47E;--eco-b2b:#58A6FF;--eco-hi:#F2B33D;--eco-flow:#A98BFF}

/* menu do Business com Plataforma, Dyno AI e Soluções: oito itens não cabem abaixo de ~1080 px, então o Business usa o
   menu recolhido até 1080 px (as mesmas regras do dyno.css até 900 px; o ui.js já alterna .open) */
.biz .nav a{white-space:nowrap}
@media (min-width:1081px) and (max-width:1220px){.biz .nav{gap:15px;font-size:13.5px}}
@media (min-width:901px) and (max-width:1080px){
  .biz .menu-btn{display:inline-flex;align-items:center}
  .biz .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 24px 16px}
  .biz .nav.open{display:flex}
  .biz .nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16px}
  .biz .nav .btn{margin-top:12px;border-bottom:1px solid var(--line2)}
}

/* selo de maturidade: operacional, parcial (em implantação) e planejado */
.st{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font:600 11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-op{color:#2FD47E;border-color:rgba(47,212,126,.45);background:rgba(47,212,126,.1)}
.st-par{color:#F2B33D;border-color:rgba(242,179,61,.45);background:rgba(242,179,61,.1)}
.st-plan{color:#9FB3D1;border-color:rgba(159,179,209,.4);background:rgba(159,179,209,.08)}

/* arquitetura (Business): usa .arch/.layer do biz3d.css e acrescenta as camadas do ecossistema */
.eco-arch .layer.ai{border-color:rgba(47,212,126,.6);background:radial-gradient(420px 160px at 0 0,rgba(47,212,126,.2),transparent 70%),rgba(255,255,255,.04)}
.eco-arch .layer.ai b{color:var(--eco-ai)}
.eco-arch .layer .ico{display:grid;place-items:center;flex:none;border-radius:14px;font:700 15px var(--display)}
.eco-arch .layer.ai .ico{background:rgba(47,212,126,.15);color:var(--eco-ai)}
.eco-arch .layer.agent{border-color:rgba(47,212,126,.35)}
.eco-arch .layer.agent img{flex:none;width:72px;height:72px;object-fit:contain;margin:-10px -4px -10px -8px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.eco-arch .layer.core{border-color:rgba(88,166,255,.45)}
.eco-arch .layer.core b{color:#8FB9FF}
.eco-arch .layer.core .ico{background:rgba(88,166,255,.15);color:#8FB9FF}
.eco-sol5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.eco-sol5 span{padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent);background:rgba(255,255,255,.03);font:600 14px var(--display);display:grid;gap:4px;min-width:0}
.eco-sol5 small{font:400 12.5px var(--body);color:var(--mute)}
.eco-cap{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:4px 0 -4px}
.eco-svg{margin-top:14px;text-align:center;font-size:14px;color:var(--mute)}
@media (max-width:900px){.eco-sol5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.eco-sol5{grid-template-columns:1fr}}

/* Dyno AI: princípios */
.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ai-p{display:grid;gap:8px;align-content:start;padding:20px;border-radius:20px;border:1px solid rgba(47,212,126,.3);background:linear-gradient(180deg,rgba(47,212,126,.08),rgba(255,255,255,.02));min-width:0}
.ai-p .n{font:600 12px var(--mono);color:var(--eco-ai);letter-spacing:.08em}
.ai-p h3{font-size:1.08rem;line-height:1.3;margin:0}
.ai-p p{color:var(--mute);margin:0;font-size:.95rem}
.ai-status{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--mute);font-size:14.5px}
@media (max-width:960px){.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ai-grid{grid-template-columns:1fr}}

/* soluções (Micro SaaS) */
.sols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sol{--c:var(--eco-ai);display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:22px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:radial-gradient(360px 200px at 100% 0,color-mix(in srgb,var(--c) 13%,transparent),transparent 70%),rgba(255,255,255,.02);min-width:0}
.sol .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.sol h3{font-size:1.3rem;margin:0}
.sol h3 i{font-style:normal;color:var(--c)}
.sol .lead2{color:var(--ink);margin:0;font-weight:500}
.sol ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;color:var(--mute);font-size:.94rem}
.sol li{position:relative;padding-left:20px}
.sol li::before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:8px;border-radius:50%}
.sol li.s-op::before{background:#2FD47E}
.sol li.s-par::before{background:#F2B33D}
.sol li.s-plan::before{background:transparent;border:1.5px solid #9FB3D1}
.sol .mods{margin-top:auto}
.sol .btn{align-self:flex-start}
.sol.all{--c:var(--eco-hi);border-style:dashed}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;color:var(--mute);font-size:13.5px}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
@media (max-width:960px){.sols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sols{grid-template-columns:1fr}}


/* Dyno, o agente: topo e oferta (substitui o palco 3D do mascote antigo; sem three.js nesta página) */
.agente{position:relative;margin:0;display:grid;justify-items:center;min-width:0}
.agente::before{content:"";position:absolute;inset:8% 6% 14%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,212,126,.28),rgba(242,179,61,.1) 60%,transparent);z-index:-1}
.agente-img{width:min(100%,400px);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.agente-chat{position:relative;justify-self:end;margin-top:-96px;width:min(88%,330px);padding:14px;border-radius:20px;background:rgba(12,20,38,.92);border:1px solid var(--line2);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.agente-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.agente-top .logo{width:30px;height:30px;font-size:15px}
.agente-top b{font:700 14px var(--display);display:block}
.agente-top small{color:var(--mute);font-size:11.5px}
.agente-msgs{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13px;line-height:1.4}
.agente-msgs li{padding:7px 10px;border-radius:12px;max-width:92%}
.agente-msgs .me{justify-self:end;background:rgba(242,179,61,.16);color:var(--ink);border-bottom-right-radius:4px}
.agente-msgs .dy{justify-self:start;background:rgba(47,212,126,.12);color:#D7F5E6;border-bottom-left-radius:4px}
.agente-msgs i{font-style:normal}
@media (prefers-reduced-motion:no-preference){
  .agente-img{animation:agente-flutua 6s ease-in-out infinite}
  .agente-msgs li{opacity:0;animation:agente-msg .45s ease forwards}
  .agente-msgs li:nth-child(1){animation-delay:.3s}.agente-msgs li:nth-child(2){animation-delay:1.1s}.agente-msgs li:nth-child(3){animation-delay:1.9s}
  .agente-msgs li:nth-child(4){animation-delay:2.6s}.agente-msgs li:nth-child(5){animation-delay:3.2s}
}
@keyframes agente-flutua{50%{transform:translateY(-10px)}}
@keyframes agente-msg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.agente-oferta{display:grid;justify-items:center}
.agente-oferta img{width:min(100%,340px);height:auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))}
@media (max-width:900px){
  .agente{order:0;margin-top:8px}
  .agente-img{width:min(64%,260px)}
  .agente-chat{justify-self:center;width:100%;max-width:420px;margin-top:-40px}
}
@media (max-width:820px){.agente-oferta{order:-1}.agente-oferta img{width:min(60%,240px)}}

/* clientes: só nomes (texto), sem logos; logos só com autorização de cada empresa */
.clientes{padding-block:8px 28px}
.clientes-t{text-align:center;margin:0 0 14px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.clientes-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}
.clientes-l li>*{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:#C9D3E3;font:600 15px var(--display);text-decoration:none}
.clientes-l a:hover{color:var(--ink);border-color:rgba(242,179,61,.55)}