.hero { padding: 24px 16px 8px; }
.hero h1 em { font-style: normal; color: var(--accent); }
.lead { font-size: 1.15rem; color: var(--muted); max-width: 640px; }
.btn.big { min-height: 56px; font-size: 1.08rem; padding: 0 26px; }
.samples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; margin-bottom: 8px; }
@media (min-width: 640px) { .samples { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.samples figure { margin: 0; }
.samples img { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--line); box-shadow: var(--shadow); background: #fff; }
.samples figcaption { text-align: center; font-size: .88rem; color: var(--muted); margin-top: 6px; }
main h2 { margin-top: 40px; }
.how { padding-left: 1.2em; }
.how li { margin-bottom: 12px; }
.prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.prices .card { margin: 0; }
.prices .highlight { border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary), var(--shadow); }
.price { font-size: 2rem; font-weight: 800; margin: 0 0 8px; }
.prices ul { padding-left: 1.1em; margin: 0; }
.faq details { border-top: 1px solid var(--line); padding: 12px 0; }
.faq summary { cursor: pointer; font-weight: 800; }
.faq p { margin: 8px 0 0; color: var(--muted); }