:root{--bg:#f7f9ff;--ink:#101828;--muted:#667085;--blue:#3157ff;--violet:#8b5cf6;--line:#dbe4f0}*{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(--ink)}main{min-height:100vh;display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center;width:min(1180px,calc(100% - 32px));margin:auto}.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,4.2rem);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:14px 20px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:950}.btn:hover{background:#1937ad;transform:translateY(-4px)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:500px;align-items:start}.board div{height:70%;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(16,24,40,.1);position:relative;animation:card 3s ease-in-out infinite}.board div:before,.board div:after{content:"";display:block;height:18px;margin:18px;border-radius:999px;background:#edf2ff}.board div:after{width:55%;background:linear-gradient(90deg,var(--blue),var(--violet))}.board div:nth-child(2){height:88%;animation-delay:.3s}.board div:nth-child(3){height:62%;animation-delay:.6s}@keyframes card{50%{transform:translateY(-16px)}}@media(max-width:850px){main{grid-template-columns:1fr;padding:46px 0}.board{min-height:260px}.copy{order:-1}}