* { box-sizing: border-box; }
html { background: #0b0d11; color-scheme: dark; }
body { margin: 0; background: radial-gradient(circle at top, #17241f 0, #0b0d11 38rem); color: #d8dee8; font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: #55e6bf; }
.skip-link { position: absolute; left: -999px; top: 8px; }
.skip-link:focus { left: 12px; z-index: 2; padding: 8px 12px; background: #fff; color: #111; }
.site-header { max-width: 880px; margin: auto; padding: 22px 20px 0; }
.site-header img { display: block; width: 170px; height: auto; }
main { width: min(100% - 32px, 820px); margin: 0 auto; padding: 54px 0 64px; }
.hero { padding: clamp(28px, 7vw, 62px); border: 1px solid #29342f; border-radius: 24px; background: rgba(17, 25, 22, .88); }
.eyebrow { margin: 0 0 8px; color: #55e6bf; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
h1 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(2.2rem, 8vw, 4.5rem); line-height: 1.02; letter-spacing: -.04em; }
.intro { max-width: 680px; margin: 22px 0 0; color: #c9d2de; font-size: clamp(1.05rem, 3vw, 1.25rem); }
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.cta { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 11px 22px; border: 1px solid #55e6bf; border-radius: 999px; font-weight: 800; text-decoration: none; }
.cta-primary { background: #55e6bf; color: #071410; }
.cta-secondary { background: transparent; color: #fff; }
section:not(.hero) { padding: 34px 6px 0; }
h2 { margin: 0 0 10px; color: #fff; font-size: clamp(1.35rem, 4vw, 1.75rem); }
h3 { margin: 0 0 5px; color: #fff; font-size: 1.05rem; }
p { margin: 0; }
.steps { margin: 0; padding-left: 1.45rem; }
.steps li { padding: 5px 0 9px 8px; }
.faq > div { margin-top: 14px; padding: 18px; border: 1px solid #29342f; border-radius: 14px; background: #11161a; }
.related-links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 46px; padding-top: 24px; border-top: 1px solid #29342f; }
@media (max-width: 520px) { main { width: min(100% - 24px, 820px); padding-top: 28px; } .site-header { padding-inline: 14px; } .hero { padding: 26px 20px; border-radius: 18px; } }