@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--app-header-height: calc(5.5rem + env(safe-area-inset-top, 0px)) ;--app-main-offset: calc(var(--app-header-height) + .875rem)}@media(min-width:900px){:root{--app-header-height: calc(8rem + env(safe-area-inset-top, 0px)) ;--app-main-offset: calc(var(--app-header-height) + 1.125rem)}}html{text-rendering:optimizeLegibility;scroll-behavior:smooth}#how-it-works,#features,#pricing,#roast-form{scroll-margin-top:var(--app-main-offset)}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:clip;background-color:#0d0d0d;color:#fff;font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#333}