:root { color-scheme: light; font: 16px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #173342; background: #edf4f1; }
body { margin: 0; }
main { width: min(860px, calc(100% - 32px)); margin: 32px auto; background: #fff; border: 1px solid #bfd1cf; border-radius: 16px; box-shadow: 0 18px 50px rgba(19, 54, 62, .09); overflow: hidden; }
header { padding: 42px 48px 32px; background: #0f363a; color: #fff; }
.brand { display: block; color: #83e3cb; font-size: 24px; font-weight: 800; letter-spacing: -.03em; }
.tagline { color: #b9d7cf; font-size: 11px; font-weight: 700; letter-spacing: .17em; }
h1 { margin: 28px 0 2px; font-size: clamp(34px, 7vw, 54px); line-height: 1; letter-spacing: -.04em; }
header p { margin: 12px 0 0; color: #c9ded9; }
section { padding: 0 48px; }
section:first-of-type { padding-top: 30px; }
section:last-child { padding-bottom: 42px; }
h2 { margin: 30px 0 8px; font-size: 20px; color: #0f575c; }
p, li { color: #415861; }
li + li { margin-top: 8px; }
a { color: #08788a; }
@media (max-width: 600px) { main { margin: 0; width: 100%; border: 0; border-radius: 0; } header, section { padding-left: 22px; padding-right: 22px; } }