body { margin: 0px; padding: 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif; line-height: 1.65; color: rgb(26, 29, 33); background: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; }
.wrapper { max-width: 1180px; margin: 0px auto; padding: 1.8rem 1.2rem 2.5rem; }
.hero { padding: 3.5rem 0px; display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 2.8rem; align-items: center; }
.hero h1 { font-size: 2.3rem; margin: 0px 0px 1rem; color: rgb(10, 61, 96); line-height: 1.2; }
.hero p.lead { font-size: 1.1rem; color: rgb(68, 82, 95); max-width: 600px; margin-bottom: 1.3rem; }
.btn-primary { display: inline-flex; padding: 0.85rem 1.6rem; background: rgb(0, 91, 136); color: rgb(255, 255, 255); text-decoration: none; border-radius: 999px; font-size: 0.95rem; font-weight: 600; transition: 0.2s; }
.btn-primary:hover { background: rgb(0, 70, 104); transform: translateY(-2px); box-shadow: rgba(0, 91, 136, 0.2) 0px 4px 12px; }
.hero-img { width: 100%; height: 390px; object-fit: cover; background: linear-gradient(135deg, rgb(228, 241, 255), rgb(208, 232, 248)); border-radius: 1.4rem; box-shadow: rgba(10, 61, 96, 0.08) 0px 8px 24px; }
.section { margin-top: 3.4rem; }
.section h2 { margin: 0px 0px 1rem; font-size: 1.8rem; color: rgb(10, 61, 96); }
.section p { max-width: 780px; margin-bottom: 0.8rem; color: rgb(44, 51, 58); }
.list { padding-left: 1.2rem; margin: 0.3rem 0px 1rem; }
.list li { margin-bottom: 0.35rem; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2.2rem; }
.card { background: rgb(246, 249, 252); border: 1px solid rgb(225, 231, 239); border-radius: 1.2rem; padding: 1.4rem 1.3rem; height: 100%; box-sizing: border-box; }
.card h3 { margin: 0px 0px 0.5rem; font-size: 1.1rem; color: rgb(10, 61, 96); }
.card p { margin: 0px; font-size: 0.95rem; color: rgb(71, 82, 92); }
.cta { margin-top: 3.4rem; padding: 2.4rem 2rem; background: rgb(234, 245, 255); border-radius: 1.4rem; text-align: center; }
.cta h2 { margin: 0px 0px 0.8rem; font-size: 1.55rem; color: rgb(10, 61, 96); }
.cta p { margin-bottom: 1.3rem; font-size: 1.05rem; color: rgb(69, 81, 90); max-width: 600px; margin-left: auto; margin-right: auto; }
.btn-large { padding: 1rem 2.3rem; font-size: 1.05rem; }
@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; }
  .hero-img { height: 300px; }
  .grid-2 { grid-template-columns: 1fr; }
}