*{box-sizing:border-box}body{margin:0;font:16px/1.7 Arial;color:#182238}a{color:#245fe8;text-decoration:none}.site-header,footer{padding:20px 5%;border-bottom:1px solid #e7ebf2;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{font-size:28px;font-weight:800;color:#182238}nav{display:flex;gap:16px;flex-wrap:wrap}nav a,footer a{color:#596579}main{max-width:1100px;margin:auto;padding:38px 22px 65px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero img,.article-hero{width:100%;border-radius:16px}.hero h1,h1{font-size:clamp(34px,5vw,52px);line-height:1.15}.lead{font-size:19px;color:#68748a}.button,.video-link{display:inline-block;background:#245fe8;color:white;padding:11px 17px;border-radius:8px;font-weight:bold}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e7ebf2;border-radius:13px;overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:16px}.card p,.article p{color:#586579}.tag,.eyebrow{font-size:11px;color:#245fe8;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.article{max-width:820px}.article h2{margin-top:34px}.chart,.note{border:1px solid #e7ebf2;border-radius:12px;padding:20px;margin:25px 0}.bars{height:160px;display:flex;align-items:end;gap:12px}.barbox{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.bar{width:60%;background:#4988f5;border-radius:6px 6px 0 0}.barbox small,.fine{font-size:12px;color:#788398}.callout{background:#eff5ff;border-left:4px solid #245fe8;padding:16px;margin:24px 0}.video-wrap{padding:20px;background:#f3f6fc;border-radius:14px;margin:20px 0}.video-preview{min-height:130px;display:flex;align-items:center;gap:18px;padding:20px;background:#e7edf8;border-radius:10px}.play{background:#e62117;color:#fff;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:22px}.page{max-width:800px}.intro{padding:25px;background:#f3f6fc;border-radius:14px;margin:35px 0}@media(max-width:760px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cards{grid-template-columns:1fr}.site-header{flex-direction:column}}