:root{color-scheme:dark;--bg:#040a12;--panel:#091522;--panel2:#0c1d2d;--line:#173047;--text:#ecf8ff;--muted:#8299aa;--cyan:#37d9ff;--cyan2:#1595c4;--green:#39e6a0;--amber:#ffbd5b;--red:#ff6474}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,#0c3550 0,transparent 38%),var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.5vw;border-bottom:1px solid var(--line);background:rgba(4,10,18,.91);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #28506a;border-radius:50%;color:var(--cyan);font-size:10px;font-weight:900;box-shadow:0 0 22px rgba(55,217,255,.13)}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:.18em;font-size:18px}.brand-copy small{color:var(--muted);font-size:11px}.nav{display:flex;align-items:center;gap:8px}.nav>a{padding:10px 12px;color:var(--muted)}.nav>a:hover{color:var(--text)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid #28506a;border-radius:10px;background:#0b1b29;color:var(--text);font-weight:700}.btn:hover{border-color:var(--cyan)}.btn.primary{border-color:#16a8c9;background:linear-gradient(135deg,#087c9c,#0d5876)}.btn.secondary{background:#0b1b29}.btn.ghost{background:rgba(11,27,41,.58)}.btn.large{min-height:50px;padding:0 24px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:5vw;padding:68px 5.5vw 78px}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:720px;margin:12px 0 22px;font-size:clamp(54px,6.3vw,92px);line-height:.92;letter-spacing:-.045em}.hero h1 span{display:block;color:var(--cyan)}.lead{max-width:670px;margin:0;color:#b4c8d5;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.trust-row span{padding:7px 11px;border:1px solid #1e4159;border-radius:999px;background:#07131f;color:#9db5c5;font-size:11px}
.demo-shell{overflow:hidden;border:1px solid #28506a;border-radius:20px;background:linear-gradient(145deg,rgba(12,29,45,.95),rgba(6,16,27,.96));box-shadow:0 28px 85px rgba(0,0,0,.34)}.demo-bar{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:#071522}.demo-bar strong{color:#8fa9ba;font-size:10px;letter-spacing:.14em}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#28516c}.video-wrap{position:relative;background:#06111d}.video-wrap video{display:block;width:100%;height:auto;aspect-ratio:1280/654;object-fit:contain;background:#07131f}.video-close{position:absolute;top:12px;right:12px;z-index:5;width:38px;height:38px;padding:0;border:1px solid #28506a;border-radius:50%;background:rgba(4,10,18,.86);color:var(--text);font-size:24px}.video-close:hover{border-color:var(--cyan)}.show-video{display:none;width:100%;min-height:92px;border:0;background:#071522;color:var(--cyan);font-weight:800}
.section{padding:92px 5.5vw;border-top:1px solid rgba(23,48,71,.9)}.section.alt{background:rgba(4,10,18,.36)}.section-heading{max-width:770px;margin-bottom:42px}.section-heading h2,.access h2{margin:0 0 12px;font-size:clamp(31px,4vw,43px);line-height:1.08}.section-heading>p:last-child,.access>p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.cap-grid article{padding:27px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(12,29,45,.95),rgba(6,16,27,.96))}.card>span{display:block;margin-bottom:26px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.13em}.card h3,.cap-grid h3{margin:0 0 10px;font-size:20px}.card p,.cap-grid p{margin:0;color:var(--muted);line-height:1.6}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.flow article{min-height:145px;padding:22px 17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(12,29,45,.95),rgba(6,16,27,.96))}.flow b,.flow strong,.flow small{display:block}.flow b{margin-bottom:16px;color:var(--cyan);font-size:11px}.flow strong{margin-bottom:8px}.flow small{color:var(--muted);line-height:1.45}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:21px;border:1px solid #28506a;border-radius:11px;background:#0b1b29;color:var(--cyan);font-weight:900}
.access{margin:30px 5.5vw 88px;padding:64px 30px;text-align:center;border:1px solid #28506a;border-radius:20px;background:radial-gradient(circle at 70% -10%,rgba(12,53,80,.75) 0,transparent 48%),#071522}.access>p{max-width:680px;margin:0 auto}.access-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:27px}footer{display:flex;flex-wrap:wrap;gap:14px;padding:27px 5.5vw 42px;border-top:1px solid var(--line);background:#040a12;color:#6f8798;font-size:12px}footer strong{color:var(--text);letter-spacing:.14em}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:22px;background:rgba(2,7,12,.82);backdrop-filter:blur(10px)}.modal.open{display:grid}.modal-card{position:relative;width:min(460px,96vw);max-height:92vh;overflow:auto;padding:34px;border:1px solid #28506a;border-radius:18px;background:#091522;box-shadow:0 36px 100px rgba(0,0,0,.55)}.modal-card.register-card{width:min(620px,96vw)}.modal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#8da6b6;font-size:28px}.modal-card h2{margin:0 0 9px;font-size:30px}.modal-copy{margin:0 0 22px;color:var(--muted);line-height:1.55}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;font-weight:600}.modal input,.modal select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #24445a;border-radius:9px;background:#050e18;color:var(--text);outline:none}.modal input:focus,.modal select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(55,217,255,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit{width:100%;margin-top:3px}.form-status{min-height:20px;margin-top:12px;color:#ff9aa5;font-size:13px}.form-status.ok{color:#71eab3}.admin-auth{padding:17px;border:1px solid #173047;border-radius:11px;background:#06111d}.admin-auth.hidden{display:none}.admin-auth strong{color:var(--cyan);font-size:10px;letter-spacing:.14em}.admin-auth p{margin:8px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{padding:0 18px}.nav>a{display:none}.nav .secondary{display:none}.hero{padding:48px 20px 64px}.section{padding:72px 20px}.cards,.cap-grid,.flow,.form-grid{grid-template-columns:1fr}.access{margin:22px 20px 64px;padding:45px 20px}.hero h1{font-size:52px}}


/* CEOS ORIGINAL RUNTIME PALETTE LOCK — matches the Runtime Overview reference. */
html,body{background-color:#040a12}
.topbar{background:rgba(4,10,18,.91)}
.demo-bar,footer{background:#071522}
.demo-shell,.card,.cap-grid article,.flow article,.modal-card,.admin-auth{border-color:#173047}
.card,.cap-grid article,.flow article{background:linear-gradient(145deg,rgba(12,29,45,.95),rgba(6,16,27,.96))}
.access{background:radial-gradient(circle at 70% -10%,rgba(12,53,80,.55) 0,transparent 48%),#081725}
