*{box-sizing:border-box}
body{margin:0;font:18px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#231a14;background:#fbf7f1}
header.site,footer.site{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(16px,5vw,64px)}
footer.site{color:#6e6157;font-size:15px;margin-top:48px}
.logo{font-weight:800;color:#8a1c14;text-decoration:none}
nav a{margin-left:20px;color:#231a14}
.hero{padding:clamp(40px,8vw,96px) clamp(16px,5vw,64px);max-width:900px}
.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.08;margin:0 0 20px}
.hero p{font-size:clamp(18px,2.4vw,23px);max-width:680px}
.cta{display:inline-block;margin-top:16px;background:#8a1c14;color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:700}
.points,.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 clamp(16px,5vw,64px)}
.points h2{font-size:21px;margin:0 0 6px}.points p{margin:0}
.plans{margin-bottom:48px}
.plan{background:#fff;border:1px solid #eadfd1;border-radius:12px;padding:28px}
.amount{font-size:48px;font-weight:800;margin:0}.amount span{font-size:17px;font-weight:400}