:root{--paper: #f3f0e8;--paper-deep: #e5e0d4;--ink: #11120f;--muted: #66695f;--line: #b8b5ab;--acid: #bdff38;--orange: #ff5b35;--blue: #3548ff;--dark: #161713;--white: #fbfaf6}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}button,textarea,input{font:inherit}a{color:inherit}.site-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;border-inline:1px solid var(--line)}.topbar{height:68px;padding:0 28px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;font-weight:760}.brand-mark{padding:5px 8px 4px;background:var(--ink);color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:-.06em}.brand-product{letter-spacing:-.02em}.topbar-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pulse{width:7px;height:7px;background:#35b74a;border-radius:50%;box-shadow:0 0 0 4px #35b74a1f}.topbar-index{margin-left:14px;padding-left:14px;border-left:1px solid var(--line);color:var(--ink)}main{padding:0 28px 28px}.hero{min-height:420px;padding:72px 0 54px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);align-items:start;gap:64px;border-bottom:1px solid var(--ink)}.eyebrow,.step-label{margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:28px;height:3px;margin:0 10px 3px 0;background:var(--orange)}.hero h1{max-width:880px;margin:0;font-size:clamp(42px,5.2vw,78px);font-weight:820;line-height:.96;letter-spacing:-.055em}.hero h1 em{color:var(--blue);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy{padding-bottom:5px}.hero-copy>p{margin:0 0 32px;font-size:clamp(17px,1.5vw,21px);line-height:1.45;letter-spacing:-.02em}.hero-facts{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.hero-facts span{padding:7px 10px;border:1px solid var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.hero-facts strong{color:var(--blue)}.workbench{padding:28px 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:20px}.editor-pane,.launch-pane{min-height:488px;border:1px solid var(--ink)}.editor-pane{position:relative;background:#20211e;color:#eeefe8;box-shadow:8px 8px 0 var(--ink)}.editor-pane.dragover{outline:6px solid var(--acid);outline-offset:-7px}.pane-bar{height:48px;padding:0 15px;border-bottom:1px solid #444640;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#a7aa9f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#595c54}.window-dots i:first-child{background:var(--orange)}.window-dots i:nth-child(2){background:#f5c84b}.window-dots i:last-child{background:var(--acid)}.file-name{color:#d6d8d0}.language-badge{justify-self:end;padding:3px 7px;border:1px solid #51534d;text-transform:uppercase}.editor-body{position:relative;min-height:386px;display:grid;grid-template-columns:54px minmax(0,1fr)}.line-numbers{padding:25px 16px;border-right:1px solid #363833;color:#676a61;text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8;user-select:none}#paste-box{width:100%;min-height:386px;padding:24px 26px;border:0;outline:0;resize:none;background:transparent;color:#f3f4ed;caret-color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.8;tab-size:2}#paste-box::selection{background:var(--blue);color:var(--white)}.drop-message{position:absolute;inset:18px;z-index:2;display:none;place-content:center;background:var(--acid);color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.08em}.drop-message strong,.drop-message span{display:block}.drop-message strong{font-size:24px}.drop-message span{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.editor-pane.dragover .drop-message{display:grid}.editor-footer{min-height:52px;padding:10px 14px 10px 18px;border-top:1px solid #444640;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#85887e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.file-actions{display:flex;align-items:center;gap:12px}#file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-trigger{padding:5px 8px;border:1px solid #5d6057;color:#d6d8d0;cursor:pointer}.file-trigger:hover,.file-trigger:focus-within{border-color:var(--acid);color:var(--acid)}.status.ok{color:var(--acid)}.status.err{color:#ff8165}.launch-pane{padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:var(--acid)}.launch-pane h2{max-width:330px;margin:0;font-size:clamp(34px,3.4vw,52px);line-height:.98;letter-spacing:-.055em}.flight-plan{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.flight-plan li{min-height:61px;padding:10px 0;border-bottom:1px solid rgb(17 18 15 / 35%);display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px}.flight-plan li>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.flight-plan strong,.flight-plan small{display:block}.flight-plan strong{font-size:14px}.flight-plan small{margin-top:2px;color:#11120fa6;font-size:11px}.mode-picker{display:grid;gap:8px}.mode-picker>span,.mode-picker>small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.mode-picker>div{display:grid;grid-template-columns:1fr 1fr}.mode-picker button{min-height:38px;padding:0 10px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.mode-picker button+button{border-left:0}.mode-picker button.is-active{background:var(--blue);color:var(--white)}.mode-picker>small{min-height:27px;color:#11120fa6;line-height:1.45;text-transform:none;letter-spacing:0}#run-btn{width:100%;min-height:58px;padding:0 18px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--white);font-weight:760;cursor:pointer;box-shadow:5px 5px 0 var(--orange);transition:transform .12s ease,box-shadow .12s ease}#run-btn svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}#run-btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--orange)}#run-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.launch-note{margin:-14px 0 0;color:#11120fa6;font-size:11px}.build-outlook{margin:0;padding:9px 11px;border:1px solid var(--line);border-left:3px solid var(--acid);background:var(--white);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5}.build-outlook[hidden]{display:none}.build-stage{border-top:1px solid var(--line);display:grid;gap:0}.build-stage[hidden]{display:none}.build-stage-head{padding:14px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper-deep)}.build-stage-head .session-title{display:inline-flex;align-items:center;gap:10px;font-size:13px;min-width:0}.build-stage-head .session-title>i{width:8px;height:8px;border-radius:50%;background:var(--acid);flex:none;animation:build-pulse 1.6s ease-in-out infinite}.build-stage-head .session-title[data-tone=error]>i{background:var(--orange);animation:none}@keyframes build-pulse{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.build-stage-head .session-title>i{animation:none}}#build-back{padding:7px 13px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;cursor:pointer;flex:none}#build-back:hover{background:var(--ink);color:var(--paper)}.build-stage-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:stretch}.build-view{padding:22px 26px;border-right:1px solid var(--line);display:grid;align-content:start;gap:14px;min-width:0}.build-view-summary{margin:0;font-size:13px;line-height:1.5}.build-view-summary[data-engine=chroot]:before{content:"Fast path";display:inline-block;margin-right:8px;padding:2px 6px;background:var(--acid);color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.build-view-summary[data-engine=buildah]:before{content:"Compatibility";display:inline-block;margin-right:8px;padding:2px 6px;background:var(--ink);color:var(--paper);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.build-view-transfer{display:grid;gap:6px;font-size:11px;color:var(--muted)}.build-view-track{height:3px;background:var(--line);overflow:hidden}.build-view-track>i{display:block;height:100%;width:0;background:var(--blue);transition:width .12s linear}.build-view-steps{margin:0;padding:0;list-style:none;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.build-view-steps>li{padding:9px 11px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:baseline;gap:9px;background:var(--white);font-size:11.5px}.build-view-steps code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#11120f8c}.build-view-steps em{font-style:normal;font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted)}.build-view-status:before{content:"·";color:var(--line)}.build-view-steps>li.is-running{background:var(--paper-deep)}.build-view-steps>li.is-running code{color:var(--ink)}.build-view-steps>li.is-running .build-view-status:before{content:"▸";color:var(--blue)}.build-view-steps>li.is-done code{color:var(--ink)}.build-view-steps>li.is-done .build-view-status:before{content:"✓";color:#2f7d32}.build-view-steps>li.is-failed .build-view-status:before{content:"×";color:var(--orange)}.build-view-steps>li.is-skipped{opacity:.5}.build-view-footer{margin:0;font-size:12px;color:var(--muted)}.build-view-footer[data-tone=ok]{color:var(--ink);font-weight:500}.build-view-footer[data-tone=error]{color:var(--orange)}.build-stage .terminal-frame{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#090a08}.build-stage .terminal-toolbar{padding:9px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #23251f;color:#8c9084;font-size:11px}.build-stage .terminal-dots{display:inline-flex;gap:5px}.build-stage .terminal-dots>i{width:8px;height:8px;border-radius:50%;background:#33362d}.build-stage .runtime-progress{margin-left:auto;width:90px;height:3px;background:#23251f;overflow:hidden}.build-stage .runtime-progress>i{display:block;height:100%;width:0;background:var(--acid);transition:width .2s ease}.build-stage #terminal{min-height:420px;padding:10px;overflow:hidden}.build-stage .service-panel{padding:12px 14px;border-bottom:1px solid #23251f;display:grid;gap:8px;color:#e8eadf;font-size:12px}.build-stage .service-panel[hidden]{display:none}.build-stage .service-endpoint,.build-stage .service-result{display:grid;gap:2px}.build-stage .service-panel span{color:#8c9084;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.build-stage #service-probe{justify-self:start;padding:6px 11px;border:1px solid #353730;background:transparent;color:#e8eadf;font-size:11px;cursor:pointer}.browser-console{border-top:1px solid var(--line);background:#090a08;color:#e8eadf}.browser-console[hidden]{display:none}.browser-console-toolbar{padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23251f;font-size:11px}.browser-console-output{padding:12px 14px;max-height:220px;overflow:auto;display:grid;gap:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px}.browser-console-line{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px}.browser-console-line>span{color:#5f6358}.browser-console-line code{white-space:pre-wrap;word-break:break-word}.browser-console-line.is-error code{color:var(--orange)}.browser-console-line.is-success code{color:var(--acid)}@media (max-width: 900px){.build-stage-grid{grid-template-columns:1fr}.build-view{border-right:0;border-bottom:1px solid var(--line)}.build-stage #terminal{min-height:300px}}.underlay{min-height:330px;padding:46px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:70px;background:var(--dark);color:var(--white)}.eyebrow-light{color:#a4a79d}.underlay h2{max-width:620px;margin:0;font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-.05em}.underlay-copy>p:last-child{max-width:600px;margin:24px 0 0;color:#aeb1a6;font-size:14px}.signal-chain{display:flex;align-items:center;gap:16px}.signal-chain>div{flex:1;min-width:0;min-height:150px;padding:18px;border:1px solid #62655d;display:flex;flex-direction:column;justify-content:space-between}.signal-chain span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.signal-chain strong{font-size:20px}.signal-chain small{color:#969a8f;font-size:11px}.signal-chain b{color:var(--orange);font-size:24px;font-weight:400}footer{min-height:70px;padding:0 28px;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer a{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;text-underline-offset:4px}button:focus-visible,textarea:focus-visible,.file-trigger:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (max-width: 1200px){.signal-chain{flex-wrap:wrap}.signal-chain>div{flex:1 1 calc(50% - 8px)}.signal-chain b{display:none}}@media (max-width: 920px){.hero{min-height:auto;grid-template-columns:1fr;gap:44px}.hero-copy{max-width:650px}.workbench{grid-template-columns:1fr}.launch-pane{min-height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:start}.launch-pane>div:first-child,.mode-picker,.launch-note{grid-column:1 / -1}.underlay{grid-template-columns:1fr}}@media (max-width: 640px){.site-shell{border:0}.topbar{height:60px;padding:0 16px}.brand-product,.topbar-index{display:none}main{padding:0 14px 14px}.hero{padding:52px 0 40px;gap:30px}.hero h1{font-size:clamp(38px,11vw,58px)}.hero-copy>p{font-size:16px}.editor-pane,.launch-pane{min-height:auto}.editor-pane{box-shadow:5px 5px 0 var(--ink)}.editor-body,#paste-box{min-height:310px}.editor-body{grid-template-columns:40px minmax(0,1fr)}.line-numbers{padding-inline:10px}#paste-box{padding:24px 14px;font-size:12px}.editor-footer{align-items:flex-start;flex-direction:column}.file-actions{width:100%;justify-content:space-between}.launch-pane{padding:24px;display:flex}.underlay{padding:34px 22px;gap:40px}.signal-chain{flex-direction:column;align-items:stretch}.signal-chain>div{min-height:100px}.signal-chain b{display:none}footer{padding:18px 16px;align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}.topbar-link{padding-left:14px;border-left:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.topbar-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-code,.code-card pre,.body-block{margin:0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;tab-size:2}.hero-code{padding:18px 20px;border:1px solid var(--ink);background:var(--dark);color:#d7dbcd;box-shadow:5px 5px 0 var(--blue)}.tok-key{color:#ff9d7a}.tok-str{color:var(--acid)}.tok-num{color:#8fb8ff}.tok-fn{color:#f7f4e8;font-weight:700}.tok-prop{color:#9ad7ff}.demo{padding:18px 0 64px;display:grid;gap:20px}.demo-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px}.demo-head h2{max-width:20ch;margin:6px 0 10px;font-size:clamp(30px,3vw,46px);line-height:.98;letter-spacing:-.05em}.demo-lede{max-width:62ch;margin:0;color:var(--muted);font-size:15px}.demo-lede code,footer code{padding:1px 5px;border:1px solid var(--line);background:var(--paper-deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.primary-action{min-height:58px;padding:0 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:var(--white);font-weight:760;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:5px 5px 0 var(--orange);transition:transform .12s ease,box-shadow .12s ease}.primary-action svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.primary-action:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--orange)}.primary-action:disabled{opacity:.5;cursor:progress;box-shadow:none}.timeline{margin:0;padding:0;list-style:none;border:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);background:var(--white)}.timeline li{padding:14px 16px;display:grid;grid-template-columns:12px 1fr;align-items:baseline;column-gap:10px;row-gap:2px}.timeline li+li{border-left:1px solid var(--line)}.timeline strong{font-size:13px}.timeline small{grid-column:2;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.timeline-dot{width:8px;height:8px;align-self:center;border:1px solid var(--ink);border-radius:50%;background:transparent}.timeline li[data-state=active] .timeline-dot{background:var(--orange);animation:pulse-dot 1s ease-in-out infinite}.timeline li[data-state=done] .timeline-dot{background:var(--acid)}.timeline li[data-state=failed] .timeline-dot{background:var(--orange);border-color:var(--orange)}.timeline li[data-state=done] small{color:var(--ink)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}.console{border:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(320px,auto) minmax(150px,210px);background:var(--white);box-shadow:6px 6px 0 var(--ink)}.console-pane{min-width:0;display:flex;flex-direction:column}.request-pane{border-right:1px solid var(--ink)}.logs-pane{grid-column:1 / -1;border-top:1px solid var(--ink)}.request-form{padding:16px;border-bottom:1px solid var(--line);display:grid;gap:10px}.request-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.request-line select,.request-line input{min-height:42px;padding:0 10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.request-line input:disabled,.request-line select:disabled{opacity:.45}.request-line button{min-height:42px;padding:0 20px;border:1px solid var(--ink);background:var(--blue);color:var(--white);font-size:13px;font-weight:700;cursor:pointer}.request-line button:disabled{opacity:.4;cursor:not-allowed}.request-hints{display:flex;flex-wrap:wrap;gap:6px}.request-hints button{padding:5px 9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;cursor:pointer}.request-hints button:hover:not(:disabled){border-color:var(--ink);background:var(--acid)}.request-hints button:disabled{opacity:.4;cursor:not-allowed}.request-note{margin:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.call-trace{flex:1;min-height:0;padding:14px 16px;overflow-y:auto;background:var(--dark);color:#cfd3c6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:1.85}.trace-line{overflow-wrap:anywhere}.trace-line.is-call{color:#f7f4e8}.trace-line.is-call:before{content:"> ";color:var(--acid)}.trace-line.is-ok{color:var(--acid)}.trace-line.is-ok:before{content:""}.trace-line.is-note{color:#8f938a}.trace-line.is-note:before{content:"// "}.trace-line.is-error{color:#ff8f6f}.trace-line.is-error:before{content:"! "}.status-pill{padding:3px 9px;border:1px solid var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.status-pill[data-tone=idle]{background:var(--paper-deep);color:var(--muted)}.status-pill[data-tone=pending]{background:var(--orange);color:var(--white)}.status-pill[data-tone=ok]{background:var(--acid)}.status-pill[data-tone=error]{background:var(--orange);color:var(--white)}.response-body{flex:1;min-height:0;overflow:auto}.response-empty{margin:0;padding:20px 18px;color:var(--muted);font-size:13px}.header-block{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--paper-deep);display:grid;gap:3px}.header-row{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.header-row span{color:var(--muted)}.header-row code{overflow-wrap:anywhere}.body-block{padding:16px 18px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.body-block .tok-str{color:#1f7a3f}.body-block .tok-num{color:#2b47c9}.body-block .tok-key{color:#a2431f}.body-block .tok-prop{color:#11120f;font-weight:700}.logs{flex:1;min-height:0;margin:0;padding:14px 18px;overflow:auto;background:#0d0e0b;color:#b9c0ac;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.howto{padding:44px 0 56px;display:grid;gap:26px}.howto-copy{max-width:68ch}.howto-copy h2{margin:6px 0 10px;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.05em}.howto-copy p{margin:0;color:var(--muted);font-size:15px}.howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.code-card{border:1px solid var(--ink);display:flex;flex-direction:column;background:var(--dark);color:#d7dbcd}.code-card .pane-bar{border-bottom:1px solid rgb(255 255 255 / 18%);color:#d7dbcd}.code-card pre{flex:1;padding:16px 18px}.handoff{padding:40px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}.handoff h2{margin:6px 0 10px;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.05em}.handoff p{max-width:64ch;margin:0;color:var(--muted);font-size:15px}@media (max-width: 1080px){.howto-grid{grid-template-columns:1fr}}@media (max-width: 920px){.demo-head,.handoff{grid-template-columns:1fr;align-items:start}.console{grid-template-columns:1fr;grid-template-rows:auto auto minmax(150px,200px)}.request-pane{border-right:0;border-bottom:1px solid var(--ink)}.response-pane{border-bottom:1px solid var(--ink)}.logs-pane{grid-column:1}.timeline{grid-template-columns:repeat(2,1fr)}.timeline li:nth-child(3){border-left:0}.timeline li:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width: 640px){.topbar-link{display:none}.timeline{grid-template-columns:1fr}.timeline li+li{border-top:1px solid var(--line);border-left:0}.request-line{grid-template-columns:1fr}.console{box-shadow:5px 5px 0 var(--ink)}}.demo-footnote{max-width:78ch;margin:0;color:var(--muted);font-size:12px}