.demo-trigger{white-space:nowrap;color:#fff;cursor:pointer;background:#171917;border:0;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font:600 13px/1 Inter,Arial,sans-serif;transition:transform .4s cubic-bezier(.2,.9,.25,1.2),background .25s;display:inline-flex}.demo-trigger:hover{background:#087447;transform:translateY(-1px)}.demo-trigger:focus-visible{outline-offset:3px;outline:2px solid #087447}.demo-dialog{color:#171917;background:#fff;border:0;border-radius:22px;width:min(920px,100vw - 32px);height:fit-content;max-height:calc(100vh - 48px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 40px 100px -30px #000a}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0f0e99}.demo-dialog[open]{animation:.52s cubic-bezier(.2,.9,.25,1) both demo-in}.demo-dialog[open]::backdrop{animation:.4s both demo-fade}@keyframes demo-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-dialog[open],.demo-dialog[open]::backdrop{animation:none}}.demo-sheet{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 48px);display:grid}.demo-head{border-bottom:1px solid #e6e8e3;padding:22px 26px 18px;position:relative}.demo-badge{color:#2b6341;background:#e4f3e9;border-radius:999px;padding:4px 10px;font:600 11px/1 Inter,sans-serif;display:inline-flex}.demo-head h2{letter-spacing:-.04em;margin:12px 0 6px;font:500 26px/1.1 Space Grotesk,Inter,sans-serif}.demo-head p{color:#555a55;max-width:62ch;margin:0;font:400 14px/1.5 Inter,sans-serif}.demo-close{color:#171917;cursor:pointer;background:#f1f2ef;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.demo-close:hover{background:#e4e6e1}.demo-close:focus-visible{outline-offset:2px;outline:2px solid #087447}.demo-frame{background:#fafbf9;min-height:0}.demo-frame iframe{border:0;width:100%;height:min(640px,100vh - 230px);display:block}.demo-foot{color:#7a7f79;border-top:1px solid #e6e8e3;margin:0;padding:12px 26px;font:400 12px/1.4 Inter,sans-serif}.demo-foot a{color:#087447;font-weight:600}.header-actions{align-items:center;gap:10px;display:flex}@media (max-width:480px){.header-actions{gap:6px}.header-actions>a{min-height:44px!important;padding-inline:10px!important;font-size:12px!important}.demo-trigger{min-height:36px;padding:0 12px;font-size:12px}.demo-head{padding:18px 18px 14px}.demo-head h2{padding-right:36px;font-size:22px}}