:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#000;--fg:#f5f5f5;--muted:#f5f5f58c;--border:#ffffff14;--border-strong:#ffffff2e;--accent:#f5f5f5;--accent-bg:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:Basel Grotesk,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}header.site{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#000c;position:sticky;top:0}header.site .inner{align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.logo{align-items:center;gap:8px;font-weight:500;display:inline-flex}.logo-mark{flex-shrink:0;width:14px;height:14px;display:inline-block;position:relative}.logo-mark:before{content:"";background:var(--fg);clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;inset:0}.logo-word{opacity:1;max-width:120px;margin-left:4px;transition:max-width .35s,opacity .25s,margin-left .35s;display:inline-block;overflow:hidden}.logo.collapsed .logo-word{opacity:0;max-width:0;margin-left:0}.logo:hover .logo-word{opacity:1;max-width:120px;margin-left:4px}nav.primary{flex:1;gap:24px;display:flex}nav.primary a{color:var(--muted);font-size:14px}nav.primary a:hover{color:var(--fg)}.right-side{align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--border-strong);background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#ffffff0d;border-color:#ffffff4d}.btn.primary{background:var(--fg);color:#000;border-color:var(--fg)}.btn.primary:hover{color:#000;background:#e5e5e5}.try-lux{position:relative}.try-lux-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#0a0a0a;border-radius:12px;min-width:340px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #0009}.try-lux-panel h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px 6px;font-size:11px;font-weight:500}.try-lux-panel a.app{color:var(--fg);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .1s;display:flex}.try-lux-panel a.app:hover{color:var(--fg);background:#ffffff0f}.try-lux-panel .app-name{font-size:14px;font-weight:500}.try-lux-panel .app-desc{color:var(--muted);margin-top:1px;font-size:12px}main.page{max-width:1200px;margin:0 auto;padding:96px 24px}.hero h1{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(48px,8vw,88px);font-weight:500;line-height:1.02}.hero .prismatic{background:linear-gradient(100deg,#a8a8ff 0%,#8bffd1 35%,#ffd18b 68%,#ff8bc0 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.sub{color:var(--muted);max-width:640px;margin-bottom:40px;font-size:20px;line-height:1.4}.hero .actions{flex-wrap:wrap;gap:12px;display:flex}section.grid{border-top:1px solid var(--border);margin-top:96px;padding-top:96px}section.grid h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:500}section.grid>p{color:var(--muted);max-width:640px;margin-bottom:56px;font-size:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card .icon{opacity:.8;width:24px;height:24px;margin-bottom:16px}.card h3{margin-bottom:8px;font-size:18px;font-weight:500}.card p{color:var(--muted);font-size:14px;line-height:1.5}.card a.more{color:var(--fg);align-items:center;gap:4px;margin-top:16px;font-size:13px;display:inline-flex}.card a.more:after{content:"→"}footer.site{border-top:1px solid var(--border);color:var(--muted);margin-top:96px;padding:48px 24px;font-size:13px}footer.site .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}footer.site nav{gap:24px;display:flex}