:root { color-scheme: light dark; font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: #15313a; background: radial-gradient(circle at 85% 0%, #d7e9db 0, transparent 32rem), linear-gradient(145deg, #fbf7eb, #e7f0ea); min-height: 100vh; }
a { color: #075e72; text-underline-offset: .18em; }
a:hover { color: #0a8595; }
.page { max-width: 62rem; margin: auto; padding: 0 1.25rem; }
.site-header, footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-header { min-height: 5.5rem; border-bottom: 1px solid #657f7f44; }
.site-header a { text-decoration: none; }
.wordmark { color: inherit; font-weight: 750; font-size: 1.25rem; letter-spacing: -.03em; }
.wordmark span { color: #127b86; }
.hero { padding: clamp(3.5rem, 8vw, 7rem) 0; max-width: 43rem; }
.eyebrow { color: #477077; font-size: .78rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
h1, h2, h3 { line-height: 1.15; letter-spacing: -.035em; }
h1 { font-size: clamp(2.4rem, 7vw, 4.9rem); margin: .75rem 0 1.2rem; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.55rem; margin: .25rem 0 .6rem; }
h3 span { font-weight: 500; white-space: nowrap; }
.hero > p:last-child { font-size: 1.15rem; max-width: 35rem; }
.section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.section-heading span { color: #57767a; font-size: .85rem; }
.app-card, .content-card { background: #ffffffb8; border: 1px solid #ffffffd9; border-radius: 1.35rem; box-shadow: 0 12px 30px #28494512; }
.app-card { display: grid; grid-template-columns: 5.25rem 1fr; gap: 1.3rem; padding: 1.5rem; }
.app-card p { margin: 0 0 .9rem; }
.app-mark { display: grid; place-items: center; width: 5.25rem; height: 5.25rem; border-radius: 1.15rem; color: white; background: linear-gradient(145deg, #196a77, #a1ad74); font-size: 2.3rem; font-weight: 700; box-shadow: 0 7px 17px #27505a33; }
.links { display: flex; gap: 1.4rem; flex-wrap: wrap; font-weight: 650; }
.content-card { padding: clamp(1.4rem, 4vw, 2.6rem); margin: 3rem 0; }
.content-card h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
.content-card h2 { margin-top: 2rem; font-size: 1.3rem; }
.content-card li { margin: .45rem 0; }
.content-card ul { padding-left: 1.4rem; }
footer { margin-top: 5rem; padding: 1.5rem 0 2.5rem; border-top: 1px solid #657f7f44; color: #557075; font-size: .88rem; flex-wrap: wrap; }
@media (max-width: 37rem) { .app-card { grid-template-columns: 1fr; } .hero { padding: 3rem 0 4rem; } }
@media (prefers-color-scheme: dark) {
  body { color: #f1f2e9; background: radial-gradient(circle at 85% 0%, #1b4850 0, transparent 32rem), linear-gradient(145deg, #102934, #162e31); }
  a { color: #8edce4; } a:hover { color: #bbf4e7; }
  .wordmark span { color: #8edce4; } .eyebrow, .section-heading span, footer { color: #acc9c7; }
  .app-card, .content-card { background: #183843d9; border-color: #ffffff1a; box-shadow: 0 12px 30px #00000022; }
}