.cl .lab-hero{min-height:0;padding-block:40px 8px;overflow:hidden;position:relative}.cl .lab-hero .wrap{position:relative;z-index:1}.cl .lab-field{position:absolute;left:0;top:0;bottom:0;width:44%;z-index:0;opacity:.55;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7) 40%,transparent);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7) 40%,transparent)}.cl .lab-field canvas{width:100%;height:100%;display:block}.cl .lab-hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:0;align-items:center;padding-block:24px}.cl .lab-hero .hero-copy{max-width:560px}.cl .lab-strap{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;width:-moz-max-content;width:max-content;max-width:min(calc(100% + 90px),calc(100vw - 48px));margin:0 0 calc(var(--h1) * .42);font-family:var(--font-body);font-size:clamp(13px,.95vw + 8px,15.5px);line-height:1.4;color:var(--ink-light);letter-spacing:.01em}.cl .lab-strap li{display:inline-flex;align-items:center;white-space:nowrap}.cl .lab-strap li:not(:last-child):after{content:"";display:inline-block;width:1px;height:.95em;background:var(--line-2);margin:0 .65em}.cl .lab-strap li.lead{color:var(--ink);font-weight:500}.cl .lab-hero h1 .lab-stop{color:var(--orange)}.cl .lab-strap li.lead i{display:inline-block;width:9px;height:9px;background:var(--gold);border-radius:1.5px;transform:rotate(45deg);margin-right:.7em;flex:none}.cl .lab-stage{margin:-50px -150px -40px -20px}.cl .lab-stage svg{display:block;width:100%;height:auto}.cl .lab-demo{--band:var(--green);--per:72vh;background:var(--band);color:#faf9f6;transition:background .6s ease;overflow:clip}.cl .lab-demo.pinned{height:calc(100vh + var(--slots) * var(--per))}.cl .lab-demo-stage{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:center;padding:84px 0 28px 40px;min-height:100vh}.cl .lab-demo.pinned .lab-demo-stage{position:sticky;top:0;height:100vh}.cl .lab-demo h2{color:inherit;font-size:clamp(26px,2.4vw,34px);line-height:1.1;margin:0 0 22px;font-variation-settings:"opsz" 96;text-wrap:balance}.cl .lab-tabs{display:flex;flex-direction:column;border-top:1px solid hsla(0,0%,100%,.28)}.cl .lab-tabs li{border-bottom:1px solid hsla(0,0%,100%,.28)}.cl .lab-tabs button{all:unset;display:block;width:100%;padding:11px 0 11px 14px;position:relative;cursor:pointer;color:hsla(0,0%,100%,.62);transition:color .25s ease}.cl .lab-tabs button:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:#fff;opacity:0;transition:opacity .25s ease}.cl .lab-tabs li.on button{color:#fff}.cl .lab-tabs li.on button:before{opacity:1}.cl .lab-tabs .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;margin-right:10px;opacity:.7;vertical-align:2px}.cl .lab-tabs b{font-family:var(--font-body);font-weight:500;font-size:17px}.cl .lab-tabs p{margin:0;font-size:13.5px;line-height:1.5;max-width:30ch;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease .05s,margin .35s ease}.cl .lab-tabs li.on p{max-height:96px;opacity:1;margin-top:6px}.cl .lab-demo .lab-line{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.8);margin:18px 0 0;animation:cl-sceneIn .4s ease}.cl .lab-demo-screen{min-width:0;display:flex;justify-content:flex-end}.cl .lab-frame{position:relative;width:calc(100% + 40px);max-width:calc((100vh - 136px) * 1.75);margin-right:-40px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.12)}.cl .lab-slot{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.cl .lab-slot.on{opacity:1;pointer-events:auto}.cl .lab-frame iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.cl .lab-callouts{position:absolute;inset:0;pointer-events:none;z-index:4}.cl .lab-callout{position:absolute;background:#1a1a1a;color:#fff;font:500 12px/1 var(--font-body);padding:8px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.28);transition:left .35s ease,top .35s ease,opacity .3s ease}.cl .lab-callout:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px;vertical-align:0;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.cl .lab-frame .lab-arrow{position:absolute;z-index:5;top:12px;font:500 12px/1 var(--font-body);color:#1a1a1a;background:hsla(0,0%,100%,.92);border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:8px 12px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(6px)}.cl .lab-frame .lab-arrows{position:absolute;z-index:5;top:12px;right:54px;display:flex;gap:6px}.cl .lab-frame .lab-arrow{position:static;width:32px;height:32px;padding:0;display:grid;place-items:center}.cl .lab-frame .lab-arrow svg{width:14px;height:14px}.cl .lab-frame .lab-arrow:disabled{opacity:.4;cursor:default}.cl .lab-pop{--pop-ink:#1a1a1a;--pop-mute:#6b7280;--pop-line:#e5e7eb;font-family:Inter,var(--font-body);color:var(--pop-ink);background:#fff;border:1px solid var(--pop-line);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04);max-width:440px;margin-inline:auto;overflow:hidden}.cl .lab-pop .pop-head{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;border-bottom:1px solid var(--pop-line)}.cl .lab-pop .pop-head b{font-size:13px;font-weight:600;letter-spacing:-.005em}.cl .lab-pop .pop-head .pop-crumb{font-size:12px;color:var(--pop-mute)}.cl .lab-pop .pop-head .pop-crumb:after{content:"/";margin:0 6px;color:#cbd1da}.cl .lab-pop .pop-pill{margin-left:auto;font-size:11px;font-weight:500;padding:4px 9px;border-radius:999px;border:1px solid var(--pop-line);color:#374151;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.cl .lab-pop .pop-pill i{width:6px;height:6px;border-radius:50%;background:var(--green)}.cl .lab-pop .pop-pill.gold i{background:var(--gold)}.cl .lab-pop .pop-x{color:#9ca3af;font-size:15px;line-height:1;padding:0 2px}.cl .lab-pop .pop-body{padding:6px 14px 4px}.cl .lab-pop .pop-foot{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--pop-line);font-size:11.5px;color:var(--pop-mute);background:#fafafa}.cl .lab-pop .pop-foot b{color:var(--pop-ink);font-weight:500}.cl .lab-pop .pop-btn{display:inline-block;font-size:12px;font-weight:500;color:#fff;background:var(--blue);border-radius:7px;padding:7px 11px}.cl .lab-pop .fig-checks,.cl .lab-pop .fig-lanes{max-width:none}.cl .lab-pop .fc,.cl .lab-pop .fl{border-top-color:var(--pop-line);padding-block:9px}.cl .lab-pop .fc-tick{border-color:#d1d5db}.cl .lab-pop .fc-name,.cl .lab-pop .fl-name{color:var(--pop-ink);font-family:Inter,var(--font-body);font-size:12.5px}.cl .lab-pop .fc-cost,.cl .lab-pop .fc-step,.cl .lab-pop .fl-state.dim{color:var(--pop-mute);font-family:var(--font-mono);font-size:11px}.cl .lab-pop .fc-cost{margin-left:14px;min-width:42px;text-align:right}.cl .lab-pop .fc-step{margin-left:auto}.cl .lab-pop .fl-state{font-family:var(--font-mono);font-size:11px}.cl .lab-pop .fig-held-meter.seg{background:#f3f4f6;height:12px;border-radius:4px;margin-top:4px}.cl .lab-pop .fig-held-meter:after{background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),hsla(0,0%,100%,.9) calc(20% - 1px) 20%)}.cl .lab-pop .fig-held-ceiling{background:var(--pop-ink);top:-6px;bottom:-6px;width:2px}.cl .lab-pop .fig-held-caplabel{color:var(--pop-mute);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;margin:6px 0 10px;display:flex;justify-content:space-between}.cl .lab-pop .fig-costs{color:var(--pop-mute);font-size:10px}.cl .lab-pop .fig-held-status{margin-top:14px;align-items:center}.cl .lab-pop .held-label{font-size:12.5px}.cl .lab-pop .fig-held-tick{border-color:var(--green);background:rgba(5,150,105,.12)}.cl .lab-pop .pop-kv{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:12.5px;padding:8px 0 4px}.cl .lab-pop .pop-kv span:nth-child(2n){font-family:var(--font-mono);font-size:11.5px;text-align:right}.cl .lab-pop .pop-kv .mute{color:var(--pop-mute)}.cl .lab-pop .pop-commit{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cl .lab-pop .pop-commit small{font-size:11px;color:var(--pop-mute)}@media (max-width:1180px){.cl .lab-demo-stage{grid-template-columns:260px minmax(0,1fr);gap:24px;padding-left:24px}}@media (max-width:980px){.cl .lab-hero .wrap{grid-template-columns:1fr}.cl .lab-stage{margin:0 -24px}.cl .lab-field{width:70%;opacity:.35}.cl .lab-callouts{display:none}.cl .lab-demo{padding-block:64px 32px}.cl .lab-demo-stage{grid-template-columns:1fr;gap:18px;padding:0 20px;min-height:0;align-items:start}.cl .lab-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:16px;border-top:0;border-bottom:1px solid hsla(0,0%,100%,.35)}.cl .lab-tabs::-webkit-scrollbar{display:none}.cl .lab-tabs li{border-bottom:0;flex:none}.cl .lab-tabs button{padding:6px 0 10px;white-space:nowrap}.cl .lab-tabs button:before{left:0;right:0;top:auto;bottom:0;width:auto;height:2px}.cl .lab-tabs .n,.cl .lab-tabs p{display:none}.cl .lab-frame{width:100%;max-width:none;margin-right:0}.cl .lab-frame .lab-arrows{display:none}}@media (max-width:520px){.cl .lab-strap li.lead{flex-basis:100%;margin-bottom:2px}.cl .lab-strap li.lead:after{display:none}}