:root{color-scheme:dark;--fg:#f4f4f8;--muted:#9a9ab0;--faint:#8d8da6;--accent:#7c7cff;--accent-2:#b36bff;--bg:#0c0c14;--card:#15152466;--line:#2a2a44;--font:system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0}body{font:16px/1.55 var(--font);color:var(--fg);background:radial-gradient(1200px 600px at 50% 110%, #23234a 0%, var(--bg) 60%) fixed, var(--bg);min-height:100vh}a{color:#a5a5ff;text-decoration:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #b9b9ff}#content:focus{outline:none}.skip{inset-inline-start:12px;z-index:20;color:#0c0c14;background:#fff;border-radius:10px;padding:10px 16px;font-weight:700;position:absolute;top:-60px}.skip:focus{top:12px}a:hover{text-decoration:underline}.wrap{max-width:980px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.brand{color:var(--fg);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.nav-links{gap:22px;font-size:15px;display:flex}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--fg);text-decoration:none}.logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;font-size:32px;font-weight:800;display:grid;box-shadow:0 10px 40px -10px #7c7cff99}.logo.small{width:32px;height:32px;box-shadow:none;border-radius:9px;font-size:17px}.hero{text-align:center;padding:64px 0 40px}.hero .logo{margin:0 auto 28px}h1{letter-spacing:-.02em;font-size:clamp(32px,6vw,52px);font-weight:750;line-height:1.1}.grad{background:linear-gradient(90deg,#a5a5ff,#e2a8ff);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:620px;margin:20px auto 0;font-size:19px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);color:var(--fg);font-weight:600;font:600 15px var(--font);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn:hover{border-color:#3d3d66;text-decoration:none}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:0;box-shadow:0 8px 30px -12px #7c7cffaa}.btn[aria-disabled=true]{opacity:.65;cursor:default}.note{color:var(--faint);margin-top:14px;font-size:14px}.wave{justify-content:center;align-items:center;gap:5px;height:48px;margin-top:40px;display:flex}.wave i{background:var(--accent);opacity:.85;border-radius:3px;width:5px;animation:1.4s ease-in-out infinite w}@keyframes w{0%,to{opacity:.35;height:8px}50%{opacity:.9;height:44px}}@media (prefers-reduced-motion:reduce){.wave i{height:16px;animation:none}}section{padding:48px 0}h2{letter-spacing:-.01em;font-size:clamp(24px,3.5vw,32px);line-height:1.2}.sub{color:var(--muted);max-width:640px;margin-top:10px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;display:grid}.card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:22px}.card h3{margin-bottom:6px;font-size:17px}.card p{color:var(--muted);font-size:15px}.apps{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.apps span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:14px}.prose{max-width:700px;padding:32px 0 64px}.prose h1{margin-bottom:18px;font-size:clamp(28px,5vw,40px)}.prose h2{margin-top:30px;font-size:20px}.prose p,.prose li{color:var(--muted);margin-top:10px}.prose ul{padding-inline-start:20px}footer.foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:32px;padding:26px 0 40px;font-size:14px;display:flex}footer.foot nav{gap:18px;display:flex}footer.foot a{color:var(--faint)}.actions.start{justify-content:flex-start}.langs{position:relative}.langs summary{cursor:pointer;color:var(--muted);list-style:none}.langs summary::-webkit-details-marker{display:none}.langs summary:before{content:"🌐 "}.langs ul{inset-inline-end:0;z-index:10;border:1px solid var(--line);background:#15152a;border-radius:12px;grid-template-columns:repeat(2,minmax(130px,1fr));gap:2px;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:30px;box-shadow:0 16px 40px -12px #000a}.langs li a{color:var(--fg);border-radius:8px;padding:6px 10px;display:block}.langs li a:hover,.langs li a[aria-current]{background:#7c7cff22;text-decoration:none}.suggest{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 8px;padding:10px 14px;font-size:14px;display:flex}.suggest[hidden]{display:none}.suggest a{font-weight:600}.suggest button{color:var(--faint);font:inherit;cursor:pointer;background:0 0;border:0}@media (width<=640px){.nav{flex-wrap:wrap}.nav-links{flex-wrap:wrap;gap:14px}}.shots{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.shot{gap:12px;margin:0;display:grid}.shot img{border:1px solid var(--line);background:var(--bg);border-radius:16px;width:100%;height:auto;box-shadow:0 24px 60px -24px #000c}.shot figcaption{color:var(--muted);font-size:15px}@media (width<=760px){.shots{grid-template-columns:1fr}.shot-popup{max-width:340px}}