:root{font-family:Inter,Arial,sans-serif;color:#0b1320;background:#f4f7fb}
*{box-sizing:border-box}
body{margin:0}
.es-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0}
.es-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:34px;align-items:center;padding:34px;border:1px solid #d7e1ee;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(11,19,32,.10)}
.es-hero p{margin:0 0 12px;color:#1769e0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.es-hero h1{margin:0 0 12px;font-size:54px;line-height:1}
.es-hero strong{display:block;margin-bottom:12px;font-size:22px}
.es-hero span{display:block;color:#556277;font-size:17px;line-height:1.55}
.es-hero img{width:100%;border-radius:10px;border:1px solid #d7e1ee}
.es-hero nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.es-hero a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #1769e0;border-radius:8px;color:#1769e0;font-weight:800;text-decoration:none}
.es-hero a.primary{background:#9be22d;border-color:#9be22d;color:#0b1320}
.es-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.es-grid article{padding:22px;border:1px solid #d7e1ee;border-radius:12px;background:#fff}
.es-grid h2{margin:0 0 10px;font-size:19px}
.es-grid p{margin:0;color:#5d6879;line-height:1.55}
@media (max-width:820px){.es-hero{grid-template-columns:1fr;padding:22px}.es-hero h1{font-size:42px}.es-grid{grid-template-columns:1fr}}