.elementor-kit-6{--e-global-color-primary:#0FB5B3;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#7AE9E7;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto Slab";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Slab";--e-global-typography-accent-font-weight:500;background-color:#0B1118;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* —— GuardAI Base Tokens —— */
:root{
  --bg:#0B1118; --surface:#0F1725; --ink:#E7ECF7; --muted:#9AA7BD;
  --brand:#FF6A3D; --brand2:#7C3AED; --ok:#72E0A8; --warn:#FFD166;
  --line:#1C2640;
}
/* page background + text color */
body{
  background: radial-gradient(1600px 800px at 85% -220px, #202744 0%, transparent 60%) no-repeat var(--bg);
  color: var(--ink);
}

/* —— Typography normalization so theme/Elementor palette doesn’t recolor things —— */
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-testimonial,
.elementor-widget-icon-list{
  color: var(--ink);
}
.kicker, .e-dim, .footer-dim,
.elementor-widget-text-editor .e-dim{
  color: var(--muted) !important;
}

/* —— Containers / max width —— */
.e-container, .elementor-container{
  max-width: 1200px;
  margin: 0 auto;
}

/* —— Header (sticky) layout —— */
.header-sticky{
  position: sticky; top:0; z-index:30;
  background: rgba(7,10,16,.6);
  backdrop-filter: saturate(1.5) blur(10px);
  border-bottom: 1px solid var(--line);
}
.header-sticky .e-header-row{ /* add class e-header-row to the inner row container in the header */
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.header-sticky .e-nav{ /* add class e-nav to the container that holds the 5 nav buttons */
  display: flex; gap: 10px; flex-wrap: wrap;
}
.logo-dot{
  width:28px;height:28px;border-radius:8px;
  background: conic-gradient(from 210deg, var(--brand), var(--brand2));
  display:inline-block;margin-right:10px;vertical-align:middle;
}

/* —— Buttons (primary + ghost) —— */
.e-btn-primary .elementor-button{
  font-weight:700; border:none; border-radius:12px; padding:12px 18px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color:#0B0F1A !important;
}
.e-btn-ghost .elementor-button{
  font-weight:700; border-radius:12px; padding:12px 18px;
  background: transparent; border:1px solid var(--line);
  color: var(--ink) !important;
}

/* —— Cards / metrics look —— */
.e-card{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 28px;
}
.e-metric{
  display:flex; gap:12px; align-items:center;
  border:1px solid var(--line); border-radius:14px; padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.e-badge{
  font:12px/1.8 ui-monospace, Menlo, Consolas, monospace;
  color:#0B0F1A; background: var(--ok); border-radius:8px; padding:2px 8px;
}

/* —— Hero two-column at desktop —— */
@media (min-width: 1025px){
  .e-hero-row{ /* add class e-hero-row to the hero's inner row container */
    display:flex; gap:24px; align-items:center;
  }
}

/* —— Marquee, footer minor styles —— */
.marquee{ display:flex; gap:40px; white-space:nowrap; animation:marq 18s linear infinite; color:#C9D4E8; font-weight:700 }
@keyframes marq{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.footer-dim{ color:#9AA7BD }/* End custom CSS */