*{box-sizing:border-box}
body{margin:0;background:#fafbfd;color:#0f2d5d;font:16px/1.6 "Avenir Next",Avenir,"Trebuchet MS",sans-serif}
main{max-width:1060px;margin:auto;padding:48px 30px}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce2e9;padding-bottom:30px}
header svg{width:120px;height:30px;flex-shrink:0}
header nav{display:flex;align-items:center;gap:28px}
header span,.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
header a{color:inherit;font-size:13px;text-decoration:none;border-bottom:1px solid #d5dee9;padding:4px 0}
.eyebrow{margin-top:70px;color:#786224}
h1{font-size:clamp(45px,7vw,78px);line-height:1.08;letter-spacing:-3px;margin:20px 0}
h1 span{color:#b37e00}
.lead{font-size:20px;color:#526278;max-width:650px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:45px 0 24px}
.feature{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:32px;border:1px solid #34264f;background:#100918;color:#fff;text-decoration:none}
.feature .number{color:#dfa4c6;position:relative;z-index:1}
.number{font-size:12px;color:#786224}
.feature h2{position:relative;font-size:42px;line-height:1.08;margin:44px 0 16px;letter-spacing:-1px}
.feature p{position:relative;color:#c9bfd3;font-size:16px;max-width:340px;margin:0 0 26px}
.feature strong{position:relative;margin-top:auto;color:#c3e4f9;font-size:16px}
.halo{background:radial-gradient(ellipse at 100% 0%,#30295a,transparent 65%),#100918}
.motion{background:#100918}
.halo-orbits{position:absolute;right:-45px;top:50px;width:210px;height:210px;opacity:.45}
.halo-orbits i{position:absolute;inset:0;border:1px solid #c3e4f9;border-radius:50%}
.halo-orbits i:nth-child(2){inset:30px;border-color:#dfa4c6}
.halo-orbits i:nth-child(3){inset:60px}
.motion-lines{position:absolute;right:30px;top:40px;width:42px;height:82px;display:flex;align-items:center;gap:8px;opacity:.45}
.motion-lines i{height:42px;width:6px;background:#dfa4c6;border-radius:8px}
.motion-lines i:nth-child(2){height:82px;background:#c3e4f9}
.motion-lines i:nth-child(3){height:62px}
.flow-entry{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid #d5dee9;border-top:4px solid #ffc642;background:white;color:inherit;text-decoration:none}
.flow-entry h2{font-size:28px;margin:10px 0 8px}
.flow-entry p{color:#526278;margin:0;font-size:15px;max-width:560px}
.flow-entry strong{font-size:15px;white-space:nowrap}
.archive-entry{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #dce2e9;margin:48px 0 32px;padding-top:24px}
.archive-entry h2{font-size:18px;margin:0 0 4px}
.archive-entry p{color:#526278;font-size:14px;margin:0}
.archive-entry a{color:inherit;font-size:14px;text-decoration:none;border-bottom:1px solid #d5dee9}
.original{background:white;color:#0f2d5d;border-color:#d5dee9;border-top:4px solid #ffc642}
.original .number{color:#786224}.original p{color:#526278}.original strong{color:#0f2d5d}
.archive-features{margin-bottom:60px}
footer{border-top:1px solid #dce2e9;padding-top:22px;font-size:12px;color:#526278}
a:focus-visible{outline:3px solid #b37e00;outline-offset:5px}
@media(hover:hover){.feature:hover strong,.flow-entry:hover strong,.archive-entry a:hover,header a:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:650px){main{padding:26px 22px}header{padding-bottom:22px;gap:12px}header nav{gap:16px}header span{font-size:9px;letter-spacing:.7px}header svg{width:94px}.features{grid-template-columns:1fr;gap:18px;margin-top:32px}.feature{padding:26px;min-height:320px}.feature h2{font-size:36px;margin-top:36px}.eyebrow{margin-top:40px}.lead{font-size:18px}.flow-entry,.archive-entry{align-items:flex-start;flex-direction:column;gap:18px}.flow-entry{padding:26px}.archive-entry{margin-top:32px}h1{letter-spacing:-2px}}
@media(max-width:380px){header span{display:none}}