@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap";.page{width:min(1100px,92vw);margin:0 auto;min-height:100vh;min-height:100dvh;padding:clamp(3rem,8vw,6rem) 0 0;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,7vw,5rem);position:relative}.github-link{position:fixed;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,opacity .22s ease,visibility 0s linear 0s;visibility:visible}.github-link--hidden{opacity:0;visibility:hidden;transition:transform .18s ease,opacity .22s ease,visibility 0s linear .22s}.github-link--inactive{pointer-events:none}.github-link:hover,.github-link:focus-visible{transform:translateY(-2px)}.github-link:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:3px}.github-link__icon{width:22px;height:22px;fill:#fff}.github-link:hover .github-link__icon,.github-link:focus-visible .github-link__icon{fill:#ffffffd9}.hero-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.hero-header h1{margin:0;font-size:clamp(3.2rem,7vw,5rem);font-weight:500;letter-spacing:-.02em;max-width:28ch}.eyebrow{margin:0;letter-spacing:.4em;text-transform:uppercase;font-size:clamp(.7rem,1.2vw,.9rem);color:#ffffff8c}.subtitle{margin:0;font-size:clamp(1rem,2.3vw,1.3rem);color:#ffffffad;max-width:32ch}.screenshot-wall{display:flex;gap:clamp(1.4rem,3vw,2.7rem);justify-content:center;width:100%;flex-wrap:wrap}.screenshot{position:relative;width:clamp(180px,16vw,240px);aspect-ratio:9 / 19.5;border-radius:2.1rem;padding:.75rem;background:radial-gradient(circle at 40% 20%,#ffffff14,#fff0 55%),#ffffff05;box-shadow:0 40px 80px #00000073,inset 0 0 0 1px #ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateZ(0);transition:transform .28s cubic-bezier(.2,.6,.2,1),box-shadow .28s ease;will-change:transform}.screenshot:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.12),transparent 45%);pointer-events:none}@media (hover: hover) and (pointer: fine){.screenshot:hover,.screenshot:focus-visible{transform:rotate(-2deg) scale(1.04);box-shadow:0 50px 110px #0000008c,inset 0 0 0 1px #ffffff0d}}.screenshot__inner{position:relative;width:100%;height:100%;border-radius:1.65rem;background:linear-gradient(var(--gradient-angle, 150deg),var(--gradient-start),var(--gradient-end));box-shadow:inset 0 0 40px #00000080;display:flex;align-items:stretch;justify-content:stretch;padding:0;text-align:center}.screenshot__image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.lightbox{position:fixed;inset:0;background:#000000b8;display:grid;place-items:center;padding:3vh 3vw;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1000}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__content{max-width:min(1100px,92vw);max-height:90vh;width:auto;height:auto;border-radius:1rem;overflow:hidden;box-shadow:0 30px 120px #0009,inset 0 0 0 1px #ffffff0f;transform:scale(.98);transition:transform .22s ease}.lightbox.is-open .lightbox__content{transform:scale(1)}.lightbox__image{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain}body.modal-open{overflow:hidden}.lightbox__close{position:absolute;top:clamp(.6rem,2.5vh,1rem);left:clamp(.6rem,2.5vw,1rem);width:44px;height:44px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;background:#0000008c;color:#ffffffe6;cursor:pointer;z-index:1100}.lightbox__close:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.screenshot,.lightbox,.lightbox__content{transition:none!important}}.screenshot__inner span{font-size:clamp(.75rem,1.1vw,.95rem);letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1;background:#00000059;padding:.35rem .9rem .4rem;border-radius:999px}.hero-footer{text-align:center}.hero-footer p{margin:0;font-size:clamp(.95rem,1.8vw,1.1rem);color:#ffffff8c}.appstore-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.2rem;margin-bottom:.6rem;border-radius:10px;background:#ffffff1a;color:#fff;text-decoration:none;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 30px #00000059;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.appstore-button:hover,.appstore-button:focus-visible{background:#ffffff24;transform:translateY(-1px)}.appstore-button:active{transform:translateY(0)}.imprint-link{align-self:flex-end;margin-top:.75rem;margin-bottom:clamp(.8rem,2.5vw,1.5rem);font-size:.95rem;color:#fff9;text-decoration:none}.imprint-link:hover{opacity:1}.imprint-modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.imprint-modal__content{position:relative;width:min(520px,92vw);background:#0a0a0a;color:#f5f2ea;border-radius:12px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0f;padding:1.25rem 1.25rem 1.1rem}.imprint-modal__content h2{margin:0 0 .25rem;font-weight:500;letter-spacing:-.01em;font-size:1.6rem}.imprint-modal__content p{margin:.25rem 0 .75rem;color:#ffffffbf}.imprint-modal__content address{font-style:normal;color:#ffffffe6;line-height:1.7}.imprint-modal__close{position:absolute;top:.35rem;right:.6rem;background:transparent;color:#ffffffb3;border:none;font-size:1.4rem;cursor:pointer}@media (max-width: 860px){.screenshot-wall{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.75rem;mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%)}.screenshot{flex:0 0 auto}}:root{font-family:Playfair Display,Times New Roman,serif;line-height:1.5;font-weight:400;color:#f5f2ea;background-color:#050505;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#050505}a,a:hover{color:inherit}::selection{background:#fff3}