:root{--night:#101321;--night-2:#161b2e;--night-3:#1b2238;--panel:#191f33;--panel-2:#202840;--line:#343c58;--line-soft:rgba(132,148,190,.17);--ink:#edf1ff;--muted:#9ca8c8;--muted-2:#7885a9;--cyan:#63dde6;--cyan-deep:#173a45;--coral:#ff9b79;--violet:#a7a9ff;--paper:#f8f8fb;--paper-2:#eff1f8;--paper-line:#dce1ee;--paper-ink:#202940;--paper-muted:#6f7891;--shadow:0 18px 46px rgba(0,0,0,.22);--radius:14px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--night);color:var(--ink);line-height:1.5}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
/* Shared brand */
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:36px;height:36px;border:1px solid #45516f;border-radius:10px;position:relative;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;align-content:center;justify-content:center;background:#171e32;flex:none}.brand-mark i{display:block;border:1.4px solid var(--cyan);border-radius:2px}.brand-mark i:nth-child(2){border-color:var(--coral)}.brand-mark i:nth-child(3){height:7px;align-self:end}.brand-mark b{position:absolute;right:6px;bottom:5px;width:8px;height:8px;border-radius:2px;background:var(--coral)}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{letter-spacing:.12em;font-weight:750;font-size:12px;line-height:1.4;white-space:nowrap}.brand-copy strong em{font-style:normal;color:var(--cyan)}.brand-copy small{font-size:8px;letter-spacing:.16em;color:var(--muted-2);font-weight:650;margin-top:2px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:8px;padding:11px 15px;font-weight:700;font-size:12px;letter-spacing:.01em;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--cyan);color:#0d1b27;box-shadow:0 7px 19px rgba(99,221,230,.11)}.button-primary:hover{background:#8bebf0}.button-light{background:#f3f6ff;color:#151b2e}.button-large{padding:14px 19px;font-size:13px}.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:12px;color:#c5cde4}.text-link:hover{color:var(--cyan)}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:#9ba8ca;margin:0 0 17px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(99,221,230,.11);margin:0 8px 1px 0}
/* Homepage */
.marketing-page{background:#101321}.site-header{height:78px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(134,149,190,.14);background:#101321}.site-nav{display:flex;align-items:center;gap:32px;color:#aab4d0;font-size:11px;font-weight:600}.site-nav a:hover{color:#fff}.site-cta{padding:10px 14px}.hero-section{max-width:1480px;margin:0 auto;min-height:620px;padding:67px clamp(24px,5vw,78px) 72px;display:grid;grid-template-columns:minmax(340px,.88fr) minmax(500px,1.12fr);align-items:center;gap:50px;overflow:hidden}.hero-copy{padding:16px 0 8px}.hero-copy h1{font-size:clamp(42px,5.3vw,72px);line-height:1.04;letter-spacing:-.058em;font-weight:650;margin:0;max-width:670px}.hero-copy h1 span{color:var(--cyan)}.hero-lede{font-size:15px;line-height:1.85;color:#a9b3cf;max-width:480px;margin:25px 0 29px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero-meta{display:flex;gap:17px;flex-wrap:wrap;margin-top:32px;color:#8794b5;font-size:10px}.tiny-check{font-style:normal;color:var(--cyan);font-weight:800;margin-right:5px}.hero-visual{border:1px solid #36405e;border-radius:16px;background:#151b2e;padding:16px 16px 0;box-shadow:0 20px 70px rgba(0,0,0,.17);transform:rotate(.35deg);min-width:0}.blueprint-topline,.blueprint-foot{display:flex;justify-content:space-between;align-items:center;color:#7886ab;font-size:9px;font-weight:750;letter-spacing:.12em;gap:12px}.blueprint-live{color:#9db7c7}.blueprint-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:6px}.hero-diagram{display:block;width:100%;height:auto;margin:13px 0 10px}.blueprint-foot{padding:14px 7px 15px;border-top:1px solid #303955}.blueprint-foot b{color:#e4eafa;margin-left:5px}.principle-band{padding:34px clamp(24px,8vw,120px);background:#1a2136;border-top:1px solid #2c3450;border-bottom:1px solid #2c3450;display:grid;grid-template-columns:125px 1fr 50px;align-items:center;gap:28px}.principle-label{font-size:9px;letter-spacing:.2em;font-weight:800;color:var(--cyan)}.principle-band p{font-size:clamp(17px,2vw,24px);line-height:1.55;max-width:1000px;margin:0;font-weight:550;color:#f0f2fc;letter-spacing:-.02em}.principle-band p span{color:#98a5c6;font-weight:400}.principle-mark{font-size:31px;color:var(--coral);text-align:right}.section-wrap{max-width:1370px;margin:0 auto;padding:112px clamp(24px,5vw,78px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-heading h2,.workflow-intro h2,.limits-heading h2{font-size:clamp(34px,4.5vw,52px);line-height:1.09;letter-spacing:-.05em;margin:0;font-weight:620}.section-heading>p{max-width:390px;margin:0;color:#9da9c6;font-size:13px;line-height:1.9}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.capability-card{background:#171d31;border:1px solid #303854;border-radius:13px;padding:22px 23px 26px;min-height:295px}.capability-card-tall{grid-row:span 2;min-height:100%}.feature-index{font-size:9px;font-weight:800;letter-spacing:.14em;color:#8392b9}.feature-illustration{margin:24px 0 21px;height:105px;border:1px solid #2c3653;border-radius:9px;background:#131a2c;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.mini-map{height:170px;align-items:center;justify-content:center}.mini-node{position:absolute;padding:7px 10px;border-radius:5px;background:#242e4a;border:1px solid #596b98;color:#dce4ff;font-size:9px;font-weight:700}.n-client{top:17px;left:18px}.n-api{top:17px;right:21px;border-color:#4faeb8;background:#1d3842}.n-service{bottom:18px;left:39px;border-color:#4faeb8;background:#1d3842}.n-data{bottom:18px;right:26px;border-color:#b76f5b;background:#3a2937}.mini-line{position:absolute;height:1px;background:#63dde6;transform-origin:left center}.l-one{left:72px;top:40px;width:80px}.l-two{left:50%;top:45px;width:68px;transform:rotate(53deg)}.l-three{left:104px;bottom:43px;width:99px;transform:rotate(-1deg);background:#ff9b79}.trace-illustration{gap:8px}.trace-illustration span{border:1px solid #46557c;border-radius:5px;padding:10px 9px;font-size:9px;font-weight:700;background:#212943}.trace-illustration i{font-style:normal;color:var(--cyan)}.review-illustration b{font-size:18px;color:var(--cyan);border:1px solid #4f8f96;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;margin-right:13px}.review-illustration span{display:flex;flex-direction:column;gap:7px;width:85px}.review-illustration span i{height:4px;border-radius:10px;background:#343f60}.review-illustration span i:first-child{width:100%;background:#63dde6}.review-illustration span i:nth-child(2){width:72%}.review-illustration span i:nth-child(3){width:86%}.review-illustration em{position:absolute;right:9px;bottom:8px;font-size:8px;color:#ffb69f;font-style:normal}.share-illustration{align-items:flex-start;flex-direction:column;padding:13px 18px;gap:6px}.share-illustration div{position:absolute;right:18px;top:18px;font-weight:800;color:#ffb092;font-size:20px}.share-illustration span{font-size:8px;letter-spacing:.12em;color:#93a0c1;width:100%;display:flex;justify-content:space-between}.share-illustration b{color:#63dde6;font-size:8px}.capability-card h3{margin:0 0 9px;font-size:17px;font-weight:630;letter-spacing:-.025em}.capability-card p{margin:0;color:#98a5c5;font-size:12px;line-height:1.85}.workflow-section{background:#171d30;border-block:1px solid #2a3350}.workflow-inner{max-width:1350px;margin:0 auto;padding:97px clamp(24px,5vw,78px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.workflow-intro h2{margin-bottom:20px}.workflow-intro>p:not(.eyebrow){color:#99a6c5;font-size:13px;line-height:1.85;max-width:370px;margin:0 0 24px}.workflow-steps{list-style:none;margin:0;padding:0}.workflow-steps li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #303852}.workflow-steps li:last-child{border:0;margin-bottom:0}.workflow-steps li>span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.1em;padding-top:4px}.workflow-steps h3{margin:0 0 6px;font-size:15px;font-weight:640}.workflow-steps p{margin:0;color:#98a5c4;font-size:12px;line-height:1.8;max-width:600px}.limits-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.limits-heading h2{font-size:clamp(32px,3.8vw,46px);max-width:520px}.limits-heading>p:last-child{color:#98a4c3;font-size:13px;line-height:1.9;max-width:480px;margin-top:20px}.limits-points{display:grid;gap:0}.limits-points>div{padding:18px 0;border-bottom:1px solid #2b3450;display:grid;grid-template-columns:34px 1fr;column-gap:13px}.limits-points>div:first-child{padding-top:0}.limits-points>div>span{color:var(--coral);font-size:10px;font-weight:800;padding-top:3px}.limits-points h3{font-size:13px;margin:0 0 5px}.limits-points p{grid-column:2;color:#98a5c4;font-size:11px;line-height:1.8;margin:0;max-width:480px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:53px clamp(24px,8vw,120px);background:#1f2841;border-block:1px solid #404b6d}.final-cta .eyebrow{color:var(--cyan);margin-bottom:10px}.final-cta h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.04em;margin:0 0 7px}.final-cta p:not(.eyebrow){margin:0;color:#aab4d0;font-size:12px}.site-footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px clamp(24px,5vw,78px);color:#7f8bae;font-size:10px}.brand-footer .brand-copy strong{font-size:10px}.site-footer>a:last-child:hover{color:var(--cyan)}
/* Studio shell */
.studio-page{height:100vh;min-height:600px;overflow:hidden;background:var(--night);display:flex;flex-direction:column}.studio-topbar{height:68px;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#121729;flex:none;z-index:10}.studio-top-left,.studio-top-right{display:flex;align-items:center;gap:12px;min-width:0}.studio-top-left{width:31%;}.studio-top-right{justify-content:flex-end}.studio-brand{flex:none}.top-divider{width:1px;height:27px;background:#303954;flex:none}.project-title-wrap{min-width:0;display:flex;flex-direction:column;gap:1px}.micro-label{color:#7582a5;font-size:8px;font-weight:800;letter-spacing:.16em}.project-name-input{background:transparent;color:#eff3ff;border:1px solid transparent;border-radius:5px;padding:4px 7px;font-weight:700;font-size:12px;width:min(210px,100%);min-width:80px;text-overflow:ellipsis}.project-name-input:hover,.project-name-input:focus{border-color:#414b6b;background:#181f35;outline:none}.session-status{display:flex;align-items:center;gap:7px;color:#94a0c0;font-size:9px;white-space:nowrap}.session-status i{width:6px;height:6px;border-radius:50%;background:var(--coral);display:inline-block}.top-action{border:1px solid #36405f;color:#c8d0e8;background:#1a2137;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:650;white-space:nowrap}.top-action:hover{border-color:#5f709d;background:#222b44}.top-action-primary{border-color:#63dde6;background:#63dde6;color:#0f1e2a}.top-action-primary:hover{background:#8aebf0}.icon-action{width:32px;height:32px;border:1px solid #37415f;background:#1a2137;color:#d2daf0;border-radius:7px;display:grid;place-items:center;font-size:14px}.icon-action:hover{border-color:var(--cyan);color:var(--cyan)}.mode-rail{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid #2c3551;background:#161c30;flex:none}.mode-tabs{display:flex;align-items:stretch;height:100%;gap:5px}.mode-tab{position:relative;border:0;background:transparent;color:#909dbd;padding:0 16px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:9px}.mode-tab .tab-index{font-size:8px;letter-spacing:.08em;color:#647194}.mode-tab.active{color:#f1f4ff}.mode-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--cyan);border-radius:2px}.mode-tab.active .tab-index{color:var(--cyan)}.mode-tab:hover{color:#fff}.mode-rail-note{font-size:9px;color:#7f8bad;letter-spacing:.035em;white-space:nowrap}.studio-main{display:grid;grid-template-columns:224px minmax(0,1fr) 292px;flex:1;min-height:0;overflow:hidden}.palette-panel,.inspector-panel{background:#171d31;min-height:0;display:flex;flex-direction:column;overflow:hidden}.palette-panel{border-right:1px solid #303852}.inspector-panel{border-left:1px solid #303852}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:18px 16px 13px}.panel-heading{margin:0;color:#eef1ff;font-size:11px;font-weight:750;letter-spacing:.01em}.panel-kicker{font-size:8px;color:#7683a5;font-weight:750;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.muted-count{font-size:9px;color:#9aa7c9;border:1px solid #343e5c;border-radius:5px;padding:3px 6px}.panel-subtitle{padding:0 16px;color:#8390b1;font-size:10px;line-height:1.65;margin:0 0 13px}.palette-search{margin:0 12px 13px;position:relative}.palette-search input{width:100%;background:#111729;border:1px solid #313a57;border-radius:7px;padding:9px 10px 9px 29px;color:#e5eaff;font-size:10px}.palette-search span{position:absolute;left:10px;top:7px;color:#7684a7;font-size:13px}.component-list{padding:0 10px 13px;display:grid;gap:6px;overflow:auto}.component-choice{border:1px solid transparent;background:transparent;border-radius:8px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;color:#d8e0f7;width:100%;min-width:0}.component-choice:hover{background:#202740;border-color:#36405e}.component-icon{width:30px;height:30px;border:1px solid #435171;background:#202943;color:#9eaafa;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.component-icon.cyan{background:#1c353f;border-color:#3f7983;color:#63dde6}.component-icon.coral{background:#392a37;border-color:#755163;color:#ffab8c}.component-icon.violet{background:#2a2b48;border-color:#54588c;color:#b0b5ff}.component-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.component-copy b{font-size:10px;font-weight:700}.component-copy small{font-size:8px;color:#8794b4;white-space:nowrap}.palette-section-label{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 7px;color:#7d89a9;font-size:8px;letter-spacing:.15em;font-weight:800;border-top:1px solid #2d3651}.node-index{padding:2px 8px 9px;display:grid;gap:3px;overflow:auto;min-height:80px}.node-index-item{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 8px;color:#abb7d4;text-align:left;font-size:9px;min-width:0}.node-index-item:hover{background:#202740}.node-index-item.selected{background:#213541;border-color:#3f7580;color:#e8feff}.node-index-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-index-glyph{font-size:9px;width:18px;height:18px;border-radius:4px;background:#262e49;display:grid;place-items:center;color:#9faeff;flex:none}.panel-bottom-note{margin-top:auto;padding:12px 14px;border-top:1px solid #2d3651;color:#7f8cad;font-size:9px;line-height:1.65;flex:none}.panel-bottom-note b{color:#b6c1df;font-weight:650}.workspace-center{min-width:0;min-height:0;display:flex;flex-direction:column;background:#111628}.canvas-toolbar{min-height:48px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2c3550;background:#161d31;flex:none}.canvas-toolbar-group{display:flex;align-items:center;gap:5px;min-width:0}.tool-button{border:1px solid #384260;background:#1d253d;color:#bfcae5;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:650;white-space:nowrap}.tool-button:hover{border-color:#617299;color:#f4f7ff}.tool-button.active{border-color:#63dde6;color:#8be9ee;background:#1c343f}.tool-button-icon{padding:7px 9px;font-size:12px}.tool-button-label{color:#7785a7;font-size:9px;padding:0 3px;white-space:nowrap}.zoom-readout{min-width:36px;text-align:center;color:#adb9d5;font-size:9px;font-variant-numeric:tabular-nums}.canvas-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background-color:#111628;background-image:radial-gradient(circle,rgba(118,135,180,.22) 1px,transparent 1px);background-size:23px 23px;touch-action:none}.canvas-hint{position:absolute;left:16px;bottom:14px;color:#7886a8;font-size:8px;z-index:2;pointer-events:none;background:rgba(17,22,40,.82);padding:6px 8px;border:1px solid rgba(91,106,151,.2);border-radius:5px}.canvas-origin-label{position:absolute;top:13px;left:16px;color:#657294;font-size:8px;font-weight:800;letter-spacing:.15em;pointer-events:none}.canvas-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(370px,85%);text-align:center;padding:27px 22px;border:1px dashed #414c6c;background:rgba(22,29,49,.91);border-radius:13px;z-index:3}.canvas-empty[hidden]{display:none}.canvas-empty .empty-mark{margin:0 auto 13px;width:43px;height:43px;border:1px solid #4a587d;border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:20px}.canvas-empty h2{margin:0 0 7px;font-size:16px;letter-spacing:-.025em}.canvas-empty p{margin:0 auto 16px;color:#9aa8ca;font-size:10px;line-height:1.8;max-width:280px}.canvas-world{position:absolute;left:0;top:0;width:2400px;height:1500px;transform-origin:0 0}.edge-world{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.edge-hit{fill:none;stroke:transparent;stroke-width:17;pointer-events:stroke;cursor:pointer}.edge-path{fill:none;stroke:#6b7ca9;stroke-width:1.7;pointer-events:none}.edge-world g.selected .edge-path{stroke:var(--cyan);stroke-width:2.3}.edge-label-bg{fill:#182038;stroke:#465271;stroke-width:.8}.edge-world g.selected .edge-label-bg{stroke:#63dde6}.edge-label{font:10px ui-sans-serif,system-ui,sans-serif;fill:#c4cfea;text-anchor:middle;pointer-events:none}.node-world{position:absolute;left:0;top:0;width:2400px;height:1500px;pointer-events:none}.diagram-node{position:absolute;width:172px;height:112px;min-height:112px;overflow:hidden;padding:0;background:#202943;border:1px solid #495b84;border-radius:9px;color:#eef3ff;box-shadow:0 9px 18px rgba(0,0,0,.18);pointer-events:auto;cursor:grab;user-select:none;transition:border-color .12s,box-shadow .12s,background .12s}.diagram-node:active{cursor:grabbing}.diagram-node.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(99,221,230,.14),0 12px 25px rgba(0,0,0,.24);background:#233443}.diagram-node.connect-source{border-color:var(--coral);box-shadow:0 0 0 2px rgba(255,155,121,.17)}.node-cap{height:5px;border-radius:8px 8px 0 0;background:#8593ff}.diagram-node[data-kind="client"] .node-cap,.diagram-node[data-kind="web"] .node-cap{background:#9da7ff}.diagram-node[data-kind="api"] .node-cap,.diagram-node[data-kind="service"] .node-cap{background:#63dde6}.diagram-node[data-kind="event"] .node-cap,.diagram-node[data-kind="queue"] .node-cap{background:#ff9b79}.diagram-node[data-kind="external"] .node-cap{background:#be9dff}.diagram-node[data-kind="store"] .node-cap{background:#8aa6bf}.node-card-main{padding:10px 11px 9px}.node-card-top{display:flex;align-items:center;gap:7px;margin-bottom:6px}.node-card-glyph{width:22px;height:22px;display:grid;place-items:center;border:1px solid #52638b;border-radius:5px;background:#2a3555;color:#bfcaff;font-size:9px;font-weight:800;flex:none}.diagram-node[data-kind="api"] .node-card-glyph,.diagram-node[data-kind="service"] .node-card-glyph{border-color:#437882;background:#1c3942;color:#7de8ed}.diagram-node[data-kind="event"] .node-card-glyph,.diagram-node[data-kind="queue"] .node-card-glyph{border-color:#815568;background:#3a2a38;color:#ffb69d}.diagram-node[data-kind="external"] .node-card-glyph{border-color:#625a91;background:#2d2c4b;color:#c9b7ff}.node-kind-label{font-size:8px;color:#91a0c3;letter-spacing:.1em;text-transform:uppercase;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-title{font-size:11px;font-weight:760;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.node-subtitle{font-size:9px;color:#9faccc;line-height:1.45;height:13px;min-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-card-footer{height:26px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 11px 7px;border-top:1px solid rgba(127,144,186,.14);color:#8795b6;font-size:8px}.node-criticality{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none}.node-card-footer span:last-child{min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.node-criticality i{width:5px;height:5px;border-radius:50%;background:#7583a5}.node-criticality[data-level="high"] i{background:#ff9b79}.node-criticality[data-level="critical"] i{background:#ff647e}.boundary-box{position:absolute;border:1px dashed rgba(112,133,183,.7);background:rgba(37,48,78,.18);border-radius:14px;pointer-events:auto}.boundary-caption{position:absolute;left:13px;top:10px;color:#8b9bc3;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}.canvas-statusbar{height:30px;border-top:1px solid #28324c;background:#151b2e;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7d8aab;font-size:8px;flex:none}.canvas-statusbar strong{color:#bbc6e2;font-weight:700}.statusbar-group{display:flex;align-items:center;gap:14px}.mode-view{flex:1;min-height:0;overflow:auto;padding:28px clamp(18px,4vw,46px);background:#111628}.mode-view[hidden]{display:none}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.view-heading .eyebrow{margin-bottom:7px;color:var(--cyan)}.view-heading h1{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:650}.view-heading p{font-size:11px;color:#9ca9c8;margin:8px 0 0;max-width:650px;line-height:1.8}.view-toolbar{display:flex;gap:7px;flex-wrap:wrap}.review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.metric-tile{border:1px solid #323d5b;border-radius:9px;padding:15px;background:#171e32}.metric-tile span{display:block;color:#8d9abd;font-size:9px;margin-bottom:9px}.metric-tile b{font-size:25px;letter-spacing:-.04em;font-weight:650;color:#f1f4ff}.metric-tile small{display:block;color:#7c8aab;font-size:8px;margin-top:3px}.review-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.review-card,.spec-card{border:1px solid #313b59;background:#171e32;border-radius:10px;padding:17px;min-width:0}.review-card h2,.spec-card h2{margin:0;font-size:12px}.review-card .card-sub,.spec-card .card-sub{color:#8492b5;font-size:9px;margin:5px 0 14px;line-height:1.6}.finding-list{display:grid;gap:8px}.finding-item{border:1px solid #303a58;border-radius:7px;padding:10px 11px;background:#141a2c;display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:start}.finding-sign{font-size:12px;font-weight:850;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#242d48;color:#b7c4e3}.finding-item[data-severity="error"] .finding-sign{background:#492d3c;color:#ff9eab}.finding-item[data-severity="warning"] .finding-sign{background:#493b2d;color:#ffc58c}.finding-item[data-severity="success"] .finding-sign{background:#203f43;color:#81e2dc}.finding-item b{font-size:10px;color:#e8edfc}.finding-item p{font-size:9px;color:#9ca9c7;margin:4px 0 0;line-height:1.65}.finding-item button{background:none;border:0;padding:0;color:var(--cyan);font-size:9px;margin-top:7px}.issue-count{font-size:9px;border-radius:5px;background:#273149;color:#c1cbe3;padding:3px 6px}.inspector-scroll{overflow:auto;min-height:0;flex:1;padding:0 13px 18px}.inspector-intro{padding:0 15px 12px;color:#8f9cbd;font-size:9px;line-height:1.75}.inspector-form{display:grid;gap:13px;padding:0 2px}.form-field{display:grid;gap:6px}.form-field label{font-size:9px;font-weight:700;color:#9faccc}.form-field input,.form-field select,.form-field textarea{width:100%;background:#111729;border:1px solid #333d5a;color:#e8edfc;border-radius:6px;padding:9px 10px;font-size:10px;min-width:0}.form-field textarea{min-height:79px;resize:vertical;line-height:1.65}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:1px solid #63dde6;border-color:#63dde6}.form-field small{font-size:8px;color:#7e8bad;line-height:1.5}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px;border-top:1px solid #2d3754}.inspector-actions button{flex:1;min-width:70px}.danger-button{border-color:#764557!important;color:#ffadbb!important;background:#352433!important}.inspector-empty{padding:26px 18px;text-align:center;color:#95a2c3}.inspector-empty .empty-icon{font-size:22px;color:var(--cyan);margin-bottom:9px}.inspector-empty h3{font-size:12px;margin:0 0 8px;color:#e6ebfc}.inspector-empty p{font-size:9px;line-height:1.8;margin:0;color:#8997b9}.inspector-empty button{margin-top:14px}.mini-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-stat{border:1px solid #323c59;border-radius:7px;padding:10px;background:#141a2b}.mini-stat span{display:block;font-size:8px;color:#8997b9}.mini-stat b{display:block;font-size:14px;color:#e9efff;margin-top:4px}.info-note{border:1px solid #34425f;background:#1b263b;color:#9aaacc;padding:10px;border-radius:7px;font-size:9px;line-height:1.7}.spec-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8;color:#bbc9e9;background:#131a2c;border:1px solid #303a57;border-radius:8px;padding:18px;min-height:300px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(4,7,15,.77);display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal-backdrop[hidden]{display:none}.modal{width:min(680px,100%);max-height:min(85vh,800px);overflow:auto;background:#1a2137;border:1px solid #414c6d;border-radius:15px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 23px;border-bottom:1px solid #343e5b}.modal-header h2{margin:0;font-size:17px;letter-spacing:-.025em}.modal-header p{margin:6px 0 0;color:#9ba8c9;font-size:10px;line-height:1.7}.modal-body{padding:20px 23px}.modal-close{background:#252e47;border:1px solid #3c4768;color:#d7e0f5;border-radius:6px;width:29px;height:29px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{padding:15px;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:143px;border-radius:9px;border:1px solid #394463;background:#1a2238;color:#e5ebff}.template-card:hover{border-color:#63dde6;background:#1d2b3d}.template-icon{width:32px;height:32px;border:1px solid #4d6085;background:#24304b;border-radius:7px;display:grid;place-items:center;color:var(--cyan)}.template-card b{font-size:11px}.template-card p{font-size:9px;color:#9eacca;line-height:1.65;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 23px;border-top:1px solid #343e5b}.toast-region{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:200;pointer-events:none}.toast{padding:11px 14px;border:1px solid #475477;background:#202a44;color:#e8eeff;border-radius:8px;box-shadow:var(--shadow);font-size:10px;max-width:min(380px,calc(100vw - 36px));animation:toast-in .18s ease}.toast.error{border-color:#815364}.toast.success{border-color:#4f8990}@keyframes toast-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{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}
@media(max-width:1200px){.studio-main{grid-template-columns:200px minmax(0,1fr) 265px}.studio-top-left{width:28%}.top-action{padding:7px 9px}.hero-section{gap:28px}.workflow-inner{gap:60px}}
@media(max-width:980px){.hero-section{grid-template-columns:1fr;gap:35px;padding-top:58px}.hero-copy{max-width:800px}.hero-visual{max-width:850px;width:100%;margin:0 auto}.hero-copy h1{font-size:clamp(44px,7vw,68px)}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card-tall{grid-row:auto;min-height:295px}.workflow-inner{gap:38px}.limits-section{gap:45px}.studio-topbar{padding:0 12px;gap:8px}.studio-top-left{width:auto;flex:1}.studio-top-right{flex:none}.studio-brand .brand-copy small{display:none}.studio-main{grid-template-columns:185px minmax(0,1fr)}.inspector-panel{position:absolute;right:0;top:116px;bottom:0;width:290px;z-index:20;box-shadow:-20px 0 45px rgba(0,0,0,.25);transform:translateX(101%);transition:transform .2s ease}.inspector-panel.mobile-open{transform:translateX(0)}.inspector-panel.mobile-open:before{content:"";position:fixed;inset:116px 290px 0 0;background:rgba(4,7,15,.44);pointer-events:none}.studio-top-left .top-divider{display:none}.studio-top-left .project-title-wrap{display:flex;max-width:145px}.studio-top-left .project-name-input{width:135px}.studio-top-left{flex:1;min-width:0}.studio-topbar .session-status{margin-left:auto}.review-columns{grid-template-columns:1fr}}
@media(max-width:700px){.site-header{height:67px;padding:0 18px}.site-nav{display:none}.site-cta{padding:9px 10px;font-size:10px;gap:8px}.brand-copy small{font-size:7px}.hero-section{padding:47px 19px 53px;min-height:0}.hero-copy h1{font-size:clamp(39px,11vw,59px)}.hero-lede{font-size:13px;margin:19px 0 23px}.hero-actions{gap:16px}.hero-meta{gap:10px;margin-top:24px;font-size:9px}.hero-visual{padding:11px 10px 0}.blueprint-topline,.blueprint-foot{font-size:7px}.principle-band{padding:24px 20px;grid-template-columns:1fr 28px;gap:9px}.principle-label{grid-column:1/-1}.principle-band p{font-size:16px}.principle-mark{grid-column:2;grid-row:2}.section-wrap{padding:70px 19px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:18px;font-size:12px}.section-heading h2,.workflow-intro h2{font-size:39px}.capability-grid{grid-template-columns:1fr;gap:10px}.capability-card{min-height:0;padding:19px}.capability-card-tall{min-height:0}.feature-illustration{height:88px;margin:19px 0}.mini-map{height:140px}.workflow-inner{padding:68px 19px;grid-template-columns:1fr;gap:39px}.workflow-steps li{gap:12px;grid-template-columns:30px 1fr}.limits-section{grid-template-columns:1fr;gap:27px}.limits-heading h2{font-size:36px}.final-cta{padding:37px 20px;align-items:flex-start;flex-direction:column;gap:22px}.site-footer{padding:18px 19px;flex-wrap:wrap}.site-footer>span{display:none}.studio-page{min-height:520px}.studio-topbar{height:60px}.studio-topbar .brand-copy small{display:none}.studio-topbar .brand-copy strong{font-size:10px}.studio-topbar .brand-mark{width:30px;height:30px}.studio-topbar .session-status{display:none}.studio-top-right{gap:5px}.studio-top-right .top-action[data-action="import"]{display:none}.top-action{font-size:9px;padding:7px 8px}.mode-rail{height:43px;padding:0 5px;gap:4px}.mode-tab{padding:0 10px;font-size:9px;gap:5px}.mode-tab .tab-index{display:none}.mode-rail-note{display:none}.studio-main{grid-template-columns:minmax(0,1fr);position:relative}.palette-panel{position:absolute;z-index:21;left:0;top:0;bottom:0;width:min(252px,84vw);transform:translateX(-101%);transition:transform .2s ease;box-shadow:20px 0 45px rgba(0,0,0,.24)}.palette-panel.mobile-open{transform:translateX(0)}.workspace-center{grid-column:1}.canvas-toolbar{padding:6px;gap:4px}.canvas-toolbar-group{gap:3px}.tool-button{padding:7px 7px;font-size:8px}.tool-button-label{display:none}.tool-button-icon{padding:6px 8px}.canvas-statusbar{font-size:7px;padding:0 7px}.statusbar-group{gap:7px}.canvas-hint{left:7px;bottom:7px;font-size:7px}.inspector-panel{top:103px;width:min(290px,89vw)}.inspector-panel.mobile-open:before{inset:103px min(290px,89vw) 0 0}.review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-view{padding:21px 13px}.view-heading{align-items:flex-start;flex-direction:column;gap:12px}.view-heading h1{font-size:22px}.review-columns{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.modal-header,.modal-body{padding:17px}.modal-footer{padding:12px 17px}.project-name-input{width:140px}.top-action[data-action="export-svg"]{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Browser-hidden state and utility controls */
[hidden]{display:none!important}.mobile-only{display:none}.studio-main.mode-nonmap{grid-template-columns:minmax(0,1fr)}.studio-main.palette-collapsed{grid-template-columns:minmax(0,1fr)}
.template-dialog{width:min(680px,calc(100% - 28px));max-width:680px;max-height:min(85vh,800px);padding:0;background:#1a2137;color:var(--ink);border:1px solid #414c6d;border-radius:15px;box-shadow:var(--shadow);overflow:auto}.template-dialog::backdrop{background:rgba(4,7,15,.77);backdrop-filter:blur(7px)}
@media(max-width:980px){.mobile-only{display:grid}.studio-brand .brand-copy small{display:none}.studio-top-left .project-title-wrap{max-width:125px}.studio-top-left .project-name-input{width:118px}.studio-top-right .top-action[data-action="templates"],.studio-top-right .top-action[data-action="export-svg"]{display:none}}
@media(max-width:700px){.mobile-only{display:grid}.studio-top-left .project-title-wrap{display:none}.studio-topbar .top-action[data-action="templates"]{display:none}.canvas-toolbar{flex-wrap:wrap}.canvas-toolbar-group{flex:1 1 100%;justify-content:space-between}.canvas-toolbar-group:last-child{justify-content:flex-start}}

/* Stage 4 polish: first-run actions and persistent access to optional fixtures */
.canvas-empty-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.canvas-empty-actions .button{font-size:10px;padding:9px 11px;gap:7px}.button-secondary{background:#1a2238;color:#d5def5;border-color:#3b4666;box-shadow:none}.button-secondary:hover{background:#202b43;border-color:var(--cyan)}.dialog-inline-link{color:var(--cyan);font-weight:700;text-decoration:underline;text-underline-offset:3px}.dialog-inline-link:hover{color:#a3f1f4}.top-action-samples{display:inline-flex;align-items:center;justify-content:center}@media(max-width:980px){.top-action-samples{display:none}}@media(max-width:700px){.canvas-empty{padding:22px 16px}.canvas-empty-actions{align-items:stretch;flex-direction:column}.canvas-empty-actions .button{width:100%}}


/* Functional audit: consistent controls, clear file-drop feedback, and stable form alignment. */
.form-field{min-width:0;align-content:start}
.form-field label{display:block;line-height:1.35;min-height:1.35em}
.form-field input,.form-field select,.form-field textarea{display:block;min-width:0;max-width:100%;line-height:1.4}
.form-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:36px;padding:8px 36px 8px 10px;color-scheme:dark;background-color:#111729;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 4.5 3.5 3 3.5-3' fill='none' stroke='%238e9cbc' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px 12px;cursor:pointer}
.form-field select option{background:#111729;color:#e8edfc}
.form-field select:disabled{opacity:.48;cursor:not-allowed}
.form-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.form-two>.form-field{min-width:0}
.file-drop-overlay{position:absolute;inset:12px;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;border:1px dashed var(--cyan);border-radius:14px;background:rgba(13,20,35,.94);box-shadow:inset 0 0 0 5px rgba(99,221,230,.035),0 18px 50px rgba(0,0,0,.3);pointer-events:none;color:#eef3ff}
.file-drop-overlay[hidden]{display:none!important}
.file-drop-overlay .file-drop-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid #427984;background:#1b3540;border-radius:12px;color:var(--cyan);font-size:24px}
.file-drop-overlay strong{font-size:15px}
.file-drop-overlay>span:last-child{max-width:330px;color:#a7b5d4;font-size:11px;line-height:1.65}
/* Account menu integration: keep the marketing header balanced on narrow screens. */
@media(max-width:700px){.site-header[data-sb-has-account]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:0 12px}.site-header[data-sb-has-account] .brand{min-width:0}.site-header[data-sb-has-account] .brand-copy small{display:none}.site-header[data-sb-has-account] .brand-copy strong{font-size:11px}.site-header[data-sb-has-account] .site-cta{padding:8px 8px;font-size:9px;gap:5px;white-space:nowrap}.site-header[data-sb-has-account]>.sb-account{grid-column:3;grid-row:1}}