html{scroll-behavior:smooth}header{background:var(--pico-background-color);z-index:1000;position:-webkit-sticky;position:sticky;top:0}:root{--background:#fff;--foreground:#171717;--pico-primary:#54b7e9;--pico-primary-hover:#3a9bc7;--pico-primary-inverse:#fff}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--pico-primary:#54b7e9;--pico-primary-hover:#6bc5ed;--pico-primary-inverse:#0a0a0a}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}nav a.active{color:var(--pico-primary);font-weight:700;text-decoration:underline}button,[role=button],a[role=button]{background-color:var(--pico-primary);border-color:var(--pico-primary)}button:hover,[role=button]:hover,a[role=button]:hover{background-color:var(--pico-primary-hover);border-color:var(--pico-primary-hover)}.desktop-nav{display:flex}.mobile-nav{display:none}.mobile-menu ul{flex-direction:column;align-items:stretch;margin:0;padding:0;list-style:none}.mobile-menu li{width:100%;margin:0;padding:0}.mobile-menu a{text-align:left;white-space:nowrap;width:100%;padding:.25rem .5rem;display:block;overflow:visible}@media (max-width:768px){.desktop-nav{display:none}.mobile-nav{display:flex}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.hero-section{margin-bottom:2rem;position:relative}.hero-image-container{border-radius:8px;width:100%;height:80vh;min-height:500px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.4) 100%);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hero-overlay h1{text-shadow:2px 2px 4px rgba(0,0,0,.7);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hero-overlay p{text-shadow:1px 1px 2px rgba(0,0,0,.7);max-width:600px;font-size:1.2rem}.download-buttons{text-align:center;margin-top:2rem}.hero-description{text-align:center}@media (max-width:768px){.hero-image-container{height:50vh;min-height:300px}.hero-overlay h1{font-size:2rem}.hero-overlay p{font-size:1rem}.hero-overlay{padding:1rem}}@media (max-width:480px){.hero-overlay h1{font-size:1.5rem}.hero-overlay p{font-size:.9rem}}