@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/space-grotesk-regular.woff') format('woff')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/space-grotesk-medium.woff') format('woff')}

/* Geometric lettering, compact spacing, and balanced lines for the hero. */
.hero h1{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:clamp(44px,3.8vw,64px);line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
.hero h1 em{font-style:normal;font-weight:400;color:#dae5dc}
.hero-description{font-family:'Space Grotesk',Arial,sans-serif;font-weight:400;letter-spacing:-.015em;line-height:1.65}
.hero-actions{font-family:'Space Grotesk',Arial,sans-serif}

@media(max-width:1050px) and (min-width:761px){.hero h1{font-size:40px}}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;height:auto;min-height:100svh;max-height:none;padding-bottom:100px}
  .hero-content{order:1}
  .hero h1{font-size:clamp(32px,8.3vw,44px);line-height:1.1;letter-spacing:-.05em;white-space:normal;text-wrap:balance}
  .hero-description{font-size:13px}
  .hero-demo{order:2;position:relative;inset:auto;margin:36px 20px 0;width:calc(100% - 40px);flex-shrink:0}
}