*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'DM Sans',sans-serif;background:#f9f6f0;color:#0d0d0d;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Sora',sans-serif}
@media (max-width:768px) {
  section{padding:60px 24px!important}
  nav{padding:16px 24px!important}
  .hero-inner{padding:80px 24px 60px!important}
  h1{letter-spacing:-1.5px!important}
  .stat-row{flex-direction:column;gap:24px!important}
  .features-grid{grid-template-columns:1fr!important}
  .how-grid{grid-template-columns:1fr!important;gap:48px!important}
  .outcomes-grid{grid-template-columns:1fr!important}
  .sequence-timeline{padding:24px!important}
  .footer{flex-direction:column;text-align:center}
}