/* CyberSecOp — shared site styles (brand tokens, custom utilities, animations) */
:root{
  --ink:#0f1843;
  --mint:#adf1d8;
  --electric:#4f99e4;
  --amber:#ffbd3f;
  --lime:#87b639;
  --border:#e5e7eb;
  --muted-foreground:#64748b;
  --gradient-brand: linear-gradient(135deg,#adf1d8,#4f99e4);
  --gradient-hero: linear-gradient(135deg,#0f1843 0%, #1c2a6b 60%, #2e5cb8 100%);
  --shadow-elegant: 0 20px 50px -20px rgba(15,24,67,.35);
  --shadow-glow: 0 0 60px rgba(173,241,216,.45);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink);background:#fff}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em}

/* brand utilities */
.gradient-brand{background-image:var(--gradient-brand)}
.gradient-hero{background-image:var(--gradient-hero)}
.shadow-elegant{box-shadow:var(--shadow-elegant)}
.shadow-glow{box-shadow:var(--shadow-glow)}
.text-balance{text-wrap:balance}

/* animations */
@keyframes slide-fade{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
.animate-slide-fade{animation:slide-fade 1s ease-out}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.animate-float{animation:float 6s ease-in-out infinite}

/* mega menu */
.mega-trigger{position:static!important}
.mega-panel{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:all .2s ease-out;pointer-events:none}
.mega-trigger:hover .mega-panel,.mega-trigger.is-open .mega-panel,.mega-panel:hover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}

/* accordion */
.faq-item[data-open="true"] .faq-body{display:block}
.faq-item[data-open="true"] .faq-icon{transform:rotate(45deg)}
.faq-body{display:none}
.faq-icon{transition:transform .2s ease}

/* mobile nav */
.mobile-nav{display:none}
.mobile-nav.open{display:block}

/* slider */
.slide{display:none}
.slide.active{display:grid}