.x-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,#f4bd20 0,transparent 19%),radial-gradient(circle at 89% 70%,#0798b5 0,transparent 23%),linear-gradient(145deg,#02080c,#192127)}.x-hero:after{content:"";position:absolute;right:8vw;top:12%;width:min(37vw,460px);height:68%;background:linear-gradient(104deg,transparent 47%,rgba(255,255,255,.15) 48% 49%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 43px,rgba(255,255,255,.08) 44px 45px);clip-path:polygon(42% 0,58% 0,69% 100%,31% 100%)}.x-hero>div{position:relative;z-index:1}.x-nav{position:sticky;top:0;z-index:25;display:flex;overflow:auto;padding:0 6vw;background:#071219;border-bottom:1px solid #314650}.x-nav a{white-space:nowrap;padding:16px 20px;color:#ccd8dc;font-size:10px;font-weight:900;letter-spacing:.1em;border-bottom:2px solid transparent}.x-nav a:hover,.x-nav a.active{color:#fff;background:#142731;border-color:#f4bd20}.x-metrics{max-width:1180px;margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3d4b52}.x-metric{background:#0d1b22;color:#fff;padding:25px}.x-metric b{display:block;color:#ffd14b;font-size:24px}.x-metric span{color:#cbd7da;font-size:10px;letter-spacing:.1em}.x-process{max-width:1180px;margin:52px auto 0}.x-process button{width:100%;display:grid;grid-template-columns:50px 1fr 25px;gap:16px;align-items:center;padding:21px 4px;border:0;border-top:1px solid #d4e1df;background:transparent;color:#10232a;text-align:left;font:inherit;cursor:pointer}.x-process b{color:#c58e00}.x-process strong{font-size:19px}.x-process i{font-style:normal}.x-process .answer{display:none;padding:0 45px 27px 66px;color:#506870;line-height:1.75}.x-process button.open+.answer{display:block}.x-dark{background:#061016;color:#fff}.x-dark .intro h2{color:#fff}.x-dark .intro>p{color:#ccd9dd}.x-grid{max-width:1180px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.x-card{background:#10232c;border:1px solid #334e59;padding:29px;min-height:225px}.x-card small{color:#ffd14b;font-weight:900}.x-card h3{margin:47px 0 10px;color:#fff}.x-card p{color:#ccd9dd;line-height:1.65;font-size:14px}.x-outputs{max-width:1180px;margin:43px auto 0;display:flex;flex-wrap:wrap;gap:10px}.x-outputs span{padding:12px 15px;background:#fff;color:#10232a;border:1px solid #d4e1df;font-size:12px;font-weight:800}.severity{max-width:1180px;margin:48px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4e1df}.severity div{padding:27px;background:#fff}.severity b{font-size:24px}.severity div:nth-child(1) b{color:#3c8b43}.severity div:nth-child(2) b{color:#b99900}.severity div:nth-child(3) b{color:#d46a18}.severity div:nth-child(4) b{color:#bd2525}.severity p{color:#536b73;font-size:13px;line-height:1.6}.x-form{display:grid;gap:12px}.x-form label{color:#dce7e9;font-size:10px;font-weight:900;letter-spacing:.12em}.x-form select,.x-form input{padding:14px;background:#10232c;color:#fff;border:1px solid #627984}.x-form input::placeholder{color:#b6c5ca}.x-btn{padding:14px;background:transparent;border:1px solid #95a5ac;color:#fff;font-weight:900;cursor:pointer}.x-btn:hover{background:#ffd14b;color:#071014}.x-summary{display:none;padding:18px;background:#18313b;border-left:3px solid #ffd14b;color:#fff;font-size:13px;line-height:1.6}.x-summary.show{display:block}.notice{max-width:1180px;margin:35px auto 0;padding:18px;border-left:3px solid #ffd14b;background:#fff7d7;color:#554600;font-size:13px;line-height:1.6}@media(max-width:850px){.x-metrics,.severity{grid-template-columns:1fr 1fr}.x-grid{grid-template-columns:1fr}.x-nav{padding:0}.x-process .answer{padding-left:0}}