:root{color-scheme:dark;--bg:#070a10;--bg2:#0b1018;--panel:#0f1622;--panel2:#121c2a;--line:#223049;--line2:#2e3d59;--text:#f4f7fb;--muted:#8b9aaf;--muted2:#647289;--ok:#42d985;--warn:#f5be54;--bad:#ff6d72;--accent:#78a4ff;--accent2:#8b76ff;--cyan:#56c7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#080b12 0%,#090e17 48%,#06090e 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;z-index:-1}.ambient-a{width:540px;height:540px;background:#315eae;left:-160px;top:-180px}.ambient-b{width:520px;height:520px;background:#49398c;right:-170px;top:240px}.shell{width:min(1240px,calc(100% - 42px));margin-inline:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(86,109,146,.17);background:rgba(7,10,16,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#6b96ff,#8a70ff);box-shadow:0 0 28px rgba(111,139,255,.25);font-size:14px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:9px}.ghost-button,.primary-button{font:inherit;cursor:pointer}.ghost-button{border:1px solid var(--line);background:rgba(14,20,30,.78);color:#cbd4e2;padding:9px 12px;border-radius:10px;font-size:12px;transition:.18s}.ghost-button:hover{border-color:#425475;color:#fff;background:#121b29}.lock{color:var(--accent);margin-right:4px}.public-state,.project-status,.overall{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:760;color:var(--muted);letter-spacing:.02em}.public-state i,.project-status i,.dot,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 14px currentColor}.public-state.online i,.project-status.online i,.overall.online .dot,.status-dot.online{background:var(--ok);color:var(--ok)}.public-state.attention i,.project-status.degraded i,.overall.attention .dot,.status-dot.degraded{background:var(--warn);color:var(--warn)}.project-status.offline i,.status-dot.offline,.status-dot.failed{background:var(--bad);color:var(--bad)}
.hero{min-height:610px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding-block:76px 52px}.eyebrow,.kicker,.project-kicker{font-size:10px;letter-spacing:.24em;font-weight:850;color:var(--accent)}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-.062em;margin:13px 0 28px;max-width:830px}.hero h1 span{background:linear-gradient(100deg,#d8e4ff 15%,#8fb2ff 55%,#aa92ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:680px;color:#9aa8bb;font-size:17px;line-height:1.7;margin:0}.hero-tags,.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-tags span,.feature-row span{font-size:10px;color:#a7b5c8;border:1px solid #283650;background:rgba(17,25,38,.8);padding:7px 9px;border-radius:999px}.hero-orbit{position:relative;width:min(410px,36vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.core{width:94px;height:94px;border-radius:28px;display:grid;place-items:center;font-size:32px;font-weight:950;background:radial-gradient(circle at 35% 25%,#9bbaff,#5d72d5 55%,#4a3b91);box-shadow:0 0 90px rgba(104,133,255,.44),inset 0 0 30px rgba(255,255,255,.13)}.orbit{position:absolute;border:1px solid rgba(121,155,221,.25);border-radius:50%}.orbit-a{inset:15%;animation:spin 18s linear infinite}.orbit-b{inset:3%;border-style:dashed;animation:spin 30s linear reverse infinite}.node{position:absolute;display:grid;place-items:center;width:46px;height:46px;border:1px solid #344563;border-radius:14px;background:#101a29;color:#a9baf5;font-size:10px;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.35)}.n1{left:7%;top:48%}.n2{right:9%;top:28%}.n3{width:12px;height:12px;border-radius:50%;left:37%;top:4%;background:#7ca5ff;box-shadow:0 0 18px #7ca5ff}.n4{width:9px;height:9px;border-radius:50%;right:27%;bottom:5%;background:#a078ff;box-shadow:0 0 18px #a078ff}@keyframes spin{to{transform:rotate(360deg)}}
.projects{padding-bottom:74px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid rgba(81,103,139,.2);padding-top:35px;margin-bottom:20px}.section-heading h2{font-size:31px;letter-spacing:-.035em;margin:7px 0 0}.section-heading p{color:var(--muted);font-size:12px;max-width:390px;line-height:1.6;text-align:right}.project{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(16,23,35,.96),rgba(8,13,21,.96));padding:26px;display:grid;grid-template-columns:.86fr 1.14fr;gap:26px;margin-top:16px;overflow:hidden;position:relative}.project:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(121,164,255,.05),transparent 38%)}.project-copy{padding:8px 7px 8px 5px;align-self:center;position:relative;z-index:1}.project-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}.project-icon{width:46px;height:46px;border-radius:14px;border:1px solid #33435f;background:linear-gradient(145deg,#1c2a41,#121b2b);display:grid;place-items:center;font-size:12px;font-weight:950;color:#b7c8ff}.project-icon.sq{color:#8de2f7}.project h3{font-size:45px;letter-spacing:-.055em;margin:8px 0 17px}.project h3 span{color:#72819a;font-weight:500}.project-copy>p{font-size:14px;color:#9aa8ba;line-height:1.75;margin:0;max-width:510px}.private-note{margin-top:27px;color:#75859b;font-size:11px}.private-note span{color:#77a3ff;margin-right:6px}.primary-button{display:inline-flex;align-items:center;gap:14px;margin-top:27px;padding:11px 15px;border-radius:11px;border:1px solid #4163a0;color:#e9f0ff;background:linear-gradient(135deg,#1e3969,#253a72);text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 8px 25px rgba(35,69,129,.2)}.primary-button:hover{filter:brightness(1.12)}.primary-button b{font-size:16px}.media-stack{display:grid;gap:9px}.media-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.media{border:1px solid #26364f;background:#0b111a;border-radius:17px;padding:0;overflow:hidden;cursor:zoom-in;min-height:170px;position:relative}.media:after{content:"↗";position:absolute;right:10px;top:9px;width:29px;height:29px;border-radius:9px;background:rgba(6,10,16,.72);border:1px solid rgba(142,163,199,.18);display:grid;place-items:center;color:#a9b6ca;font-size:12px;opacity:0;transition:.2s}.media:hover:after{opacity:1}.media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.media:hover img{transform:scale(1.018)}.media-large{height:296px}.media-row .media{height:150px}.media-caption{font-size:9px;color:#57667c;margin:2px 3px 0}.project-sqdcm{grid-template-columns:.8fr 1.2fr}.sqdcm-gallery{gap:10px}.sqdcm-hero{height:360px}.sqdcm-hero img{object-position:center top}.thumb-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);gap:9px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#314766 #101826}.thumb-rail::-webkit-scrollbar{height:8px}.thumb-rail::-webkit-scrollbar-track{background:#101826;border-radius:999px}.thumb-rail::-webkit-scrollbar-thumb{background:#314766;border-radius:999px}.thumb-rail .thumb{height:110px;min-height:110px}.thumb-rail .thumb img{object-position:center top}.demo-credentials{margin-top:16px;border:1px solid #2b3d59;background:rgba(12,18,28,.88);border-radius:14px;padding:14px 15px;display:grid;gap:10px;max-width:420px}.demo-credentials-head{display:flex;flex-direction:column;gap:4px}.demo-credentials-head strong{font-size:12px;color:#eff5ff}.demo-credentials-head span{font-size:10px;color:#7f8ea4}.demo-credential-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px}.demo-credential-row span{font-size:10px;color:#8b9aaf;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.demo-credential-row code{display:block;border:1px solid #2a3954;background:#09101a;color:#dce6f9;border-radius:10px;padding:8px 10px;font-size:12px;white-space:nowrap;overflow:auto}.copy-chip{border:1px solid #3a5277;background:#112037;color:#d8e6ff;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.copy-chip:hover{filter:brightness(1.08)}
.public-footer{border-top:1px solid rgba(81,103,139,.2);padding:27px 0 42px;display:flex;justify-content:space-between;color:#69778d;font-size:10px}.public-footer>div{display:flex;gap:14px}.public-footer strong{color:#9aa8bb;letter-spacing:.1em}.public-footer span+span{color:#8997ab}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(2,5,9,.74);backdrop-filter:blur(13px);padding:20px}.login-card{position:relative;width:min(410px,100%);border:1px solid #2d3c58;background:linear-gradient(145deg,#121a27,#0c111a);border-radius:22px;padding:31px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-close,.lightbox-close{cursor:pointer;border:0;background:transparent;color:#7f8ba0;font-size:24px}.modal-close{position:absolute;right:16px;top:12px}.login-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#17253b;color:#89aeff;margin-bottom:18px}.login-card h2{font-size:28px;letter-spacing:-.04em;margin:7px 0}.login-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 23px}.login-card label{display:block;font-size:10px;color:#8f9db1;font-weight:750;margin-top:13px}.login-card input{display:block;width:100%;margin-top:6px;border:1px solid #2a3852;border-radius:10px;background:#0b111a;color:white;padding:11px 12px;outline:none}.login-card input:focus{border-color:#5d7fbd;box-shadow:0 0 0 3px rgba(93,127,189,.12)}.login-submit{width:100%;justify-content:center;margin-top:21px}.login-submit:disabled{opacity:.6;cursor:wait}.login-error{border:1px solid #69363c;background:#291419;color:#ff9da2;border-radius:9px;padding:9px 10px;font-size:11px;margin-top:12px}.lightbox{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.91);display:grid;place-items:center;padding:4vw}.lightbox img{max-width:94vw;max-height:88vh;border-radius:13px;box-shadow:0 30px 100px #000}.lightbox-close{position:fixed;right:24px;top:16px;font-size:34px;color:#bac5d4}
.ops-shell{padding:56px 0 28px}.ops-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.ops-hero h1{font-size:clamp(48px,7vw,76px);line-height:.92;letter-spacing:-.055em;margin:8px 0 16px}.ops-hero p{margin:0;color:var(--muted);font-size:14px}.overall{padding:11px 15px;border:1px solid var(--line);background:rgba(16,21,31,.72);border-radius:999px;font-size:12px}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{position:relative;min-height:188px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,28,40,.96),rgba(13,18,27,.96));border-radius:18px;padding:20px;text-decoration:none;color:inherit;overflow:hidden;transition:.18s ease}.app-card:hover{transform:translateY(-3px);border-color:#42506a}.app-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:rgba(122,162,255,.08);right:-45px;top:-45px}.app-top{display:flex;justify-content:space-between;align-items:center}.app-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid #334057;background:#161e2c;font-weight:900;font-size:12px}.app-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.app-name{font-size:21px;font-weight:800;margin-top:30px;letter-spacing:-.03em}.app-meta{display:flex;gap:14px;margin-top:10px;color:var(--muted);font-size:11px}.app-arrow{position:absolute;right:18px;bottom:15px;color:#61708b;font-size:22px}.ops-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);background:rgba(16,21,31,.9);border-radius:18px;padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel h2{font-size:24px;margin:5px 0 0;letter-spacing:-.025em}.muted{color:var(--muted);font-size:11px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:27px}.metric-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.metric-top span{color:var(--muted)}.metric-top strong{font-size:12px}.bar{height:7px;background:#202a3a;border-radius:999px;margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#628cf1,#8db1ff);transition:width .35s ease}#history{width:100%;margin-top:20px;display:block}.uptime{font-size:10px;color:#65748a;margin-top:20px}.service-list{margin-top:22px}.service-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #202838}.service-row:last-child{border-bottom:0}.service-name{font-weight:750;font-size:13px}.service-meta{font-size:11px;color:var(--muted)}.note{font-size:10px;line-height:1.55;color:#6f7b90;border-top:1px solid #202838;margin-top:10px;padding-top:16px}.ops-footer{display:flex;justify-content:space-between;color:#68758a;font-size:10px;padding:18px 4px 0}.ops-footer b{color:#8d99ad}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-orbit{width:340px}.project,.project-sqdcm{grid-template-columns:1fr}.sqdcm-hero{height:320px}.apps{grid-template-columns:1fr 1fr}.ops-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading p{text-align:left}.public-state{display:none}}@media(max-width:620px){.topbar{height:64px}.brand{font-size:11px}.brand-mark{width:28px;height:28px}.ghost-button{font-size:0;padding:9px}.ghost-button .lock{font-size:14px;margin:0}.shell{width:min(100% - 24px,1240px)}.hero{padding-top:52px;gap:26px}.hero h1{font-size:52px}.hero p{font-size:14px}.hero-orbit{width:270px}.projects{padding-bottom:45px}.project{padding:16px;border-radius:20px}.project h3{font-size:36px}.media-large{height:220px}.media-row{grid-template-columns:1fr}.media-row .media{height:170px}.sqdcm-hero{height:240px}.thumb-rail{grid-auto-columns:minmax(130px,1fr)}.thumb-rail .thumb{height:100px;min-height:100px}.public-footer{flex-direction:column;gap:10px}.apps,.metric-grid{grid-template-columns:1fr}.ops-shell{padding-top:38px}.ops-hero{align-items:flex-start;flex-direction:column}.top-actions{gap:5px}}