@font-face{font-family:Barlow;src:url('/media/heading.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/media/body.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,sans-serif;color:#f2eee5;background:#080e17}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative}
.backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,21,.97),rgba(6,12,21,.73) 45%,rgba(6,12,21,.18)),linear-gradient(0deg,#080e17,transparent 65%),url('/media/hero.webp') 65% center/cover no-repeat}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 5vw}header{min-height:120px;border-bottom:1px solid #ffffff1f}
.brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none}.brand img{width:174px;height:auto}.atlas{font-size:12px;letter-spacing:.3em;border-left:1px solid #ffffff40;padding-left:22px;color:#a9d4d4}
.status,.eyebrow,footer{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.status{color:#c2c4c6;display:flex;align-items:center;gap:10px}.status i{width:5px;height:5px;background:#efa96b;border-radius:50%;box-shadow:0 0 12px #efa96b80}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:76px 7vw 90px;max-width:1100px}.eyebrow{color:#b7c6d0;letter-spacing:.24em;margin:0 0 25px}h1{font-family:Barlow,sans-serif;font-size:clamp(64px,8.2vw,118px);line-height:.98;letter-spacing:-.015em;font-weight:700;margin:0 0 28px}h1 span{color:#e9bc87}.description{font-size:16px;line-height:1.9;max-width:450px;color:#c8cdd3;margin:0}.rule{height:2px;width:52px;background:#e9a268;margin:34px 0 25px}.note{font-size:13px;line-height:1.9;color:#95a4b5;margin:0}footer{min-height:70px;border-top:1px solid #ffffff1a;color:#8c99a8;font-size:9px;letter-spacing:.12em}a:focus-visible{outline:2px solid #9bdcdf;outline-offset:8px}
@media(max-width:600px){header{min-height:100px;margin:0 24px}.brand{gap:12px}.brand img{width:125px}.atlas{padding-left:12px;font-size:10px}.status{font-size:8px;letter-spacing:.07em;gap:6px}main{padding:64px 26px 72px}h1{font-size:clamp(55px,12.5vw,76px)}.eyebrow{font-size:9px;letter-spacing:.17em}.description{font-size:14px;max-width:320px}.backdrop{background-position:62% center}footer{margin:0 24px;padding:22px 0;align-items:flex-start;flex-direction:column;gap:10px;font-size:8px}}