:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #10151a; color: #e8eeed; font: 16px/1.6 system-ui, sans-serif; }
main { max-width: 850px; padding: 64px 24px; margin: auto; }
.eyebrow { font-size: .75rem; letter-spacing: .18em; color: #8dbdb0; }
h1 { font-size: clamp(3rem, 10vw, 5.2rem); line-height: 1.05; margin: 12px 0 20px; letter-spacing: -.06em; }
h1 span { color: #81d6bb; }
header > p:last-child, footer, .service p { color: #b4c4c0; }
.service { display: block; max-width: 480px; margin: 40px 0; padding: 28px; border: 1px solid #34433e; border-radius: 18px; background: #19231f; color: inherit; text-decoration: none; }
.service:hover { border-color: #81d6bb; }
.service:focus-visible { outline: 3px solid #81d6bb; outline-offset: 5px; }
.badge { font-size: .7rem; letter-spacing: .1em; color: #a6c6ba; }
h2 { font-size: 1.6rem; margin: 14px 0 6px; }
h2 span { float: right; }
.action { display: inline-block; margin-top: 14px; color: #97e5c8; }
footer { font-size: .85rem; }