:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1020;--surface:#151b2d;--surface-soft:#ffffff13;--primary:#5eead4;--secondary:#7c9eff;--warm:#f6c177;--text:#f8fafc;--muted:#94a3b8;--border:#ffffff1f;--shadow:#00000057}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:radial-gradient(circle at 18% 10%, #7c9eff33, transparent 28rem), radial-gradient(circle at 82% 0%, #5eead42e, transparent 28rem), linear-gradient(180deg, #11172b 0%, var(--background) 52%, #070b17 100%);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{min-height:100vh;overflow:hidden}.hero{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:72px;width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;padding:56px 0;display:grid}.hero-copy{gap:24px;display:grid}.brand{color:var(--text);align-items:center;gap:14px;font-weight:800;display:inline-flex}.brand-icon{width:48px;height:48px;box-shadow:0 18px 42px var(--shadow);border-radius:14px}.eyebrow{border:1px solid var(--border);width:fit-content;min-height:36px;color:var(--primary);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.spark{background:var(--warm);width:8px;height:8px;box-shadow:0 0 18px var(--warm);border-radius:99px}h1{max-width:760px;color:var(--text);letter-spacing:0;margin:0;font-size:clamp(3.1rem,8vw,6.8rem);line-height:.94}.preset-title{font-size:clamp(2.5rem,7vw,5.8rem)}.lead{color:#dbeafe;max-width:620px;margin:0;font-size:clamp(1.08rem,2.2vw,1.34rem);font-weight:600;line-height:1.65}.subcopy{max-width:560px;color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.button{border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;min-height:50px;padding:0 18px;font-weight:850;display:inline-flex}.button.primary{background:var(--primary);color:var(--background)}.button.ghost{border-color:var(--border);color:var(--text);background:#fff1}.device{place-items:center;min-height:650px;display:grid;position:relative}.phone{background:linear-gradient(180deg, #ffffff1f, transparent 18%), var(--surface);width:min(100%,330px);min-height:620px;box-shadow:0 36px 100px var(--shadow);border:1px solid #ffffff29;border-radius:46px;padding:18px}.screen{background:radial-gradient(circle at 50% 18%,#5eead42e,#0000 13rem),#0c1325;border-radius:34px;min-height:584px;padding:24px}.screen-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:34px;font-size:.82rem;font-weight:750;display:flex}.mix-card{border:1px solid var(--border);background:#ffffff12;border-radius:24px;gap:18px;padding:18px;display:grid}.mix-card h2{margin:0;font-size:1.35rem}.sound-row{gap:10px;display:grid}.sound-label{color:#dbeafe;justify-content:space-between;font-size:.84rem;font-weight:750;display:flex}.bar{background:#ffffff1f;border-radius:99px;height:8px;overflow:hidden}.fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%}.sound-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.tile{border:1px solid var(--border);background:#ffffff0e;border-radius:20px;align-content:end;gap:8px;min-height:86px;padding:14px;display:grid}.glyph{background:linear-gradient(135deg, var(--primary), var(--warm));opacity:.86;border-radius:50%;width:24px;height:24px}.tile span{color:#dbeafe;font-size:.82rem;font-weight:800}.preset-id{overflow-wrap:anywhere;color:var(--primary);font-weight:850}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:36px;padding:34px 0 44px}.device,.phone{min-height:auto}.screen{min-height:460px}}@media (max-width:520px){.hero{width:min(100% - 28px,1120px)}.brand-icon{border-radius:12px;width:42px;height:42px}.actions{display:grid}.button{width:100%}}