*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1726;color:#f3f6fb;font:16px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1180px;margin:auto;padding:32px 40px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff20;padding-bottom:24px;font-size:14px;color:#a5b7cc}.brand{font-size:24px;color:#fff;letter-spacing:2px}.badge{margin-left:auto;background:#183e39;color:#a6f5cd;padding:7px 14px;border-radius:30px;font-size:10px;letter-spacing:1px}.hero{padding:96px 0 84px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:3px;color:#82d7bd}h1{font-size:clamp(52px,8vw,100px);font-weight:650;line-height:1.03;letter-spacing:-5px;margin:24px 0}p{color:#a9b9ce}.hero p{font-size:20px;max-width:650px;margin:28px 0 34px}.hero a{display:inline-block;color:#092720;background:#9de7cc;padding:13px 22px;border-radius:9px;text-decoration:none;font-weight:650}.hero a span{margin-left:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{padding:28px;border:1px solid #ffffff18;border-radius:14px;background:#152337}.grid span{color:#82d7bd;font-size:10px;letter-spacing:1.5px}h2{font-size:20px;line-height:1.3;margin:22px 0 14px}.grid p{font-size:14px}footer{padding:40px 0 16px;font-size:12px;color:#748aa4}@media(max-width:700px){main{padding:24px}.hero{padding:64px 0}h1{letter-spacing:-3px}.grid{grid-template-columns:1fr}header{flex-wrap:wrap}.badge{margin-left:0}.hero p{font-size:17px}}