:root{--h-blue: 265;--lch-blue: 46% .3 var(--h-blue);--lch-blue-dark: 20% .3 var(--h-blue);--lch-blue-light: 100% .07 var(--h-blue);--lch-white: 100% 0% 0;--color-background: oklch(var(--lch-blue));--color-text: oklch(var(--lch-blue-light));--color-text-primary: oklch(var(--lch-white));--font-family-system: Inter, system-ui, Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;--type-base-size: 1rem;--type-scale-ratio: 1.25;--font-weight-regular: 400;--font-weight-bold: 700;--s-1: .25rem;--s-2: .5rem;--s-3: 1rem;--s-4: 1.5rem;--s-5: 3rem;--s-6: 4rem;--s-7: 6rem;--scale: 4.5vw;--block-padding: clamp(var(--s-4), 6vh, 8rem);--inline-padding: clamp(var(--s-4), var(--scale), var(--s-6));--base-padding: var(--block-padding) var(--inline-padding);--motion-fast: .15s;--motion-medium: .2s}:where(*,*:before,*:after){box-sizing:border-box}:where(*){margin:0;padding:0;font:inherit}html{background:var(--color-background);font-size:16px;min-height:-webkit-fill-available;scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-family-system);font-style:normal;font-synthesis:none;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:-.01em;min-height:100dvh;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{padding-inline:var(--s-4)}img,svg{display:block;max-width:100%;height:auto}.max-width-container{margin-inline:auto;width:min(100%,80rem)}.button-container{display:flex;gap:var(--s-3)}@container (width < 24em){.button-container{flex-direction:column-reverse}}.button{align-items:center;background-color:transparent;border-radius:var(--s-2);border:1px solid var(--color-text);column-gap:var(--s-2);display:inline-flex;font-weight:var(--font-weight-bold);justify-content:center;padding:var(--s-2) var(--s-3);text-align:center;text-decoration:none;transition:background-color var(--motion-fast) ease-in-out}.button--primary{background-color:var(--color-text);color:var(--color-background)}.button--primary:hover{background-color:oklch(var(--lch-blue-light) / .8)}.button--secondary{background-color:var(--color-background);color:var(--color-text)}.button--secondary:hover{background-color:oklch(var(--lch-blue-light) / .2)}.content{display:flex;flex-direction:column;padding-block:clamp(var(--s-4),var(--scale),var(--s-7));container-type:inline-size}.description{--correction: 1.5rem;font-size:clamp(var(--s-4),var(--scale) - var(--correction),var(--s-5));font-weight:var(--font-weight-regular);margin-block-start:1em;margin-block-end:.8em;max-width:40ch}.footer{padding-block:var(--s-5);margin-block-start:auto}.footer-link{color:var(--color-bg-surface);transition:opacity var(--motion-fast) ease-in-out;text-decoration:none;text-transform:uppercase}.footer-link:hover{opacity:.8;text-decoration:underline}.header{display:flex;padding-block:var(--s-4);justify-content:space-between}.icon{width:var(--s-4);height:var(--s-4)}.logo{--logo-size: clamp(var(--s-5), var(--scale), var(--s-6));align-items:center;column-gap:var(--s-2);display:flex}.logo__text{color:var(--color-text-primary, var(--color-text));font-size:clamp(var(--s-3),var(--scale),var(--s-4));font-weight:var(--font-weight-bold);margin:0;text-align:center}.logo__svg{height:var(--logo-size);width:var(--logo-size)}.screenshot{box-shadow:0 0 0 1px oklch(var(--lch-blue-dark) / .05),0 .1em 2.8em -.8em oklch(var(--lch-blue-dark) / .05),0 .2em 3.2em -1.2em oklch(var(--lch-blue-dark) / .15),0 .4em 2em -1.2em oklch(var(--lch-blue-dark) / .25),0 .6em 2.4em -1.6em oklch(var(--lch-blue-dark) / .35),0 .8em 2.8em -2em oklch(var(--lch-blue-dark) / .45);font-size:clamp(var(--s-4),var(--scale) - var(--correction, 1em),var(--s-5));height:auto;margin-block-start:2em;object-fit:scale-down;width:max(80%,48rem)}.title{color:var(--color-text-primary, var(--color-text));font-size:clamp(var(--s-5),var(--scale),var(--s-7));font-weight:var(--font-weight-bold);line-height:1.1;margin-block-start:1.1em}