@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.landing-wrapper{width:100%;min-height:100vh}.landing-container{text-align:left;max-width:950px;margin:0 auto;padding:4rem 2rem 2rem}.hero{justify-content:space-between;align-items:center;gap:auto;margin-bottom:80px;display:flex}.hero-text{flex:1;max-width:500px}.hero-title{color:#b8c8ff;margin:0 0 24px;font-size:2.1rem}.hero-subtitle{color:#ffffffd1;margin-bottom:28px;font-size:1.25rem;line-height:1.5}.hero-features{color:#ffffffa6;letter-spacing:.2px;gap:24px;margin-bottom:20px;display:flex}.feature-item{align-items:center;gap:8px;display:flex}.feature-text{font-size:1rem}.dot{background:#ffffffa6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.feature-item:not(:last-child):after{content:"";background:#ffffff26;width:1px;height:14px;margin-left:16px}.hero-price{color:#ffffff80;letter-spacing:.2px;margin-top:4px;margin-bottom:28px;font-size:.85rem;display:block}.hero-cta img{opacity:.95;width:170px;transition:opacity .2s}.hero-cta img:hover{opacity:1}.hero-coming-soon{color:#ffffff80;letter-spacing:.2px;margin-top:12px;font-size:.75rem;display:block}.hero-screenshot-wrapper{flex-direction:column;align-items:center;gap:18px;min-width:360px;display:flex}.hero-main-screenshot{opacity:0;border-radius:22px;width:300px;transition:opacity .25s,transform .25s;animation:1.25s forwards fadeInHero;box-shadow:0 12px 28px #00000040}.hero-main-screenshot:hover{transform:scale(1.02)}@keyframes fadeInHero{0%{opacity:0}to{opacity:1}}.hero-image:first-of-type{animation-delay:.1s}.hero-thumbnails{align-items:center;gap:5px;display:flex}.thumb-dot-wrapper{cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex}.thumb-dot-wrapper:hover .thumb-dot{transform:scale(1.1)}.thumb-dot{all:unset;cursor:pointer;background:#ffffff59;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s,transform .2s;display:inline-block}.thumb-dot:hover{background:#ffffff8c;transform:scale(1.1)}.thumb-dot.active{background:#b8c8ff;transform:scale(1.25)}@media (width<=800px){.hero{text-align:center;flex-direction:column;margin-bottom:30px}.hero-main-screenshot:hover{transform:none}.hero-title{margin:0 0 24px;font-size:1.9rem;font-weight:600}.hero-features{justify-content:center;gap:16px}.feature-item{gap:6px}.feature-text{font-size:.9rem}.hero-price{justify-content:center}.hero-text{text-align:center}.hero-screenshot-wrapper{margin-top:20px}.hero-main-screenshot{width:70%;max-width:300px;margin-top:20px}.feature-row{flex-direction:column;margin:12px 0}.faq-section{border-top:1px solid #ffffff14;margin-top:12px;padding-top:6px}}.feature-row{gap:20px;margin:80px 0;display:flex}.feature-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;flex:1;padding:20px 24px;transition:transform .2s,background .2s}.feature-card:hover{background:#ffffff14;transform:translateY(-4px)}.feature-card h3{color:#ffffffe6;margin:0 0 8px;font-size:1.1rem}.feature-card p{color:#ffffffbf;margin:0;font-size:.95rem;line-height:1.4}.faq-section{margin:100px 0 60px}.faq-title{color:#ffffffeb;margin-bottom:40px;font-size:1.8rem}.faq-item{border-bottom:1px solid #ffffff14;margin-bottom:24px;padding-bottom:24px}.faq-item h3{color:#ffffffe0;margin:0 0 8px;font-size:1.2rem}.faq-item p{color:#ffffffbf;margin:0;font-size:1rem;line-height:1.5}.appstore-badge{text-align:center;margin-top:40px}.appstore-badge img{opacity:.9;width:160px}.coming-soon{text-align:center;color:#ffffffb3;margin-top:16px;font-size:1rem}.system-requirements{text-align:center;color:#fff9;margin-top:12px;font-size:.8rem}.contact-wrapper{color:#ffffffe6;width:100%;padding:2rem 1.5rem}.contact-container{max-width:700px;margin:0 auto}.contact-title{color:#b8c8ff;margin-bottom:1rem;font-size:2.1rem}.contact-subtitle{color:#ffffffbf;margin-bottom:2.5rem;font-size:1.15rem}.contact-label{color:#ffffffd9;margin-bottom:6px;font-size:1rem;display:block}.contact-textarea{color:#fffffff2;resize:vertical;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;width:100%;min-height:150px;margin-bottom:1.5rem;padding:14px;font-size:1rem}.contact-input{color:#fffffff2;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:.5rem;padding:12px;font-size:1rem}.contact-input:focus,.contact-textarea:focus{background:#ffffff14;border:1px solid #b8c9ffe1;outline:none}.contact-input.invalid{border-color:#d3494d;outline:none}.contact-hint{color:#fff9;margin-bottom:2rem;font-size:.85rem}.contact-button{color:#141114;cursor:pointer;background:#b8c8ff;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:600;transition:opacity .2s}.contact-button:disabled{opacity:.5;cursor:default}.contact-button:hover:not(:disabled){opacity:.9}.honeypot{display:none}@media (width<=800px){.contact-wrapper{padding:2rem 1rem}.contact-title{margin:0 0 24px;font-size:1.9rem;font-weight:600}.contact-container{padding:0 .5rem}.contact-subtitle{font-size:1rem}.contact-button{margin-bottom:.5rem}}*,:before,:after{box-sizing:border-box}.content{width:100%;max-width:100%}.top-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14111480;border-bottom:1px solid #ffffff14;width:100%;top:0;box-shadow:0 4px 12px #00000040}.nav-inner{color:#fffffff2;text-align:left;max-width:950px;margin:0 auto;padding:14px 20px}.nav-inner a{font-size:1.6rem;font-weight:600}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.cloudflare:hover{filter:drop-shadow(0 0 2em #f6821faa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.textContainer{text-align:left;max-width:700px;margin:30px auto;padding:20px}.textLink{color:#b8c8ff}.footer{text-align:center;overflow-wrap:break-word;word-break:break-word;color:#ffffff8c;letter-spacing:.1px;border-top:1px solid #ffffff14;max-width:100%;margin-top:30px;padding:36px 20px;font-size:.95rem;line-height:1.6;box-shadow:0 -2px 8px #0000002e}.footer a{color:#ffffffbf;margin:0 12px;font-weight:400;text-decoration:none;transition:color .2s}.footer a:hover{color:#b8c8ff;text-decoration:underline}.footer-copy{color:#ffffff73;letter-spacing:.1px;margin-top:16px;font-size:.85rem}@media (width<=800px){.textContainer{margin:12px auto;padding:20px}.footer{margin-top:16px;margin-bottom:24px;padding:20px 16px}.footer-copy{margin-top:12px;font-size:.8rem}.footer a{margin:0 8px;font-size:.85rem}}.imprint-wrapper{color:#ffffffe6;width:100%;padding:3rem 1.5rem}.imprint-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;max-width:700px;margin:24px auto;padding:24px}.imprint-wrapper h1{margin:0 0 24px;font-size:1.9rem;font-weight:600}.imprint-wrapper h3{color:#ffffffe6;margin:16px 0 8px;font-size:1rem;font-weight:500}.imprint-subtitle{color:#ffffffe6;margin:0 0 16px;font-size:1.1rem}.imprint-block{color:#fffc;margin:0 0 12px;font-size:1rem;line-height:1.5}.imprint-section{margin-top:24px}.imprint-wrapper p{font-size:.95rem;line-height:1.5}.imprint-wrapper strong{font-weight:600}@media (width<=800px){.imprint-wrapper h1{margin:0 0 24px;font-size:1.9rem;font-weight:600}}.notfound-wrapper{justify-content:center;align-items:center;padding:120px 0;display:flex}.notfound-text{color:#fffffff2;opacity:.8;letter-spacing:.2px;text-align:center;font-size:1.2rem;font-weight:400}body{font-family:Inter,sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffd9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f14;background-attachment:fixed;font-weight:400;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}body{min-width:320px}html,body{min-height:100dvh;margin:0}main{flex:1;display:flex}.content{flex:1}a{color:#fffc;-webkit-text-decoration:inherit;text-decoration:inherit;font-family:Inter,sans-serif;font-weight:300}a:hover{color:#b8c8ff}html{scroll-behavior:smooth;background:linear-gradient(#1f1d1f 0%,#1a121c 40%,#18121b 70%,#15151a 100%) 50% 0/cover fixed}h1{color:#b8c8ff;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#b8c8ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}