@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a33;--blue:#1479ff;--cyan:#20c9d8;--muted:#68788d}
*{font-family:Inter,sans-serif}
body{color:#10233d;background:#f4f7fb}
.app-nav{background:#06172c}.navbar-brand span,.section-kicker,.eyebrow{color:#20c9d8}
.hero{background:radial-gradient(circle at 80% 30%,#164a7c,#071a33 50%,#041121);color:white}
.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:800;line-height:1.04;letter-spacing:-2px}
.hero h1 span{color:#36d1df}.hero .lead{color:#c7d4e5;max-width:750px}
.eyebrow,.section-kicker{font-size:.75rem;letter-spacing:2px;font-weight:800}
.hero-note{color:#b5c7db}
.hero-orbit{height:500px;position:relative}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#1479ff,#20c9d8);display:grid;place-items:center;text-align:center;box-shadow:0 0 80px #1479ff55}
.orbit-core i{font-size:38px;display:block}.orbit-card{position:absolute;background:#102b4d;border:1px solid #406587;padding:14px 18px;border-radius:14px;box-shadow:0 15px 40px #0004}
.orbit-card i{color:#36d1df;margin-right:7px}.c1{top:60px;left:20px}.c2{top:80px;right:0}.c3{bottom:70px;left:0}.c4{bottom:45px;right:20px}
.pillar-card,.panel,.stat,.infra,.service,.login-card{background:#fff;border:1px solid #e3eaf2;border-radius:20px}
.pillar-card{padding:28px;transition:.2s}.pillar-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #10233d12}
.pillar-icon{width:56px;height:56px;border-radius:14px;background:#eaf4ff;color:#1479ff;display:grid;place-items:center;font-size:25px;margin:18px 0}
.pillar-card p{color:var(--muted);min-height:90px}.pillar-card a{font-weight:700;color:#1479ff}
.problem{background:#edf3f9}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:25px;background:#fff;border-radius:18px}
.flow b{padding:9px 12px;background:#edf2f7;border-radius:8px;font-size:.8rem}.flow strong{background:#071a33;color:white;padding:10px 14px;border-radius:8px}
.cta{background:linear-gradient(120deg,#1479ff,#20aebb)}
.login-page{min-height:100vh;background:linear-gradient(135deg,#071a33,#123e68)}
.login-card{padding:40px;box-shadow:0 25px 80px #0004}.login-logo{width:60px;height:60px;margin:auto;border-radius:16px;background:#1479ff;color:white;font-size:30px;font-weight:800;display:grid;place-items:center}
.page{min-height:75vh}.stat{padding:24px}.stat i{color:#1479ff;font-size:24px}.stat strong{display:block;font-size:2rem;margin-top:10px}.stat span{color:var(--muted)}
.panel{padding:24px}.project{padding:18px 0;border-bottom:1px solid #edf1f5}.project small{display:block;color:var(--muted)}
.progress{height:8px}.progress-bar{background:#1479ff}.infra{padding:25px;display:flex;gap:20px;height:100%}.infra>i{font-size:30px;color:#1479ff}
.infra strong{display:block;font-size:2rem}.infra em{font-size:.7rem;color:var(--muted);font-style:normal}.infra p{color:var(--muted)}
.service{padding:28px;margin-bottom:20px;display:flex;align-items:flex-start;gap:25px}.service>i{font-size:30px;color:#1479ff;background:#eaf4ff;padding:15px;border-radius:14px}
.service-no{font-weight:800;color:#c2cfdb}.service p{color:var(--muted)}
.bars{height:240px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #dce4ec;padding:15px}.bars div{flex:1;max-width:45px;margin:auto;background:linear-gradient(#20c9d8,#1479ff);border-radius:7px 7px 0 0}
.report{padding:18px;border:1px solid #e4eaf1;border-radius:12px;display:flex;gap:12px;align-items:center}.report i{color:#1479ff;font-size:21px}
.footer{background:#06172c;color:#c7d4e5}.footer b{color:#fff}
@media(max-width:767px){.hero-orbit{height:390px}.service{flex-direction:column;gap:10px}.flow{flex-direction:column;align-items:stretch;text-align:center}}

.site-nav{background:#06172c;position:absolute;top:0;left:0;right:0;z-index:10}.site-nav .navbar-brand span{color:#20c9d8}.site-nav .nav-link{color:#c7d4e5}.site-nav .nav-link:hover{color:#20c9d8}.site-nav .btn{border-radius:8px}.landing-hero{padding-top:76px}.about-hero{background:linear-gradient(120deg,#071a33,#164a7c);color:#fff}.about-card{background:#fff;border:1px solid #e3eaf2;border-radius:20px;padding:28px;height:100%}.about-card i{font-size:28px;color:#1479ff}.scope-chip{display:inline-block;background:#edf4ff;color:#1479ff;padding:9px 14px;border-radius:999px;font-size:.8rem;font-weight:700;margin:4px}.static-nav{background:#06172c}.table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#68788d}.table tbody td{color:#30445e}.status-good{color:#198754;font-weight:700}.status-warn{color:#b7791f;font-weight:700}
@media(max-width:991px){.landing-hero{padding-top:95px}.site-nav{position:relative}}