*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e8eef9;background:#06070f;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app-shell{color:#e8eef9;background:radial-gradient(circle at 0 0,#2d47902e,#0000 28%),radial-gradient(circle at 100% 100%,#795bff29,#0000 26%),#06070f;min-height:100vh;position:relative;overflow:hidden}.page-glow{pointer-events:none;opacity:.9;filter:blur(20px);background:radial-gradient(circle at 20% 10%,#4b89ff1f,#0000 18%),radial-gradient(circle at 80% 20%,#9656ff14,#0000 20%),radial-gradient(circle at 50% 90%,#0a193780,#0000 42%);position:fixed;inset:0}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04070f94;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;text-transform:uppercase;color:#fcfcff;font-size:1.1rem;font-weight:700}.nav-links{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.nav-links a{color:#cbd5ff;font-size:.95rem;text-decoration:none;transition:color .2s,transform .2s}.nav-links a:hover,.nav-links a:focus-visible{color:#fff;transform:translateY(-1px)}.button{border:none;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.8rem;font-weight:600;text-decoration:none;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-glow{color:#fff;background:linear-gradient(135deg,#6b86ff,#7c51ff);box-shadow:0 0 24px #6d64ff47}.button-primary{color:#fff;background:linear-gradient(135deg,#40a8fff2,#8364fff2);box-shadow:0 18px 60px #3c5ad21f}.button-secondary{color:#d1dbff;background:#ffffff12;border:1px solid #ffffff14}.button-large{min-width:240px}main{z-index:1;max-width:1280px;margin:0 auto;padding:1.5rem;position:relative}.section{margin-top:3rem}.hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:2rem;padding:3rem 0 2rem;display:grid}.hero-copy{max-width:700px}.badge,.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c7d3ff;background:#ffffff0d;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.82rem;display:inline-flex}.hero h1{letter-spacing:-.08em;margin:1.2rem 0 1rem;font-size:clamp(2.75rem,5vw,4.8rem);line-height:.98}.hero p,.section p,.footer p{color:#a6b1de;max-width:46rem;font-size:1rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-visual{place-items:center;display:grid}.window-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e142aeb;border:1px solid #ffffff0f;border-radius:32px;width:min(100%,500px);min-height:380px;padding:1.4rem;position:relative;overflow:hidden;box-shadow:0 40px 120px #00000040}.window-bar{gap:.75rem;margin-bottom:1.6rem;display:flex}.window-bar span{background:#ffffff2e;border-radius:999px;width:.9rem;height:.9rem;display:inline-block}.window-body{grid-template-columns:1.1fr .9fr;gap:1.3rem;display:grid}.window-panel,.window-preview{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;padding:1.3rem}.window-line{background:linear-gradient(90deg,#6b86ff3d,#6b86ff0d);border-radius:999px;height:1rem;margin-bottom:1rem}.window-line.short{width:65%}.window-line.medium{width:80%}.window-preview{flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.preview-chip{background:linear-gradient(135deg,#508eff33,#7f58ff29);border-radius:22px;width:100%;height:72px}.preview-chip.small{width:55%;height:56px}.section-header{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.section-header h2{margin:0;font-size:clamp(2rem,3.2vw,3rem)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.feature-card,.screenshot-card,.download-card,.community-card{background:#090f22c7;border:1px solid #ffffff12;border-radius:28px;padding:1.75rem;transition:transform .22s,border-color .22s,background .22s;box-shadow:0 18px 50px #0000002e}.feature-card:hover,.screenshot-card:hover,.download-card:hover,.community-card:hover{background:#101836eb;border-color:#6a81ff47;transform:translateY(-5px)}.feature-card h3{margin-top:0;margin-bottom:.9rem;font-size:1.15rem}.feature-card p{color:#bec8ff;margin:0}.screenshot-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.screenshot-placeholder{text-align:center;background:linear-gradient(#ffffff05,#ffffff08);border:1px dashed #ffffff24;border-radius:22px;place-items:center;gap:.5rem;min-height:240px;display:grid}.screen-label{color:#f8fbff;font-weight:600}.screen-path{color:#8d9ce4;font-size:.92rem}.download-section{padding:0}.download-card{grid-template-columns:1.2fr .8fr;align-items:center;gap:1.5rem;display:grid}.download-card p{max-width:34rem;margin-top:1rem}.download-actions{flex-direction:column;gap:1rem;display:flex}.download-meta{color:#b2beff;flex-wrap:wrap;gap:.8rem;font-size:.95rem;display:flex}.download-meta span{background:#ffffff0f;border-radius:999px;padding:.75rem 1rem}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.community-card{color:#f5f8ff;background:#ffffff08;border-radius:28px;justify-content:center;align-items:center;min-height:132px;font-size:1.05rem;text-decoration:none;display:flex}.community-card:hover,.community-card:focus-visible{background:linear-gradient(135deg,#5690ff3d,#8d5eff38)}.footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem;padding:2.5rem 1.5rem 3rem;display:flex}.footer-note{color:#8890b6;max-width:36rem;margin:0}@media (width<=1040px){.hero,.download-card,.feature-grid,.screenshot-list,.community-grid{grid-template-columns:1fr}.footer{flex-direction:column}}@media (width<=768px){.navbar{padding:.85rem 1rem}.nav-links{gap:.75rem}.hero{padding-top:2.2rem}.hero h1{font-size:clamp(2.5rem,8vw,3.85rem)}}@media (width<=560px){.navbar{flex-direction:column;align-items:stretch}.hero-actions,.download-actions{flex-direction:column}.button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screenshot-image{object-fit:cover;border-radius:16px;width:100%;height:100%;display:block;transform:scale(1.2)}.screenshot-card{overflow:hidden}