:root{color-scheme:light;--paper:#f5f3ed;--ink:#182530;--muted:#54616a;--line:#d6d9d6;--accent:#cc522f;--night:#111b26;--mint:#a2e2c5;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:2}.skip:focus{top:10px}header,main,footer{max-width:1320px;margin:auto;padding-inline:56px}header{display:flex;justify-content:space-between;align-items:center;height:105px;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{color:var(--accent);font-size:35px;margin-right:8px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding:83px 0 67px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;margin:0 0 24px}.eyebrow span{letter-spacing:0;text-transform:none;background:#e2e7df;padding:5px 8px;border-radius:4px;margin-left:10px;white-space:nowrap}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.03;letter-spacing:-3px;font-weight:650;margin:0 0 28px}p{font-size:16px;line-height:1.65;color:var(--muted)}.lead{font-size:20px;line-height:1.5;max-width:570px}.intro{max-width:490px;font-size:15px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.button{background:var(--ink);color:white;text-decoration:none;padding:16px 20px;font-size:14px;font-weight:600;border-radius:4px;white-space:nowrap}.button span{margin-left:20px}.button:hover{background:#294153}.text-link{font-size:14px;font-weight:600}.flow{background:var(--night);color:#f0f4f5;padding:28px 30px;border-radius:8px;box-shadow:10px 12px 0 #e5e7df}.flow-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#a0b1c0;margin-bottom:24px}.dot{color:var(--mint)}.flow-row{display:flex;gap:17px;align-items:center;border:1px solid #35424d;padding:20px;border-radius:4px}.flow-row b{font-size:12px;color:var(--mint);font-family:Consolas,monospace}.flow-row strong{display:block;font-size:16px;font-weight:600}.flow-row small{display:block;color:#a9b8c4;font-size:11px;margin-top:7px}.connector{color:#7d948d;margin:3px 0 3px 25px}.flow-note{font-size:12px;color:#a9b8c4;margin:20px 0 0;line-height:1.8}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:10px 0;gap:20px}.principles b{color:var(--ink);display:block;font-size:14px}.principles span{font-size:13px}.section{padding:76px 0;border-bottom:1px solid var(--line)}h2{font-size:36px;line-height:1.15;letter-spacing:-1.3px;font-weight:650;margin:0 0 24px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:24px}.section-heading>p{max-width:350px;font-size:14px}.section-heading h2{margin-bottom:8px}video{display:block;width:100%;aspect-ratio:16/9;background:var(--night);border-radius:6px}.video-notes{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:8px}.video-notes p{max-width:740px;font-size:12px}.video-notes a{font-size:13px;white-space:nowrap}.chapters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 38px}button{font:inherit;cursor:pointer}button:hover{border-color:var(--ink);background:#e4e8e1}.chapters button{padding:8px 11px;font-size:11px;border:1px solid var(--line);background:transparent;border-radius:4px}.explorer{border:1px solid #c7ceca;padding:28px;border-radius:6px;background:#eeeee7}.explorer-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.explorer h3{font-size:20px;letter-spacing:-.4px;margin:0}.explorer-heading span{font-size:10px;letter-spacing:1px;color:var(--muted)}.explorer>p{font-size:13px}.scenario-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.scenario-buttons button{border:1px solid #c1c9c1;border-radius:4px;padding:10px 13px;font-size:12px;background:var(--paper)}.scenario-buttons button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.run-line{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.status{font:700 11px Consolas,monospace;text-transform:uppercase;padding:7px 10px;border-radius:3px;background:#d2e9d9;color:#1c5437}.status.failed{background:#f4dcd2;color:#833119}.status.cancelled{background:#e7dfc8;color:#5c4b1e}.run-line p{font-size:14px;color:var(--ink)}.run-id{font:11px Consolas,monospace;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:12px;margin:14px 0}td,th{text-align:left;border-bottom:1px solid #d3d7d0;padding:12px 8px}th{font-weight:650;color:var(--muted)}.table-scroll{overflow-x:auto}details{margin:20px 0}summary{cursor:pointer;font-size:13px;font-weight:600}pre{overflow:auto;font:13px/1.7 Consolas,monospace;tab-size:2}#run-json{max-height:380px;background:var(--night);color:#cfddd9;padding:20px;border-radius:4px}.start{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.start p{font-size:14px}.code-block{min-width:0;background:var(--night);color:#ecf1ef;border-radius:6px;padding:25px}.code-title{color:var(--mint);font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.code-title span{color:#a6b4be}.code-block pre{font-size:12px;margin:24px 0}.code-block p{font-size:11px;color:#acbdc7;margin:0}.contract{display:grid;grid-template-columns:1fr 2fr;gap:60px}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:35px}.boundaries h3{font-size:16px;margin:0}.boundaries p{font-size:13px}.doc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.doc-links a{display:block;border-bottom:1px solid var(--line);padding:25px 0;text-decoration:none}.doc-links a:hover strong{color:var(--accent)}.doc-links strong{display:block;font-size:15px}.doc-links span{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:9px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:35px}footer .brand{font-size:21px}footer p,footer>a:last-child{font-size:12px}@media(max-width:1000px){header,main,footer{padding-inline:30px}.hero{gap:30px}.eyebrow span{display:inline-block;margin:10px 0 0}.hero h1{letter-spacing:-2px}.actions{gap:18px;flex-wrap:wrap}.flow{padding:22px}.start{gap:35px}.contract{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading>p{max-width:270px}}@media(max-width:700px){header,main,footer{padding-inline:22px}header{height:85px}.brand{font-size:24px}.brand span{font-size:26px;margin-right:3px}nav{gap:13px;font-size:11px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:46px 0;gap:40px}h1{font-size:48px}.lead{font-size:18px}.eyebrow span{margin:0 0 0 6px}.flow{box-shadow:5px 6px 0 #e5e7df}.principles{grid-template-columns:1fr;gap:0}.principles p{margin:9px 0}.principles b{display:inline-block;width:150px}.principles span{font-size:12px}.section{padding:45px 0}h2{font-size:30px}.section-heading{display:block}.section-heading>p{max-width:none}.video-notes{align-items:start;gap:16px}.video-notes a{font-size:11px;margin-top:12px}.explorer{padding:18px}.explorer-heading{display:block}.explorer-heading span{display:block;margin-top:10px}.start,.boundaries{grid-template-columns:1fr;gap:25px}.code-block{padding:18px}.code-title span{font-size:8px}.doc-links{grid-template-columns:1fr 1fr;gap:0 20px}footer{flex-wrap:wrap}footer p{margin:0}footer>a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.release-notice{background:#f5dfad;border-bottom:1px solid #d7ba7e;color:#352b16}.release-notice>div{max-width:1320px;margin:auto;padding:17px 56px}.release-notice strong{display:block;font-size:15px;line-height:1.5}.release-notice span{display:block;font-size:13px;line-height:1.6;margin-top:4px}.release-notice a:hover{color:#773817}@media(max-width:1000px){.release-notice>div{padding-inline:30px}}@media(max-width:700px){.release-notice>div{padding:15px 22px}.release-notice strong{font-size:14px}.release-notice span{font-size:12px}}

/* The product preview is deliberately static: live execution happens in local Studio. */
.studio-section .section-heading{margin-bottom:34px}
.studio-preview{margin:0}
.studio-preview figcaption{font-size:12px;color:var(--muted);margin-bottom:12px}
.studio-window{border:1px solid #bac4c3;border-radius:10px;overflow:hidden;box-shadow:0 18px 48px #1825300b;background:#fcfbf7}
.studio-bar{background:var(--night);color:#f5f3ed;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 25px}
.studio-bar strong{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.5px}
.studio-bar strong>span:first-child{color:#ef8b65;font-size:25px}
.studio-bar-label{font-size:9px;letter-spacing:1.4px;color:#afbfca;border-left:1px solid #49545f;margin-left:10px;padding-left:20px}
.studio-local{color:var(--mint);font-size:9px;letter-spacing:1.1px;white-space:nowrap}
.studio-layout{display:grid;grid-template-columns:260px minmax(0,1fr)}
.studio-sidebar{background:#edf0e9;border-right:1px solid #d6dcd5;padding:30px 20px}
.studio-label{font-size:10px;font-weight:650;letter-spacing:1.2px;color:var(--muted);margin:0 0 16px;line-height:1.4}
.studio-preset{display:flex;gap:13px;padding:16px 12px;margin-bottom:8px;border:1px solid transparent;border-radius:5px}
.studio-preset.selected{background:#fcfbf7;border-color:#ccd4ca;box-shadow:0 3px 9px #18253005}
.studio-preset>span{font:11px Consolas,monospace;color:var(--accent);margin-top:2px}
.studio-preset strong,.studio-preset small{display:block}
.studio-preset strong{font-size:13px;margin-bottom:6px}
.studio-preset small{font-size:10px;color:var(--muted)}
.studio-sidebar-note{border-top:1px solid #d0d8cd;margin-top:35px;padding:22px 12px 0}
.studio-sidebar-note p{font-size:12px;line-height:1.7;margin:12px 0}
.studio-sidebar-note>small{font-size:10px;color:var(--muted)}
.studio-workspace{padding:35px 38px}
.studio-run-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.studio-run-heading .studio-label{margin-bottom:10px}
.studio-run-heading h3{font-size:23px;letter-spacing:-.6px;line-height:1.2;margin:0}
.studio-run-heading .status{font-size:10px}
.studio-timeline{list-style:none;margin:32px 0;padding:0}
.studio-timeline li{position:relative;display:flex;gap:16px;padding-bottom:27px}
.studio-timeline li:last-child{padding-bottom:0}
.studio-timeline li:first-child:before{content:"";position:absolute;top:27px;bottom:0;left:12px;border-left:1px solid #bfcfc1}
.studio-check{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e0eee0;color:#286241;font-size:12px;font-weight:700}
.studio-timeline strong{display:block;font-size:13px;margin:5px 0 7px}
.studio-timeline p{font-size:11px;line-height:1.5;margin:0 0 5px}
.studio-timeline p span{margin:0 4px;color:#91a097}
.studio-timeline small{font-size:11px;color:#3e6950;line-height:1.5}
.studio-artifact{border:1px solid #d6dcd5;border-radius:5px;overflow:hidden}
.studio-artifact>div{padding:12px 16px;background:#f0f2ec;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d6dcd5}
.studio-artifact .studio-label{margin:0;font-size:9px}
.studio-file-type{font:9px Consolas,monospace;color:var(--muted)}
.studio-artifact pre{font-size:12px;line-height:1.6;margin:0;padding:17px 20px;color:#294138}
.studio-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:36px 0}
.studio-benefits article>span{font-size:9px;letter-spacing:1px;color:var(--accent);font-weight:700}
.studio-benefits h3{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:13px 0 8px}
.studio-benefits p{font-size:13px;margin:0;line-height:1.7}
.studio-launch{border-top:1px solid var(--line);padding-top:27px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.studio-launch strong{font-size:16px;letter-spacing:-.2px}
.studio-launch p{font-size:13px;margin:8px 0 0}
.studio-launch code{font-size:12px;background:#e7e9df;padding:3px 5px;border-radius:3px}
.studio-footnote{font-size:11px;line-height:1.8;margin:20px 0 0;max-width:850px}
.studio-footnote a{white-space:nowrap}
.onboarding ol{padding:0;margin:25px 0;list-style:none;counter-reset:setup}
.onboarding li{counter-increment:setup;position:relative;padding-left:32px;margin-top:23px}
.onboarding li:before{content:counter(setup,decimal-leading-zero);position:absolute;left:0;top:1px;color:#e99a73;font:11px Consolas,monospace}
.onboarding li>span{font-size:12px;color:#b7c4c9}
.onboarding li pre{margin:8px 0 0;font-size:12px}
.onboarding li:last-child pre{color:var(--mint);font-size:14px}
.onboarding>p{padding-top:20px;border-top:1px solid #33424d}
@media(max-width:1000px){nav{gap:20px}.studio-layout{grid-template-columns:215px minmax(0,1fr)}.studio-sidebar{padding:25px 14px}.studio-workspace{padding:30px 25px}.studio-run-heading h3{font-size:21px}.studio-benefits{gap:25px}}
@media(max-width:700px){nav{gap:13px}nav a:nth-child(2){display:block}nav .nav-start{display:none}.studio-section .section-heading{margin-bottom:25px}.studio-preview figcaption{font-size:10px}.studio-bar{padding:15px 18px;min-height:58px}.studio-bar strong{font-size:17px}.studio-bar-label{font-size:8px;padding-left:12px;margin-left:4px;letter-spacing:.7px}.studio-local{display:none}.studio-layout{grid-template-columns:1fr}.studio-sidebar{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-right:0;border-bottom:1px solid #d6dcd5}.studio-sidebar>.studio-label{grid-column:1/-1;margin-bottom:0;font-size:9px}.studio-preset{padding:12px 10px;margin-bottom:0;gap:8px}.studio-preset strong{font-size:11px}.studio-preset small{font-size:9px;line-height:1.5}.studio-sidebar-note{display:none}.studio-workspace{padding:25px 19px}.studio-run-heading{gap:12px;align-items:start}.studio-run-heading h3{font-size:19px}.studio-run-heading .status{font-size:8px;padding:6px 7px;margin-top:2px}.studio-run-heading .studio-label{font-size:9px}.studio-timeline{margin:28px 0}.studio-timeline li{gap:13px}.studio-timeline strong{font-size:12px;line-height:1.5;margin-top:3px}.studio-timeline small{font-size:10px}.studio-artifact pre{font-size:11px}.studio-benefits{grid-template-columns:1fr;gap:25px;margin:30px 0}.studio-benefits h3{margin-top:9px}.studio-launch{align-items:start;flex-direction:column;gap:22px}.studio-footnote{font-size:10px}.onboarding li pre{font-size:11px}}
@media(max-width:380px){header{flex-wrap:wrap;height:auto;gap:18px;padding-block:18px}nav{width:100%;justify-content:space-between}.studio-preset>span{display:none}.studio-workspace{padding-inline:15px}.studio-run-heading h3{font-size:17px}}