:root{color-scheme:dark;--bg:#0b1218;--panel:#111c24;--panel2:#14222c;--outline:#293944;--text:#eff6f4;--muted:#91a4ae;--mint:#b5efce;--teal:#326b5b;--amber:#ffcf7a}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#101920;border-right:1px solid var(--outline);display:flex;flex-direction:column;padding:30px 18px;min-height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:800;letter-spacing:-.6px;padding:0 10px}.brand small{display:block;margin-top:1px;font-size:9px;letter-spacing:1.6px;font-weight:750;color:var(--muted)}.brand-mark{font-weight:900;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--mint);color:#0d2822;border-radius:10px;font-size:21px}.brand-mark span{font-size:12px}.nav-caption{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#6d8592;margin:61px 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{text-align:left;color:#a6b8c0;background:transparent;border:0;border-radius:9px;padding:13px 13px;font-weight:600;font-size:13px}.nav-link:hover,.nav-link.active{background:#21382f;color:var(--mint)}.nav-icon{display:inline-block;width:28px;font-size:19px;vertical-align:middle}.side-bottom{margin-top:auto;padding:16px 8px 0}.side-bottom>a{display:block;color:#a7b8c1;font-size:12px;padding:23px 8px 0}.side-note{display:flex;align-items:center;gap:12px;background:#17232c;border:1px solid var(--outline);border-radius:11px;padding:13px 10px}.side-note strong{display:block;font-size:12px}.side-note small{font-size:10px;color:var(--muted)}.status-dot{display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:50%}.amber{background:var(--amber)}.main-shell{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;align-items:center;padding:0 55px;font-size:13px}.topbar .crumb,.slash{color:#8296a2}.slash{margin:0 14px}.top-actions{display:flex;align-items:center;gap:23px}.environment{color:#e7bc79;background:#44341e54;border:1px solid #5a452b;border-radius:6px;padding:7px 10px;letter-spacing:1px;font-size:10px;font-weight:800}.help-link{color:#b2c2ca}main{max-width:1530px;margin:auto;padding:46px 55px 100px}section[hidden]{display:none!important}.hero{background:radial-gradient(circle at 85% 40%,#18483c 0%,transparent 42%),linear-gradient(115deg,#17282b,#122129);border:1px solid #2b4943;border-radius:17px;min-height:327px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:space-between;padding:44px 48px}.hero>div:first-child{z-index:1}.eyebrow,.section-kicker{color:var(--mint);font-size:10px;letter-spacing:2px;font-weight:850}.pulse{display:inline-block;background:#b1ebc8;width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #b1ebc81a}.hero h1{font-size:clamp(36px,4.2vw,61px);letter-spacing:-.056em;line-height:1.09;margin:19px 0 12px}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{color:#aebec5;max-width:550px;font-size:13px;line-height:1.7;margin:0 0 23px}.primary-button,.outline-button,.ghost-button,.text-action{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:9px;padding:10px 17px;font-size:12px;font-weight:800}.primary-button{background:var(--mint);color:#0e2821;border:1px solid var(--mint)}.primary-button:hover{background:#d7ffe5}.outline-button{border:1px solid #4d6965;background:#1c302e;color:var(--mint)}.outline-button:hover{background:#2b4841}.ghost-button{border:0;background:transparent;color:var(--mint)}.hero-art{width:320px;height:260px;position:relative;flex:none}.mesh-circle{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid #74cba74b;transform:translate(-50%,-50%)}.ring1{width:120px;height:120px}.ring2{width:205px;height:205px}.ring3{width:280px;height:280px;border-style:dashed}.hero-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:22px;background:var(--mint);color:#0f3027;font-size:44px;font-weight:900;box-shadow:0 0 60px #8de2b744}.hero-core span{font-size:19px}.mesh-tag{position:absolute;color:#d0f5df;font-size:9px;letter-spacing:1.1px;font-weight:800;padding:8px 11px;border:1px solid #5f9d82;background:#17382f;border-radius:6px}.tag1{top:26px;left:15px}.tag2{right:3px;top:92px}.tag3{bottom:18px;left:42px}.section-header{display:flex;align-items:end;justify-content:space-between;margin:42px 0 17px;gap:16px}.section-header h2{font-size:24px;letter-spacing:-.04em;margin:6px 0 0}.muted{color:var(--muted);font-size:12px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card,.runner-card{background:var(--panel);border:1px solid var(--outline);border-radius:12px;padding:21px;min-width:0}.step-top,.runner-row{display:flex;justify-content:space-between;align-items:center;gap:5px}.step-number{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:750}.state-pill{font-size:10px;font-weight:750;white-space:nowrap;border-radius:5px;padding:5px 8px}.pending{background:#403520;color:#ffd48b}.planned{background:#243341;color:#aec5e6}.step-glyph{display:flex;align-items:center;justify-content:center;margin-top:23px;width:45px;height:45px;border-radius:10px;background:#1d3835;color:var(--mint);font-size:27px}.step-card h3,.runner-card h3{font-size:16px;margin:16px 0 7px}.step-card p,.feature-band p,.connection-body p,.runner-card p{font-size:12px;color:var(--muted);line-height:1.7}.step-card p{min-height:80px}.text-action{padding:8px 0;color:var(--mint);background:none;border:0;justify-content:start}.feature-band{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 29px;border-radius:12px;border:1px solid #38574b;background:linear-gradient(115deg,#152e29,#16232b)}.feature-band h3{margin:7px 0;font-size:17px}.feature-band p{max-width:580px;margin:0}.feature-icon{color:var(--mint);font-size:24px}.compact{margin-top:48px}.page-heading{margin:12px 0 29px}.page-heading h1{font-size:42px;letter-spacing:-.06em;line-height:1.1;margin:12px 0}.page-heading p{max-width:680px;font-size:14px;color:var(--muted)}.connection-stack{display:grid;gap:16px}.connection-card{display:flex;gap:22px;background:var(--panel);border:1px solid var(--outline);border-radius:14px;padding:27px}.connection-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#1c3833;color:var(--mint);font-size:28px;width:54px;height:54px;flex-shrink:0}.connection-body{flex:1}.connection-title{display:flex;gap:14px;align-items:center}.connection-title h2{font-size:21px;margin:0}.connection-body p{margin:9px 0 18px}.metadata{display:flex;gap:33px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;color:var(--muted)}.metadata strong{display:block;font-size:12px;letter-spacing:0;color:#e4f1ed;margin-top:4px}.inline-warning{background:#3f352329;border-left:2px solid #ac8451;color:#ddc8a8;font-size:11px;margin:18px 0;padding:11px 13px}.inline-button{padding:9px 15px}.catalog-toolbar{display:flex;gap:12px;margin:25px 0}.search-wrap{flex:1;display:flex;align-items:center;gap:12px;padding:0 17px;background:var(--panel);border:1px solid var(--outline);border-radius:9px;color:var(--mint)}input{min-width:0;width:100%;color:var(--text);background:transparent;border:0;outline:0;padding:14px 0;font-size:13px}select{background:var(--panel);color:#d4e5e0;border:1px solid var(--outline);border-radius:9px;padding:0 14px;min-width:155px}.catalog-grid,.runner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{background:var(--panel);border:1px solid var(--outline);border-radius:13px;padding:23px;display:flex;flex-direction:column;min-height:280px}.catalog-icon{display:flex;justify-content:center;align-items:center;width:46px;height:46px;border:1px solid #3a6959;background:#193a31;color:var(--mint);font-size:23px;border-radius:10px}.catalog-title{font-size:17px;margin:17px 0 1px}.version{font-size:11px;color:#a1bcad}.catalog-card p{font-size:12px;color:var(--muted);line-height:1.6}.platforms{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 20px}.platform{border:1px solid #385058;border-radius:5px;font-size:10px;color:#c3d7dc;padding:4px 7px}.catalog-card button{margin-top:auto;justify-content:space-between}.policy-note{background:#14232c;color:#9fb3bd;border:1px solid var(--outline);padding:18px 22px;border-radius:11px;font-size:12px;margin-top:22px;line-height:1.7}.policy-note strong{color:#e3f1ee}.runner-card{padding:26px}.node-icon{font-size:26px;color:var(--mint)}.runner-spec{font-size:12px;color:#d8eae4;margin:26px 0 13px}.line{height:1px;background:var(--outline);margin-bottom:13px}.runner-card small{color:var(--muted);line-height:1.65}.empty-state{max-width:610px;background:var(--panel);border:1px dashed #496256;border-radius:14px;text-align:center;margin:36px auto;padding:58px 30px}.empty-state>span{font-size:40px;color:var(--mint)}.empty-state h3{margin:10px 0 0}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:23px}dialog{color:var(--text);background:#15232b;border:1px solid #426356;border-radius:15px;padding:29px;width:min(610px,calc(100vw - 30px));box-shadow:0 40px 100px #000a}dialog::backdrop{background:#020a0ecc}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-header h2{font-size:24px;letter-spacing:-.03em;margin:6px 0 15px}.close-button{font-size:24px;color:var(--text);background:transparent;border:0}#dialog-body{color:#b6c9c7;font-size:13px;line-height:1.75}#dialog-body p{margin-top:0}#dialog-body select{width:100%;height:42px;margin:7px 0 15px}.detail-box{background:#1c3333;border:1px solid #35594e;padding:15px;border-radius:9px;margin:13px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-box strong{color:var(--mint)}.detail-label{display:block;margin-top:12px;color:#ecf4f1;font-weight:750}.detail-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.dialog-note{font-size:11px;color:#f0d6a4}.loading{text-align:center;color:var(--muted);padding:20px}@media(max-width:1160px){.hero-art{width:210px}.ring3{width:220px;height:220px}.tag2{right:-7px}.tag3{left:0}.topbar,main{padding-left:30px;padding-right:30px}.steps-grid,.catalog-grid,.runner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{display:block}.sidebar{min-height:0;padding:17px 15px;position:static}.brand{margin-bottom:12px}.nav-caption,.side-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;overflow:auto;gap:4px}.nav-link{white-space:nowrap;padding:9px 12px}.nav-icon{display:none}.topbar{height:54px;padding:0 18px}.environment{display:none}.top-actions{gap:8px}.help-link{font-size:11px}main{padding:18px 15px 80px}.hero{padding:28px 22px;min-height:300px}.hero-art{display:none}.hero h1{font-size:39px}.steps-grid,.catalog-grid,.runner-grid{grid-template-columns:1fr}.step-card p{min-height:0}.feature-band{display:block}.feature-band button{margin-top:18px}.connection-card{padding:19px;gap:13px}.connection-icon{width:35px;height:35px;font-size:21px}.catalog-toolbar{flex-direction:column}.catalog-toolbar select{height:45px}.page-heading h1{font-size:34px}.section-header{align-items:start}.section-header h2{font-size:21px}}