:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #07111f; color: #e7edf7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 70% 20%, #173155 0, transparent 34rem), #07111f; }
main { width: min(46rem, calc(100% - 2rem)); padding: clamp(2rem, 7vw, 5rem); border: 1px solid #29415f; border-radius: 1.5rem; background: rgba(8, 20, 35, .88); box-shadow: 0 2rem 6rem #0008; }
.eyebrow { color: #72b8ff; letter-spacing: .18em; font-size: .75rem; font-weight: 700; }
h1 { max-width: 12ch; margin: .5rem 0 1rem; font-size: clamp(2.4rem, 8vw, 5rem); line-height: .96; letter-spacing: -.05em; }
.lede { max-width: 42rem; color: #aebed2; font-size: 1.08rem; line-height: 1.7; }
section { margin: 2.5rem 0; padding: 1.25rem; border: 1px solid #243a55; border-radius: 1rem; background: #0b192b; }
section h2 { margin-top: 0; font-size: .95rem; text-transform: uppercase; letter-spacing: .08em; color: #8da4bd; }
.dot { display: inline-block; width: .65rem; height: .65rem; margin-right: .6rem; border-radius: 50%; background: #49d98a; box-shadow: 0 0 1rem #49d98a88; }
nav { display: flex; gap: 1.25rem; margin-top: 2rem; }
a { color: #8fc7ff; text-underline-offset: .25rem; }