@font-face{font-family:"Space Grotesk";src:url(assets/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(assets/fonts/ibm-plex-sans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--navy:#0b1e3c;--deep:#071429;--orange:#f2711c;--orange-light:#ff9b59;--bg:#0b1729;--surface:#10223b;--raised:#142a46;--line:#243750;--text:#edf3fb;--muted:#99abc3;--faint:#7186a2;--blue:#74b8f2;--green:#69d6ae;--heading:"Space Grotesk",sans-serif;--body:"IBM Plex Sans",sans-serif;--shadow:0 12px 35px -24px #000}
[data-theme=light]{color-scheme:light;--bg:#f3f6fb;--surface:#fff;--raised:#edf2f8;--line:#e2e8f1;--text:#0b1e3c;--muted:#5a6b85;--faint:#788aa2;--blue:#236bb2;--green:#22815b;--shadow:0 15px 30px -24px #19324f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.2;letter-spacing:-.035em}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--orange-light)}.skip{position:fixed;left:12px;top:8px;z-index:200;transform:translateY(-170%);padding:10px 20px;background:var(--orange);border-radius:8px;color:#fff}.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:40;background:#071429f2;color:#fff;border-bottom:1px solid #ffffff14;backdrop-filter:blur(16px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{border-radius:50%;background:white}.brand strong{display:block;font:700 22px var(--heading);letter-spacing:-.8px}.brand-admin{color:#b6c8df;font-weight:500;font-size:16px}.brand small{font-size:11px;letter-spacing:.04em;color:#97abc7}.main-nav{display:flex;align-items:center;gap:3px;margin-inline:auto}.main-nav a{white-space:nowrap;font-size:14px;color:#abbdd3;padding:13px 12px;position:relative;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a.active:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:3px;border-radius:3px;background:var(--orange)}.header-actions{display:flex;gap:9px;align-items:center}.icon-btn{width:40px;height:40px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;background:#ffffff08;color:#c6d4e7}.icon-btn:hover{background:#ffffff15}.avatar{background:#f2711c1f;border:1px solid #f2711c55;color:#ffab74;border-radius:50%;width:38px;height:38px;font:700 12px var(--heading)}
.workspace-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 0 22px;gap:16px}.workspace-intro h1{font-size:28px;margin-top:5px}.workspace-intro .eyebrow{color:var(--orange)}.workspace-intro p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:7px}.status-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.status-label i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.status-label.healthy i{background:var(--green)}
.workspace-banner{position:relative;border:1px solid #ffffff0f;border-radius:22px;overflow:hidden;background:var(--deep);box-shadow:var(--shadow);color:#fff}.workspace-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071429 3%,#071429ed 42%,#071429a6 78%,#07142994),url(assets/server.webp) center right/cover;pointer-events:none}.workspace-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:25px 32px 0;gap:15px}.slide-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.slide-tabs button{background:transparent;color:#b8c6dc;font-size:12px;font-weight:600;white-space:nowrap;min-height:40px;border-radius:8px;padding:8px 13px;border:1px solid transparent}.slide-tabs button.active{color:#fff;background:#ffffff0d;border-color:#ffffff24}.slide-tabs button.active:before{content:"";width:5px;height:5px;display:inline-block;background:var(--orange);border-radius:50%;margin-right:8px}.slide-count{color:#8fa6c5;font:500 12px var(--heading);white-space:nowrap}.slide-count b{color:white;font-size:17px}.workspace-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;position:relative;touch-action:pan-x pan-y}.workspace-slides::-webkit-scrollbar{display:none}.monitor-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:30px 32px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr);gap:38px;align-items:center}.slide-main h2{font-size:clamp(30px,3.5vw,49px);line-height:1.07;margin:11px 0 13px;max-width:12ch}.slide-main h2 em{font-style:normal;color:var(--orange-light)}.slide-main>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#b8c6dc;max-width:45ch}.source-note{display:flex;gap:7px;align-items:center;margin-top:20px;color:#90a6c3;font-size:11px}.source-note img{width:20px;height:20px;object-fit:contain}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid #ffffff1c;padding-top:19px;gap:13px}.hero-metric small{display:block;color:#9fb2cd;font-size:11px}.hero-metric strong{font:500 29px var(--heading);display:block;margin:5px 0;color:#fff}.hero-metric span{font-size:10px;color:#8ca5c5}.monitor-visual{padding:22px;background:#0b1e3c9c;border:1px solid #ffffff1b;border-radius:16px;backdrop-filter:blur(12px);min-height:268px}.visual-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#b8c6dc}.visual-title span:last-child{font-size:10px;color:#829ab9}.chart-empty{height:185px;position:relative;display:grid;place-items:center;margin-top:14px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#ffffff0c 44px,#ffffff0c 45px);border-bottom:1px solid #ffffff12}.chart-message{text-align:center;color:#a2b6d0;z-index:1}.chart-message .icon{color:#6888ad;width:27px;height:27px;margin-bottom:8px}.chart-message strong{display:block;font-size:13px;font-weight:500}.chart-message small{display:block;font-size:11px;margin-top:5px;color:#6e88aa}.history-chart{width:100%;height:185px;display:block}.history-chart path{fill:none;stroke:#76b9f6;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-footer{display:flex;justify-content:space-between;color:#728bac;font-size:10px;margin-top:10px}.workspace-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:5px 32px 23px}.slide-dots{display:flex;gap:7px}.slide-dots button{width:26px;min-height:30px;padding:0;background:none;display:grid;place-items:center}.slide-dots button:after{content:"";height:4px;width:17px;background:#ffffff28;border-radius:5px;transition:width .2s,background .2s}.slide-dots button.active:after{background:var(--orange);width:26px}.slide-controls{display:flex;gap:8px;align-items:center}.slide-controls>span{font-size:10px;color:#91a8c4;margin-right:7px}.slide-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff30;color:#fff;background:#ffffff08;display:grid;place-items:center}.slide-arrow:hover{background:#f2711c;border-color:#f2711c}.slide-arrow:disabled{opacity:.25;cursor:default;background:transparent;border-color:#ffffff30}.storage-rows{display:grid;gap:18px;margin-top:22px}.storage-row header{display:flex;align-items:center;justify-content:space-between;color:#c4d3e8;font-size:12px}.storage-row small{color:#8199b8;font-size:10px}.capacity-track{height:6px;background:#ffffff10;border-radius:6px;margin:10px 0}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.connection-grid>div{padding:15px;background:#ffffff05;border:1px solid #ffffff0c;border-radius:10px}.connection-grid small{font-size:10px;color:#96adca}.connection-grid strong{display:block;font:500 26px var(--heading);margin-top:5px}.connection-grid strong span{font-size:11px;color:#8ca5c5}
.section{padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-heading h2{font-size:21px}.section-heading p{font-size:13px;color:var(--muted);margin-top:5px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:600;font-size:13px;white-space:nowrap}.text-link .icon{width:16px;height:16px}.engine-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.engine-chip{padding:18px 15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;gap:11px;align-items:center;transition:border-color .2s,transform .2s}.engine-chip:hover{border-color:var(--faint);transform:translateY(-2px)}.engine-logo{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;color:var(--blue)}.engine-logo img{width:31px;height:31px;object-fit:contain}.engine-chip strong{font-size:13px;font-weight:600;display:block;line-height:1.3}.engine-chip small{font-size:10px;color:var(--faint);display:block;margin-top:5px}.engine-chip small:before{content:"";display:inline-block;margin-right:5px;width:5px;height:5px;border-radius:50%;background:var(--faint)}
.application-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}.application-group{min-width:0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.category-heading{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}.category-heading>.icon{color:var(--orange);width:23px;height:23px}.category-heading h3{font-size:16px;letter-spacing:-.02em}.category-heading p{font-size:12px;color:var(--muted);margin-top:4px}.category-count{margin-left:auto;color:var(--faint);font:500 12px var(--heading);border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.app-card{width:100%;display:flex;align-items:center;gap:15px;padding:15px 8px;text-align:left;border-radius:9px;border:0;background:transparent;color:var(--text);transition:background .2s}.app-card:hover{background:var(--raised)}.app-logo{width:44px;height:44px;background:white;border:1px solid #dce5f0;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.app-logo img{width:29px;height:29px;object-fit:contain}.app-card strong{display:block;font-size:15px;font-weight:600}.app-card small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}.app-card .icon{margin-left:auto;width:17px;height:17px;color:var(--faint)}.app-card em{font-size:10px;color:var(--faint);font-style:normal}.launcher-note{font-size:11px;color:var(--faint);margin-top:14px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:37px 0 26px}.page-heading h1{font-size:32px;margin-top:7px}.page-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 16px;background:var(--raised);border:1px solid var(--line);border-radius:9px;color:var(--text);font-weight:600;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-1px);background:var(--line)}.btn.primary{background:var(--orange);color:white;border-color:var(--orange)}.btn:disabled{cursor:default;opacity:.5;transform:none}.panel{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:15px;box-shadow:var(--shadow)}.panel h2{font-size:18px}.panel p{font-size:13px;color:var(--muted);margin-top:8px}.toolbar{display:flex;gap:10px;margin-bottom:24px}.toolbar input{flex:1;min-width:0}input,select{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:var(--surface);outline-offset:2px;font-size:14px}.empty-panel{min-height:170px;display:grid;place-items:center;text-align:center}.empty-panel .icon{color:var(--faint);width:27px;height:27px}.empty-panel h2{font-size:17px;margin-top:10px}.empty-panel p{max-width:52ch}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.integration-head{display:flex;gap:12px;align-items:center}.integration-head h2{font-size:16px}.integration-head p{margin-top:3px;font-size:12px}.badge{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);background:var(--raised);padding:4px 8px;border-radius:20px}.integration-status{margin:18px 0}.integration-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.integration-details dt{font-size:10px;color:var(--faint)}.integration-details dd{margin:4px 0 0;font-size:12px}.integration-message{min-height:42px;font-size:12px;color:var(--muted);margin-top:13px}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0;padding-bottom:0}.setting-row strong{font-size:14px}.setting-row p{font-size:12px;margin-top:4px}.setting-row .btn{flex-shrink:0}.facts{margin:20px 0 0}.facts>div{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:11px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0}.log-list{font:12px/1.7 ui-monospace,monospace;overflow:auto;max-height:480px}.log-row{border-bottom:1px solid var(--line);padding:11px 0;display:grid;grid-template-columns:150px 100px 1fr;gap:12px}.log-row time{color:var(--faint)}.log-row b{color:var(--blue);font-weight:500}.log-row span{overflow-wrap:anywhere}.site-footer{padding-top:38px;padding-bottom:25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--faint)}.site-footer a{font-weight:600;color:var(--muted)}.site-footer a span{font-weight:400;color:var(--faint)}.toast-region{position:fixed;bottom:20px;right:20px;z-index:150;display:grid;gap:8px;max-width:calc(100vw - 40px)}.toast{border-radius:10px;border:1px solid var(--line);padding:13px 18px;background:var(--raised);box-shadow:var(--shadow);font-size:13px;animation:enter .2s ease}.page-enter{animation:enter .25s ease}@keyframes enter{from{opacity:0;transform:translateY(5px)}}dialog{max-width:450px;width:calc(100% - 32px);padding:34px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#071429e8;backdrop-filter:blur(10px)}dialog img{margin-bottom:22px;border-radius:50%;background:white}dialog h1{font-size:28px;margin-top:9px}dialog .muted{font-size:14px;margin:13px 0 20px}dialog label{display:grid;gap:7px;font-size:13px;margin-top:14px}dialog .btn{width:100%;margin-top:14px}dialog form>small{display:block;font-size:11px;color:var(--faint);text-align:center;margin-top:17px}.form-error{font-size:12px;color:#fa8b7b;min-height:18px;margin-top:12px}
@media(min-width:1500px){.monitor-slide{min-height:388px}}
@media(max-width:1100px){.shell{width:calc(100% - 40px)}.header-inner{gap:15px}.brand strong{font-size:19px}.brand-admin{font-size:13px}.main-nav a{font-size:12px;padding:12px 9px}.engine-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-grid{grid-template-columns:1fr 1fr}.monitor-slide{gap:24px;grid-template-columns:1fr 1fr}.hero-metric strong{font-size:24px}.monitor-visual{padding:17px}.slide-main h2{font-size:38px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:0;padding-top:12px;min-height:0}.brand{margin-right:auto}.header-actions{gap:7px}.main-nav{order:3;flex:0 0 100%;justify-content:space-between;margin-top:9px;overflow-x:auto;gap:6px}.main-nav a{min-height:44px;font-size:12px;padding:12px 8px}.main-nav a.active:after{left:8px;right:8px;bottom:0}.workspace-intro{padding-top:23px}.workspace-intro h1{font-size:24px}.workspace-intro p:not(.eyebrow){font-size:12px}.workspace-top{padding:18px 20px 0}.slide-tabs button{font-size:11px;padding:8px 10px}.slide-count{display:none}.monitor-slide{grid-template-columns:1fr;padding:23px 22px 15px;gap:24px;align-content:start}.slide-main h2{font-size:38px;max-width:18ch}.slide-main>p:not(.eyebrow){font-size:13px}.source-note{margin-top:12px}.hero-metrics{margin-top:20px;padding-top:15px}.hero-metric strong{font-size:25px}.monitor-visual{min-height:220px}.chart-empty,.history-chart{height:140px}.workspace-bottom{padding:0 22px 18px}.connection-grid{margin-top:16px}.connection-grid>div{padding:12px}.connection-grid strong{font-size:23px}.storage-rows{margin-top:15px;gap:13px}.application-groups{gap:16px}.application-group{padding:18px}.category-heading{gap:9px}.category-heading h3{font-size:14px}.category-heading p{font-size:11px}.app-card{gap:11px;padding-inline:0}.app-card strong{font-size:13px}.app-card small{font-size:11px}.settings-grid{grid-template-columns:1fr}.section-heading h2{font-size:19px}.site-footer{font-size:10px}.site-footer a span{display:none}}
@media(max-width:560px){.shell{width:calc(100% - 32px)}.brand img{width:37px;height:37px}.brand{gap:9px}.brand small{font-size:10px}.brand strong{font-size:18px}.brand-admin{font-size:12px}.icon-btn{width:34px;height:34px}.avatar{width:33px;height:33px}.header-actions .icon{width:17px;height:17px}.workspace-intro{align-items:flex-start}.workspace-intro .status-label{font-size:0;gap:0;margin-top:12px}.workspace-intro .status-label i{width:9px;height:9px}.workspace-intro h1{font-size:24px}.workspace-intro .eyebrow{font-size:9px}.workspace-banner{border-radius:16px}.workspace-top{padding-inline:14px}.slide-tabs{gap:0}.slide-tabs button{font-size:10px;padding:8px 9px}.slide-tabs button.active:before{margin-right:5px}.monitor-slide{padding:22px 18px 15px}.slide-main h2{font-size:34px}.hero-metrics{gap:8px}.hero-metric small{font-size:10px}.hero-metric span{font-size:9px}.hero-metric strong{font-size:25px}.workspace-bottom{padding-inline:18px}.engine-strip{grid-template-columns:1fr 1fr;gap:9px}.engine-chip{padding:14px 11px;gap:8px}.engine-chip strong{font-size:12px}.engine-logo{width:29px;height:29px}.engine-logo img{width:27px;height:27px}.engine-chip small{font-size:9px}.application-groups{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.text-link{font-size:11px}.application-group{padding:19px}.app-card strong{font-size:15px}.app-card small{font-size:12px}.category-heading h3{font-size:16px}.integration-grid{grid-template-columns:1fr}.page-heading{padding:27px 0 22px;align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:9px}.page-heading p:not(.eyebrow){font-size:13px}.page-heading>.btn{font-size:0;padding:9px;width:42px;flex-shrink:0}.page-heading>.btn .icon{width:18px}.toolbar{flex-direction:column;gap:9px}.panel{padding:20px}.site-footer{flex-direction:column;gap:5px;padding-top:28px}.slide-controls>span{font-size:9px}.setting-row{gap:12px}.setting-row strong{font-size:13px}.setting-row .btn{font-size:11px}.log-row{grid-template-columns:1fr;gap:3px}dialog{padding:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Admin visual system: technical control center, independent from the public homepage. */
:root{--accent:#63d4ff;--violet:#8f83ff;--orange:#ff8a45;--surface:#0e1d32;--raised:#132640;--line:#223a58;--shadow:0 22px 70px -45px #000}
[data-theme=light]{--accent:#087aa8;--violet:#6454d9;--orange:#d85d15;--surface:#fff;--raised:#edf4fa;--line:#d7e3ee}
body{background-color:var(--bg);background-image:linear-gradient(rgba(99,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,212,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% -20%,rgba(69,132,203,.18),transparent 48%);background-size:42px 42px,42px 42px,100% 100%;background-attachment:fixed}
.site-header{background:rgba(5,15,28,.88);border-bottom:1px solid rgba(135,173,214,.14)}
.header-inner{min-height:72px}.brand img{width:38px;height:38px}.brand strong{font-size:19px}.brand-admin{font-size:13px;color:#7fa0c5}.brand small{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#6f8bad}
.main-nav{padding:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:11px}.main-nav a{padding:8px 13px;border-radius:7px;font-size:12px}.main-nav a.active{background:rgba(99,212,255,.09);color:#dff7ff}.main-nav a.active:after{display:none}
.icon-btn,.avatar{border-radius:9px}.avatar{color:#ffd2b7;background:rgba(255,138,69,.1)}
.workspace-intro{padding:35px 0 20px;align-items:center}.workspace-intro h1{font-size:30px;letter-spacing:-.045em}.workspace-intro .eyebrow{color:var(--accent);font:600 9px var(--heading);letter-spacing:.2em}.workspace-intro p:not(.eyebrow){font-size:13px}.status-label{padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.workspace-banner{isolation:isolate;border:1px solid rgba(104,174,231,.22);border-radius:18px;background:linear-gradient(135deg,#071525,#0a1c34 55%,#0b2440);box-shadow:0 28px 75px -45px #000}
.workspace-banner:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 82% 18%,rgba(99,212,255,.18),transparent 26%),radial-gradient(circle at 95% 90%,rgba(143,131,255,.13),transparent 30%)}
.workspace-banner:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(108,181,237,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(108,181,237,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.workspace-top{padding:18px 22px 0;border-bottom:1px solid rgba(145,183,221,.11)}.slide-tabs{padding-bottom:13px}.slide-tabs button{border-radius:7px;min-height:36px;font-size:11px;color:#83a0c0}.slide-tabs button.active{color:#e8f8ff;background:rgba(99,212,255,.08);border-color:rgba(99,212,255,.18)}.slide-tabs button.active:before{background:var(--accent);box-shadow:0 0 12px var(--accent)}.slide-count b{color:var(--accent)}
.monitor-slide{padding:34px 30px 28px;grid-template-columns:minmax(0,.82fr) minmax(410px,1.18fr);gap:34px;min-height:395px}.slide-main .eyebrow{color:var(--accent);font-size:9px}.slide-main h2{font-size:clamp(32px,3.3vw,47px);max-width:none;margin:10px 0 13px}.slide-main h2 em{color:#b8d9f7;font-style:normal;font-weight:500}.slide-main>p:not(.eyebrow){font-size:13px;color:#8fa8c5;max-width:49ch}.source-note{display:inline-flex;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-top:17px}.source-note img{width:17px;height:17px}
.hero-metrics{border:0;margin-top:22px;padding:0;gap:9px}.hero-metric{min-width:0;padding:13px;border:1px solid rgba(136,177,218,.12);border-radius:10px;background:rgba(9,27,50,.75)}.hero-metric small{text-transform:uppercase;letter-spacing:.08em;font-size:8px;color:#6f8dab}.hero-metric strong{font-size:24px;margin:4px 0}.hero-metric span{font-size:9px}
.monitor-visual{position:relative;min-height:285px;padding:20px;border-radius:13px;background:rgba(7,21,39,.78);border:1px solid rgba(109,176,226,.18);box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 50px -35px #000;backdrop-filter:blur(18px)}.monitor-visual:before{content:"LIVE DATA AREA";position:absolute;right:17px;top:-9px;padding:2px 8px;border:1px solid rgba(99,212,255,.18);border-radius:4px;background:#0a1b30;color:#5a8cae;font:600 7px var(--heading);letter-spacing:.12em}.visual-title{padding-bottom:13px;border-bottom:1px solid rgba(143,180,217,.1)}.chart-empty{margin-top:0;height:200px;background:linear-gradient(rgba(93,161,213,.09) 1px,transparent 1px);background-size:100% 48px}.chart-message .icon{color:var(--accent);opacity:.7}.connection-grid>div{background:rgba(99,212,255,.035);border-color:rgba(99,212,255,.1)}.connection-grid strong{color:#e5f7ff}.capacity-track{background:rgba(99,212,255,.07)}
.workspace-bottom{padding:0 25px 17px}.slide-dots button:after{height:3px;background:#2b4561}.slide-dots button.active:after{background:var(--accent);box-shadow:0 0 10px rgba(99,212,255,.55)}.slide-arrow{border-radius:8px;border-color:rgba(99,212,255,.18);background:rgba(99,212,255,.05)}.slide-arrow:hover{background:var(--accent);border-color:var(--accent);color:#061525}
.section{padding-top:34px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.text-link{color:var(--accent);font-size:11px}.engine-strip{gap:10px}.engine-chip{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 90%,var(--accent) 10%));border-radius:11px;padding:15px 13px}.engine-chip:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--accent);opacity:.2}.engine-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-3px)}
.application-groups{gap:15px}.application-group{padding:18px;border-radius:13px;box-shadow:none;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 96%,var(--violet) 4%))}.category-heading{padding-bottom:14px}.category-heading>.icon{color:var(--accent);width:20px}.category-heading h3{font-size:14px}.category-heading p{font-size:10px}.app-card{padding:12px 7px}.app-logo{border-radius:9px;width:40px;height:40px}.app-logo img{width:27px;height:27px}.app-card strong{font-size:13px}.app-card small{font-size:10px}.app-card:hover{background:rgba(99,212,255,.055)}
.page-heading .eyebrow{color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#061525}.badge{border:1px solid var(--line)}
@media(max-width:800px){.main-nav{padding:0;background:transparent;border:0;border-radius:0}.main-nav a{border-radius:0}.main-nav a.active{background:transparent}.main-nav a.active:after{display:block;background:var(--accent)}.monitor-slide{grid-template-columns:1fr;min-height:0}.monitor-visual{min-height:230px}.workspace-banner:after{mask-image:linear-gradient(180deg,transparent 10%,#000)}}
@media(max-width:560px){.workspace-intro{padding-top:25px}.workspace-intro h1{font-size:27px}.monitor-slide{padding:25px 17px 18px}.slide-main h2{font-size:32px}.hero-metric{padding:10px}.hero-metric strong{font-size:21px}.monitor-visual{padding:16px}.workspace-top{padding-inline:11px}.application-group{padding:17px}}

/* Layered ambient background */
body{position:relative;isolation:isolate;min-height:100vh;background:#071321;background-image:radial-gradient(ellipse 70% 42% at 9% 5%,rgba(31,111,165,.25),transparent 67%),radial-gradient(ellipse 52% 38% at 95% 18%,rgba(93,72,177,.17),transparent 70%),radial-gradient(ellipse 55% 30% at 48% 72%,rgba(10,128,145,.10),transparent 72%),linear-gradient(145deg,#071321 0%,#09192a 45%,#071424 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:72px 0 0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(103,190,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(103,190,229,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 78% 55% at 50% 22%,#000 5%,transparent 76%)}
body:after{content:"";position:fixed;width:44vw;height:44vw;min-width:420px;min-height:420px;right:-19vw;top:16vh;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid rgba(104,208,246,.07);box-shadow:0 0 0 70px rgba(97,186,234,.025),0 0 0 140px rgba(123,105,225,.018);animation:ambient-drift 18s ease-in-out infinite alternate}
@keyframes ambient-drift{to{transform:translate3d(-3vw,4vh,0) scale(1.05)}}
[data-theme=light] body{background:#edf4fa;background-image:radial-gradient(ellipse 65% 40% at 8% 0%,rgba(49,150,207,.16),transparent 68%),radial-gradient(ellipse 48% 34% at 96% 20%,rgba(121,101,213,.10),transparent 70%),linear-gradient(145deg,#f6f9fc,#edf4fa 52%,#f4f7fb)}
[data-theme=light] body:before{background-image:linear-gradient(rgba(31,103,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,103,145,.045) 1px,transparent 1px)}
[data-theme=light] body:after{border-color:rgba(34,124,168,.08);box-shadow:0 0 0 70px rgba(44,138,186,.025),0 0 0 140px rgba(103,82,194,.018)}
.site-header{background:linear-gradient(90deg,rgba(5,15,28,.94),rgba(7,22,39,.88),rgba(5,15,28,.94));box-shadow:0 12px 35px -30px #000}
main{position:relative}
main:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 23%,rgba(99,212,255,.022) 23.1% 23.18%,transparent 23.3% 100%),linear-gradient(65deg,transparent 0 78%,rgba(143,131,255,.022) 78.1% 78.18%,transparent 78.3% 100%)}
.workspace-intro{position:relative}.workspace-intro:before{content:"";position:absolute;left:-18px;top:35px;width:3px;height:44px;border-radius:3px;background:linear-gradient(var(--accent),rgba(99,212,255,0));box-shadow:0 0 18px rgba(99,212,255,.45)}
.workspace-banner{box-shadow:0 35px 90px -56px rgba(0,0,0,.95),inset 0 1px rgba(255,255,255,.035)}
.workspace-banner:before{background:linear-gradient(90deg,rgba(5,18,34,.98) 0%,rgba(6,20,38,.94) 33%,rgba(6,20,38,.68) 60%,rgba(6,20,38,.30) 100%),linear-gradient(0deg,rgba(6,19,35,.32),rgba(6,19,35,.08)),url(assets/monitoring-infrastructure.png) center right/cover no-repeat;opacity:.92}
.workspace-banner:after{opacity:.27;background-image:linear-gradient(rgba(108,181,237,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(108,181,237,.10) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(196,235,255,.18) 1px,transparent 1.5px);background-size:46px 46px,46px 46px,23px 23px;mask-image:linear-gradient(90deg,transparent 18%,#000 72%,transparent)}
.workspace-top{justify-content:flex-end;padding-top:17px;padding-bottom:10px}
.config-stack{display:grid;gap:20px;margin-bottom:20px}.config-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.url-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.url-grid label,.engine-config-list label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.url-grid input,.engine-config-list input{width:100%}.engine-config-list{display:grid;gap:12px}.engine-config{display:grid;grid-template-columns:minmax(180px,.7fr) repeat(2,minmax(0,1fr));align-items:end;gap:16px;border:1px solid var(--line);border-radius:12px;padding:16px}.engine-config>header{display:flex;align-items:center;gap:11px;align-self:center}.engine-config strong{display:block}.engine-config small{display:block;color:var(--muted);margin-top:3px}.config-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:20px}.config-actions>span{color:var(--muted);font-size:11px}
.integration-card{display:flex;flex-direction:column}.integration-card .integration-details{flex:1}.integration-details dd{overflow-wrap:anywhere}.integration-actions{display:flex;gap:8px;flex-wrap:wrap}.integration-actions .btn{flex:1;white-space:nowrap}
@media(max-width:800px){.engine-config{grid-template-columns:1fr 1fr}.engine-config>header{grid-column:1/-1}.url-grid{grid-template-columns:1fr}}
@media(max-width:560px){.engine-config{grid-template-columns:1fr}.config-actions{align-items:stretch;flex-direction:column}.config-actions .btn{width:100%}}
.workspace-bottom{justify-content:flex-start;padding-top:3px}
.monitor-visual{background:linear-gradient(145deg,rgba(9,29,52,.92),rgba(7,21,39,.75));box-shadow:inset 0 1px rgba(255,255,255,.045),0 24px 60px -38px #000,0 0 50px -42px rgba(99,212,255,.65)}
.hero-metric{background:linear-gradient(150deg,rgba(13,38,65,.88),rgba(8,25,46,.72));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.engine-chip,.application-group,.panel{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.engine-chip{background:linear-gradient(145deg,rgba(16,38,64,.88),rgba(10,28,48,.78))}
.application-group{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,36,61,.92),rgba(10,27,47,.82));box-shadow:0 24px 55px -47px #000}
.application-group:after{content:"";position:absolute;width:150px;height:150px;right:-95px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(99,212,255,.10),transparent 70%);pointer-events:none}
.panel{background:linear-gradient(145deg,rgba(16,37,62,.92),rgba(10,28,48,.84))}
[data-theme=light] .engine-chip,[data-theme=light] .application-group,[data-theme=light] .panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,247,252,.88))}
.section{position:relative}.section:before{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,212,255,.13),transparent);pointer-events:none}
.site-footer{position:relative}.site-footer:before{content:"";position:absolute;top:20px;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(99,212,255,.12),transparent)}
@media(max-width:800px){body:after{right:-65vw;top:34vh}.workspace-intro:before{left:-9px;height:38px}.workspace-banner:before{background:linear-gradient(180deg,rgba(5,18,34,.93) 0%,rgba(6,20,38,.78) 50%,rgba(6,20,38,.48) 100%),linear-gradient(90deg,rgba(5,18,34,.82),rgba(5,18,34,.16)),url(assets/monitoring-infrastructure.png) 68% center/auto 100% no-repeat;opacity:.86}.workspace-banner:after{mask-image:linear-gradient(180deg,transparent,#000 45%,transparent)}.section:before{top:16px}}
@media(prefers-reduced-motion:reduce){body:after{animation:none}}