:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #182033; background: #f7f8fb; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 40px 0; }
.hero { min-height: 70vh; display: grid; align-content: center; gap: 18px; border-bottom: 1px solid #dce2ee; }
.eyebrow { margin: 0; color: #536274; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; }
h1 { max-width: 920px; margin: 0; color: #111827; font-size: clamp(2.6rem, 8vw, 6.4rem); line-height: 0.95; }
.lede { max-width: 690px; margin: 0; color: #455166; font-size: 1.15rem; line-height: 1.7; }
.cta { width: fit-content; min-height: 48px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 6px; background: #1557ff; color: #fff; text-decoration: none; font-weight: 800; }
.proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 28px 0; }
article { padding: 18px; border: 1px solid #dce2ee; border-radius: 8px; background: #fff; }
article strong { display: block; margin-bottom: 10px; color: #111827; }
article p, li { color: #455166; line-height: 1.6; }
.sections { border-top: 1px solid #dce2ee; padding-top: 24px; }
ol { display: grid; gap: 10px; padding: 0; list-style: none; }
li { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #e6ebf3; }
li span { width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 50%; background: #eaf0ff; color: #1557ff; font-weight: 800; }
@media (max-width: 760px) { .proof-grid { grid-template-columns: 1fr; } .hero { min-height: auto; padding: 48px 0; } }