:root{--hl:#bcd2ff;--hl2:#e3ebff;--ink:#101114;--mute:#6a6f78;--faint:#a8adb5;--canvas:#f3f4f6}:where(:not(#demo-editor *)){box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font:16px/1.6 IBM Plex Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1040px;margin:0 auto;padding:0 28px}.hl{background:var(--hl);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.04em;padding:.03em .14em}.k{font-family:IBM Plex Mono,monospace;font-size:.85em}.btn{padding:11px 16px;font-size:15px;font-weight:600;line-height:1.2;display:inline-block}.btn.p{background:var(--hl)}.btn.p:hover{background:#a9c4ff}.btn.s{text-underline-offset:4px;padding-left:0;padding-right:0;text-decoration:underline}.ib{background:var(--ink);vertical-align:-.14em;width:2px;height:1em;margin-left:.08em;display:inline-block;position:relative}.ib:before,.ib:after{content:"";background:var(--ink);width:8px;height:2px;position:absolute;left:-3px}.ib:before{top:0}.ib:after{bottom:0}nav.top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#fffffff0;position:sticky;top:0}nav.top .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:inline-flex}.brand svg{width:26px;height:26px}nav.top .links{align-items:center;gap:22px;font-size:14.5px;display:flex}nav.top .links a{color:var(--mute)}nav.top .links a:hover{color:var(--ink)}nav.top .links .btn{color:var(--ink);padding:8px 12px;font-size:14px}.hero{padding:88px 0 56px}.hero h1{letter-spacing:-.03em;max-width:760px;margin:0 0 20px;font-size:56px;font-weight:600;line-height:1.12}.hero p.sub{color:var(--mute);max-width:600px;margin:0 0 30px;font-size:19px;line-height:1.5}.hero .cta{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.hero .fine{color:var(--mute);margin-top:16px;font-size:13.5px}.hero .fine b{color:var(--ink);font-weight:500}.demo{background:var(--canvas);margin:56px 0 0;padding:34px 40px}.demo .page{color:#2a2d33;background:#fff;padding:36px 44px;font-size:15.5px;line-height:1.8;position:relative}.demo .page h6{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-size:11.5px;font-weight:600}.demo .page p{margin:0 0 8px}.fld{background:var(--hl);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.03em .14em;position:relative}.fld .tag{color:#3a4a6e;white-space:nowrap;font:500 9.5px/1 IBM Plex Mono;position:absolute;top:-13px;left:0}.demo-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:28px;max-width:960px;margin:0 auto;display:grid}@media (width<=820px){.demo-grid{grid-template-columns:1fr}}.fld{cursor:text}.fld.dim{background:var(--hl2)}.fld.dim .val{color:var(--mute)}.fld.focus{outline:2px solid var(--ink);outline-offset:1px}.page .pgfoot{color:var(--mute);margin:18px 0 0;font-size:12.5px}.try{background:#fff;padding:22px 24px}.try h5{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 14px;font:500 11px/1 IBM Plex Mono}.try label{color:var(--mute);gap:4px;margin-bottom:14px;font-size:12.5px;display:grid}.try .in{color:var(--ink);background:#fff;border:0;border-bottom:1px solid #d8dbe1;border-radius:0;outline:none;width:100%;padding:8px 0;font:15px IBM Plex Sans}.try .in::placeholder{color:var(--faint)}.try .in:focus{border-bottom:2px solid var(--ink)}.try .live{color:var(--mute);margin:2px 0 16px;font-size:12.5px}.try .live b{color:var(--ink);font-weight:500}.try .row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.try .btn{cursor:pointer;background:0 0;border:0;padding:10px 13px;font-family:inherit;font-size:14px}.try .btn.p{background:var(--hl);color:var(--ink)}.try .btn.s{color:var(--mute)}.beats{padding:80px 0 24px}.beats h2{color:var(--mute);letter-spacing:.02em;margin:0 0 28px;font-size:15px;font-weight:500}.grid3{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (width<=820px){.grid3{grid-template-columns:1fr;gap:28px}}.beat h3{letter-spacing:-.015em;margin:0 0 8px;font-size:22px;font-weight:600}.beat p{color:#3a3f47;margin:0;font-size:15.5px}.beat .n{color:var(--mute);margin-bottom:10px;font:500 12px IBM Plex Mono;display:block}.code{padding:56px 0}.code .row{grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;display:grid}@media (width<=820px){.code .row{grid-template-columns:1fr}}.code h2{letter-spacing:-.02em;margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.15}.code p{color:#3a3f47;margin:0 0 10px;font-size:15.5px}pre{background:var(--canvas);color:#2a2d33;margin:0;padding:20px 22px;font:13.5px/1.65 IBM Plex Mono,monospace;overflow:auto}pre .h{background:var(--hl)}pre .c{color:var(--mute)}.honest{padding:56px 0 40px}.honest .row{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (width<=820px){.honest .row{grid-template-columns:1fr}}.honest h2{color:var(--mute);margin:0 0 14px;font-size:15px;font-weight:500}.honest ul{margin:0;padding:0;list-style:none}.honest li{color:#2a2d33;padding:9px 0;font-size:15.5px}.honest li b{font-weight:500}.honest li .k{color:var(--mute)}.signup{padding:64px 0 72px}.signup .box{max-width:560px}.signup h2{letter-spacing:-.02em;margin:0 0 10px;font-size:32px;font-weight:600;line-height:1.15}.signup p{color:var(--mute);margin:0 0 22px;font-size:16px}.signup .cta{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.signup .fine{color:var(--mute);margin-top:12px;font-size:13px}@media (width<=640px){nav.top .links a:not(.btn){display:none}.hero{padding-top:56px}.hero h1{font-size:40px}.demo{padding:22px 16px}.demo .page{padding:24px 22px;font-size:14.5px}}footer{color:var(--mute);padding:28px 0 48px;font-size:13.5px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}footer a{color:var(--mute);margin-right:18px}footer a:hover{color:var(--ink)}.demo-workspace{text-align:left;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:28px;display:grid}.demo-canvas{background:#fff;min-width:0;height:460px;position:relative;overflow:hidden}#demo-editor{width:100%;height:100%;overflow:auto}.demo-canvas:not([data-ready]) #demo-editor{opacity:0}#demo-loading{z-index:1;text-align:center;color:var(--mute);background:#fff;place-content:center;margin:0;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}#demo-values{min-width:0}#demo-values h2{margin:0;font-size:18px}#demo-values p{color:var(--mute);font-size:13px}#demo-values label{margin:16px 0;font-size:13px;display:block}#demo-values input{width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #b5bac2;padding:9px 0;display:block}#demo-values button{cursor:pointer;border:0}#demo-values button:disabled{opacity:.5;cursor:default}#demo-editor .fw-field{background:var(--hl);position:relative}#demo-editor .fw-field:before{content:attr(data-field-tag);white-space:nowrap;color:#405477;font:10px/12px IBM Plex Mono,monospace;position:absolute;top:-15px;left:0}#demo-editor .fw-field.label-crowded:not(:hover):before{display:none}#demo-editor [data-v2-selection-overlay]{visibility:hidden}[hidden]{display:none!important}@media (width<=820px){.demo-workspace{grid-template-columns:minmax(0,1fr)}.demo-canvas{height:360px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.demo .cap{color:var(--mute);text-align:left;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:16px;font-size:13px;display:flex}