@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --font-sans: 'Manrope', sans-serif; --font-heading: 'Space Grotesk', sans-serif; }
body { font-family: var(--font-sans) !important; background-color: #101a18 !important; color: #eff4ed !important; }
h1,h2,h3,h4,nav,button { font-family: var(--font-heading) !important; }
button,[role=button] { border-radius: 999px !important; }
a { transition: color .2s ease, background-color .2s ease; }
section { scroll-margin-top: 6rem; }
section:nth-of-type(even) { background-color: #172320; }
img { object-fit: cover; }
/* Shift the hero crop toward the robot and alternate the supporting image rhythm. */
section:first-of-type img { object-position: 72% center !important; }
section:nth-of-type(2) img { object-position: 34% center !important; }
section:nth-of-type(3) img { object-position: 66% center !important; }
@media (max-width: 700px) { section:first-of-type img { object-position: 63% center !important; } }