body{background:linear-gradient(#fff 300px,#90ded8 100%)}.content{padding:0;display:flex;flex-direction:column;gap:6rem;align-items:center}.hero{display:flex;flex-direction:column;justify-content:space-between;gap:4rem;width:100%;max-width:1400px;padding:1rem;padding-top:2rem;border-bottom:1px dashed #18baad;padding-bottom:2rem}.hero h1{font-size:2rem;color:#18baad}.hero h1 strong{font-size:3rem;color:#222}.hero h2{font-size:1.4rem;font-weight:300}.hero img{height:auto;width:100%}.row-s{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:6rem;padding:1rem}.chart{flex:0 0 300px;min-height:auto;height:300px;padding:1rem;background-color:#fff;border-radius:.3rem;box-shadow:0px 0px 20px rgba(0,0,0,0.2);background:linear-gradient(#eee 0,#fff 30%)}.chart-txt{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-start}.chart-txt .chart-legend{font-size:1.6rem;background-color:#18baad;padding:.3rem;border-radius:.3rem;color:#fff}.chart-txt h3{font-size:3rem}.chart-txt p{font-size:1.4rem;line-height:2.2rem}@media (min-width:1024px){.hero{flex-direction:row;padding:0;padding-top:2rem;padding-bottom:2rem}.hero h1{font-size:3rem}.hero h1 strong{font-size:4rem}.hero h2{font-size:2rem}.hero img{height:360px;width:auto}.row-s{flex-direction:row;padding:0}.chart{flex:0 0 600px;min-height:400px;height:auto;padding:2rem}}