:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#14293b;background:#fff}
*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;border-bottom:1px solid #e5e9ec;flex:none}
.brand{font-size:12px;letter-spacing:.16em;font-weight:700}.descriptor{font-size:12px;color:#576675}
main{position:relative;flex:1;min-height:0}iframe{display:block;width:100%;height:100%;border:0;background:white}
[hidden]{display:none!important}#loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;padding:24px;text-align:center}
h1{font-size:clamp(25px,4vw,38px);max-width:650px;line-height:1.2;margin:0 0 20px}p{line-height:1.5;color:#576675}
footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 24px;border-top:1px solid #e5e9ec;font-size:11px;color:#576675;flex:none}
a{color:#14293b;text-underline-offset:3px}a:focus-visible{outline:2px solid #244e6d;outline-offset:4px}
@media(max-width:560px){header{padding:12px 16px}.descriptor{font-size:11px}footer{padding:9px 16px;flex-wrap:wrap;font-size:10px}}