@charset "UTF-8";
:root{color-scheme:light;--page:#f7f8fc;--surface:#fff;--surface-alt:#f2f4f9;--text:#182235;--secondary:#515d72;--muted:#657086;--line:#e0e5ef;--accent:#4263de;--accent-hover:#3151c8;--accent-soft:#eaf0ff;--on-accent:#fff;--nav:#1b2539;--nav-muted:#95a3be;--shadow:0 28px 90px -35px #172d6252;--grid:#d9dfec;--code:#182136;--code-text:#dce4f7;--blue-line:#9eafe3;--warm:#a1741c;--warm-bg:#faf3e4}
:root[data-theme=dark]{color-scheme:dark;--page:#111722;--surface:#182130;--surface-alt:#1e293b;--text:#eef2fb;--secondary:#bcc7db;--muted:#98a8c2;--line:#303c51;--accent:#9cb4ff;--accent-hover:#b8c9ff;--accent-soft:#253755;--on-accent:#142443;--nav:#0e1521;--nav-muted:#9daecc;--shadow:0 28px 90px -35px #000b;--grid:#2e3b51;--code:#0e1521;--code-text:#e2eaff;--blue-line:#5b709f;--warm:#e1bf78;--warm-bg:#342f25}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img,svg{vertical-align:middle}button svg,a svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1}code,pre{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:20px;top:-100px;background:var(--surface);padding:12px 20px;border:2px solid var(--accent);border-radius:8px;z-index:100}.skip-link:focus{top:14px}.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--page)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px;font-weight:720;white-space:nowrap}.wordmark img{flex-shrink:0}.wordmark-light{font-weight:450}.brand-period{color:var(--accent)}.main-nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:500}.main-nav a{color:var(--secondary);transition:color .15s}.main-nav a:hover{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:20px}.theme-picker{display:flex;align-items:center;gap:5px;color:var(--secondary);padding-left:22px;border-left:1px solid var(--line)}.theme-picker .icon{width:17px;height:17px}.theme-picker select{color:var(--secondary);background:transparent;border:0;padding:6px 0;font-size:12px}.theme-picker option{background:var(--surface);color:var(--text)}.header-cta{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:9px 13px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.header-cta .icon{width:16px;height:16px}.header-cta:hover{border-color:var(--accent);color:var(--accent)}.hero{padding-top:78px;padding-bottom:54px;display:flex;align-items:flex-end;gap:35px;position:relative}.hero-copy{max-width:920px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--accent);line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);flex-shrink:0}.hero h1{font-size:clamp(56px,6.6vw,88px);font-weight:630;letter-spacing:-4.8px;margin:24px 0 23px;line-height:1.05}.hero h1>span{color:var(--accent)}.hero-description{font-size:17px;line-height:1.8;color:var(--secondary);max-width:630px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 19px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button .icon{width:17px;height:17px}.button.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 30%,transparent)}.button.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.button.secondary{background:var(--surface-alt);border-color:var(--line);color:var(--text)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550}.text-link:hover{color:var(--accent)}.text-link>span{font-size:18px;color:var(--muted)}.hero-notes{display:flex;gap:25px;margin-top:24px;color:var(--muted);font-size:11px}.hero-notes>span{display:flex;align-items:center;gap:7px}.hero-notes .icon{width:14px;height:14px}.hero-detail{margin-left:auto;padding-bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:17px;width:180px;color:var(--muted);font-family:Consolas,monospace;font-size:10px;line-height:1.8;letter-spacing:.5px}.detail-cross{color:var(--accent);font-size:38px;line-height:1;font-weight:200}.detail-line{height:1px;width:100%;background:var(--line)}.product-section{position:relative}.product-section:before{content:"";position:absolute;inset:-30px -40px 0;background-image:radial-gradient(var(--grid) .75px,transparent .75px);background-size:12px 12px;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);z-index:-1}.product-shell{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);position:relative}.demo-titlebar{height:53px;padding:0 15px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:var(--surface)}.demo-brand{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.demo-brand strong{font-size:12px;color:var(--text);letter-spacing:-.2px}.demo-illustration-label{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:var(--muted)}.demo-mode{display:flex;align-items:center;padding:3px;background:var(--surface-alt);border:1px solid var(--line);border-radius:6px;gap:2px}.demo-mode button{border:0;background:transparent;font-size:10px;display:flex;align-items:center;gap:5px;border-radius:4px;padding:5px 9px;color:var(--muted);line-height:1.5}.demo-mode button .icon{width:12px;height:12px}.demo-mode button.active{background:var(--surface);box-shadow:0 1px 4px #00000014;color:var(--text)}.demo-body{display:grid;grid-template-columns:49px 177px minmax(0,1fr) 192px;min-height:500px}.demo-rail{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--nav);color:var(--nav-muted);padding:18px 6px}.demo-rail>span{width:31px;height:30px;display:grid;place-items:center}.demo-rail .icon{width:16px;height:16px}.demo-rail .rail-active{background:#30436b;color:#d8e2ff;border-radius:5px}.demo-rail .rail-bottom{margin-top:auto;color:#bac9e6;font-size:11px;border:1px solid #4a5a73;border-radius:6px;width:25px;height:26px}.demo-explorer{border-right:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column;background:var(--surface)}.panel-caption{font-size:8px;color:var(--muted);font-weight:650;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin-bottom:15px}.panel-caption>span{font-size:11px;line-height:1}.panel-caption>.icon{width:11px;height:11px}.explorer-heading{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--text);padding:8px 14px}.explorer-heading .icon{width:12px;height:12px;color:var(--muted)}.explorer-row{font-size:9px;color:var(--secondary);padding:8px 11px 8px 25px;display:flex;align-items:center;gap:7px}.explorer-row .icon{width:12px;height:12px;color:var(--muted)}.explorer-row.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.explorer-row.selected .icon{color:var(--accent)}.template-heading{margin-top:9px}.components-caption{margin-top:24px}.mini-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 13px 20px}.mini-palette>span{border:1px solid var(--line);border-radius:4px;padding:5px 6px;color:var(--secondary);font-family:Consolas,monospace;font-size:13px;display:flex;align-items:center;gap:7px}.mini-palette small{font-family:Inter,"Segoe UI",sans-serif;font-size:8px;color:var(--muted)}.explorer-tags{margin-top:auto;padding:17px 0;border-top:1px solid var(--line)}.explorer-tags>div:not(.panel-caption){padding:0 14px;font-size:9px;display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--secondary)}.tag-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.explorer-tags>small{display:flex;align-items:center;gap:5px;padding:5px 14px 5px 27px;font-size:8px;color:var(--muted)}.explorer-tags>small>.icon{width:10px;height:10px}.explorer-tags b{margin-left:auto;color:var(--secondary);font-weight:450}.demo-workspace{min-width:0;background:var(--surface-alt);display:flex;flex-direction:column}.workspace-tab{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);height:35px;flex-shrink:0;background:var(--surface);padding:0 14px;font-size:9px}.workspace-tab>.icon{width:11px;height:11px;color:var(--accent)}.tab-marker{height:4px;width:4px;background:var(--accent);border-radius:50%}.workspace-scale{margin-left:auto;color:var(--muted);font-size:7px;letter-spacing:.7px}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;color:var(--muted);font-size:8px;border-bottom:1px solid var(--line);gap:10px;min-height:38px}.toolbar-label{display:flex;align-items:center;gap:8px}.toolbar-label>.icon{width:13px;height:13px;color:var(--accent)}.workspace-toolbar label{display:flex;gap:7px;align-items:center;font-family:Consolas,monospace}.workspace-toolbar select{background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:9px;padding:3px 6px;color:var(--text);min-width:75px}.demo-canvas-wrap{padding:24px;flex:1;background-image:radial-gradient(var(--grid) .7px,transparent .7px);background-size:10px 10px}.demo-canvas{background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:3px;box-shadow:0 2px 10px #152a4910;height:100%;display:flex;flex-direction:column;justify-content:space-between}.canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.overline{font-size:7px;letter-spacing:1.2px;font-weight:600;color:var(--muted)}.canvas-heading h2{font-size:20px;letter-spacing:-.7px;line-height:1.35;margin-top:3px;font-weight:600}.sample-pill{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.6px;border:1px solid var(--line);padding:4px 6px;border-radius:10px;color:var(--muted)}.sample-pill>span{width:4px;height:4px;border-radius:50%;background:var(--accent)}.machine-overview{display:grid;grid-template-columns:1fr 100px;align-items:center;margin:7px 0 16px;gap:13px;min-height:136px}.machine-graphic{position:relative}.machine-graphic svg{width:100%;max-height:139px;display:block}.machine-guide{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.machine-fill{fill:var(--surface-alt);stroke:var(--blue-line);stroke-width:1.5}.machine-conveyor{fill:var(--accent-soft);stroke:var(--blue-line);stroke-width:1.5}.machine-stroke{stroke:var(--blue-line);stroke-width:3}.machine-body{fill:var(--surface-alt);stroke:var(--blue-line);stroke-width:1.5}.machine-window{fill:var(--accent-soft);stroke:var(--blue-line);stroke-width:1.2}.machine-detail{stroke:var(--blue-line);stroke-width:1}.machine-cross{stroke:var(--accent);stroke-width:2;opacity:.6}.machine-box{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}.machine-wheel{fill:var(--blue-line)}.machine-callout{stroke:var(--blue-line);stroke-width:1;stroke-dasharray:3 3}.machine-callout-dot{stroke:var(--accent);fill:var(--surface);stroke-width:1.5}.machine-label{display:block;text-align:center;font-size:6px;color:var(--muted);letter-spacing:1.5px;position:relative;margin-top:-3px}.machine-state{border-left:1px solid var(--line);padding-left:15px}.machine-state strong{display:block;font-size:21px;font-weight:550;line-height:1.6;letter-spacing:-.5px}.state-caption{font-size:7px;color:var(--muted)}.state-line{display:flex;gap:4px;margin-top:13px}.state-line>span{width:5px;height:17px;background:var(--accent-soft);border-radius:2px}.state-line>span:nth-child(-n+6){background:var(--accent);opacity:.7}.metrics-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:10px}.metric-card{position:relative;border:1px solid var(--line);border-radius:4px;padding:14px 12px 10px;min-width:0;background:var(--surface)}.metric-label{font-size:8px;color:var(--secondary);white-space:nowrap}.metric-number{display:flex;align-items:baseline;gap:5px;line-height:1.2;margin:9px 0 14px;white-space:nowrap}.metric-number strong{font-size:30px;line-height:1;font-weight:530;letter-spacing:-1.4px}.metric-number>span{font-size:6px;color:var(--muted)}.metric-number strong span{font-size:14px;letter-spacing:-.4px;font-weight:450;margin-left:2px}.metric-footer{display:flex;align-items:center;gap:4px;font-size:6px;color:var(--muted)}.tiny-dot{height:4px;width:4px;background:var(--accent);border-radius:50%}.selected-component{outline:1px solid var(--accent);outline-offset:0;border-color:var(--accent);border-radius:0}.selection-label{position:absolute;bottom:calc(100% + 1px);left:-1px;background:var(--accent);color:var(--on-accent);padding:2px 6px;font-size:6px;line-height:1.5;white-space:nowrap}.selection-handle{height:5px;width:5px;border:1px solid var(--accent);background:var(--surface);position:absolute}.h1{left:-3px;top:-3px}.h2{right:-3px;top:-3px}.h3{left:-3px;bottom:-3px}.h4{right:-3px;bottom:-3px}.progress-track{height:4px;background:var(--surface-alt);border-radius:3px;margin-top:20px;overflow:hidden}.progress-track>span{height:100%;width:68%;background:var(--accent);display:block;border-radius:3px;transition:width .3s}.canvas-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:19px}.canvas-bottom-row>span{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--muted)}.canvas-bottom-row .icon{height:11px;width:11px}.canvas-bottom-row button{display:flex;align-items:center;gap:9px;border:0;background:var(--accent);color:var(--on-accent);border-radius:4px;font-size:8px;padding:8px 11px;white-space:nowrap}.canvas-bottom-row button:hover{background:var(--accent-hover)}.demo-properties{border-left:1px solid var(--line);background:var(--surface);padding:17px 0;display:flex;flex-direction:column}.property-selection{padding:0 14px 15px;display:flex;align-items:center;gap:9px}.property-selection>span{display:grid;place-items:center;width:27px;height:27px;background:var(--accent-soft);color:var(--accent);border-radius:4px;font-size:15px}.property-selection strong{font-size:9px;line-height:1.6;display:block;font-weight:550}.property-selection small{font-size:7px;display:block;color:var(--muted)}.property-group{border-top:1px solid var(--line);padding:16px 13px}.property-heading{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:600;color:var(--secondary);letter-spacing:.6px;margin-bottom:10px}.illustrated-field{font-size:7px;color:var(--muted);margin-top:10px}.illustrated-field>div{border:1px solid var(--line);background:var(--surface-alt);border-radius:3px;color:var(--secondary);padding:5px 7px;margin-top:5px;font-size:8px}.property-group>code{display:block;font-size:8px;color:var(--secondary);background:var(--surface-alt);padding:10px 7px;border:1px solid var(--line);border-radius:3px;overflow-wrap:anywhere;line-height:1.8}.property-group>code b{font-weight:500;color:var(--accent)}.binding-badge{font-size:5px;padding:2px 3px;border-radius:2px;background:var(--accent-soft);color:var(--accent);letter-spacing:.3px}.resolved-path{margin-top:11px}.resolved-path>span{display:block;font-size:6px;letter-spacing:.6px;color:var(--muted);margin-bottom:5px}.resolved-path>code{font-size:6px;line-height:1.7;color:var(--secondary);overflow-wrap:anywhere}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.position-grid>span{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:3px;padding:4px 7px;font-size:7px;color:var(--muted)}.position-grid b{font-weight:400;color:var(--secondary)}.property-footnote{padding:12px 14px 0;display:flex;align-items:center;gap:9px;font-size:8px;line-height:1.8;color:var(--muted);margin-top:auto}.property-footnote>.icon{width:18px;height:18px;color:var(--accent)}.demo-status{display:flex;align-items:center;gap:20px;padding:6px 13px;background:var(--surface);border-top:1px solid var(--line);font-size:7px;color:var(--muted);min-height:28px}.demo-status>span:first-child{display:flex;align-items:center;gap:6px}.demo-status .status-dot{height:4px;width:4px;box-shadow:none}.demo-status>span:last-child{margin-left:auto;font-size:6px;letter-spacing:1px}.illustration-note{display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);margin-top:20px;font-size:10px;line-height:1.6}.illustration-note>span:first-child{display:flex;align-items:center;gap:7px}.illustration-note .icon{height:13px;width:13px;color:var(--accent)}.illustration-note>span:last-child{font-size:9px;white-space:nowrap}.product-shell.preview-mode .demo-body{grid-template-columns:49px minmax(0,1fr)}.preview-mode .demo-explorer,.preview-mode .demo-properties{display:none}.preview-mode .selected-component{outline:0;border-color:var(--line);border-radius:4px}.preview-mode .selection-handle,.preview-mode .selection-label{display:none}.preview-mode .demo-canvas{max-width:810px;margin-inline:auto}.preview-mode .demo-canvas-wrap{background-image:none;padding:24px 48px}.preview-mode .machine-overview{grid-template-columns:1fr 150px}.preview-mode .machine-state{padding-left:24px}.preview-mode .metric-number>span{font-size:9px}.preview-mode .metric-label{font-size:10px}.preview-mode .metric-footer{font-size:8px}.preview-mode .canvas-bottom-row>span{font-size:9px}.preview-mode .canvas-bottom-row button{font-size:10px}.preview-mode .sample-pill{font-size:8px}.principles{display:grid;grid-template-columns:1fr 1fr 1fr .85fr;padding-top:43px;padding-bottom:44px;border-bottom:1px solid var(--line);gap:30px}.principles>div{display:flex;align-items:flex-start;gap:13px;border-right:1px solid var(--line)}.principle-number{font-family:Consolas,monospace;font-size:9px;color:var(--accent);padding-top:3px}.principles p{font-size:14px;color:var(--muted);line-height:1.6;letter-spacing:-.2px}.principles strong{color:var(--text);font-weight:550}.principles .principles-note{font-size:11px;line-height:1.8;color:var(--muted);border:0;padding-left:8px;align-self:center}.section-spacing{padding-top:105px;padding-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:40px}.section-heading h2,.connection-copy h2,.status-intro h2{font-size:clamp(30px,3.5vw,45px);font-weight:550;letter-spacing:-1.8px;margin-top:17px;line-height:1.18}.section-heading>p{max-width:385px;font-size:14px;color:var(--secondary);line-height:1.9;padding-bottom:3px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:28px 30px;overflow:hidden}.feature-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--muted);font-size:9px;letter-spacing:1px}.feature-icon{height:32px;width:32px;border-radius:6px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.feature-icon>.icon{width:17px;height:17px}.feature-card h3{font-size:24px;letter-spacing:-.8px;font-weight:550;line-height:1.3}.feature-card p{font-size:13px;color:var(--secondary);line-height:1.9;margin-top:12px;max-width:460px}.feature-stack{display:grid;gap:20px}.feature-stack .feature-card{padding-top:22px;padding-bottom:25px}.feature-stack .feature-heading{margin-bottom:15px}.feature-stack .feature-card h3{font-size:22px}.feature-stack .feature-card p{font-size:12px}.placement-illustration{margin:33px -30px -29px;padding:64px 40px 36px;min-height:228px;background-image:radial-gradient(var(--grid) .9px,transparent .9px);background-size:12px 12px;border-top:1px solid var(--line);position:relative}.ruler-horizontal{position:absolute;top:12px;left:25px;right:22px;display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:9px;color:var(--muted);padding-left:15px;border-top:1px solid var(--line)}.ruler-horizontal i{font-style:normal}.placement-card{border:1px solid var(--accent);position:relative;width:225px;background:var(--surface);padding:18px 22px;box-shadow:0 8px 25px #152a4910}.placement-card>small{display:block;font-size:10px;color:var(--secondary);margin-bottom:8px}.placement-card>strong{font-size:36px;letter-spacing:-1px;line-height:1.2;font-weight:500}.placement-card>strong>span{font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400}.placement-card .selection-handle{width:7px;height:7px}.position-chip{position:absolute;top:48px;left:206px;transform:translate(20px,-4px);font-family:Consolas,monospace;font-size:9px;padding:4px 8px;background:var(--accent);color:var(--on-accent);border-radius:3px}.placement-cursor{position:absolute;left:269px;top:157px;fill:var(--accent);stroke:var(--surface);width:33px;height:33px;filter:drop-shadow(2px 4px 2px #0002)}.context-tokens{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:10px;color:var(--muted)}.context-tokens>span:first-child{padding:5px 9px;border:1px solid var(--line);border-radius:4px;color:var(--secondary)}.context-tokens>.icon{width:14px;height:14px}.context-tokens code{color:var(--accent);margin-right:2px}.context-tokens>span:not(:first-child){background:var(--accent-soft);border:1px solid var(--line);padding:3px 7px;border-radius:4px;color:var(--accent);font-family:Consolas,monospace;font-size:9px}.publish-steps{display:flex;align-items:center;gap:13px;font-size:10px;margin-top:19px;color:var(--muted)}.publish-steps i{height:1px;width:26px;background:var(--line)}.publish-steps strong{display:flex;align-items:center;gap:7px;font-weight:550;color:var(--accent)}.publish-steps .icon{width:13px;height:13px}.connection-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center;padding-bottom:105px}.connection-copy>p{font-size:14px;line-height:1.9;color:var(--secondary);margin-top:21px;max-width:440px}.connection-list{display:grid;gap:20px;margin-top:29px}.connection-list>div{display:flex;gap:14px}.connection-list>div>.icon{color:var(--accent);width:19px;height:19px;margin-top:3px}.connection-list strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.connection-list span{display:block;font-size:12px;line-height:1.8;color:var(--secondary);max-width:365px}.connection-list code{font-size:11px}.code-panel{border:1px solid var(--line);border-radius:9px;background:var(--code);color:var(--code-text);box-shadow:0 16px 40px #111b3414;overflow:hidden}.code-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16;padding:17px 20px;gap:15px}.code-title>span:first-child{display:flex;align-items:center;gap:9px;font-size:11px}.code-title>.icon,.code-title .icon{width:15px;height:15px;color:#a9baf0}.code-event{font-family:Consolas,monospace;color:#a8b6d1;font-size:9px;border-left:1px solid #ffffff29;padding-left:10px;margin-left:3px}.code-title>span:last-child{font-size:8px;color:#a8b6d1;letter-spacing:1px}.code-context{margin:19px 23px 0;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1px;color:#a8b6d1}.code-context code{color:#d1ddff;font-size:10px;letter-spacing:0;padding:4px 8px;background:#ffffff08;border:1px solid #ffffff16;border-radius:4px}.code-panel pre{padding:25px 23px 30px;margin:0;font-size:12px;line-height:2;overflow:auto;tab-size:4}.code-comment{color:#8fa1c2}.code-function{color:#bfd0ff}.code-string{color:#c2c9ff}.code-number{color:#f1c49b}.code-result{margin:0 20px 20px;padding:16px;border-radius:5px;border:1px solid #8faff030;display:flex;gap:11px;background:#ffffff04;align-items:center}.result-icon{height:27px;width:27px;display:grid;place-items:center;background:#9ab5ff15;color:#b0c3fd;border-radius:50%}.result-icon .icon{width:13px;height:13px}.code-result>div>span{display:block;font-size:7px;color:#a8b6d1;letter-spacing:1.2px;margin-bottom:5px}.code-result code{font-size:10px;color:#d5e1ff}.code-caption{font-size:9px;color:#a8b6d1;border-top:1px solid #ffffff16;padding:11px 23px}.deployment-band{background:#17223b;color:#edf2ff;padding:76px 0 35px;position:relative;overflow:hidden}.deployment-band:before{content:"";position:absolute;right:-250px;top:-350px;border:1px solid #839cdc1c;border-radius:50%;width:900px;height:900px;pointer-events:none;box-shadow:0 0 0 100px #839cdc05,0 0 0 200px #839cdc04}.deployment-band .container{position:relative}.deployment-band .eyebrow{color:#aebff7}.deployment-band .section-heading>p{color:#b1bed9;max-width:360px;font-size:13px}.deployment-band .section-heading{margin-bottom:37px}.deployment-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.deployment-grid article{border:1px solid #6c86b64d;border-radius:6px;padding:26px;background:#ffffff03;position:relative}.deployment-icon{color:#aebff7;margin-bottom:24px}.deployment-icon .icon{width:26px;height:26px;stroke-width:1.3}.deployment-index{position:absolute;top:27px;right:25px;color:#899bc0;font-family:Consolas,monospace;font-size:10px}.deployment-grid h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.deployment-grid p{font-size:12px;color:#b5c1dc;line-height:1.9;margin-top:13px;max-width:280px}.deployment-label{display:block;margin-top:28px;font-size:8px;letter-spacing:1px;color:#a4b5d9}.deployment-note{margin-top:24px;font-size:10px;color:#a6b6d5;line-height:1.9;max-width:870px}.status-section{padding-bottom:75px}.status-intro{max-width:760px}.status-intro>p{margin-top:21px;max-width:670px;color:var(--secondary);font-size:14px;line-height:1.9}.status-table{border-top:1px solid var(--line);margin-top:36px}.status-row{display:grid;grid-template-columns:230px 1fr 110px;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.status-row>div{display:flex;align-items:center;gap:10px}.scope-marker{width:7px;height:7px;border-radius:50%;display:block;flex-shrink:0;background:var(--accent)}.scope-marker.validating{background:var(--warm)}.scope-marker.planned{background:transparent;border:1px solid var(--muted)}.status-row strong{font-size:13px;font-weight:550}.status-row p{font-size:12px;color:var(--secondary);line-height:1.85;max-width:700px}.scope-pill{padding:4px 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:7px;letter-spacing:.8px;text-align:center;justify-self:end}.scope-pill.neutral{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line)}.status-footnote{display:flex;align-items:flex-start;gap:9px;background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;padding:13px 16px;margin-top:18px;color:var(--muted)}.status-footnote>.icon{width:13px;height:13px;margin-top:3px}.status-footnote p{font-size:10px;line-height:1.9}.closing-section{padding:41px 0 60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.closing-section h2{font-size:32px;font-weight:550;letter-spacing:-1.2px;line-height:1.2;margin-top:16px}.closing-section .button{flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;display:flex;align-items:center;gap:30px}.site-footer .wordmark{font-size:20px}.site-footer>span{font-size:10px;color:var(--muted)}.site-footer>span:last-child{margin-left:auto;font-size:9px}.settings-dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:26px;width:min(440px,calc(100% - 32px));box-shadow:0 24px 80px #0005;margin:auto}.settings-dialog::backdrop{background:#101b386b;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.dialog-heading .eyebrow{font-size:8px}.dialog-close{border:0;background:var(--surface-alt);color:var(--secondary);height:28px;width:28px;border-radius:5px;font-size:22px;line-height:1;display:grid;place-items:center}.settings-dialog h2{font-size:27px;letter-spacing:-.9px;font-weight:550}.settings-dialog p{font-size:12px;color:var(--secondary);line-height:1.8;margin-top:12px}.target-field{display:block;font-size:12px;margin:26px 0;font-weight:550}.target-field>span{float:right;font-size:10px;color:var(--muted);font-weight:400}.target-field input{display:block;margin-top:8px;padding:10px 12px;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--surface-alt);color:var(--text);font-size:20px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-actions .button{font-size:11px;padding:11px 13px;min-height:40px}
@media(min-width:1450px){.hero{padding-top:85px}.demo-body{min-height:550px}.demo-canvas-wrap{padding:30px}.demo-canvas{padding:27px}.machine-overview{min-height:170px}.machine-graphic svg{max-height:160px}.metric-number strong{font-size:35px}.metric-label{font-size:9px}.metric-footer{font-size:7px}.metrics-grid{gap:13px}.metric-card{padding:16px}.canvas-heading h2{font-size:23px}.canvas-bottom-row>span{font-size:8px}.canvas-bottom-row button{font-size:9px}.machine-state strong{font-size:25px}.machine-label{font-size:7px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:20px}.header-tools{gap:15px}.theme-picker{padding-left:15px}.demo-body{grid-template-columns:44px 145px minmax(0,1fr) 168px}.demo-canvas-wrap{padding:19px}.demo-canvas{padding:16px}.demo-brand>span:last-child{display:none}.demo-illustration-label{font-size:7px}.explorer-row{padding-left:18px;font-size:8px}.mini-palette{padding-inline:10px;gap:5px}.mini-palette>span{font-size:11px;gap:5px}.mini-palette small{font-size:7px}.metric-number{flex-direction:column;gap:2px;margin-top:6px;margin-bottom:10px}.metric-number strong{font-size:27px}.metric-card{padding:13px 9px 8px}.yield-card .metric-number{margin-top:12px}.metric-label{font-size:7px}.machine-overview{grid-template-columns:1fr 82px;min-height:125px}.machine-state{padding-left:9px}.machine-state strong{font-size:19px}.state-caption{font-size:6px}.state-line{gap:3px}.state-line>span{width:4px;height:15px}.canvas-heading h2{font-size:18px}.canvas-bottom-row>span{max-width:130px;font-size:6px}.canvas-bottom-row button{font-size:7px;padding:8px}.workspace-scale{font-size:6px}.canvas-heading{gap:5px}.sample-pill{font-size:5px;padding:3px 4px}.sample-pill>span{height:3px;width:3px}.property-group{padding-inline:10px}.property-heading{font-size:6px}.binding-badge{font-size:4px}.property-group>code{font-size:7px}.property-selection{gap:6px;padding-inline:10px}.property-selection strong{font-size:8px}.hero-detail{width:140px}.hero-description{max-width:580px}.connection-section{gap:50px}.code-panel pre{font-size:11px}.status-row{grid-template-columns:210px 1fr 100px;gap:20px}}
@media(max-width:900px){.main-nav{gap:17px;font-size:11px}.header-cta{display:none}.header-inner{height:76px}.wordmark{font-size:22px}.hero{padding-top:55px;padding-bottom:44px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-detail{display:none}.hero-description{max-width:620px;font-size:16px}.demo-properties{display:none}.demo-body{grid-template-columns:42px 150px minmax(0,1fr);min-height:475px}.demo-canvas-wrap{padding:20px}.metric-number strong{font-size:29px}.metric-number{flex-direction:row;align-items:baseline;gap:4px}.metric-number>span{font-size:5px}.machine-overview{grid-template-columns:1fr 95px;min-height:142px}.machine-state{padding-left:13px}.sample-pill{font-size:6px}.workspace-scale{font-size:6px}.illustration-note{align-items:flex-start;font-size:9px;gap:20px}.illustration-note>span:last-child{font-size:8px;white-space:normal;text-align:right;max-width:165px}.principles{gap:20px;grid-template-columns:1fr 1fr 1fr}.principles .principles-note{display:none}.principles>div:nth-child(3){border:0}.principles p{font-size:12px}.section-spacing{padding-top:75px}.section-heading{gap:35px;align-items:flex-start}.section-heading>p{max-width:305px;font-size:12px;padding-top:24px}.section-heading h2,.connection-copy h2,.status-intro h2{font-size:34px;letter-spacing:-1.2px}.feature-card{padding:24px}.feature-card h3{font-size:22px}.feature-card p{font-size:12px}.feature-stack .feature-card h3{font-size:20px}.feature-stack .feature-card p{font-size:11px}.placement-illustration{margin-left:-24px;margin-right:-24px;padding-left:30px}.placement-card{width:190px;padding:16px}.position-chip{left:125px;font-size:8px}.placement-cursor{left:205px;top:153px}.context-tokens{gap:6px;font-size:8px}.context-tokens code{font-size:8px}.context-tokens>span:not(:first-child){padding:3px 5px;font-size:8px}.connection-section{gap:35px;padding-bottom:75px;grid-template-columns:1fr 1fr}.connection-copy>p{font-size:12px}.connection-list strong{font-size:12px}.connection-list span{font-size:11px}.code-panel pre{font-size:9px;padding-inline:17px}.code-title{padding-inline:16px}.code-event{display:none}.code-context{margin-inline:17px}.code-context code{font-size:9px}.code-result{padding:12px;margin-inline:15px}.code-result code{font-size:8px}.code-caption{font-size:8px;padding-inline:17px}.deployment-grid{gap:12px}.deployment-grid article{padding:22px 18px}.deployment-grid h3{font-size:20px}.deployment-grid p{font-size:11px}.deployment-index{right:18px}.deployment-label{font-size:6px;letter-spacing:.8px}.status-row{grid-template-columns:175px 1fr;gap:12px 20px}.scope-pill{grid-column:2;justify-self:start}.status-row p{font-size:11px}.status-row strong{font-size:12px}.closing-section h2{font-size:27px}.closing-section .eyebrow{font-size:8px}.closing-section .button{font-size:11px}.site-footer{gap:20px}.site-footer>span:nth-child(2){font-size:9px}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.header-inner{height:69px;gap:15px}.wordmark{font-size:22px;gap:8px}.wordmark img{width:29px;height:29px}.main-nav{display:none}.header-tools{margin-left:auto}.theme-picker{padding-left:0;border:0}.hero{padding-top:44px;padding-bottom:36px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:clamp(41px,8.8vw,59px);letter-spacing:-2.6px;margin-top:19px;margin-bottom:19px}.hero-description{font-size:14px;line-height:1.9}.hero-actions{gap:18px;margin-top:22px;flex-wrap:wrap}.button{font-size:11px;min-height:43px;padding:11px 15px}.text-link{font-size:10px}.hero-notes{font-size:9px;gap:18px;margin-top:20px}.hero-notes .icon{width:12px;height:12px}.product-section{width:calc(100% - 24px)}.product-section:before{inset:-15px -10px 0}.product-shell{border-radius:7px}.demo-titlebar{height:46px;padding:0 10px;gap:9px}.demo-brand{gap:6px}.demo-brand strong{font-size:10px}.demo-brand img{width:19px;height:19px}.demo-brand>span{display:none}.demo-illustration-label{display:none}.demo-mode{margin-left:auto}.demo-mode button{font-size:9px;padding:4px 7px}.demo-mode button .icon{width:10px;height:10px}.demo-explorer,.demo-rail{display:none}.demo-body,.product-shell.preview-mode .demo-body{display:block;min-height:0}.workspace-tab{padding-inline:12px;height:32px;font-size:8px}.workspace-scale{font-size:5px;letter-spacing:.5px}.workspace-toolbar{padding:8px 12px;font-size:7px}.demo-canvas-wrap,.preview-mode .demo-canvas-wrap{padding:15px}.demo-canvas,.preview-mode .demo-canvas{padding:18px 15px;min-height:340px}.canvas-heading h2{font-size:21px}.overline{font-size:6px}.sample-pill,.preview-mode .sample-pill{font-size:5px}.machine-overview,.preview-mode .machine-overview{grid-template-columns:1fr 80px;min-height:132px;margin:10px 0 19px;gap:7px}.machine-state,.preview-mode .machine-state{padding-left:10px}.machine-state strong{font-size:19px}.machine-graphic svg{max-height:122px}.machine-label{font-size:5px;letter-spacing:1px}.state-caption{font-size:6px}.metrics-grid{gap:7px;grid-template-columns:1fr 1fr .8fr}.metric-card{padding:11px 8px 9px}.metric-label,.preview-mode .metric-label{font-size:7px}.metric-number,.preview-mode .metric-number{margin:8px 0 9px;gap:2px;flex-direction:column;align-items:flex-start}.metric-number strong,.preview-mode .metric-number strong{font-size:29px}.metric-number>span,.preview-mode .metric-number>span{font-size:6px}.metric-footer,.preview-mode .metric-footer{font-size:5px}.metric-number strong span{font-size:13px}.progress-track{margin-top:22px;height:3px}.yield-card .metric-number{margin-top:8px}.canvas-bottom-row,.preview-mode .canvas-bottom-row{gap:8px;margin-top:18px}.canvas-bottom-row>span,.preview-mode .canvas-bottom-row>span{font-size:6px;max-width:160px}.canvas-bottom-row>span>.icon{display:none}.canvas-bottom-row button,.preview-mode .canvas-bottom-row button{font-size:7px;gap:5px;padding:8px 9px}.demo-status{font-size:6px;gap:12px;padding:7px 10px;min-height:27px}.demo-status>span:last-child{display:none}.demo-status>span:nth-child(2){margin-left:auto;text-align:right}.illustration-note{margin:15px 8px 0;display:block;font-size:9px}.illustration-note>span:first-child{align-items:flex-start;line-height:1.8}.illustration-note>span:first-child>.icon{margin-top:2px;flex-shrink:0}.illustration-note>span:last-child{display:block;max-width:none;text-align:left;font-size:8px;padding-left:20px;margin-top:4px}.principles{padding-top:30px;padding-bottom:30px;gap:14px}.principles>div{gap:7px}.principle-number{font-size:7px;padding-top:2px}.principles p{font-size:10px;line-height:1.7}.section-spacing{padding-top:60px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.connection-copy h2,.status-intro h2{font-size:33px;letter-spacing:-1.4px;margin-top:14px}.section-heading>p{font-size:12px;max-width:none;padding:0;margin-top:19px;line-height:1.9}.feature-layout{grid-template-columns:1fr;gap:16px}.feature-stack{gap:16px}.feature-card,.feature-stack .feature-card{padding:24px}.feature-card h3,.feature-stack .feature-card h3{font-size:23px}.feature-card p,.feature-stack .feature-card p{font-size:12px}.feature-heading{margin-bottom:19px}.placement-illustration{min-height:215px;padding-left:37px;margin-top:26px}.placement-card{width:210px}.position-chip{left:180px}.placement-cursor{left:239px}.context-tokens{font-size:10px;gap:9px}.context-tokens code{font-size:10px}.context-tokens>span:not(:first-child){font-size:9px;padding:3px 7px}.connection-section{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.connection-copy>p{font-size:13px;max-width:none;margin-top:18px}.connection-list{gap:18px;margin-top:24px}.connection-list strong{font-size:13px}.connection-list span{font-size:12px;max-width:none}.code-panel pre{font-size:11px;line-height:2;padding:22px 21px 27px}.code-context{margin-inline:21px}.code-result code{font-size:10px}.code-title{padding:16px 20px}.code-caption{padding-inline:21px;font-size:9px}.deployment-band{padding:52px 0 28px}.deployment-band .section-heading{margin-bottom:27px}.deployment-band .section-heading>p{max-width:none;font-size:12px}.deployment-grid{grid-template-columns:1fr;gap:13px}.deployment-grid article{padding:24px}.deployment-icon{margin-bottom:18px}.deployment-grid h3{font-size:23px}.deployment-grid p{font-size:12px;max-width:none}.deployment-label{font-size:8px;letter-spacing:1px;margin-top:20px}.deployment-index{right:24px}.deployment-note{font-size:9px;margin-top:20px}.status-section{padding-bottom:42px}.status-intro>p{font-size:12px;margin-top:17px}.status-table{margin-top:26px}.status-row{grid-template-columns:1fr auto;padding:21px 0;gap:12px}.status-row>div{grid-column:1}.status-row strong{font-size:12px}.status-row p{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.9}.scope-pill{grid-column:2;grid-row:1;align-self:center;font-size:6px;padding:4px 6px;letter-spacing:.5px}.status-footnote{padding:12px}.status-footnote p{font-size:9px}.closing-section{padding:33px 0 39px;display:block}.closing-section h2{font-size:29px;margin-top:14px}.closing-section .button{margin-top:24px}.site-footer{flex-wrap:wrap;gap:17px;padding-top:24px;padding-bottom:27px}.site-footer .wordmark{font-size:20px}.site-footer>span:nth-child(2){display:none}.site-footer>span:last-child{font-size:8px}.settings-dialog{padding:23px}.settings-dialog h2{font-size:25px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:10px;padding:10px 12px}.settings-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.download-caption{font-size:9px;color:var(--muted);line-height:1.9;margin-top:13px}.download-caption>span{margin:0 5px;color:var(--line)}.download-caption a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}.download-caption a:hover{color:var(--accent)}@media(max-width:680px){.download-caption{font-size:8px}.download-caption>span{margin:0 3px}}