:root{--bg:#edf5f8;--navy:#071f2f;--blue:#155eef;--mint:#2dd4bf;--muted:#647887}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--navy)}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;width:min(1160px,calc(100% - 32px));margin:auto}.dash{display:grid;gap:22px}.card{padding:34px;border-radius:8px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 28px 80px rgba(7,31,47,.18);animation:lift 4s ease-in-out infinite}.card span{display:block;font-size:clamp(3rem,8vw,6rem);font-weight:1000}.chart{height:260px;display:flex;align-items:end;gap:18px;padding:24px;border-radius:8px;background:#fff}.chart i{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(var(--mint),var(--blue));animation:bar 1.4s ease-in-out infinite alternate}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:70%;animation-delay:.2s}.chart i:nth-child(3){height:48%;animation-delay:.4s}.chart i:nth-child(4){height:82%;animation-delay:.6s}.copy p:first-child{color:var(--blue);font-weight:950;text-transform:uppercase}h1{font-size:clamp(7rem,20vw,15rem);line-height:.8;margin:0}h2{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:18px 0}.copy p:last-of-type{color:var(--muted);line-height:1.8}.btn{display:inline-flex;margin-top:18px;padding:15px 20px;border-radius:8px;background:var(--navy);color:#fff;text-decoration:none;font-weight:950}.btn:hover{background:var(--blue);transform:translateY(-4px)}@keyframes lift{50%{transform:translateY(-12px)}}@keyframes bar{to{filter:saturate(1.8);transform:scaleY(.82)}}@media(max-width:820px){main{grid-template-columns:1fr;padding:46px 0}.copy{order:-1}.chart{height:180px}}