:root {
  --navy: #0B2341;
  --navy-2: #08213f;
  --blue: #043E8F;
  --gold: #C7963B;
  --ink: #102136;
}
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.display-font { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -0.035em; }
.glass-card { box-shadow: 0 24px 70px rgba(15, 35, 65, .14); }
.soft-card { box-shadow: 0 12px 34px rgba(15, 35, 65, .08); }
.dashboard-window { box-shadow: 0 24px 70px rgba(15, 35, 65, .18); }
.logo-strip img { filter: grayscale(1); opacity: .65; }
.hero-bg-gradient { background: radial-gradient(circle at 10% 10%, rgba(199,150,59,.10), transparent 28%), radial-gradient(circle at 90% 20%, rgba(4,62,143,.08), transparent 30%), #ffffff; background-size: auto, auto, cover; background-position: center; }
.cta-pattern { background-image: radial-gradient(circle at 15% 25%, rgba(255,255,255,.10) 0 1px, transparent 1px), linear-gradient(135deg, #073B83, #071F3D); background-size: 28px 28px, auto; }
.phone-shadow { box-shadow: 0 22px 50px rgba(0,0,0,.28); }
@media (max-width: 900px) { .display-font { letter-spacing: -0.025em; } }