body main { width: 100% !important; max-width: none !important; padding: 0 !important; }
body main > * { width: min(1180px, calc(100% - 48px)); margin-left: auto; margin-right: auto; }
body main .hero { width: 100%; max-width: none; margin: 0 0 72px; padding: 96px max(24px, calc((100% - 1180px) / 2)); text-align: left; background: #f2f6f5; }
body main .hero .eyebrow { margin-bottom: 16px; }
body main .hero h1 { max-width: 900px; margin: 0 0 24px !important; color: #071d55 !important; background: none !important; -webkit-text-fill-color: currentColor !important; font-size: clamp(48px, 6vw, 78px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; }
body main .hero p { max-width: 760px; margin: 0; color: #526075; font-size: 20px; line-height: 1.65; }
.intro-with-image { display: block; max-width: 900px; margin-bottom: 72px; }
.intro-text h2, .section h2, .algorithm-section h2 { color: #071d55 !important; font-size: clamp(36px, 4vw, 52px) !important; line-height: 1.08 !important; }
.column, .stat-card { border: 1px solid #d9e0e2; border-radius: 14px; background: #fff; }
.column h3 { color: #071d55 !important; }
.section li::before { color: #078f8c; }
.algorithm-section { border: 1px solid #d9e0e2; background: #071d55; }
.algorithm-section h2, .algorithm-section p { color: #fff !important; }
.algorithm-link { background: #078f8c; }
@media (max-width: 760px) {
  body main > * { width: min(100% - 28px, 1180px); }
  body main .hero { padding: 64px 20px; }
  body main .hero h1 { font-size: clamp(42px, 13vw, 62px) !important; line-height: 1.04 !important; }
  .two-column { grid-template-columns: 1fr; gap: 18px; }
  .column, .algorithm-section { padding: 28px 22px; }
}