/* Reset */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff;line-height:1.4;padding-bottom:64px}
:root{--green:#0E8A36;--yellow:#F5C400}

/* Desktop base 50/50 */
.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:100vh}
.left{display:flex;align-items:flex-start;justify-content:flex-end;padding:48px 40px 24px 0}
.left .inner{width:780px;max-width:100%}
.right{position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:48px;background:#fff}
.right picture,.right img{width:100%;height:auto;display:block}

/* Typography */
h1{color:var(--green);font-weight:900;font-size:76px;line-height:1.05;margin:0 0 24px}
.lead{font-size:26px;line-height:1.25;margin:12px 0 18px}

/* Badges */
.badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.badges img{height:68px;width:auto;display:block}

/* Sticky footer */
.legal{position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--yellow);display:flex;align-items:center;z-index:5}
.legal .inner{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}
.legal p{margin:0;font-size:16px; text-align: center;}
.legal a{color:#0b4d1f;text-underline-offset:2px}

/* Tablet (768–1199) */
@media (max-width: 1199.98px) and (min-width: 768px){
  .hero-split{grid-template-columns:1fr 1fr;min-height:100vh}
  .left{padding:40px 28px 24px 0}
  .left .inner{width:720px; padding-left: 10%;}
  h1{font-size:64px}
  .lead{font-size:22px}
  .badges img{height:62px}
}

/* Mobile (<768): image first */
@media (max-width: 767.98px){
  .hero-split{grid-template-columns:1fr;min-height:auto}
  .right{order:0;padding-top:16px;align-items:center;justify-content:center}
  .left{order:1;padding:20px 16px 96px 16px;justify-content:center;align-items:flex-start}
  .left .inner{width:100%;max-width:720px}
  h1{font-size:36px;text-align:center;line-height:1.1;margin:8px 0 16px}
  .lead{font-size:18px;text-align:center;line-height:1.35;margin:8px 0 14px}
  .badges{justify-content:center;gap:14px}
  .badges img{height:50px}
}