* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; min-height: 100svh; background: #101f35; color: #f5f7fb; font-family: Arial, Helvetica, sans-serif; }
main { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 8vw, 8rem); max-width: 100rem; margin: auto; }
.rule { width: 4rem; height: 3px; background: #9db9d8; margin-bottom: 2.5rem; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.7rem, 6.5vw, 6.75rem); font-weight: 400; line-height: 1.08; letter-spacing: -.035em; margin: 0; overflow-wrap: anywhere; }
.llc { display: block; margin-top: 1.2rem; color: #bdcce0; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; letter-spacing: .2em; }
.contact { display: block; width: 19.8rem; max-width: 100%; height: auto; margin-top: 4rem; }
p, .home-link { font-size: 1rem; line-height: 1.6; }
.home-link { align-self: flex-start; color: #edf3fb; text-underline-offset: .3em; }
.home-link:focus-visible { outline: 2px solid #adc8e8; outline-offset: 6px; }
@media (max-width: 420px) { main { padding: 2rem 1.5rem; } .contact { margin-top: 3rem; } }