:root{color-scheme:light;background:#f7f9fc;color:#162330;font-family:"Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center}
main{width:min(100% - 3rem,58rem);margin:0 auto;padding:clamp(3rem,9vh,7rem) 0}
.accent{width:2.75rem;height:4px;background:#225fa8;margin-bottom:2rem;border-radius:2px}
h1{max-width:23ch;margin:0;font-size:clamp(1.8rem,5.3vw,3.75rem);font-weight:560;line-height:1.16;letter-spacing:-.035em;overflow-wrap:break-word}
.brand{margin:0 0 3.5rem;color:#667383;font-size:1rem;font-weight:600;letter-spacing:-.02em}
@media(max-width:400px){main{width:calc(100% - 2.5rem)}h1{font-size:1.8rem}.accent{margin-bottom:1.5rem}}