*{box-sizing:border-box}html,body{color:#eef6f7;background:#071018;min-height:100%;margin:0;font-family:Arial,sans-serif}body{background:radial-gradient(circle at 20% 0,#12303b 0,#071018 45%)}button{font:inherit}.shell{max-width:1100px;margin:auto;padding:32px 20px}.badge{color:#9ddce7;border:1px solid #31505a;border-radius:999px;padding:7px 10px;font-size:12px;display:inline-block}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;margin:50px 0 30px;display:grid}.hero h1{margin:12px 0;font-size:clamp(44px,8vw,82px);line-height:.9}.hero p{color:#a9bbc0;font-size:18px;line-height:1.6}.card{background:#0c1820cc;border:1px solid #20333b;border-radius:20px;padding:20px;box-shadow:0 15px 50px #0005}.mic{color:#071018;cursor:pointer;background:#b9f6df;border:0;border-radius:14px;width:100%;padding:18px;font-weight:800}.mic:disabled{opacity:.5}.grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.slot{color:#d5e3e5;border-bottom:1px solid #20333b;padding:12px 0}.status{color:#9ddce7;min-height:24px;margin-top:12px}.small{color:#91a6ac;font-size:13px}@media (max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{margin-top:30px}}