.sys-shell{width:100vw;margin-left:calc(50% - 50vw);padding:60px;background:linear-gradient(135deg,#eef7ff,#ffffff);font-family:sans-serif}
.sys-hero h1{font-size:60px}
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}
.sys-card{padding:20px;background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:0;transform:translateY(30px);animation:fade .6s forwards;animation-delay:calc(var(--i)*.1s)}
@keyframes fade{to{opacity:1;transform:none}}
.sys-footer{margin-top:60px;text-align:center}