:root{font-family:Segoe UI,Arial,sans-serif;color:#172e33;background:#f3f3eb;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer,main{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cdd5cc;font-size:12px;letter-spacing:1.5px}header>a{font-weight:800;text-decoration:none}a{color:#176359}h1{font-size:clamp(38px,6vw,72px);line-height:1.06;letter-spacing:-2px;max-width:900px;margin:22px 0}h2{font-size:23px;line-height:1.25}.lead{font-size:19px;max-width:750px;margin:30px 0 45px}.eyebrow{font-size:12px;letter-spacing:2px;color:#56706c;margin-top:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}article{background:#fffef8;padding:27px;border:1px solid #cdd5cc;border-radius:10px}.badge{font-size:11px;font-weight:700;letter-spacing:1px;color:#7b5428;background:#f2e8ce;padding:5px 9px;border-radius:4px}.price{font-size:26px}small{font-size:12px;color:#657773}.demo{padding:30px;background:#e1ebe4;border-radius:10px;margin:36px 0}button{border:0;border-radius:5px;background:#18594f;color:white;padding:12px 17px;font:inherit;font-size:13px;cursor:pointer;margin:5px 0}button:disabled{background:#cdd5cc;color:#425550;cursor:not-allowed}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}footer{font-size:12px;border-top:1px solid #cdd5cc;margin-top:20px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{flex-direction:column}main{padding:20px}h1{letter-spacing:-1px}}