/* Roof n UT - aggressive, color punch, image-heavy */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.shadow-soft { box-shadow: 0 16px 48px rgba(2, 6, 23, 0.18); }
.shadow-card { box-shadow: 0 10px 30px rgba(2, 6, 23, 0.10); }

/* Hero image */
.hero {
  background-image:
    linear-gradient(90deg, rgba(2,6,23,0.80) 0%, rgba(2,6,23,0.55) 45%, rgba(2,6,23,0.10) 100%),
    url('/assets/hero.svg');
  background-size: cover;
  background-position: center;
}

/* Big CTA pulse */
@keyframes pulseRing {
  0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.35); }
  70% { box-shadow: 0 0 0 18px rgba(37, 99, 235, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}
.cta-pulse:hover { animation: pulseRing 1.4s ease-out; }

/* Small chips */
.chip { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); }


/* Brand accents */
:root{
  --brand-blue: #0A2A5E;
  --brand-blue-2: #1D4ED8;
  --brand-orange: #F97316;
  --brand-orange-2: #EA580C;
}

.btn-primary{
  background: var(--brand-orange);
  color: white;
}
.btn-primary:hover{ background: var(--brand-orange-2); }

.btn-secondary{
  background: var(--brand-blue-2);
  color: white;
}
.btn-secondary:hover{ background: #1E40AF; }

.badge{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.20);
}


/* Consistent page background */
body { background-color: #ffffff; }
main { background-color: transparent; }


/* CTA micro-animations (subtle, non-distracting) */
.btn-primary, .btn-secondary {
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
  will-change: transform;
}
.btn-primary:hover, .btn-secondary:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.btn-primary:active, .btn-secondary:active {
  transform: translateY(0px);
}

/* Gentle pulse for primary CTA (disabled if user prefers reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  .cta-pulse {
    animation: ctaPulse 3.8s ease-in-out infinite;
  }
  @keyframes ctaPulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
  }
}