* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #1f2933; background: #f7f8fa; line-height: 1.6; }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 20px; }
.hero { background: #14323f; color: #fff; padding: 48px 0 40px; }
.eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: #9fd3c7; margin: 0 0 8px; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 14px; }
.lead { font-size: 1.1rem; max-width: 640px; margin: 0 0 20px; }
.price { font-size: 1.6rem; font-weight: 700; margin: 0 0 16px; }
.price span { font-size: .95rem; font-weight: 400; opacity: .8; }
.buy { display: inline-block; background: #f5b82e; color: #1a1a1a; font-weight: 700; padding: 14px 26px; border-radius: 8px; text-decoration: none; }
.buy:hover, .buy:focus { background: #ffcc4d; }
main section { padding: 28px 0 8px; }
h2 { font-size: 1.5rem; margin: 0 0 12px; }
h3 { font-size: 1.1rem; margin: 0 0 6px; }
.sheets { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr; gap: 14px; }
.sheets li { background: #fff; border: 1px solid #dde2e8; border-radius: 8px; padding: 16px; }
.sheets p { margin: 0 0 8px; }
.cols { font-size: .95rem; color: #3e4c59; }
.who { padding-left: 20px; }
.cta { text-align: center; background: #fff; border: 1px solid #dde2e8; border-radius: 8px; padding: 24px 16px; margin: 24px 0; }
.cta .price { color: #14323f; }
.cta .price span { color: #3e4c59; }
footer { background: #e9edf1; margin-top: 32px; padding: 20px 0; font-size: .9rem; color: #3e4c59; }
footer ul { margin: 0; padding-left: 20px; }
@media (min-width: 700px) {
  h1 { font-size: 2.6rem; }
  .sheets { grid-template-columns: 1fr 1fr; }
}