@import url('https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/dist/tailwind.min.css');

html{scroll-behavior:smooth}

:root{
  --color-darkBg:#0B1220;
  --color-darkCard:#0F1A2E;
  --color-darkBorder:rgba(255,255,255,0.10);

  --color-brandBlue:#0B2D5B;
  --color-brandBlueLight:#1D5FA7;

  --color-lightBg:#FFFFFF;
  --color-lightCard:#F6F8FC;
  --color-lightBorder:rgba(11,18,32,0.10);
}

/* base */
.font-inter{font-family:'Inter',sans-serif}
.font-space{font-family:'Space Grotesk',sans-serif}

/* dark */
.bg-darkBg{background-color:var(--color-darkBg)}
.bg-darkCard{background-color:var(--color-darkCard)}
.bg-darkBg\/90{background-color:rgba(11,18,32,.90)}
.bg-darkBg\/95{background-color:rgba(11,18,32,.95)}
.border-darkBorder{border-color:var(--color-darkBorder)}

/* light */
.bg-lightBg{background-color:var(--color-lightBg)}
.bg-lightCard{background-color:var(--color-lightCard)}
.border-lightBorder{border-color:var(--color-lightBorder)}

/* brand */
.text-brandBlue{color:var(--color-brandBlue)}
.text-brandBlueLight{color:var(--color-brandBlueLight)}
.bg-brandBlue{background-color:var(--color-brandBlue)}
.bg-brandBlueLight{background-color:var(--color-brandBlueLight)}

.from-brandBlue{--tw-gradient-from:var(--color-brandBlue)}
.to-brandBlueLight{--tw-gradient-to:var(--color-brandBlueLight)}
.from-brandBlueLight{--tw-gradient-from:var(--color-brandBlueLight)}
.to-brandBlue{--tw-gradient-to:var(--color-brandBlue)}

.hover\:text-brandBlueLight:hover{color:var(--color-brandBlueLight)}

/* subtle framer-like grid */
.grid-overlay{
  background-image:
    linear-gradient(rgba(29,95,167,0.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,95,167,0.10) 1px, transparent 1px);
  background-size:32px 32px;
}

/* buttons */
.btn-primary{
  background:linear-gradient(90deg,var(--color-brandBlue),var(--color-brandBlueLight));
  color:#fff;
  border-radius:12px;
  font-weight:600;
}
.btn-primary:hover{filter:brightness(1.08)}

/* hero image framing */
.hero-frame{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  padding:14px;
  box-shadow:0 30px 80px rgba(0,0,0,0.35);
}

/* section spacing */
.section-pad{padding-top:88px;padding-bottom:88px}

/* hero full screen */
.hero-fullscreen{min-height:100vh;display:flex;align-items:center}

/* solution icons */
.solution-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  background:rgba(11,45,91,0.08);
  border:1px solid rgba(11,45,91,0.12);
  color:var(--color-brandBlue);
}

/* fade-in helpers used by script.js */
@keyframes fadeInUp{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
.animate-fade-in-up{animation:fadeInUp 1s ease-out forwards}

.nav-link-active{color:var(--color-brandBlueLight)!important;font-weight:700}