:root{--ink:#18253a;--muted:#687487;--line:#e2e9ef;--cream:#f5fbff;--lime:#d9f36a;--blue:#294873}
body{background:linear-gradient(180deg,#fff 0%,#fbfdff 48%,#fff 100%)}
.topbar{background:#294873;color:#e5efff}.topbar a{color:#e4f76f}
.brand-logo{width:64px;height:64px;display:grid;place-items:center;overflow:visible;border-radius:13px;background:#fff;flex:none}.brand-logo img{width:64px;height:64px;object-fit:contain;display:block}
.nav-cta{border-color:#9ab2ca;color:#294873}.hero{background:radial-gradient(circle at 80% 45%,#edf8ff 0,transparent 33%)}
.hero h1 em,.section h2 em,.contact-section h2 em{color:#1988bb}.button.primary{background:#1988bb}.button.primary:hover{background:#116e99}.button.secondary{border-color:#b9cfe0;color:#294873}.art-glow{background:radial-gradient(circle at 50% 48%,#eaf9ff 0,#f5fbff 42%,transparent 70%)}
.planet{background:linear-gradient(135deg,#1988bb,#8ad9e9);box-shadow:inset -23px -18px 40px #0e6b8d55,0 20px 55px #1988bb24}.planet:before{background:#d9f36a;box-shadow:0 0 22px #d9f36a}.value-grid article:hover{box-shadow:0 18px 40px #1988bb18}.dark-section{background:#294873}.dark-section h2 em{color:#d9f36a}.contact-section{background:#eaf8f2}.contact-copy>p{color:#5a716d}.direct a,.direct button{color:#155c75}
.system-screen{position:absolute;left:50%;top:50%;width:304px;height:250px;transform:translate(-50%,-50%) rotate(2deg);padding:18px 19px 14px;background:linear-gradient(150deg,#ffffff 0%,#f5fbff 100%);border:1px solid #d9eaf3;border-radius:18px;box-shadow:0 25px 60px #267fa82e,0 0 0 8px #ffffff88;z-index:2;color:#294873}.screen-head,.screen-foot,.screen-brand{display:flex;align-items:center;justify-content:space-between}.screen-brand{justify-content:flex-start;gap:7px}.screen-brand img{width:31px;height:31px;object-fit:contain}.screen-brand b{font-size:9px;letter-spacing:.14em}.live-pill{font-size:8px;color:#268c70;background:#dff8e8;border-radius:20px;padding:5px 8px}.screen-title{font-size:13px;line-height:1.2;color:#63758c;margin:19px 0 13px}.screen-title strong{color:#1d375d;font-size:17px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen-grid div{padding:10px 10px 8px;border-radius:9px;background:#fff;border:1px solid #e7f0f4}.screen-grid small,.screen-grid b,.screen-grid i{display:block}.screen-grid small{font-size:8px;color:#8192a1}.screen-grid b{font-size:15px;margin-top:5px}.screen-grid i{font-size:8px;color:#4aa06e;font-style:normal;margin-top:2px}.screen-chart{height:41px;display:flex;align-items:end;gap:6px;margin-top:14px;padding:0 5px;border-bottom:1px solid #d6e6ed}.screen-chart span{width:19px;background:linear-gradient(#72cae1,#208abb);border-radius:4px 4px 0 0}.screen-chart span:nth-child(1){height:14px}.screen-chart span:nth-child(2){height:21px}.screen-chart span:nth-child(3){height:18px}.screen-chart span:nth-child(4){height:30px}.screen-chart span:nth-child(5){height:24px}.screen-chart span:nth-child(6){height:33px}.screen-chart span:nth-child(7){height:39px}.screen-chart b{font-size:7px;color:#91a2af;position:absolute;margin:0 0 -15px 4px}.screen-chart b:nth-of-type(2){margin-left:257px}.screen-foot{font-size:8px;color:#95a5ae;margin-top:11px}.screen-foot em{display:inline-block;width:6px;height:6px;background:#63bb7d;border-radius:50%;margin-right:4px}.card-top{z-index:3}.card-bottom{z-index:3}
@media(max-width:480px){.brand-logo{width:52px;height:52px}.brand-logo img{width:52px;height:52px}.system-screen{transform:translate(-50%,-50%) scale(.84) rotate(2deg)}}