:where(.marketing-scope) .developer-page-lab{--developer-violet:#9a7dff;background:var(--site-bg);color:var(--site-text);min-width:0;overflow:clip}:where(.marketing-scope) .developer-lab-shell{width:100%;min-width:0;max-width:80rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}:where(.marketing-scope) .developer-lab-kicker{color:var(--site-dim);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;line-height:1.4;display:block}:where(.marketing-scope) .developer-lab-hero{background:linear-gradient(var(--hero-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-line) 1px, transparent 1px), radial-gradient(circle at 76% 9%, color-mix(in srgb, var(--site-accent) 12%, transparent), transparent 29rem), linear-gradient(180deg, var(--hero-top), var(--site-bg));border-bottom:1px solid var(--site-line);background-size:4rem 4rem,4rem 4rem,auto,auto;padding-block:clamp(4rem,8vw,7rem) clamp(3.5rem,7vw,6rem)}:where(.marketing-scope) .developer-lab-hero-intro{gap:clamp(2rem,5vw,5rem);display:grid}:where(.marketing-scope) .developer-lab-hero-intro h1{color:var(--site-heading);letter-spacing:-.067em;text-wrap:balance;max-width:11ch;margin:1.25rem 0 0;font-size:clamp(3rem,2rem + 4.5vw,6.15rem);font-weight:500;line-height:.91}:where(.marketing-scope) .developer-lab-hero-copy{align-self:end}:where(.marketing-scope) .developer-lab-hero-copy>p{color:var(--site-muted);letter-spacing:-.02em;max-width:41rem;margin:0;font-size:clamp(1.05rem,.96rem + .42vw,1.28rem);line-height:1.62}:where(.marketing-scope) .developer-lab-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}:where(.marketing-scope) .developer-live-trace{--trace-accent:#397ff5;--trace-complete:#22c7a9;--trace-dim:#f8fafc8a;--trace-line:#ffffff1f;--trace-panel:#080b0f;color:#f8fafc;background:#050709;border:1px solid #ffffff21;min-width:0;margin:clamp(3rem,7vw,5.5rem) 0 0;position:relative;overflow:hidden;box-shadow:0 2.5rem 7rem #00000057}:where(.marketing-scope) .developer-live-trace:before{background:linear-gradient(90deg, var(--trace-accent), var(--trace-complete), #e6b54a);content:"";z-index:2;height:2px;position:absolute;inset:0 0 auto}:where(.marketing-scope) .developer-live-trace-header{border-bottom:1px solid var(--trace-line);background:#090d11;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,2.5vw,1.5rem);display:flex}:where(.marketing-scope) .developer-live-trace-header>div:first-child{gap:.35rem;min-width:0;display:grid}:where(.marketing-scope) .developer-live-trace-eyebrow,:where(.marketing-scope) .developer-live-trace-example{color:var(--trace-dim);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;line-height:1.35}:where(.marketing-scope) .developer-live-trace-header h2{color:#f8fafc;letter-spacing:-.015em;margin:0;font-size:.93rem;font-weight:540}:where(.marketing-scope) .developer-live-trace-header-actions{align-items:center;gap:1rem;display:flex}:where(.marketing-scope) .developer-live-trace-header button{color:#f8fafc;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;min-height:2.75rem;padding:0 .9rem;font-size:.69rem;transition:background-color .16s,border-color .16s;display:inline-flex}:where(.marketing-scope) .developer-live-trace-header button:hover{background:#ffffff12;border-color:#ffffff5c}:where(.marketing-scope) .developer-live-trace-canvas{background-color:#050709;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:3.5rem 3.5rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:0;padding:clamp(1rem,3vw,2rem);position:relative}:where(.marketing-scope) .developer-live-trace-rail{background:var(--trace-line);height:1px;position:absolute;top:3.3rem;left:8%;right:8%;overflow:hidden}:where(.marketing-scope) .developer-live-trace-rail:after{background:linear-gradient(90deg, var(--trace-accent), var(--trace-complete));content:"";transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-rail:after{animation:4.2s cubic-bezier(.22,1,.36,1) forwards developer-trace-rail}:where(.marketing-scope) .developer-live-trace[data-trace-state=complete] .developer-live-trace-rail:after{transform:scaleX(1)}:where(.marketing-scope) .developer-live-trace-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;min-width:0;margin:0;padding:0;list-style:none;display:grid;position:relative}:where(.marketing-scope) .developer-live-trace-step{min-width:0;padding-top:2.4rem;position:relative}:where(.marketing-scope) .developer-live-trace-step:before{content:"";z-index:1;background:#0a0e13;border:1px solid #ffffff57;width:.5rem;height:.5rem;position:absolute;top:.85rem;left:1.1rem;box-shadow:0 0 0 .45rem #050709}:where(.marketing-scope) .developer-live-trace-step:last-child:before{border-color:var(--trace-complete);box-shadow:0 0 0 .45rem #050709,0 0 1rem #22c7a980}:where(.marketing-scope) .developer-live-trace-step>article{background:color-mix(in srgb, var(--trace-panel) 94%, transparent);border:1px solid var(--trace-line);min-width:0;height:100%;min-height:18.25rem;padding:1rem}:where(.marketing-scope) .developer-live-trace-step article>header{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.75rem;display:grid}:where(.marketing-scope) .developer-live-trace-step article>header>span{color:#f8fafc5c;font-family:var(--font-mono);letter-spacing:.08em;padding-top:.1rem;font-size:.64rem}:where(.marketing-scope) .developer-live-trace-step header small{color:var(--trace-accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;display:block}:where(.marketing-scope) .developer-live-trace-step header h3{color:#f8fafc;letter-spacing:-.02em;margin:.35rem 0 0;font-size:.9rem;font-weight:530;line-height:1.35}:where(.marketing-scope) .developer-live-trace-step pre{background:#030507;border:1px solid #ffffff1a;max-width:100%;margin:1.25rem 0 0;padding:.8rem;overflow:hidden}:where(.marketing-scope) .developer-live-trace-step pre code,:where(.marketing-scope) .developer-live-trace-step p code{color:#a9c8ff;font-family:var(--font-mono);font-size:.68rem;line-height:1.65}:where(.marketing-scope) .developer-live-trace-step pre code{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;display:block}:where(.marketing-scope) .developer-live-trace-step p code{white-space:nowrap}:where(.marketing-scope) .developer-live-trace-config{border-block:1px solid var(--trace-line);margin-top:1.25rem;display:grid}:where(.marketing-scope) .developer-live-trace-config>span{color:var(--trace-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding-block:.72rem;font-size:.6rem;display:grid}:where(.marketing-scope) .developer-live-trace-config>span+span{border-top:1px solid var(--trace-line)}:where(.marketing-scope) .developer-live-trace-config strong{color:#a9c8ff;letter-spacing:0;overflow-wrap:anywhere;text-transform:none;font-size:.68rem;font-weight:510}:where(.marketing-scope) .developer-live-trace-step p{color:var(--trace-dim);margin:1rem 0 0;font-size:.7rem;line-height:1.55}:where(.marketing-scope) .developer-live-trace-file{border-block:1px solid var(--trace-line);grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:1.25rem;padding-block:1rem;display:grid}:where(.marketing-scope) .developer-live-trace-file>span{aspect-ratio:1;color:#8db6ff;font-family:var(--font-mono);background:#397ff51f;border:1px solid #397ff56b;justify-content:center;align-items:center;font-size:.62rem;display:flex}:where(.marketing-scope) .developer-live-trace-file strong,:where(.marketing-scope) .developer-live-trace-file small{display:block}:where(.marketing-scope) .developer-live-trace-file strong{color:#f8fafc;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.77rem;font-weight:510}:where(.marketing-scope) .developer-live-trace-file small{color:var(--trace-dim);margin-top:.28rem;font-size:.66rem}:where(.marketing-scope) .developer-live-trace-state{gap:.45rem;margin-top:1.15rem;display:grid}:where(.marketing-scope) .developer-live-trace-state>span:first-child{color:var(--trace-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem}:where(.marketing-scope) .developer-live-trace-state strong{color:#f8fafc94;font-family:var(--font-mono);font-size:.68rem;font-weight:480}:where(.marketing-scope) .developer-live-trace-state strong:last-child{color:#65d7bd}:where(.marketing-scope) .developer-live-trace-state-separator{background:linear-gradient(180deg, var(--trace-line), var(--trace-complete));width:1px;height:.55rem;margin-left:.25rem}:where(.marketing-scope) .developer-live-trace-output-card{background:#22c7a90f;border:1px solid #22c7a940;gap:.3rem;margin-top:1.25rem;padding:.8rem;display:grid}:where(.marketing-scope) .developer-live-trace-output-card span,:where(.marketing-scope) .developer-live-trace-output-card small{color:var(--trace-dim);font-size:.62rem}:where(.marketing-scope) .developer-live-trace-output-card span{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase}:where(.marketing-scope) .developer-live-trace-output-card strong{color:#65d7bd;font-size:.78rem;font-weight:530}:where(.marketing-scope) .developer-live-trace-caption{border-top:1px solid var(--trace-line);color:var(--trace-dim);margin:0;padding:.85rem clamp(1rem,2.5vw,1.5rem);font-size:.7rem;line-height:1.55}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-motion-step{animation:.54s cubic-bezier(.16,1,.3,1) both developer-trace-stage}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-motion-step:first-child{animation-delay:.12s}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-motion-step:nth-child(2){animation-delay:1.05s}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-motion-step:nth-child(3){animation-delay:2.05s}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-motion-step:nth-child(4){animation-delay:3.1s}:where(.marketing-scope) .developer-lab-entry-rail{background:var(--site-line);border:1px solid var(--site-line);gap:1px;margin-top:1rem;display:grid}:where(.marketing-scope) .developer-lab-entry-rail>a{--rail-accent:var(--site-accent);background:var(--site-panel);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;padding:1rem;text-decoration:none;transition:background-color .15s;display:grid;position:relative}:where(.marketing-scope) .developer-lab-entry-rail>a:before{background:var(--rail-accent);content:"";width:2px;position:absolute;top:0;bottom:0;left:0}:where(.marketing-scope) .developer-lab-entry-rail>a[data-accent=teal]{--rail-accent:var(--site-teal)}:where(.marketing-scope) .developer-lab-entry-rail>a[data-accent=warm]{--rail-accent:var(--site-warm)}:where(.marketing-scope) .developer-lab-entry-rail>a[data-accent=violet]{--rail-accent:var(--developer-violet)}:where(.marketing-scope) .developer-lab-entry-rail>a:hover{background:var(--site-panel-2)}:where(.marketing-scope) .developer-lab-entry-rail>a>span{color:var(--site-dim);font-family:var(--font-mono);font-size:.63rem}:where(.marketing-scope) .developer-lab-entry-rail>a>span:last-child{color:var(--rail-accent);font-size:.9rem}:where(.marketing-scope) .developer-lab-entry-rail strong,:where(.marketing-scope) .developer-lab-entry-rail code{display:block}:where(.marketing-scope) .developer-lab-entry-rail strong{color:var(--site-text);font-size:.85rem;font-weight:550}:where(.marketing-scope) .developer-lab-entry-rail code{color:var(--site-muted);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:.3rem;font-size:.65rem}:where(.marketing-scope) .developer-lab-capabilities,:where(.marketing-scope) .developer-lab-proof,:where(.marketing-scope) .developer-lab-recipes{border-bottom:1px solid var(--site-line);padding-block:clamp(4.5rem,9vw,7.5rem)}:where(.marketing-scope) .developer-lab-section-head{align-items:end;gap:clamp(1.4rem,4vw,4rem);display:grid}:where(.marketing-scope) .developer-lab-section-head h2{color:var(--site-heading);letter-spacing:-.06em;text-wrap:balance;max-width:14ch;margin:1rem 0 0;font-size:clamp(2.5rem,1.8rem + 2.8vw,4.6rem);font-weight:500;line-height:.98}:where(.marketing-scope) .developer-lab-section-head>p{color:var(--site-muted);max-width:38rem;margin:0;font-size:1.02rem;line-height:1.66}:where(.marketing-scope) .developer-lab-section-head>p code{color:var(--site-text);font-family:var(--font-mono);font-size:.9em}:where(.marketing-scope) .developer-lab-story-grid{gap:1rem;min-width:0;margin-top:clamp(2.5rem,5vw,4rem);display:grid}:where(.marketing-scope) .developer-lab-story{--story-accent:var(--site-accent);--story-link:var(--site-accent-text);background:var(--site-panel);border:1px solid var(--site-line);min-width:0;display:grid}:where(.marketing-scope) .developer-lab-story[data-accent=teal]{--story-accent:var(--site-teal);--story-link:var(--site-teal)}:where(.marketing-scope) .developer-lab-story[data-accent=warm]{--story-accent:var(--site-warm);--story-link:var(--site-warm)}:where(.marketing-scope) .developer-lab-story[data-accent=violet]{--story-accent:var(--developer-violet);--story-link:#b8a8ff}html:not(.dark) :where(.marketing-scope) .developer-lab-story[data-accent=violet]{--story-link:#6245c8}:where(.marketing-scope) .developer-lab-story-visual{background:linear-gradient(var(--hero-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-line) 1px, transparent 1px), color-mix(in srgb, var(--site-panel-2) 70%, var(--site-bg));border-bottom:1px solid var(--site-line);background-size:3rem 3rem;min-width:0;min-height:21rem;padding:clamp(1rem,3vw,1.75rem);position:relative;overflow:hidden}:where(.marketing-scope) .developer-lab-story-visual:before{background:radial-gradient(circle, color-mix(in srgb, var(--story-accent) 22%, transparent), transparent 68%);content:"";width:20rem;height:20rem;position:absolute;top:-9rem;right:-8rem}:where(.marketing-scope) .developer-lab-story-copy{min-width:0;padding:clamp(1.25rem,3vw,1.8rem)}:where(.marketing-scope) .developer-lab-story-copy h3{color:var(--site-heading);letter-spacing:-.045em;margin:.8rem 0 0;font-size:clamp(1.75rem,1.35rem + 1vw,2.45rem);font-weight:510;line-height:1}:where(.marketing-scope) .developer-lab-story-copy p{color:var(--site-muted);max-width:38rem;margin:1rem 0 0;font-size:.94rem;line-height:1.62}:where(.marketing-scope) .developer-lab-story-copy>a,:where(.marketing-scope) .developer-lab-availability{color:var(--story-link);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:.55rem;min-height:2.75rem;margin-top:1.35rem;font-size:.7rem;text-decoration:none;display:inline-flex}:where(.marketing-scope) .developer-lab-story-copy>a>span[aria-hidden=true]{transition:transform .15s}:where(.marketing-scope) .developer-lab-story-copy>a:hover>span[aria-hidden=true]{transform:translate(.15rem,-.15rem)}:where(.marketing-scope) .developer-lab-availability{color:var(--site-warm)}:where(.marketing-scope) .developer-lab-spaces,:where(.marketing-scope) .developer-lab-jobs,:where(.marketing-scope) .developer-lab-computer,:where(.marketing-scope) .developer-lab-playground{background:color-mix(in srgb, var(--site-panel) 91%, transparent);border:1px solid var(--site-line-strong);box-shadow:0 1.5rem 4rem color-mix(in srgb, var(--site-bg) 72%, transparent);flex-direction:column;min-width:0;height:100%;display:flex;position:relative}:where(.marketing-scope) .developer-lab-spaces>header,:where(.marketing-scope) .developer-lab-jobs>header,:where(.marketing-scope) .developer-lab-computer>header,:where(.marketing-scope) .developer-lab-playground>header{border-bottom:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.8rem .9rem;display:flex}:where(.marketing-scope) .developer-lab-visual-status,:where(.marketing-scope) .developer-lab-spaces>header>span:last-child,:where(.marketing-scope) .developer-lab-jobs>header strong,:where(.marketing-scope) .developer-lab-computer-ready,:where(.marketing-scope) .developer-lab-playground>header strong{color:var(--site-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-style:normal;font-weight:500;line-height:1.35}:where(.marketing-scope) .developer-lab-visual-status{color:var(--story-accent);overflow-wrap:anywhere}:where(.marketing-scope) .developer-lab-space-files{flex:1;gap:.65rem;padding:clamp(1rem,3vw,1.5rem);display:grid}:where(.marketing-scope) .developer-lab-space-files>div{background:var(--site-panel);border:1px solid var(--site-line);transform:translateX(calc(var(--file-index) * .45rem));grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;transition:border-color .16s,transform .18s;display:grid}:where(.marketing-scope) .developer-lab-story:hover .developer-lab-space-files>div{border-color:color-mix(in srgb, var(--story-accent) 46%, var(--site-line));transform:translateX(calc(var(--file-index) * .8rem))}:where(.marketing-scope) .developer-lab-space-files>div>span{aspect-ratio:1;background:color-mix(in srgb, var(--story-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--story-accent) 35%, transparent);color:var(--story-accent);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.58rem;display:flex}:where(.marketing-scope) .developer-lab-space-files strong,:where(.marketing-scope) .developer-lab-space-files small{overflow-wrap:anywhere}:where(.marketing-scope) .developer-lab-space-files strong{color:var(--site-text);font-family:var(--font-mono);font-size:.71rem;font-weight:510}:where(.marketing-scope) .developer-lab-space-files small{color:var(--site-dim);font-family:var(--font-mono);font-size:.6rem}:where(.marketing-scope) .developer-lab-spaces>footer,:where(.marketing-scope) .developer-lab-computer>footer,:where(.marketing-scope) .developer-lab-playground>footer{border-top:1px solid var(--site-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}:where(.marketing-scope) .developer-lab-spaces>footer span,:where(.marketing-scope) .developer-lab-spaces>footer strong,:where(.marketing-scope) .developer-lab-spaces>footer code,:where(.marketing-scope) .developer-lab-computer>footer span,:where(.marketing-scope) .developer-lab-computer>footer code,:where(.marketing-scope) .developer-lab-playground>footer .developer-lab-playground-mode,:where(.marketing-scope) .developer-lab-playground>footer code,:where(.marketing-scope) .developer-lab-playground>footer strong{color:var(--site-dim);font-family:var(--font-mono);letter-spacing:.04em;font-size:.61rem;font-weight:500}:where(.marketing-scope) .developer-lab-spaces>footer code,:where(.marketing-scope) .developer-lab-playground>footer .developer-lab-playground-mode,:where(.marketing-scope) .developer-lab-playground>footer code{color:var(--site-text);overflow-wrap:anywhere}:where(.marketing-scope) .developer-lab-spaces>footer strong,:where(.marketing-scope) .developer-lab-playground>footer strong{color:var(--story-accent);text-transform:uppercase}:where(.marketing-scope) .developer-lab-jobs ol{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;min-width:0;margin:0;padding:clamp(1.2rem,4vw,2.5rem) clamp(1rem,3vw,1.6rem);list-style:none;display:grid;position:relative}:where(.marketing-scope) .developer-lab-jobs ol:before{background:linear-gradient(90deg, var(--site-accent), var(--site-teal));content:"";height:1px;position:absolute;top:50%;left:16.5%;right:16.5%}:where(.marketing-scope) .developer-lab-jobs ol:after{background:var(--story-accent);box-shadow:0 0 1rem color-mix(in srgb, var(--story-accent) 75%, transparent);content:"";width:.45rem;height:.45rem;animation:3.4s ease-in-out infinite developer-lab-packet;position:absolute;top:calc(50% - .22rem);left:16.5%}:where(.marketing-scope) .developer-lab-jobs li{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.55rem;min-width:0;padding-inline:.55rem;display:grid;position:relative}:where(.marketing-scope) .developer-lab-jobs li>span{color:var(--site-dim);font-family:var(--font-mono);font-size:.58rem}:where(.marketing-scope) .developer-lab-jobs li>div{background:var(--site-panel);border:1px solid var(--site-line-strong);min-height:5.3rem;padding:.7rem}:where(.marketing-scope) .developer-lab-jobs li small,:where(.marketing-scope) .developer-lab-jobs li strong{font-family:var(--font-mono);display:block}:where(.marketing-scope) .developer-lab-jobs li small{color:var(--story-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}:where(.marketing-scope) .developer-lab-jobs li strong{color:var(--site-text);overflow-wrap:anywhere;margin-top:1rem;font-size:.64rem;font-weight:500}:where(.marketing-scope) .developer-lab-job-command{border-top:1px solid var(--site-line);background:#050709;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.7rem;padding:.85rem .95rem;display:grid}:where(.marketing-scope) .developer-lab-job-command span,:where(.marketing-scope) .developer-lab-job-command code{color:#8db6ff;font-family:var(--font-mono);font-size:.63rem;line-height:1.55}:where(.marketing-scope) .developer-lab-job-command code{overflow-wrap:anywhere}:where(.marketing-scope) .developer-lab-computer-shell{flex:1;grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:center;gap:0;padding:clamp(1rem,3vw,1.5rem);display:grid}:where(.marketing-scope) .developer-lab-computer-image,:where(.marketing-scope) .developer-lab-computer-service{background:var(--site-panel);border:1px solid var(--site-line-strong);text-align:center;min-width:0;padding:1rem .8rem}:where(.marketing-scope) .developer-lab-computer-image span,:where(.marketing-scope) .developer-lab-computer-service span{color:var(--site-dim);font-family:var(--font-mono);letter-spacing:.09em;font-size:.56rem;display:block}:where(.marketing-scope) .developer-lab-computer-image strong,:where(.marketing-scope) .developer-lab-computer-service strong{color:var(--site-text);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:.65rem;font-size:.65rem;font-weight:520;display:block}:where(.marketing-scope) .developer-lab-computer-service{position:relative}:where(.marketing-scope) .developer-lab-computer-service strong{color:var(--site-warm)}:where(.marketing-scope) .developer-lab-computer-service i{background:var(--site-warm);box-shadow:0 0 .8rem color-mix(in srgb, var(--site-warm) 75%, transparent);width:.42rem;height:.42rem;animation:2s ease-in-out infinite developer-lab-pulse;position:absolute;top:.6rem;right:.6rem}:where(.marketing-scope) .developer-lab-computer-link{background:var(--site-warm);height:1px}:where(.marketing-scope) .developer-lab-computer>footer code{color:var(--site-warm)}:where(.marketing-scope) .developer-lab-playground-workspace{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-width:0;display:grid}:where(.marketing-scope) .developer-lab-data-grid{border-right:1px solid var(--site-line);min-width:0}:where(.marketing-scope) .developer-lab-data-grid>div{border-bottom:1px solid var(--site-line);grid-template-columns:minmax(0,1fr) 2.5rem 3.5rem;align-items:center;gap:.35rem;min-width:0;padding:.72rem;display:grid}:where(.marketing-scope) .developer-lab-data-grid-head{background:color-mix(in srgb, var(--site-panel-2) 82%, transparent)}:where(.marketing-scope) .developer-lab-data-grid span,:where(.marketing-scope) .developer-lab-data-grid strong{color:var(--site-muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.61rem;font-weight:500}:where(.marketing-scope) .developer-lab-data-grid strong,:where(.marketing-scope) .developer-lab-data-grid>div>span:last-child{color:var(--site-text)}:where(.marketing-scope) .developer-lab-plot{justify-content:center;align-items:end;gap:clamp(.45rem,2vw,1.1rem);min-height:13rem;padding:2rem 1.25rem 1.2rem;display:flex;position:relative;overflow:hidden}:where(.marketing-scope) .developer-lab-plot-grid{background:linear-gradient(var(--site-line) 1px, transparent 1px), linear-gradient(90deg, var(--site-line) 1px, transparent 1px);opacity:.55;background-size:3rem 2.5rem;position:absolute;inset:1rem}:where(.marketing-scope) .developer-lab-plot i{animation:3.2s ease-in-out infinite alternate developer-lab-bar;animation-delay:calc(var(--bar-index) * .18s);background:linear-gradient(180deg, var(--developer-violet), color-mix(in srgb, var(--developer-violet) 32%, transparent));border:1px solid color-mix(in srgb, var(--developer-violet) 65%, transparent);height:var(--bar-height);z-index:1;width:clamp(1.1rem,4vw,2rem);max-height:9rem;position:relative}:where(.marketing-scope) .developer-lab-plot-line{border-top:1px solid color-mix(in srgb, var(--site-teal) 86%, transparent);z-index:2;position:absolute;top:41%;left:14%;right:10%;transform:rotate(-10deg)}:where(.marketing-scope) .developer-lab-proof{background:color-mix(in srgb, var(--site-panel) 42%, var(--site-bg))}:where(.marketing-scope) .developer-lab-proof-grid{gap:1rem;min-width:0;margin-top:clamp(2.5rem,5vw,4rem);display:grid}:where(.marketing-scope) .developer-lab-proof-grid>article{color:#f8fafc;background:#050709;border:1px solid #ffffff21;min-width:0;overflow:hidden}:where(.marketing-scope) .developer-lab-proof-grid>article>header{background:#090d11;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}:where(.marketing-scope) .developer-lab-proof-grid>article>header span,:where(.marketing-scope) .developer-lab-proof-grid>article>header a{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;line-height:1.4}:where(.marketing-scope) .developer-lab-proof-grid>article>header span{color:#f8fafc94}:where(.marketing-scope) .developer-lab-proof-grid>article>header a{color:#6ba0ff;text-decoration:none}:where(.marketing-scope) .developer-lab-proof-grid>article>pre{max-width:100%;margin:0;padding:clamp(1rem,2.4vw,1.5rem);overflow-x:auto}:where(.marketing-scope) .developer-lab-proof-grid>article>pre code,:where(.marketing-scope) .developer-lab-api-map code{color:#f8fafcdb;font-family:var(--font-mono);white-space:pre;font-size:clamp(.69rem,.65rem + .15vw,.79rem);line-height:1.9}:where(.marketing-scope) .developer-lab-api-map>div{border-bottom:1px solid #ffffff14;gap:.65rem;min-width:0;padding:1rem;display:grid}:where(.marketing-scope) .developer-lab-api-map>div:last-child{border-bottom:0}:where(.marketing-scope) .developer-lab-api-map span{color:#f8fafc8f;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}:where(.marketing-scope) .developer-lab-api-map code{max-width:100%;display:block;overflow-x:auto}:where(.marketing-scope) .developer-lab-api-map code strong{color:#65d7bd;font-weight:560}:where(.marketing-scope) .developer-lab-section-head-compact h2{max-width:18ch}:where(.marketing-scope) .developer-lab-recipe-grid{border-top:1px solid var(--site-line);margin-top:clamp(2.5rem,5vw,4rem)}:where(.marketing-scope) .developer-lab-recipe-grid>a{border-bottom:1px solid var(--site-line);color:inherit;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5rem;padding:1rem .25rem;text-decoration:none;display:grid}:where(.marketing-scope) .developer-lab-recipe-grid>a>span{color:var(--site-dim);font-family:var(--font-mono);font-size:.67rem}:where(.marketing-scope) .developer-lab-recipe-grid>a>span:last-child{color:var(--site-accent-text);font-size:1.1rem;transition:transform .15s}:where(.marketing-scope) .developer-lab-recipe-grid>a:hover>span:last-child{transform:translate(.3rem)}:where(.marketing-scope) .developer-lab-recipe-grid strong{color:var(--site-text);font-size:1rem;font-weight:550}:where(.marketing-scope) .developer-lab-recipe-grid p{color:var(--site-muted);margin:.3rem 0 0;font-size:.84rem;line-height:1.5}:where(.marketing-scope) .developer-lab-close{background:linear-gradient(100deg, color-mix(in srgb, var(--site-accent) 10%, transparent), transparent 50%), var(--site-panel);border:1px solid var(--site-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}:where(.marketing-scope) .developer-lab-close>div>strong{color:var(--site-text);margin-top:.5rem;font-size:1.08rem;font-weight:540;display:block}:where(.marketing-scope) .developer-lab-close nav{flex-wrap:wrap;gap:.7rem;display:flex}:where(.marketing-scope) .developer-page-lab :is(a,button,[tabindex="0"]):focus-visible{outline:2px solid var(--site-accent-text);outline-offset:3px}:where(.marketing-scope) .developer-live-trace :is(button,[tabindex="0"]):focus-visible,:where(.marketing-scope) .developer-lab-proof-grid :is(a,[tabindex="0"]):focus-visible{outline-color:#8db6ff}@keyframes developer-trace-stage{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes developer-trace-rail{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes developer-lab-packet{0%,12%{opacity:0;left:16.5%}20%,78%{opacity:1}88%,to{opacity:0;left:82%}}@keyframes developer-lab-pulse{0%,to{opacity:.5;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@keyframes developer-lab-bar{0%{transform-origin:bottom;transform:scaleY(.86)}to{transform-origin:bottom;transform:scaleY(1)}}@media (min-width:720px){:where(.marketing-scope) .developer-lab-entry-rail,:where(.marketing-scope) .developer-lab-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.marketing-scope) .developer-lab-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(.marketing-scope) .developer-lab-recipe-grid>a:nth-child(odd){border-right:1px solid var(--site-line);padding-right:1.25rem}:where(.marketing-scope) .developer-lab-recipe-grid>a:nth-child(2n){padding-left:1.25rem}}@media (min-width:900px){:where(.marketing-scope) .developer-lab-hero-intro,:where(.marketing-scope) .developer-lab-section-head{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr)}:where(.marketing-scope) .developer-lab-story-grid{grid-template-columns:repeat(12,minmax(0,1fr))}:where(.marketing-scope) .developer-lab-story-medium{grid-column:span 5}:where(.marketing-scope) .developer-lab-story-large{grid-column:span 7}:where(.marketing-scope) .developer-lab-story-small{grid-column:span 4}:where(.marketing-scope) .developer-lab-story:nth-child(4){grid-column:span 8}}@media (min-width:1040px){:where(.marketing-scope) .developer-lab-entry-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){:where(.marketing-scope) .developer-live-trace-rail{width:1px;height:auto;inset:3rem auto 3rem 2.45rem}:where(.marketing-scope) .developer-live-trace-rail:after{transform-origin:top;transform:scaleY(0)}:where(.marketing-scope) .developer-live-trace[data-trace-state=playing] .developer-live-trace-rail:after{animation:4.2s cubic-bezier(.22,1,.36,1) forwards developer-trace-rail-vertical}:where(.marketing-scope) .developer-live-trace[data-trace-state=complete] .developer-live-trace-rail:after{transform:scaleY(1)}:where(.marketing-scope) .developer-live-trace-steps{grid-template-columns:minmax(0,1fr)}:where(.marketing-scope) .developer-live-trace-step{padding-top:0;padding-left:2.1rem}:where(.marketing-scope) .developer-live-trace-step:before{top:1.35rem;left:.25rem}:where(.marketing-scope) .developer-live-trace-step>article{min-height:0}}@keyframes developer-trace-rail-vertical{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:620px){:where(.marketing-scope) .developer-lab-hero{background-size:3rem 3rem,3rem 3rem,auto,auto}:where(.marketing-scope) .developer-lab-hero-intro h1{font-size:clamp(2.7rem,14vw,4.05rem);line-height:.94}:where(.marketing-scope) .developer-live-trace-header,:where(.marketing-scope) .developer-live-trace-header-actions{flex-direction:column;align-items:flex-start}:where(.marketing-scope) .developer-live-trace-header-actions{gap:.65rem;width:100%}:where(.marketing-scope) .developer-live-trace-header button{width:100%}:where(.marketing-scope) .developer-lab-story-visual{min-height:18rem;padding:.85rem}:where(.marketing-scope) .developer-lab-jobs ol{grid-template-columns:minmax(0,1fr);gap:.55rem;padding:1rem}:where(.marketing-scope) .developer-lab-jobs ol:before{width:1px;height:auto;inset:16% auto 16% 1.52rem}:where(.marketing-scope) .developer-lab-jobs ol:after{animation:3.4s ease-in-out infinite developer-lab-packet-vertical;top:16%;left:1.32rem}:where(.marketing-scope) .developer-lab-jobs li{grid-template-columns:1.4rem minmax(0,1fr)}:where(.marketing-scope) .developer-lab-jobs li>div{min-height:4.3rem}:where(.marketing-scope) .developer-lab-jobs li strong{margin-top:.55rem}:where(.marketing-scope) .developer-lab-playground-workspace{grid-template-columns:minmax(0,1fr)}:where(.marketing-scope) .developer-lab-data-grid{border-bottom:1px solid var(--site-line);border-right:0}:where(.marketing-scope) .developer-lab-plot{min-height:10rem}:where(.marketing-scope) .developer-lab-close,:where(.marketing-scope) .developer-lab-close nav,:where(.marketing-scope) .developer-lab-close .marketing-button{align-items:stretch;width:100%}:where(.marketing-scope) .developer-lab-close nav{display:grid}}@keyframes developer-lab-packet-vertical{0%,12%{opacity:0;top:16%}20%,78%{opacity:1}88%,to{opacity:0;top:82%}}@media (max-width:380px){:where(.marketing-scope) .developer-lab-shell{padding-inline:1rem}:where(.marketing-scope) .developer-lab-hero-actions,:where(.marketing-scope) .developer-lab-hero-actions .marketing-button{align-items:stretch;width:100%}:where(.marketing-scope) .developer-lab-hero-actions{display:grid}:where(.marketing-scope) .developer-live-trace-canvas{padding:.8rem}:where(.marketing-scope) .developer-live-trace-rail{left:1.87rem}:where(.marketing-scope) .developer-live-trace-step{padding-left:1.65rem}:where(.marketing-scope) .developer-live-trace-step:before{left:.02rem}:where(.marketing-scope) .developer-live-trace-step>article{padding:.8rem}:where(.marketing-scope) .developer-lab-space-files>div{grid-template-columns:2rem minmax(0,1fr);gap:.5rem;transform:none}:where(.marketing-scope) .developer-lab-space-files small{display:none}:where(.marketing-scope) .developer-lab-story:hover .developer-lab-space-files>div{transform:none}:where(.marketing-scope) .developer-lab-computer-shell{grid-template-rows:auto 1.5rem auto;grid-template-columns:minmax(0,1fr)}:where(.marketing-scope) .developer-lab-computer-link{justify-self:center;width:1px;height:100%}}@media (prefers-reduced-motion:reduce){:where(.marketing-scope) .developer-page-lab *,:where(.marketing-scope) .developer-page-lab :before,:where(.marketing-scope) .developer-page-lab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:where(.marketing-scope) .developer-live-trace-motion-step{opacity:1!important;transform:none!important}:where(.marketing-scope) .developer-live-trace-rail:after{transform:scaleX(1)!important}:where(.marketing-scope) .developer-lab-jobs ol:after{opacity:1;left:82%}:where(.marketing-scope) .developer-lab-plot i{transform:none}}@media print{:where(.marketing-scope) .developer-page-lab,:where(.marketing-scope) .developer-lab-hero,:where(.marketing-scope) .developer-lab-capabilities,:where(.marketing-scope) .developer-lab-proof,:where(.marketing-scope) .developer-lab-recipes{color:#111827!important;background:#fff!important}:where(.marketing-scope) .developer-lab-hero,:where(.marketing-scope) .developer-lab-capabilities,:where(.marketing-scope) .developer-lab-proof,:where(.marketing-scope) .developer-lab-recipes{padding-block:14mm!important}:where(.marketing-scope) .developer-lab-story,:where(.marketing-scope) .developer-live-trace,:where(.marketing-scope) .developer-lab-proof-grid>article,:where(.marketing-scope) .developer-lab-recipe-grid>a{break-inside:avoid-page;page-break-inside:avoid}:where(.marketing-scope) .developer-lab-story-grid,:where(.marketing-scope) .developer-lab-proof-grid{display:block!important}:where(.marketing-scope) .developer-lab-story,:where(.marketing-scope) .developer-lab-proof-grid>article+article{margin-top:7mm}:where(.marketing-scope) .developer-live-trace,:where(.marketing-scope) .developer-lab-proof-grid>article{box-shadow:none!important}:where(.marketing-scope) .developer-lab-story-visual{min-height:80mm}}