@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#172e31;background:#f5f5ef;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit}nav,main,footer{max-width:1180px;margin:auto}nav{display:flex;align-items:center;gap:28px;padding:28px 32px;border-bottom:1px solid #d9ddd2}nav a{text-decoration:none;font-size:14px}.brand{font-weight:700;font-size:23px;margin-right:auto}main{padding:0 32px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:90px 0}h1{font-size:clamp(40px,5vw,65px);line-height:1.08;letter-spacing:-3px;margin:18px 0 28px}h2{font-size:25px;line-height:1.3;letter-spacing:-.5px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#51715d}.intro{font-size:18px;color:#516460;max-width:470px}.button{display:inline-block;padding:13px 23px;background:#174d39;color:white;text-decoration:none;border-radius:5px;margin-top:14px}.note{font-size:12px;color:#62716b}.preview{background:#193d34;color:#eff4dc;padding:35px;border-radius:9px;transform:rotate(2deg)}.preview-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.preview h2{font-size:29px;margin:38px 0}.scale{height:13px;border-radius:20px;background:linear-gradient(90deg,#69bd8d,#e8cf6b,#e7964e,#d35659)}.ticks{display:flex;justify-content:space-between;font-size:10px;margin-top:8px}.chips{display:flex;gap:8px;margin:24px 0}.chips span{border:1px solid #799287;border-radius:20px;padding:5px 13px;font-size:12px}.preview p{color:#b7cdbf;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0 70px}.number{color:#71896d;font-size:13px}.steps p,.limits p,.install p{color:#516460}.install{padding:40px;background:#e6eadf;border-radius:8px;max-width:850px;margin:0 auto 70px}.install h2{font-size:36px;margin-top:8px}summary{cursor:pointer;font-weight:600}code{overflow-wrap:anywhere}.limits{max-width:800px;padding-bottom:50px}footer{border-top:1px solid #d9ddd2;padding:26px 32px;display:flex;gap:25px;font-size:12px;color:#62716b}.document{max-width:800px;padding-top:45px;padding-bottom:60px}.document h1{font-size:45px}.document h2{margin-top:34px}@media(max-width:760px){nav{gap:15px;padding:20px}.hero{grid-template-columns:1fr;padding:50px 0;gap:35px}.preview{transform:none}.steps{grid-template-columns:1fr;gap:20px}main{padding:0 22px}.install{padding:25px}footer{flex-wrap:wrap}h1{letter-spacing:-2px}}