#hero{position:relative;overflow:hidden}#hero .img{opacity:.6;position:absolute;top:-300px;left:calc(50% - 720px)}#hero .fade{opacity:.5;background:#4584ad;position:absolute;inset:0}#hero>.content{text-align:center;z-index:10;flex-direction:column;align-items:center;padding:50px 40px 40px;display:flex;position:relative}#hero .logo{flex-shrink:0;justify-content:center;gap:12px;width:470px;height:80px;font-size:45px;left:calc(50% - 235px)}#hero h1{color:#fff;text-wrap:balance;margin-top:28px;font-size:45px}#hero .subtitle{color:#fff;text-wrap:balance;margin-top:12px;font-size:24px;font-weight:400}#hero a{display:none}a.cta{border-radius:12px;width:400px;height:70px;font-size:26px;box-shadow:0 0 12px 4px #fff}a.cta:hover{text-shadow:0 0 20px #fff;cursor:pointer;text-decoration:none;box-shadow:0 0 12px 4px #28282880}#intro{background:linear-gradient(53deg,#6eacc5 0%,#b3c2d5 17%,#bcc3d3 26%,#adb9c9 34%,#96adbb 48%,#7c9fb2 62%,#6897ab 74%,#6eacc5 83%);border-top:1px solid gray;padding:40px;position:relative}#blocks{justify-content:space-around;gap:40px;margin-bottom:30px;display:flex}#blocks .block{background-color:#fff;border-radius:12px;flex-direction:column;flex-basis:100%;align-items:center;padding:20px;display:flex;box-shadow:0 0 3px 1px #28282880}#blocks .icon{background-color:var(--bad);color:#fff;border-radius:50%;flex-grow:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 6px 2px #28282880}#blocks div.content{text-align:center;flex-direction:column;flex-grow:1;font-size:18px;font-weight:500;display:flex}#blocks div.heading{text-align:center;text-wrap:balance;flex-grow:0;margin:12px 0 0;font-size:26px;font-weight:500}#blocks div.body{flex-grow:1;align-items:center;display:flex}#intro{padding-bottom:20px}#intro .buttons{justify-content:center;gap:60px;display:flex}#intro .notes{color:#fff;margin-top:20px;margin-left:-10px}#intro>.content{color:#fff;text-align:center;text-wrap:balance;margin-bottom:30px;padding:0 50px;font-size:30px}#quotes>h2{margin-top:20px}#links{margin:0 0 30px;padding:0 30px}@media only screen and (width<=900px){#intro{padding:20px 20px 60px}#blocks{gap:20px}#hero>.content{padding:40px}}@media only screen and (width<=700px){#hero h1{font-size:35px}#hero .subtitle{font-size:20px}#blocks{flex-direction:column}#blocks .block{grid-template-columns:100px auto;display:grid}#blocks .icon{align-self:start;margin-top:10px}#blocks div.content{text-align:left;grid-column-start:2;margin:0}#blocks div.heading{text-align:left;margin:0}#intro .buttons{flex-direction:column;align-items:center;gap:30px}}@media only screen and (width<=550px){#hero .img{top:-100px}#hero div.logo{gap:10px;width:320px;height:60px;font-size:30px}#hero h1{margin-top:40px;font-size:36px}#hero .subtitle{font-size:20px}a.cta{width:350px;height:70px;font-size:18px;font-weight:700}#hero a{border-radius:12px;margin-top:30px;display:flex}#started a{width:240px;height:60px;margin-left:auto;margin-right:auto;font-size:20px}#intro{padding:20px 20px 30px}#blocks{text-wrap:balance}#blocks .block{grid-template-columns:70px auto}#blocks .icon{width:50px;height:50px;margin-top:4px}#blocks div.heading{margin-bottom:8px;font-size:24px;line-height:28px}#blocks div.content{font-size:16px;line-height:20px}#blocks a{width:240px;height:60px;font-size:20px;bottom:-30px}}