:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;background:#edf7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 18%,#155dfc24,#0000 28%),linear-gradient(135deg,#f7fbff 0%,#d8efff 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.demo-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0 56px}.demo-nav{color:#344054;justify-content:space-between;align-items:center;gap:18px;display:flex}.demo-nav strong{color:#155dfc;font-size:20px}.demo-hero{align-content:center;max-width:680px;min-height:calc(100vh - 120px);display:grid}.demo-kicker{color:#155dfc;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}.demo-hero h1{letter-spacing:0;max-width:620px;margin:0;font-size:clamp(42px,7vw,86px);line-height:.94}.demo-hero p:not(.demo-kicker){color:#475467;max-width:600px;margin:22px 0 0;font-size:18px;line-height:1.7}.demo-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.demo-actions button{color:#fff;cursor:pointer;background:#155dfc;border:1px solid #155dfc;border-radius:8px;min-height:44px;padding:0 18px}.demo-actions button+button{color:#155dfc;background:#ffffffc2}pre{color:#1d2939;background:#ffffffc7;border:1px solid #155dfc2e;border-radius:8px;max-width:680px;margin:28px 0 0;padding:18px;overflow:auto}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6}