*{box-sizing:border-box}body{margin:0;background:#f5f7f7;color:#102838;font:17px/1.65 Arial,sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding:25px}header{display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:24px}.brand{text-decoration:none;font-weight:900;font-size:26px;letter-spacing:2px}.brand img{width:34px;vertical-align:middle;margin-right:9px}.hero{background:#091b2b;color:#fff;border-radius:32px;padding:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;overflow:hidden}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;color:#087568}.hero .eyebrow{color:#77ecd3}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-2px;margin:20px 0}h2{font-size:32px;line-height:1.2}p{max-width:70ch}.muted{color:#5b707b}.hero p{color:#c5d4dd}.button{display:inline-block;background:#77ecd3;color:#092b30;border-radius:10px;padding:13px 22px;text-decoration:none;font-weight:bold}.outline{background:transparent;border:1px solid #8399a7;color:white;margin-top:12px}.flow{display:grid;gap:16px;align-content:center}.flow div{background:#163347;border:1px solid #315265;padding:24px;border-radius:18px;animation:arrive .7s both}.flow div:nth-child(2){animation-delay:.2s}.flow div:nth-child(3){animation-delay:.4s}.flow b{color:#77ecd3;margin-right:15px}.flow small{display:block;color:#c5d4dd;margin-left:38px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.card{background:white;border:1px solid #dae3e6;border-radius:22px;padding:30px;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h3{font-size:24px;line-height:1.25}.card a{font-weight:bold;color:#087568}.download{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#dcefe9;border-radius:26px;padding:38px;margin:65px 0}.diagram{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.diagram span{background:white;border:1px solid #b3cec4;border-radius:10px;padding:13px}.article{max-width:850px;margin:auto}.article h1{font-size:49px}.article h2{margin-top:40px;font-size:27px}.article .intro{font-size:22px;color:#526b78}.social{width:100%;border-radius:18px}.faq{border-top:1px solid #ccd8de;padding:18px 0}summary{font-weight:bold;cursor:pointer}footer{border-top:1px solid #ccd8de;font-size:14px;color:#536b78}.score{display:grid;gap:12px}label{cursor:pointer;background:white;padding:10px;border-radius:8px}input{width:18px;height:18px;accent-color:#087568}.cta{margin:40px 0;padding:30px;background:#e0f1eb;border-radius:20px}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:760px){.hero,.download,.grid{grid-template-columns:1fr}.hero{padding:30px}.hero h1,.article h1{font-size:40px}header,main,footer{padding:18px}nav{gap:13px;font-size:14px}.grid{gap:15px}}