:root{color-scheme:dark;--demo-bg: #0a0e12;--demo-panel: #121820;--demo-panel-2: #171f29;--demo-line: #2a3542;--demo-text: #ecf1f6;--demo-dim: #99a8b8;--demo-accent: #e8a15b;--demo-link: #67c7ff}body.demo-page{min-width:300px;margin:0;padding:0;background:radial-gradient(circle at 50% -12rem,#263544 0,transparent 40rem),var(--demo-bg);color:var(--demo-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-shell{width:min(var(--demo-shell-width, 1240px),calc(100% - 32px));margin-inline:auto}.demo-masthead{max-width:none;margin:0;padding:22px 0 18px}.demo-topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--demo-line)}.demo-brand{flex:0 0 auto;color:var(--demo-text);font-size:12px;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.demo-brand span{color:var(--demo-accent)}.demo-nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-end}.demo-nav a{padding:6px 9px;border:1px solid transparent;border-radius:7px;color:var(--demo-dim);font-size:12px;font-weight:650;text-decoration:none}.demo-nav a:hover,.demo-nav a:focus-visible{border-color:var(--demo-line);color:var(--demo-text);outline:none}.demo-nav a[aria-current=page]{border-color:#e8a15b66;background:#e8a15b14;color:#ffd099}.demo-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:clamp(20px,4vw,48px);align-items:end;padding-top:24px}.demo-kicker{margin:0 0 7px;color:var(--demo-accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-masthead h1{margin:0;color:var(--demo-text);font-size:clamp(26px,4vw,44px);font-weight:680;line-height:1.02;letter-spacing:-.035em}.demo-deck{max-width:760px;margin:10px 0 0;color:var(--demo-dim);font-size:clamp(13px,1.5vw,16px);line-height:1.55}.demo-title-row{display:flex;gap:14px;align-items:center}.demo-title-row h1{flex:1 1 auto}.demo-package-card{display:grid;gap:3px;min-width:0;padding:13px 15px;border:1px solid var(--demo-line);border-left:3px solid var(--demo-accent);border-radius:0 10px 10px 0;background:linear-gradient(145deg,#171f29ee,#11171eee);color:var(--demo-dim);text-decoration:none;box-shadow:0 12px 30px #0004}.demo-package-card:hover,.demo-package-card:focus-visible{border-color:var(--demo-accent);outline:none}.demo-package-card span,.demo-package-card small{font-size:11px}.demo-package-card strong{color:#ffd099;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:650}.demo-package-card small{line-height:1.4}.demo-content{width:100%;max-width:none;margin:0;min-width:0}.demo-footer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;width:100%;max-width:none;margin:30px 0 0;padding:20px 0 34px;border-top:1px solid var(--demo-line);color:var(--demo-dim);font-size:12px;text-align:left}.demo-footer p{margin:0}.demo-footer strong,.demo-footer code{color:#ffd099}.demo-footer nav{display:flex;flex-wrap:wrap;gap:7px 13px}.demo-footer a{color:var(--demo-link)}@media (max-width: 760px){.demo-shell{width:min(100% - 20px,var(--demo-shell-width, 1240px))}.demo-masthead{padding-top:14px}.demo-topbar{display:block}.demo-nav{justify-content:flex-start;margin:10px -7px 0}.demo-hero-grid{grid-template-columns:1fr;gap:14px;padding-top:18px}.demo-package-card{max-width:360px}.demo-footer{align-items:flex-start;flex-direction:column}}@media (max-width: 440px){.demo-title-row{align-items:flex-start;flex-direction:column}}