.sl{--aqua:#78aeb0;--peach:#e9a787;--char:#303335;color:#303335}.sl img{width:100%;height:100%;object-fit:cover;border-radius:22px}.sl-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px;background:#f5e3da;border-radius:34px;align-items:center}.sl-hero img{min-height:390px}.sl h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1}.sl-code{font-size:.76rem;letter-spacing:.15em;font-weight:800;color:#39777a}.sl-axis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:48px 0}.sl-axis article{background:#eef5f4;padding:16px;border-radius:22px}.sl-axis img{height:240px}.sl-axis h2{font-size:1.2rem}.sl-compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;margin:50px 0}.sl-compare>div{padding:30px}.sl-seo{background:#f1f2f2;padding:44px;border-radius:30px;margin:54px 0}.sl-seo p{line-height:1.75}.sl-seo ul,.sl-seo ol{background:#fff;padding:22px 28px 22px 48px;border-radius:18px}.sl-final{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:48px 0}.sl-final article{padding:16px;background:#fbeee7;border-radius:22px}.sl-final img{height:240px}.sl-cta{background:#315e60;color:#fff}.sl-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:45px 0}.sl-links a{padding:20px;border:1px solid #cfe0df;border-radius:17px;color:inherit;text-decoration:none}.sl-links small,.sl-links b{display:block}@media(max-width:820px){.sl-hero,.sl-compare{grid-template-columns:1fr}.sl-axis,.sl-final{grid-template-columns:1fr}.sl-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sl-links{grid-template-columns:1fr}.sl-seo{padding:24px}.sl-hero{padding:24px}}