:root{--bg:#0d0f0f;--line:#222526;--muted:#69727d;--blue:#a5cfff;--ink:#f4f2ee}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
button,a{font:inherit}
button{color:inherit}
.hero{height:940px;position:relative;background:#111 url('/hero-scene.jpg') center 72px/cover no-repeat;overflow:hidden}
.topbar{height:96px;display:flex;align-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;padding:0 5.1%;background:linear-gradient(#092a52cc,transparent)}
nav{display:flex;gap:34px;width:39%}
nav a,.outline,.white,.live,.trusted,.engine small,.panelHead,.tableHead,.engineTop,.selected dl,.formula,.metrics,footer{font-family:Arial,Helvetica,sans-serif}
nav a{color:#a9cdf5;text-decoration:none;font-size:12px;letter-spacing:1.4px}
.heroLogo{position:absolute;left:50%;transform:translateX(-50%);text-decoration:none;color:white}
.logo{display:inline-flex;align-items:center;gap:7px;font-family:Arial,sans-serif;font-size:20px;font-weight:700}
.logo i,.logo b{display:inline-block;width:7px;height:16px;background:#ff8744;border-radius:2px;margin-right:-5px}
.logo b{height:11px;background:white}
.headerActions{margin-left:auto;display:flex}
.xButton{height:42px;padding:0 16px;border:1px solid #ffffff38;border-left:0;background:#10182080;color:#fff;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:1px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;transition:background .2s,color .2s}
.xButton:hover{background:#fff;color:#080808}
.xButton svg{width:13px;height:13px;fill:currentColor}
.outline,.white{height:42px;padding:0 17px;border:1px solid #ffffff38;background:transparent;color:white;font-size:11px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:15px;text-decoration:none;cursor:pointer}
.white{background:#fff;color:#080808;border-color:#fff;padding:0 22px}
.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#101011 93%)}
.heroContent{position:absolute;z-index:2;left:4.2%;right:5.7%;bottom:98px;display:grid;grid-template-columns:1fr 430px;align-items:end}
.live{display:inline-flex;align-items:center;border:1px solid #ffffff28;height:30px;background:#1e1e2088;font-size:10px;letter-spacing:1px}
.live b{height:22px;background:white;color:black;padding:6px 9px;margin:3px}
.live span{padding:0 11px}
.hero h1{font-weight:400;font-size:68px;line-height:.95;letter-spacing:-2.4px;margin:34px 0 0}
.hero h1 em{font-style:normal;color:#c8c5c6}
.heroRight{padding-bottom:4px}
.auditLink{width:154px;justify-content:center}
.heroRight p{font-size:18px;line-height:1.7;color:#a8bad0;margin:40px 0 0}
.trusted{height:70px;position:absolute;z-index:2;bottom:0;left:0;right:0;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;gap:38px;color:#777;font-size:11px}
.trusted>span{position:absolute;left:16.3%;font-size:9px;letter-spacing:2px}
.engine{max-width:1715px;margin:34px auto 64px;border:1px solid var(--line);background:#0d0f0f}
.engineTop{height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:10px;letter-spacing:2px;color:#8794a2}
.engineTop .outline{height:32px;padding:0 18px}
.engineTitle{height:168px;padding:42px 33px;border-bottom:1px solid var(--line)}
.engineTitle small{color:#5f6d7a;letter-spacing:2px;font-size:10px}
.engineTitle h2{font-weight:400;font-size:59px;line-height:1;margin:18px 0}
.dashboard{display:grid;grid-template-columns:40% 60%}
.directory{border-right:1px solid var(--line)}
.panelHead{height:58px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#61707e;font-size:10px;letter-spacing:2px}
.panelHead i{font-style:normal;letter-spacing:0}
.tableHead{display:grid;grid-template-columns:2fr .8fr 1fr .75fr;height:40px;padding:0 32px;align-items:center;border-bottom:1px solid var(--line);color:#596673;font-size:9px;letter-spacing:1.5px}
.agent{width:100%;height:78px;border:0;border-bottom:1px solid var(--line);background:#111313;display:grid;grid-template-columns:2fr .8fr 1fr .75fr;align-items:center;text-align:left;padding:0 32px;font-size:10px;color:#617382;cursor:pointer}
.agent:hover,.agent.active{background:#151717}
.agent strong{display:block;color:white;font-size:14px;font-weight:400;margin-bottom:8px}
.agent small{font-size:10px;color:#536576}
.agent .score{text-align:right;color:#fff59d;font-size:14px}
.agent .bad{color:#ff6a6a}
.selected{border:1px solid var(--line);margin:184px 32px 23px;padding:24px 20px;color:#60707d;font-family:Arial,sans-serif}
.selected>small{font-size:9px;letter-spacing:2px}
.selected h3{font-family:Georgia,serif;color:white;font-size:17px;margin:24px 0 7px}
.selected p{font-size:10px}
.selected dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 0;font-size:9px}
.selected dt{color:#596471}
.selected dd{margin:0;text-align:right;color:#8fb0cd}
.station{min-width:0}
.terminal{margin:24px 32px;height:260px;border:1px solid var(--line);background:#080a0a;padding:22px;color:#424952;font:11px/2 monospace}
.terminal b{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.red{background:#a8443f}
.amber{background:#aa7a28}
.green{background:#25893e}
.terminal span{margin-left:8px}
.terminal pre{white-space:pre-wrap}
.execute{height:50px;border:0;background:#fff;color:#0a0b0b;margin:0 32px 24px;width:calc(100% - 64px);font:12px Arial,sans-serif;letter-spacing:2px;cursor:pointer}
.formula{border:1px solid var(--line);margin:0 32px 24px;padding:18px 20px;height:128px}
.formula small,.metrics small{font-size:9px;color:#53606c;letter-spacing:2px}
.formula p{margin:15px 0;font-family:Georgia,serif}
.formula div{display:flex;gap:34px;font-size:9px;color:#4f5c66}
.formula b{color:#9fb7c9}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 32px 24px}
.metrics>div{height:152px;border:1px solid var(--line);padding:22px}
.metrics strong{display:block;font-family:Georgia,serif;font-size:54px;color:#fff59d;font-weight:400;margin-top:12px}
.metrics code{display:block;font-size:9px;color:#4d5963;margin:18px 0}
.metrics hr{border:0;border-top:1px solid var(--line)}
.metrics p{font-size:9px;color:#647382;margin-top:18px}
footer{border-top:1px solid var(--line);padding:67px 6.1% 66px}
.footerGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:80px}
.footerGrid p{font-size:12px;line-height:1.8;color:#8ca7bf;margin-top:27px}
.footerGrid h4{font-family:Georgia,serif;font-size:13px;margin:2px 0 25px}
.footerGrid a{display:block;color:#9bc6ee;font-size:12px;margin:0 0 17px}
.copyright{border-top:1px solid var(--line);margin-top:62px;padding-top:37px;display:flex;justify-content:space-between;color:#67727d;font-size:9px;letter-spacing:2px}
.copyright i{display:inline-block;width:6px;height:6px;background:#27d6ab;border-radius:50%;margin-right:9px}
.menu{display:none}

@media(max-width:800px){.hero{height:844px;background-position:58% 70px}
.topbar{height:70px;padding:0 20px}
.menu{display:block;border:0;background:transparent;font-size:20px;z-index:4}
.topbar nav{display:none;position:absolute;top:70px;left:0;width:100%;background:#0c1b2c;padding:20px;flex-direction:column}
.topbar nav.open{display:flex}
.heroLogo{left:48%}
.headerActions .outline{display:none}
.xButton{height:36px;width:36px;padding:0;justify-content:center;border-left:1px solid #ffffff38}
.xButton span{display:none}
.headerActions .white{height:36px;padding:0 11px;font-size:9px}
.heroContent{left:20px;right:20px;bottom:110px;display:block}
.hero h1{font-size:45px;line-height:1}
.heroRight{margin-top:36px}
.heroRight p{font-size:14px;line-height:1.5;margin-top:22px}
.heroRight br{display:none}
.trusted{justify-content:flex-end;padding:0 18px;gap:16px}
.trusted>span{left:20px}
.engine{margin:0;border-left:0;border-right:0}
.engineTitle{height:140px;padding:34px 20px}
.engineTitle h2{font-size:42px}
.engineTop{padding:0 20px}
.dashboard{display:block}
.directory{border-right:0}
.tableHead,.agent{grid-template-columns:1.8fr .7fr .8fr .6fr;padding-left:20px;padding-right:20px}
.selected{margin:30px 20px}
.station{border-top:1px solid var(--line)}
.terminal,.formula{margin-left:20px;margin-right:20px}
.execute{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}
.metrics{margin:0 20px 20px;grid-template-columns:1fr}
.footerGrid{grid-template-columns:1fr 1fr;gap:40px}
.footerGrid>div:first-child{grid-column:1/-1}
.copyright{gap:20px;line-height:1.6}
.hero .logo{font-size:17px}
}

@media(max-width:430px){.headerActions .white{font-size:0}
.headerActions .white span{font-size:16px}
.live span{font-size:8px}
.hero h1{font-size:40px}
.engineTitle h2{font-size:36px}
.engineTop>span{max-width:190px;line-height:1.6}
.tableHead,.agent{grid-template-columns:1.7fr .75fr .75fr .55fr;padding-left:12px;padding-right:12px}
.agent small{display:none}
.panelHead{padding:0 20px}
.metrics strong{font-size:48px}
footer{padding:50px 20px}
.footerGrid{grid-template-columns:1fr}
.footerGrid>div:first-child{grid-column:auto}
.copyright{flex-direction:column}
}