body{margin:0;font:17px/1.8 system-ui,-apple-system,sans-serif;background:#fff;color:#27313d}

header{background:#f9fafb;border-bottom:1px solid #eef1f5}
.topbar{max-width:1100px;margin:auto;padding:1.2rem max(6vw,24px);display:flex;justify-content:space-between;align-items:center}
.site-name{color:#172033;text-decoration:none;font-weight:800}
.topbar nav{display:flex;gap:1.3rem;flex-wrap:wrap}
.topbar nav a{color:#667085;text-decoration:none;font-size:.88rem}
.topbar nav a[aria-current="page"]{color:#172033;font-weight:700}

.page-intro{max-width:800px;margin:0 auto;padding:2.8rem max(6vw,24px) 0}
.page-intro h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15;color:#172033;letter-spacing:-.02em;margin:0 0 .7rem}
.byline{color:#8a94a6;font-size:.85rem;margin:0 0 1.1rem}
.lede{color:#475467;font-size:1.05rem;line-height:1.7;margin:0}

main{max-width:800px;margin:0 auto;padding:2.6rem max(6vw,24px) 4rem}
h2{color:#172033;margin-top:2.3em;line-height:1.2}
a{color:#3946aa}

.cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:1.8rem 0}
.card{background:#fff;border:1px solid #e3e6ee;padding:1.6rem;border-radius:6px}
.card h3{margin-top:0;color:#172033;font-size:1.15rem}
.card p{color:#475467;font-size:.96rem}
.card a{font-weight:700;color:#3946aa}

.note{background:#fff7e6;border-left:4px solid #f4c95d;padding:1rem 1.3rem;border-radius:4px;font-size:.95rem;color:#475467}

.invoice-example{background:#f2f4f7;padding:28px;border-radius:10px}
.invoice-example table{width:100%;border-collapse:collapse;font-family:system-ui,sans-serif}
.invoice-example th,.invoice-example td{padding:12px;text-align:left;border-bottom:1px solid #d8d8f5}
.invoice-example th{color:#3946aa}

.faq dt{font-weight:700;color:#172033;margin-top:1.6rem;font-size:1.05rem}
.faq dd{margin-left:0;color:#3f4a5c;margin-top:.4rem}

.contact-box{background:#f2f4f7;padding:1.8rem;border-radius:6px;display:inline-block}
.contact-box a{font-weight:700;font-size:1.1rem}

footer{text-align:center;padding:3.2rem 1.5rem;background:#172033;color:#d0d5dd}
footer a{color:#fff}
footer p{max-width:680px;margin:.6rem auto;font-size:.9rem;line-height:1.6}
footer .footer-links{margin-top:1.2rem}
footer .footer-links a{margin:0 .5rem}

@media(max-width:640px){
.topbar{flex-direction:column;align-items:flex-start}
.topbar nav{gap:.9rem}
.page-intro{padding:2rem 1.5rem 0}
main{padding:2.2rem 1.5rem 3rem}
.cards{grid-template-columns:1fr}
}