/* =========================================================
   Zentroo logo-based color theme
   Palette matched to the logo: violet, electric blue, cyan,
   emerald, sunshine yellow and warm orange.
   ========================================================= */
:root{
  --bg:#f7fbff;
  --bg-2:#eef7ff;
  --panel:#ffffff;
  --line:rgba(15,126,239,.14);
  --line-2:rgba(111,47,242,.22);
  --text:#08182f;
  --muted:#526075;
  --primary:#0a7ff0;
  --primary-2:#11c8ef;
  --accent:#7b2ff7;
  --success:#10d59a;
  --sun:#ffd21a;
  --orange:#ff8a00;
  --glow:0 22px 58px -30px rgba(10,127,240,.55);
  --grad:linear-gradient(135deg,#6f2ff2 0%,#0a7ff0 38%,#12c8ef 68%,#16d28f 100%);
  --grad-warm:linear-gradient(135deg,#12c8ef 0%,#16d28f 42%,#ffd21a 72%,#ff8a00 100%);
  --grad-soft:linear-gradient(180deg,rgba(111,47,242,.11),rgba(18,200,239,.055),rgba(16,213,154,.035));
  --shadow:0 24px 70px -42px rgba(8,24,47,.38),0 14px 36px -24px rgba(10,127,240,.26);
}
body{
  background:
    radial-gradient(900px 520px at 8% 0%,rgba(111,47,242,.08),transparent 62%),
    radial-gradient(900px 520px at 95% 10%,rgba(18,200,239,.10),transparent 60%),
    var(--bg) !important;
  color:var(--text);
}
.grad,.feature-card .num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.nav{
  background:rgba(247,251,255,.86) !important;
  border-bottom:1px solid rgba(10,127,240,.14) !important;
  box-shadow:0 12px 34px -30px rgba(10,127,240,.45);
}
.nav.scrolled{background:rgba(255,255,255,.78) !important;border-bottom-color:rgba(111,47,242,.14) !important;}
.nav .brand-logo,.footer .brand-logo{filter:drop-shadow(0 10px 24px rgba(10,127,240,.10));}
.site-logo{border-radius:12px;}
.nav-links a:hover,.nav-mobile a:hover,.btn-ghost:hover,.tab:hover{background:linear-gradient(135deg,rgba(111,47,242,.08),rgba(18,200,239,.10));color:#08182f;}
.nav-links a.active{color:#0a7ff0 !important;background:rgba(10,127,240,.10) !important;border-color:rgba(10,127,240,.22) !important;}
.nav-links a::after{background:linear-gradient(90deg,#6f2ff2,#0a7ff0,#12c8ef,#16d28f) !important;}
.nav-burger span{background:#0a7ff0 !important;}
.btn-primary,.tab.active,.acc[open] summary i,.brand-mark,.feature-card .icon,.tick li::before,.dash-chart .bar{
  background:var(--grad) !important;
  box-shadow:0 16px 34px -18px rgba(10,127,240,.58),0 10px 28px -20px rgba(111,47,242,.44) !important;
}
.btn-primary:hover{box-shadow:0 18px 42px -18px rgba(10,127,240,.62),0 10px 30px -20px rgba(255,138,0,.34) !important;}
.btn-ghost{border-color:rgba(10,127,240,.20) !important;background:rgba(255,255,255,.86) !important;color:#273951 !important;}
.eyebrow{border-color:rgba(111,47,242,.22) !important;background:rgba(255,255,255,.84) !important;color:#48566f !important;}
.eyebrow .dot{background:#12c8ef !important;box-shadow:0 0 0 4px rgba(18,200,239,.15) !important;}
.hero-bg{background:
  radial-gradient(60% 50% at 20% 30%,rgba(111,47,242,.18),transparent 60%),
  radial-gradient(44% 44% at 80% 18%,rgba(18,200,239,.18),transparent 62%),
  radial-gradient(48% 48% at 62% 82%,rgba(16,213,154,.13),transparent 60%),
  radial-gradient(34% 34% at 88% 72%,rgba(255,210,26,.12),transparent 64%) !important;}
.hero::before{background:
  linear-gradient(180deg,transparent,var(--bg) 92%),
  repeating-linear-gradient(90deg,rgba(10,127,240,.10) 0 1px,transparent 1px 80px),
  repeating-linear-gradient(0deg,rgba(111,47,242,.08) 0 1px,transparent 1px 80px) !important;}
.section.dark,.cta-band{background:linear-gradient(180deg,#eef7ff,#f6fcff) !important;border-color:rgba(10,127,240,.12) !important;}
.feature-card,.mini,.kpi,.dash-rows .row,.pricing-card,.industry-card,.blog-card,.contact-card,.form-card,.support-card,.acc,.compare,.tab-panels{
  border-color:rgba(10,127,240,.13) !important;
  box-shadow:0 20px 54px -44px rgba(10,127,240,.38);
}
.feature-card:hover,.pricing-card:hover,.industry-card:hover,.blog-card:hover,.support-card:hover{
  border-color:rgba(111,47,242,.28) !important;
  box-shadow:0 28px 70px -42px rgba(10,127,240,.42),0 18px 44px -34px rgba(255,138,0,.22) !important;
}
.dash{border-color:rgba(10,127,240,.18) !important;box-shadow:var(--shadow),0 18px 60px -34px rgba(111,47,242,.34) !important;}
.dash-chart{background:linear-gradient(180deg,rgba(111,47,242,.055),rgba(18,200,239,.055),rgba(255,255,255,.62)) !important;}
.pill.info{color:#0a7ff0 !important;border-color:rgba(10,127,240,.25) !important;background:rgba(10,127,240,.10) !important;}
.pill.ok,.kpi em{color:#078b62 !important;}
.pill.warn{color:#c46a00 !important;border-color:rgba(255,138,0,.28) !important;background:rgba(255,138,0,.10) !important;}
.compare-row.head{background:linear-gradient(90deg,rgba(111,47,242,.10),rgba(18,200,239,.10)) !important;}
.footer{background:linear-gradient(180deg,#07182f,#0b2140) !important;}
.footer a:hover{color:#12c8ef !important;}
.fx-blobs span:nth-child(1){background:radial-gradient(circle,rgba(111,47,242,.35),transparent 60%) !important;}
.fx-blobs span:nth-child(2){background:radial-gradient(circle,rgba(18,200,239,.35),transparent 60%) !important;}
.fx-blobs span:nth-child(3){background:radial-gradient(circle,rgba(16,213,154,.26),transparent 60%) !important;}
.fx-spotlight{background:radial-gradient(circle,rgba(18,200,239,.17),transparent 60%) !important;}
.fx-particles i{background:radial-gradient(circle,rgba(10,127,240,.58),transparent 70%) !important;}
input:focus,textarea:focus,select:focus{border-color:rgba(10,127,240,.55) !important;box-shadow:0 0 0 4px rgba(18,200,239,.12) !important;outline:none;}
::selection{background:rgba(18,200,239,.22);color:#08182f;}