:root { color-scheme: dark; font-family: system-ui, sans-serif; color: #edf3f4; background: #0b1217; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; background: radial-gradient(ellipse at 90% 0, #163238 0, transparent 55%); }
main { width: min(680px, 100%); padding: clamp(28px, 7vw, 76px); }
.brand { display: flex; align-items: center; gap: 24px; font-size: 40px; letter-spacing: -3px; }
.brand span { font-size: 12px; letter-spacing: 2px; color: #b6c8cc; border-left: 1px solid #34484d; padding-left: 24px; }
.label { margin-top: 72px; font-size: 11px; letter-spacing: 2px; color: #7bdbcb; }
h1 { font-size: clamp(32px, 6vw, 56px); line-height: 1.14; letter-spacing: -2px; font-weight: 500; }
p { color: #b6c8cc; font-size: 16px; line-height: 1.7; }
.contact { margin-top: 48px; font-size: 14px; }
a { color: #7bdbcb; text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #7bdbcb; outline-offset: 6px; }