* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #fff; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif; color: #2d3748; line-height: 1.7; overflow-x: hidden; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
header { background: linear-gradient(135deg, #0097A7 0%, #00BCD4 100%); color: #fff; padding: 1rem 0; }
nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.logo { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.5px; color: #fff; text-decoration: none; }
.nav-links { display: flex; gap: 1.5rem; list-style: none; }
.nav-links a { color: #fff; text-decoration: none; font-weight: 500; opacity: .9; }
.nav-links a[aria-current] { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.cta-button { background: #fff; color: #0097A7; padding: .6rem 1.3rem; border-radius: 50px; text-decoration: none; font-weight: 600; white-space: nowrap; }
.page-hero { background: linear-gradient(135deg, #0097A7 0%, #00BCD4 100%); color: #fff; padding: 70px 0 80px; text-align: center; }
.page-hero h1 { font-size: 2.8rem; line-height: 1.2; font-weight: 800; margin-bottom: 1.2rem; }
.page-hero p { font-size: 1.2rem; max-width: 760px; margin: 0 auto; opacity: .95; }
.page-hero .trial-note { margin-top: 1.4rem; font-size: 1rem; font-weight: 600; }
main section { padding: 70px 0; }
main section:nth-of-type(even) { background: #f8f9fa; }
h2 { font-size: 2rem; font-weight: 800; margin-bottom: 1rem; color: #2d3748; }
h3 { font-size: 1.25rem; margin-bottom: .5rem; color: #2d3748; }
p { margin-bottom: 1rem; }
.lead { font-size: 1.15rem; color: #4a5568; max-width: 760px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.card { background: #fff; border-radius: 15px; padding: 1.8rem; box-shadow: 0 5px 20px rgba(0,0,0,.08); }
.card p { color: #4a5568; margin-bottom: 0; }
ul.checks { list-style: none; margin: 1rem 0; }
ul.checks li { padding-left: 1.8rem; position: relative; margin-bottom: .6rem; }
ul.checks li::before { content: "\2713"; position: absolute; left: 0; color: #0097A7; font-weight: 700; }
pre { background: #1f2933; color: #e2e8f0; border-radius: 12px; padding: 1.4rem; overflow-x: auto; font-size: .9rem; line-height: 1.5; margin-top: 1rem; }
.note { color: #718096; font-size: .95rem; }
.faq h3 { margin-top: 1.8rem; }
.breadcrumb { display: block; font-size: .95rem; margin-bottom: 1.2rem; }
.breadcrumb a { color: #fff; }
.updated { color: #718096; font-size: .95rem; margin-top: 1.5rem; }
ol.steps { padding-left: 1.4rem; margin: 1rem 0; }
ol.steps li { margin-bottom: .6rem; }
.sources { padding-left: 1.4rem; }
.sources li { margin-bottom: .4rem; }
a { color: #0097A7; }
.final-cta a, footer a, header a { color: #fff; }
header a.cta-button { color: #0097A7; }
.final-cta { padding: 80px 0; background: linear-gradient(135deg, #0097A7 0%, #00BCD4 100%); color: #fff; text-align: center; }
.final-cta h2 { color: #fff; font-size: 2.4rem; }
.final-cta p { font-size: 1.15rem; max-width: 700px; margin: 0 auto 2rem; opacity: .95; }
.signup-form { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; max-width: 500px; margin: 0 auto; }
.signup-form input[type="email"] { flex: 1; min-width: 250px; padding: 1rem 1.5rem; border: none; border-radius: 50px; font-size: 1rem; outline: none; }
.signup-form button { background: #2d3748; color: #fff; padding: 1rem 2rem; border: none; border-radius: 50px; font-size: 1rem; font-weight: 600; cursor: pointer; }
.signup-form button:hover { background: #1a202c; }
footer { background: #2d3748; color: #fff; padding: 2.5rem 0; text-align: center; font-size: .95rem; }
footer p { opacity: .85; margin-bottom: .6rem; }
footer a { color: #fff; opacity: .85; margin: 0 .6rem; }
@media (max-width: 820px) {
  .nav-links { display: none; }
  .page-hero h1 { font-size: 2rem; }
  h2, .final-cta h2 { font-size: 1.6rem; }
}