:root{--midnight:#0E1B33;--royal:#1F3B78;--ink:#F4F1EA;--muted:#8A94AA}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--midnight);color:var(--ink);font-family:'Inter',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:300}
a{color:var(--ink);text-decoration:none}
a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.edge{position:fixed;left:0;right:0;top:0;height:3px;background:var(--royal);z-index:3}
.ground{position:fixed;inset:0;background:var(--midnight);overflow:hidden;z-index:0}
.light{position:absolute;inset:0;background:radial-gradient(110% 80% at 12% 8%,#243C6E 0%,#16274D 30%,rgba(14,27,51,0) 60%);animation:breathe 16s ease-in-out infinite}
.ledger{position:absolute;left:8vw;right:8vw;top:22vh;display:flex;flex-direction:column;gap:3.2vh}
.ledger div{height:2.6vh;background:rgba(255,255,255,.05);animation:ledger 12s ease-in-out infinite}
.ledger div:nth-child(1){width:58%;animation-duration:9s;animation-delay:0s}
.ledger div:nth-child(2){width:36%;animation-duration:10.7s;animation-delay:-2.3s}
.ledger div:nth-child(3){width:64%;animation-duration:12.4s;animation-delay:-4.6s}
.ledger div:nth-child(4){width:44%;animation-duration:14.1s;animation-delay:-6.9s}
.ledger div:nth-child(5){width:70%;animation-duration:15.8s;animation-delay:-9.2s}
.ledger div:nth-child(6){width:31%;animation-duration:17.5s;animation-delay:-11.5s}
.ledger div:nth-child(7){width:52%;animation-duration:19.2s;animation-delay:-13.8s}
@keyframes breathe{0%,100%{opacity:.55;transform:translate(0,0) scale(1)}50%{opacity:1;transform:translate(6vw,4vh) scale(1.15)}}
@keyframes ledger{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.home{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:36px 5vw 40px;animation:rise 1.6s ease-out both}
.brand{font-size:13px;font-weight:400;letter-spacing:.28em;text-transform:uppercase}
.home nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}
.sub{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;background:rgba(14,27,51,.6);animation:rise 1.2s ease-out both}
.sub header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:36px 5vw 0}
.back{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.sub main{flex:1;display:flex;flex-direction:column;align-items:center;padding:10vh 5vw 12vh}
.sub article{width:100%;max-width:640px;display:flex;flex-direction:column;gap:36px}
.sub h1{margin:0;font-weight:300;font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.body{font-size:16px;line-height:1.75;display:flex;flex-direction:column;gap:20px;color:#DDE1E9}
.body p{margin:0;text-wrap:pretty}
.body ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.more{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:400}
@media (prefers-reduced-motion:reduce){.light,.ledger div,.home,.sub{animation:none}}