:root{color:#e9f1f7;background:radial-gradient(circle at top left,rgba(86,198,178,.16),transparent 28%),radial-gradient(circle at top right,rgba(76,167,255,.14),transparent 28%),linear-gradient(180deg,#07111b,#081522 48%,#0c1624);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.app-shell{min-height:100vh;color:#e8f2fa}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(240px,1.2fr) auto;gap:18px;align-items:center;padding:14px 18px;background:#040b12c7;border-bottom:1px solid rgba(142,182,210,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4ebbffeb,#69d2a4e6);color:#041019;font-weight:900;letter-spacing:0}.brand-block strong{display:block;font-size:1rem;line-height:1.2}.eyebrow,.section-label{margin:0;color:#8dcdf7;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.global-search{display:grid;gap:6px;min-width:0}.global-search span{color:#9ab4c9;font-size:.78rem;font-weight:700}.global-search input{width:100%;min-height:46px;border:1px solid rgba(140,171,198,.18);border-radius:14px;padding:0 16px;background:#08121de0;color:#eff6fb;outline:none}.global-search input::placeholder{color:#86a0b4}.topbar-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.toolbar-chip,.env-pill,.role-pill,.nav-item,.action-chip,.workspace-tab,.command-chip{min-height:40px;border:1px solid rgba(141,172,197,.16);border-radius:12px;padding:0 14px;background:#ffffff0a;color:#e8f2fa;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.toolbar-chip:hover,.env-pill:hover,.role-pill:hover,.nav-item:hover,.action-chip:hover,.workspace-tab:hover,.command-chip:hover{transform:translateY(-1px);border-color:#73cda473;background:#73cda41a}.environment-switch{display:inline-flex;gap:6px;padding:4px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(141,172,197,.12)}.env-pill.active,.role-pill.active,.nav-item.active,.workspace-tab.active{background:#69d2a429;border-color:#69d2a47a;color:#effef4}.workspace-shell{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2.2fr) minmax(320px,.9fr);gap:16px;align-items:start;padding:16px}.sidebar,.content,.context-rail{min-width:0}.sidebar{display:grid;gap:14px;position:sticky;top:86px;align-self:start}.sidebar-card,.hero-card,.surface-band,.workspace-band,.module-card,.rail-card{border:1px solid rgba(140,171,198,.16);border-radius:16px;background:#08121dc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000002e}.sidebar-card{padding:16px}.identity-card{display:grid;gap:4px}.identity-card strong{font-size:1.05rem}.identity-card span{color:#9bb0c2;font-size:.9rem}.nav-list{display:grid;gap:8px}.nav-item{text-align:left;color:#dce8f3}.role-switcher{display:grid;gap:8px}.role-pill{text-align:left;color:#dce8f3}.content{display:grid;gap:16px}.hero-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;padding:22px;background:linear-gradient(135deg,#0f2030f0,#081522e6),#08121dcc}.hero-card.request-console{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;align-items:start;background:linear-gradient(180deg,#0d1b2af5,#08121ded),#08121dd1}.console-main{display:grid;gap:16px;min-width:0}.console-intro{display:grid;gap:10px}.console-aside{display:grid;gap:12px;position:sticky;top:86px;align-self:start}.empty-console,.output-card,.console-card,.composer-panel{border:1px solid rgba(141,172,197,.14);border-radius:16px;background:#ffffff0a}.empty-console,.output-card,.console-card{padding:16px}.empty-console{display:grid;gap:10px}.empty-console strong{font-size:1.08rem}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.starter-card{min-height:104px;padding:14px;text-align:left;border-radius:14px;border:1px solid rgba(141,172,197,.14);background:#08121dcc;color:#e8f2fa}.console-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.console-tabs .workspace-tab{white-space:nowrap}.output-stack{display:grid;gap:14px}.dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.composer-panel{display:grid;gap:12px;padding:16px}.composer-field{display:grid;gap:8px}.composer-field span{color:#9ab4c9;font-size:.82rem;font-weight:700}.composer-field textarea{width:100%;min-height:140px;border:1px solid rgba(141,172,197,.16);border-radius:14px;padding:14px;background:#08121df0;color:#eff6fb;resize:vertical}.composer-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.composer-toolbar.wrap{align-items:flex-start;flex-direction:column}.segmented-control{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border-radius:14px;border:1px solid rgba(141,172,197,.14);background:#ffffff08}.segment{min-height:34px;padding:0 10px;border-radius:10px;color:#cfe0ee;background:transparent;border:1px solid transparent}.segment.active{background:#69d2a424;border-color:#69d2a46b;color:#f0fff4}.toolbar-select{min-height:40px;border:1px solid rgba(141,172,197,.16);border-radius:12px;padding:0 12px;background:#08121de6;color:#eff6fb}.attachment-strip{display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(105,210,164,.22);background:#69d2a41a;color:#def8e9}.composer-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-rail.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.workflow-rail.compact .workflow-node{min-height:78px}.code-block{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(141,172,197,.12);background:#060c14eb;overflow:auto}.code-block pre{margin:0;color:#cfe6f3;font-size:.84rem;line-height:1.6;white-space:pre-wrap}.hero-copy h1,.band-header h2,.window-head h3,.rail-card strong{margin:0;letter-spacing:0}.hero-copy h1{margin-top:8px;max-width:920px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98}.hero-summary{max-width:860px;margin:16px 0 0;color:#b8c9d8;font-size:1.02rem}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badge,.status-pill,.compact-pill,.context-chip{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;border:1px solid rgba(141,172,197,.16);padding:0 12px;background:#ffffff0a;color:#dce8f3}.hero-panel{display:grid;gap:14px;padding:16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(105,210,164,.16)}.identity-summary{display:flex;gap:12px;align-items:center}.dot{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 8px #ffffff08}.identity-summary strong{display:block;font-size:1rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{display:grid;gap:4px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(141,172,197,.12)}.metric-card span{color:#96abc0;font-size:.8rem;font-weight:700}.metric-card strong{font-size:1.3rem}.surface-band,.workspace-band{padding:18px}.band-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.band-header h2{margin-top:8px;font-size:clamp(1.3rem,2.2vw,1.9rem)}.layout-hint{display:grid;justify-items:end;gap:2px;color:#9ab4c9;font-size:.82rem}.action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.action-chip{min-height:48px;text-align:left;border-radius:14px;color:#eff6fb}.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workspace-tab{min-height:38px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.primary-window,.secondary-window{padding:16px;border-radius:16px;border:1px solid rgba(141,172,197,.14);background:linear-gradient(180deg,#ffffff0d,#ffffff08),#0a1420cc}.primary-window{min-height:450px}.secondary-stack{display:grid;gap:14px}.window-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.window-head.compact h3{font-size:1rem}.window-head h3{margin-top:4px;font-size:1.3rem}.window-summary{margin:12px 0 0;color:#b8c9d8}.bullet-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bullet{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#69d2a41a;border:1px solid rgba(105,210,164,.18);color:#def8e9}.topology{position:relative;min-height:220px;margin-top:18px;border-radius:16px;overflow:hidden;border:1px solid rgba(141,172,197,.16);background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at center,rgba(76,167,255,.12),transparent 50%),#08121df2;background-size:44px 44px}.topology-node{position:absolute;z-index:2;min-height:42px;display:grid;place-items:center;padding:0 14px;border-radius:12px;background:#0a1623eb;border:1px solid rgba(136,193,225,.22);color:#eef7fd;font-weight:800}.node-a{left:6%;top:16%}.node-b{left:34%;top:22%}.node-c{left:66%;top:14%}.node-d{left:16%;bottom:18%}.node-e{left:48%;bottom:14%}.node-f{right:10%;bottom:24%}.topology-line{position:absolute;height:2px;background:linear-gradient(90deg,#4ca7ff1f,#69d2a4d9);transform-origin:left center}.line-a{left:14%;top:37%;width:42%;transform:rotate(10deg)}.line-b{left:44%;top:35%;width:28%;transform:rotate(-24deg)}.line-c{left:24%;bottom:28%;width:46%;transform:rotate(-16deg)}.line-d{right:16%;top:48%;width:18%;transform:rotate(74deg)}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.universal-grid,.center-grid,.marketplace-grid{display:grid;gap:14px}.universal-grid,.center-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.maturity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.maturity-card{display:grid;gap:8px;padding:16px;border-radius:16px;border:1px solid rgba(141,172,197,.14);background:#ffffff0a}.maturity-card strong{font-size:1rem}.maturity-card span{color:#8dcdf7;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.maturity-card p{color:#b8c9d8;margin:0}.marketplace-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.module-card{padding:16px}.module-card p:last-child{margin-bottom:0;color:#b8c9d8}.template-strip,.service-grid,.studio-grid,.field-grid,.workflow-rail,.artifact-list,.audit-list{display:grid;gap:12px}.template-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.template-chip{display:grid;gap:4px;text-align:left;min-height:100%;padding:14px;border-radius:14px;border:1px solid rgba(141,172,197,.14);background:#ffffff08}.template-chip strong,.service-card strong,.studio-card strong,.artifact-row strong{display:block;margin-bottom:4px}.template-chip span,.service-card p,.studio-note,.audit-row p,.artifact-row span{color:#b8c9d8}.template-chip.active{border-color:#69d2a473;background:#69d2a41a}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(340px,1fr) minmax(260px,.7fr)}.studio-card,.service-card{padding:16px;border-radius:16px;border:1px solid rgba(141,172,197,.14);background:#ffffff0a}.field{display:grid;gap:6px;margin-top:12px}.field span{color:#9ab4c9;font-size:.78rem;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:44px;border:1px solid rgba(141,172,197,.16);border-radius:12px;padding:10px 12px;background:#08121de6;color:#eff6fb}.field textarea{min-height:96px;resize:vertical}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,#69d2a4,#4ca7ff);color:#041019;font-weight:900}.chip-cloud.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-rail{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.workflow-node{display:grid;gap:6px;text-align:left;min-height:100%;padding:12px;border-radius:14px;border:1px solid rgba(141,172,197,.14);background:#ffffff08}.workflow-node span{font-size:.86rem;font-weight:800}.workflow-node strong{font-size:.9rem}.workflow-node em{font-style:normal;color:#9ab4c9;font-size:.75rem}.workflow-node.active{border-color:#4ca7ff73;background:#4ca7ff1f}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.artifact-row,.audit-row{padding:12px;border-radius:12px;border:1px solid rgba(141,172,197,.12);background:#ffffff08}.artifact-row span,.audit-row span{display:block;color:#8fa8bc;font-size:.8rem}.audit-row strong{display:block;margin:4px 0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid.marketplace{grid-template-columns:repeat(3,minmax(0,1fr))}.service-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 12px}.service-meta dt{color:#9ab4c9;font-size:.72rem;font-weight:800;text-transform:uppercase}.service-meta dd{margin:4px 0 0;color:#e8f2fa;font-size:.88rem;word-break:break-word}.universal-card,.center-card,.marketplace-card{padding:16px;border-radius:16px;border:1px solid rgba(141,172,197,.14);background:#ffffff0a}.universal-card strong,.center-card strong,.marketplace-card strong{display:block;margin-top:8px;font-size:1rem}.universal-card p,.center-card p,.marketplace-card p{color:#b8c9d8}.workflow-track{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.workflow-step{min-width:130px;flex:1 1 130px;padding:14px;border-radius:14px;border:1px solid rgba(105,210,164,.18);background:#69d2a414}.workflow-step span{color:#8dcdf7;font-size:.74rem;font-weight:800}.workflow-step strong{display:block;margin-top:4px}.workflow-arrow{color:#8dcdf7;font-weight:900}.twin-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:14px}.twin-map{min-height:320px;position:relative;border-radius:18px;border:1px solid rgba(141,172,197,.14);background:radial-gradient(circle at 50% 50%,rgba(76,167,255,.12),transparent 38%),linear-gradient(180deg,#ffffff0a,#ffffff05);overflow:hidden}.twin-node{position:absolute;display:grid;gap:4px;min-width:150px;padding:14px;border-radius:14px;background:#08121de0;border:1px solid rgba(141,172,197,.16);animation:float-in .52s ease both;animation-delay:var(--node-delay, 0ms)}.twin-node strong{font-size:.96rem}.twin-node span{color:#b8c9d8;font-size:.84rem}.twin-node:nth-child(1){left:6%;top:14%}.twin-node:nth-child(2){left:34%;top:28%}.twin-node:nth-child(3){left:64%;top:14%}.twin-node:nth-child(4){left:20%;bottom:14%}.twin-node:nth-child(5){right:10%;bottom:20%}.twin-metrics{display:grid;gap:10px}.command-list.large{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#00000085;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.palette-panel{width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;padding:18px;border-radius:18px;border:1px solid rgba(141,172,197,.2);background:linear-gradient(180deg,#0a1420fa,#070e16fa),#08121df5;box-shadow:0 30px 120px #00000073}.palette-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;color:#9ab4c9;font-size:.84rem}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.context-rail{display:grid;gap:14px;position:sticky;top:86px;align-self:start}.rail-card{padding:16px}.rail-card strong{display:block;margin-top:8px;font-size:1rem}.command-list,.signal-list,.chip-cloud,.feed-list{display:grid;gap:8px;margin-top:14px}.command-chip{text-align:left}.signal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(141,172,197,.12)}.signal-row span,.feed-list li,.rail-note{color:#b7cad9}.feed-list{margin:14px 0 0;padding-left:18px}.feed-list li::marker{color:#69d2a4}.rail-note{margin:10px 0 0}.footer-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px 18px;color:#8fa8bc;font-size:.82rem}@media (max-width: 1280px){.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.workspace-shell{grid-template-columns:1fr}.sidebar,.context-rail{position:static}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.universal-grid,.center-grid,.marketplace-grid,.twin-shell,.template-strip,.service-grid,.studio-grid,.workflow-rail,.hero-card.request-console,.dual-grid,.starter-grid{grid-template-columns:1fr}.maturity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-aside{position:static}}@media (max-width: 980px){.hero-card,.hero-card.request-console,.workspace-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid,.command-list.large,.service-grid.marketplace,.service-grid,.field-grid{grid-template-columns:1fr}.composer-actions,.composer-toolbar{align-items:stretch}.segmented-control,.segment,.toolbar-select{width:100%}}@media (max-width: 680px){.topbar{padding:12px 12px 14px}.workspace-shell{padding:12px}.hero-card,.surface-band,.workspace-band,.sidebar-card,.rail-card,.module-card,.composer-panel,.empty-console,.console-card,.output-card{border-radius:14px}.metric-grid,.action-grid,.starter-grid,.dual-grid,.maturity-grid{grid-template-columns:1fr}.band-header{align-items:start;flex-direction:column}.workspace-tabs{justify-content:flex-start}.footer-bar{padding:12px}}