:root { --primary-color: #060db2; }
html { scroll-behavior: smooth; }
.hero { padding:4rem 0; background:rgba(0,0,0,0.02); }
.brand-logo { max-height:42px; width:auto; display:block; margin:0 auto; }
h1, h2, h3 { color: var(--primary-color); }
.price-old { color:#dc3545; font-size:2rem; font-weight:bold; text-decoration:line-through; margin-right:.5rem; }
.price-new { color:#28a745; font-size:2rem; font-weight:bold; }
.section-title { text-align:center; margin-bottom:1rem; }
.section-subtle { text-align:center; color:#6c757d; }
.benefit-card { border:1px solid #e9edf3; border-radius:1rem; padding:1.25rem; text-align:center; }
.benefit-icon { font-size:2rem; margin-bottom:.5rem; color:var(--primary-color); }
.footer-cta { text-align:center; padding:2rem 0; background:#f8fafc; }
.footer-cta-title { color:var(--primary-color); margin-bottom:.75rem; }
.anchor-btn { display:inline-block; }
.cover-img { max-width:450px; max-height:450px; width:100%; height:auto; object-fit:contain; margin:0 auto; display:block; }