/* Intelaix site styles (shared) */
:root{
  --ix-green-950:#062a1f;
  --ix-green-900:#0b3d2e;
  --ix-green-800:#005c3c;
  --ix-green-700:#007f52;
  --ix-green-600:#00a86b;
  --ix-green-500:#12c07a;

  --ix-bg:#f5f7f9;
  --ix-surface:#ffffff;
  --ix-dark:#0f172a;
  --ix-muted:#6b7280;
  --ix-border:rgba(15,23,42,.10);

  --ix-radius-lg:18px;
  --ix-radius-md:14px;
  --ix-shadow-sm:0 8px 24px rgba(0,0,0,.08);
  --ix-shadow-md:0 16px 44px rgba(0,0,0,.10);
}

*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
html{ scroll-behavior:smooth; }
body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--ix-bg);
  color: var(--ix-dark);
}

/* Subtle background grid */
.page-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(18,192,122,.12), transparent 60%),
    radial-gradient(760px 360px at 90% 10%, rgba(0,127,82,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.60), rgba(245,247,249,.92));
  pointer-events:none;
}

/* Navbar */
.navbar{
  background: linear-gradient(135deg, var(--ix-green-950), var(--ix-green-800));
  transition: padding .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}
.navbar .navbar-brand img{ height:34px; width:auto; }
.navbar .nav-link{ opacity:.92; font-weight:600; }
.navbar .nav-link:hover{ opacity:1; }
.navbar .nav-link.active{
  opacity:1;
  position:relative;
}
.navbar .nav-link.active::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-6px;
  height:2px;
  background: rgba(255,255,255,.85);
  border-radius:999px;
}

/* add glass effect on scroll */
.navbar.navbar-scrolled{
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

/* Hero */
.hero{
  color:#fff;
  padding: 120px 0 95px;
  background:
    radial-gradient(900px 520px at 20% 20%, rgba(18,192,122,.25), transparent 55%),
    radial-gradient(700px 380px at 85% 25%, rgba(0,127,82,.18), transparent 55%),
    linear-gradient(135deg, var(--ix-green-950), var(--ix-green-700));
}
.hero .kicker{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  font-weight: 700;
  font-size: .85rem;
}
.hero h1{
  font-weight: 900;
  letter-spacing: -0.6px;
  line-height: 1.05;
}
.hero p{ opacity:.92; }
.hero .hero-card{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--ix-radius-lg);
  padding: 18px 18px;
}

/* Buttons */
.btn{
  border-radius: 999px;
  font-weight: 700;
  padding: 12px 22px;
}
.btn-primary{
  background: var(--ix-green-600);
  border: none;
}
.btn-primary:hover{ background: var(--ix-green-700); }
.btn-outline-light{
  border-color: rgba(255,255,255,.55);
}
.btn-outline-light:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.85);
}

/* Sections */
.section-padding{ padding: 80px 0; }
.section-title{
  font-weight: 900;
  letter-spacing: -0.4px;
}
.section-subtitle{
  color: var(--ix-muted);
}

/* Cards */
.card{
  border: 1px solid var(--ix-border);
  border-radius: var(--ix-radius-lg);
  box-shadow: var(--ix-shadow-sm);
}
.ix-card{
  background: var(--ix-surface);
  border: 1px solid var(--ix-border);
  border-radius: var(--ix-radius-lg);
  box-shadow: var(--ix-shadow-sm);
  transition: transform .20s ease, box-shadow .20s ease;
}
.ix-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--ix-shadow-md);
}

/* Card padding defaults */
.ix-card:not(.card){ padding: 24px; }
.card.ix-card{ padding: 0; }


.ix-icon{
  width:44px; height:44px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(0,127,82,.12);
  color: var(--ix-green-700);
}

/* Badges / pills */
.badge-soft{
  background: rgba(0,127,82,0.12);
  color: var(--ix-green-700);
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 700;
  font-size: .80rem;
  border: 1px solid rgba(0,127,82,0.18);
}

/* Forms */
.form-control, .form-select, textarea.form-control{
  border-radius: var(--ix-radius-md);
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.14);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(0,168,107,.55);
  box-shadow: 0 0 0 .25rem rgba(0,168,107,.15);
}

/* CTA strip */
.cta-dark{
  background: linear-gradient(135deg, var(--ix-green-950), var(--ix-green-800));
  color:#fff;
}
.cta-dark .lead{ opacity:.92; }

/* Footer */
footer{
  background: #0b1220;
  color: #cbd5e1;
  padding: 26px 0;
}
footer a{ color:#cbd5e1; opacity:.9; }
footer a:hover{ color:#ffffff; opacity:1; }

.small-muted{ color: var(--ix-muted); }

/* Utilities */
.shadow-soft{ box-shadow: var(--ix-shadow-sm); }
.rounded-ix{ border-radius: var(--ix-radius-lg); }
.hr-soft{ border-top: 1px solid rgba(15,23,42,.10); }