.demo-shell{max-width:1180px;margin:auto;padding:50px 24px 80px}.demo-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.demo-heading h1{font-size:clamp(2rem,5vw,3.8rem);max-width:760px}.demo-window{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.demo-chrome{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.demo-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--brand2);color:#fff;border-radius:9px;font-weight:850}.demo-safe{margin-left:auto;color:var(--muted);font-size:.82rem}.demo-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:10px;background:#f1f5f9;border-bottom:1px solid var(--line)}.demo-tabs button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 5px;font:inherit;font-size:.76rem;font-weight:750;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#dbeafe;color:#1d4ed8}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:610px}.demo-stage{padding:30px}.demo-stage h2{font-size:2rem}.demo-guide{padding:30px 24px;background:#f8fafc;border-left:1px solid var(--line)}.demo-form{display:grid;gap:14px;margin:22px 0}.demo-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-form label{display:grid;gap:6px;color:#334155;font-weight:750}.demo-field{display:block;min-height:44px;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);font-weight:500}.demo-field.demo-tall{min-height:92px}.demo-field.is-focus{border:2px solid var(--brand);background:#eff6ff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.demo-mic{display:inline-block;width:max-content;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:.78rem}.demo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.demo-flow span{padding:13px 8px;border-radius:10px;background:#eff6ff;color:#1e40af;text-align:center;font-size:.78rem;font-weight:800}.demo-status{display:inline-block;padding:5px 10px;border-radius:999px;background:#d1fae5;color:#065f46;font-size:.75rem;font-weight:850}.demo-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.demo-brief>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.demo-brief small,.demo-brief strong,.demo-brief span{display:block}.demo-brief small{color:var(--muted);font-weight:800;letter-spacing:.07em}.demo-brief strong{margin:6px 0}.demo-brief span{color:#475569}.demo-caption{padding:16px;background:#dbeafe;border-radius:12px;margin-bottom:18px}.demo-caption strong{color:#1d4ed8}.demo-caption p{margin:6px 0 0;color:#334155}.demo-guide ul{padding-left:22px;color:#475569}.demo-guide li{margin:9px 0}.demo-privacy{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.demo-progress{height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-top:24px}.demo-progress span{display:block;height:100%;background:var(--brand);transition:width .2s ease}.demo-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}@media(max-width:900px){.demo-heading{align-items:flex-start;flex-direction:column}.demo-tabs{grid-template-columns:repeat(4,1fr)}.demo-body{grid-template-columns:1fr}.demo-guide{border-left:0;border-top:1px solid var(--line)}}@media(max-width:600px){.demo-tabs{grid-template-columns:1fr 1fr}.demo-two,.demo-brief,.demo-flow{grid-template-columns:1fr}.demo-safe{display:none}.demo-stage,.demo-guide{padding:22px 17px}}