/* ===== tema colorido: base azul-marinho, detalhes em ciano, acentos por seção (sem neon) ===== */
:root{
  --violet:#a78bfa; --pink:#f472b6; --green:#34d399; --amber:#fbbf24; --sky:#7aa7ff;
  --grad:linear-gradient(120deg,#38d9f5 0%,#7aa7ff 40%,#a78bfa 75%,#f472b6 100%);
  --grad-soft:linear-gradient(120deg,rgba(56,217,245,.16),rgba(167,139,250,.16),rgba(244,114,182,.12));
}
body{background:
  radial-gradient(900px 600px at 100% -4%,rgba(167,139,250,.16),transparent 60%),
  radial-gradient(800px 520px at 0 30%,rgba(56,217,245,.10),transparent 60%),
  radial-gradient(700px 480px at 85% 70%,rgba(244,114,182,.07),transparent 60%),
  var(--bg)}

/* destaques em degradê */
.eyebrow{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1,.page-hero h1{text-shadow:0 2px 30px rgba(8,13,25,.6)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(520px 320px at 78% 30%,rgba(167,139,250,.22),transparent 70%),
  radial-gradient(460px 300px at 95% 80%,rgba(244,114,182,.14),transparent 70%),
  radial-gradient(520px 300px at 10% 0,rgba(56,217,245,.14),transparent 70%)}
.hero{position:relative;overflow:hidden}
.page-hero{background:
  radial-gradient(600px 240px at 85% 0,rgba(167,139,250,.18),transparent 70%),
  radial-gradient(500px 220px at 10% 0,rgba(56,217,245,.12),transparent 70%),
  linear-gradient(180deg,rgba(53,120,255,.07),transparent)}
.brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{border-bottom-color:transparent;border-image:linear-gradient(90deg,transparent,rgba(167,139,250,.5),rgba(56,217,245,.5),transparent) 1}
nav ul a[aria-current]{box-shadow:0 2px 0 var(--violet)}

/* botões */
.btn{background:linear-gradient(120deg,#2b59d9,#5a45d6 55%,#8a3fd1);background-size:140% auto;box-shadow:0 10px 28px rgba(110,70,215,.35)}
.btn:hover{background-position:100% 0;box-shadow:0 14px 36px rgba(110,70,215,.5)}
.btn-ghost{background:rgba(255,255,255,.03);border:1px solid rgba(167,139,250,.45);box-shadow:none}
.btn-ghost:hover{border-color:var(--accent-2);background:rgba(56,217,245,.08);box-shadow:none}
.chip[aria-pressed=true]{background:linear-gradient(120deg,#2b59d9,#5a45d6);border-color:transparent}
.msg.out{background:linear-gradient(120deg,#2b59d9,#5a45d6)}

/* acento por cartão (soluções, funcionalidades, etapas, projetos) */
.grid3>*:nth-child(6n+1),.grid4>*:nth-child(8n+1),.steps5>li:nth-child(5n+1){--c:#38d9f5}
.grid3>*:nth-child(6n+2),.grid4>*:nth-child(8n+2),.steps5>li:nth-child(5n+2){--c:#a78bfa}
.grid3>*:nth-child(6n+3),.grid4>*:nth-child(8n+3),.steps5>li:nth-child(5n+3){--c:#f472b6}
.grid3>*:nth-child(6n+4),.grid4>*:nth-child(8n+4),.steps5>li:nth-child(5n+4){--c:#34d399}
.grid3>*:nth-child(6n+5),.grid4>*:nth-child(8n+5),.steps5>li:nth-child(5n+5){--c:#fbbf24}
.grid3>*:nth-child(6n+6),.grid4>*:nth-child(8n+6){--c:#7aa7ff}
.grid4>*:nth-child(8n+7){--c:#38d9f5}.grid4>*:nth-child(8n+8){--c:#a78bfa}
.card,.pcard,.steps5 li{--c:#38d9f5;border-color:color-mix(in srgb,var(--c) 30%,transparent)}
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,#16253f),#0f1b30)}
.pcard{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 6%,#16253f),#0f1b30)}
.card:hover,.pcard:hover{border-color:var(--c);box-shadow:0 16px 40px color-mix(in srgb,var(--c) 22%,transparent)}
.card .ico-box{color:var(--c);border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent)}
.card .ico-xs,.pcard .pcta{color:var(--c)}
.pcard .badge{color:var(--c);border-color:color-mix(in srgb,var(--c) 50%,transparent)}
.card .pcta{color:var(--c)}
.pcard .cat{color:color-mix(in srgb,var(--c) 70%,#a7b4ca)}
.steps5 .num{background:var(--c);color:#080d19}

/* seções e blocos */
.section.alt{background:
  radial-gradient(700px 340px at 92% 0,rgba(167,139,250,.14),transparent 65%),
  radial-gradient(600px 300px at 4% 100%,rgba(56,217,245,.10),transparent 65%),
  var(--bg-alt)}
.strip{background:linear-gradient(180deg,#0e1730,var(--bg-alt))}
.strip li:nth-child(6n+1) .ico{color:#38d9f5}.strip li:nth-child(6n+2) .ico{color:#a78bfa}.strip li:nth-child(6n+3) .ico{color:#f472b6}
.strip li:nth-child(6n+4) .ico{color:#34d399}.strip li:nth-child(6n+5) .ico{color:#fbbf24}.strip li:nth-child(6n+6) .ico{color:#7aa7ff}
.mini{background:linear-gradient(180deg,#16253f,#0f1b30);border-color:rgba(167,139,250,.22)}
.stack>.mini:nth-child(2) .ico{color:#a78bfa}.stack>.mini:nth-child(3) .ico{color:#f472b6}
.cta-box{background:var(--grad-soft),#101c33;border-color:rgba(167,139,250,.4);box-shadow:0 0 60px rgba(167,139,250,.10)}
.panel{border-color:rgba(167,139,250,.35);box-shadow:0 20px 56px rgba(0,0,0,.35),0 0 50px rgba(167,139,250,.14)}
.pflow li:nth-child(1) i{color:#38d9f5}.pflow li:nth-child(2) i{color:#a78bfa}.pflow li:nth-child(3) i{color:#f472b6}.pflow li:nth-child(4) i{color:#34d399}
.arch{border-color:rgba(167,139,250,.3)}.nodes li{background:rgba(167,139,250,.10);border-color:rgba(167,139,250,.32)}
.arch-arrow{color:#a78bfa}
details[open]{border-color:rgba(167,139,250,.55)}
.form{border-color:rgba(167,139,250,.3)}
.site-footer{border-top-color:transparent;border-image:linear-gradient(90deg,transparent,rgba(167,139,250,.5),rgba(56,217,245,.5),transparent) 1}
a{color:#7dd3fc}
.pflow i{background:rgba(255,255,255,.05)}

@media (prefers-reduced-motion:reduce){.grad{animation:none}}