/* PROTANO manual 1.4: original sign, cyan, deep violet, system font fallback. */
:root{color-scheme:dark;--cyan:#00DCFA;--violet:#0E002C;--paper:#F4F0E8}
*{box-sizing:border-box}
html{min-height:100%;background:var(--violet)}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;background:var(--violet);color:var(--paper);font-family:"Avenir Next",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{display:grid;place-items:center;padding:64px 24px 32px}
.intro{width:min(560px,100%);text-align:center}
.brand{display:block;width:100%;height:auto;padding:8px}
h1{font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:32px 8px 0}
footer{width:min(560px,calc(100% - 48px));margin:0 auto;padding:32px 8px;text-align:center}
footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--cyan)}
footer a:hover{color:var(--cyan)}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
::selection{background:var(--cyan);color:var(--violet)}
@media(max-width:600px){main{padding-top:48px}h1{margin-top:26px}footer{padding-bottom:24px}}