:root{color-scheme:dark;--ink:#f8f5ff;--muted:#b8b0ce;--accent:#b4ff75;--panel:#211b35}*{box-sizing:border-box}body{margin:0;background:#100d1b;color:var(--ink);font:17px/1.6 system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 85% 5%,#5f267644,transparent 55%);pointer-events:none}a{color:inherit}header,main,footer{position:relative;max-width:1180px;margin:auto;padding:24px}.nav{display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{font-size:25px;letter-spacing:-1px;font-weight:900;text-decoration:none}.logo b{color:var(--accent)}.pill{font-size:13px;border:1px solid #ffffff25;border-radius:99px;padding:7px 13px;color:#ded6ef}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:60px 0 80px}h1{font-size:clamp(44px,6.5vw,82px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}h1 em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.lead{font-size:20px;max-width:470px}.eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:800}button,.button{display:inline-block;background:var(--accent);color:#10220b;font:800 17px system-ui;text-decoration:none;border:0;border-radius:13px;padding:17px 25px;cursor:pointer}.secondary{background:#ffffff13;color:white;border:1px solid #ffffff30}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffcc72;outline-offset:4px}.fine{font-size:13px}.stage{background:linear-gradient(140deg,#372048,#181d39);padding:30px;border:1px solid #b4ff7544;border-radius:28px;box-shadow:0 35px 90px #0007;transform:rotate(2deg)}.stage-top{display:flex;justify-content:space-between;gap:10px;color:#fce9a9;font-size:13px}.spot{min-height:235px;display:grid;place-content:center;text-align:center;font-weight:900;font-size:34px;line-height:1.2}.spot span{font-size:72px;display:block;margin-bottom:15px}.song{display:flex;gap:14px;align-items:center;background:#08071066;border-radius:13px;margin-top:10px;padding:14px}.song b{color:var(--accent)}.song small{display:block;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #ffffff18;background:var(--panel);border-radius:20px;padding:26px}.card h2{font-size:21px;margin:12px 0}.card p{font-size:15px;margin-bottom:0}.features{margin:50px 0}.features h2{font-size:34px}.plan{border:1px solid #b4ff7555;border-radius:20px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.plan h2{margin:0}.plan p{margin:8px 0}.manage{max-width:850px}.manage h1{font-size:44px}.stack{display:grid;gap:18px}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}label{display:block;margin:15px 0 5px;font-weight:700}input,select{width:100%;border:1px solid #ffffff40;border-radius:9px;background:#151025;color:white;padding:13px;font:inherit}input[type=color]{height:55px}.notice{padding:15px;background:#413b20;border-radius:10px;color:#fff0bd}.muted{color:var(--muted)}footer{border-top:1px solid #ffffff18;font-size:13px;color:var(--muted)}dialog{max-width:550px;background:#211b35;color:white;border:1px solid #b4ff75;border-radius:20px;padding:25px}dialog::backdrop{background:#0009}code{overflow-wrap:anywhere}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding:25px 0 45px}.stage{transform:none}.cards{grid-template-columns:1fr}.plan{display:block}.plan .button{margin-top:15px}.nav .pill{font-size:11px}.spot{min-height:180px}}
