*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf5;color:#17352e;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}header{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7de;position:sticky;top:0;background:#fbfaf5ee;backdrop-filter:blur(10px);z-index:5}.logo{font-size:19px;font-weight:850}.logo b{display:inline-grid;place-items:center;background:#173f35;color:white;width:34px;height:34px;border-radius:11px;margin-right:8px}.logo span{color:#7c9d55}.logo small{color:#999;font-weight:600}nav{display:flex;gap:25px;color:#596b64;font-size:14px}.pill,.btn{border-radius:999px;padding:11px 18px;font-weight:750}.pill{background:#e8efe2}.hero{padding:85px 9vw;display:grid;grid-template-columns:1.2fr .7fr;gap:9vw;align-items:center;background:radial-gradient(circle at 85% 20%,#e9f1df,transparent 35%)}label{display:block;color:#7b9c52;font-size:11px;letter-spacing:2px;font-weight:850;margin-bottom:10px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:0 0 24px}.hero h1 i{font-style:normal;color:#789852}.hero p{color:#60716a;font-size:18px;max-width:650px}.btn{display:inline-block;background:#173f35;color:#fff;border:0;cursor:pointer;margin-top:15px}.btn.alt{background:#fff;color:#173f35;border:1px solid #ccd5ca}.hero aside{background:white;border:1px solid #e0e5dc;border-radius:25px;padding:30px;box-shadow:0 20px 55px #17352e12}.hero aside h2{font-size:25px;margin:7px 0}.hero aside strong{font-size:34px}.hero aside em{font-style:normal;font-size:16px;color:#d39b39}.hero aside p{font-size:14px}.meter{height:8px;background:#edf0e9;border-radius:20px;margin:22px 0 7px;overflow:hidden}.meter i{display:block;height:100%;background:#7b9c52}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-block:1px solid #e2e5dc;padding:25px 10vw}.stats div{text-align:center}.stats b{display:block;font-size:21px}.stats span{font-size:12px;color:#7b8580}.section{padding:80px 9vw}.section h2{font-size:40px;letter-spacing:-1.5px;margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #e1e5dc;border-radius:19px;padding:22px}.icon{font-size:28px}.card h3{margin:7px 0 2px;font-size:21px}.stars{color:#d39b39;letter-spacing:1px}.card p{color:#68766f;min-height:48px}.foot{display:flex;justify-content:space-between;align-items:center}.small{border:0;background:#edf2e9;color:#315842;border-radius:10px;padding:9px 12px;font-weight:750;cursor:pointer}.compare{background:#f0f4ec}.compare button{border:1px solid #cfd8cc;background:#fff;border-radius:11px;padding:10px 13px;margin:0 7px 9px 0;cursor:pointer}.compare button.active{background:#173f35;color:white}.tablewrap{overflow:auto;margin-top:18px;background:white;border-radius:17px;border:1px solid #dde3d8}.table{border-collapse:collapse;width:100%;min-width:650px}.table th,.table td{padding:15px;border-bottom:1px solid #edf0eb;text-align:left}.table th{background:#fafbf8}.rank{display:grid;grid-template-columns:45px 1.5fr 1fr 90px;gap:15px;align-items:center;padding:15px 18px;background:white;border:1px solid #e1e5dc;border-radius:14px;margin:9px 0}.num{font-weight:850;font-size:20px;color:#7b9c52}.bar{height:8px;background:#edf0e9;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#7b9c52}.dark{margin:0 8vw 80px;padding:52px 6vw;border-radius:28px;background:#173f35;color:white;display:flex;justify-content:space-between;align-items:center}.dark h2{font-size:38px;margin:0}.dark p{color:#cbd8d0}.light{background:white;color:#173f35}.wide{max-width:850px;color:#5d6c65;font-size:18px}.promo{margin:0 8vw 80px;padding:40px 6vw;border:1px solid #dce2d6;border-radius:24px;background:#f7faf4;display:flex;align-items:center;justify-content:space-between;gap:20px}.promo h2{margin:0;font-size:31px}.promo p{color:#69766f}footer{border-top:1px solid #e2e5dc;padding:35px 9vw;display:flex;justify-content:space-between;color:#7b8580}footer b{color:#17352e}.modal{position:fixed;inset:0;background:#10261d99;display:grid;place-items:center;padding:20px;z-index:20}.hidden{display:none}.box{max-width:560px;width:100%;background:#fff;border-radius:22px;padding:30px;position:relative}.box>#close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:30px;cursor:pointer}.answers{display:grid;gap:9px}.answers button{padding:13px;text-align:left;border:1px solid #dfe5dc;background:#fafbf8;border-radius:11px;cursor:pointer;font-weight:650}@media(max-width:800px){header{padding:0 5vw}nav{display:none}.hero{grid-template-columns:1fr;padding:60px 6vw}.stats{padding:22px 5vw}.section{padding:60px 6vw}.cards{grid-template-columns:1fr}.dark,.promo{margin-left:5vw;margin-right:5vw;display:block}.dark h2{font-size:32px}.rank{grid-template-columns:35px 1fr 75px}.rank .bar{grid-column:2/-1}footer{padding:30px 6vw;display:block}footer span{display:block;margin:10px 0}.hero h1{letter-spacing:-2px}}