@import url('/styles.css');
.site-header .brand>span:last-child { color: #f7f5fa; font: 700 24px/1 var(--display); letter-spacing: .12em; }
.site-header .brand b { color: var(--violet); }
.site-header .status { margin-left: auto; color: #a8d9c9; font: 700 10px/1.3 var(--display); letter-spacing: .12em; white-space: nowrap; }
.site-header .status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #8cddc7; }
.site-header .back { margin-left: 14px; padding: 11px 18px; border: 1px solid #554965; border-radius: 5px; color: #e7dafa; font: 700 12px/1.3 var(--body); }
.site-header .back:hover { background: #30233e; }
.site-header .back span { color: #bfa7f4; margin-left: 12px; }
.skip { position: fixed; z-index: 99; top: -100px; left: 16px; padding: 12px; color: #08090f; background: white; }
.skip:focus { top: 10px; }
.intro { padding-block: clamp(100px,9vw,155px) 78px; position: relative; }
.intro:before { content: ''; z-index: -1; position: absolute; width: 520px; height: 460px; right: 0; top: 10px; pointer-events: none; border-radius: 50%; background: radial-gradient(ellipse,rgba(93,65,156,.16),transparent 70%); }
.intro h1 { max-width: 1100px; margin: 25px 0 42px; font: 600 clamp(60px,8.5vw,125px)/1.03 var(--display); letter-spacing: -.09em; }
.intro h1 em { font-style: normal; color: #b9a2f0; }
.intro-bottom { display: flex; justify-content: space-between; align-items: end; gap: 48px; border-top: 1px solid #474257; padding-top: 31px; }
.intro-bottom>p { max-width: 620px; margin: 0; color: #b5b2c3; font: 400 clamp(15px,1.45vw,18px)/1.85 var(--body); }
.intro-bottom>p strong { color: #ede5f9; }
.scope-stats { display: flex; flex-shrink: 0; gap: 40px; }
.scope-stats div { min-width: 110px; }
.scope-stats strong { display: block; color: #f8f2ff; font: 600 55px/1 var(--display); letter-spacing: -.08em; }
.scope-stats span { display: block; margin-top: 8px; color: #9b94ab; font: 700 9px/1.4 var(--display); letter-spacing: .12em; }
.scope { padding-block: 71px 115px; }
.scope-header { display: grid; grid-template-columns: .7fr 1.1fr 1fr; gap: 27px; align-items: end; margin-bottom: 38px; }
.scope-header h2 { font: 600 clamp(32px,3vw,49px)/1.1 var(--display); letter-spacing: -.06em; margin: 0; }
.scope-header>p:last-child { max-width: 350px; color: #a7a4b7; margin: 0 0 3px; font: 400 13px/1.8 var(--body); }
.workstream-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.workstream { padding: 34px 34px 30px; border: 1px solid #3b384b; background: #10111a; border-radius: 8px; min-width: 0; }
.workstream:nth-child(even) { background: #13131f; }
.stream-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #c4b1e3; font: 700 10px/1.4 var(--display); letter-spacing: .13em; }
.stream-top span:last-child { color: #868398; }
.workstream h3 { margin: 26px 0 9px; font: 600 clamp(27px,2.3vw,35px)/1.16 var(--display); letter-spacing: -.05em; }
.workstream>p { min-height: 55px; max-width: 480px; margin: 0 0 24px; color: #a9a6b7; font-size: 13px; line-height: 1.7; }
.workstream ol { list-style: none; padding: 0; margin: 0; border-top: 1px solid #403b4f; }
.workstream li { display: flex; align-items: center; gap: 17px; padding: 15px 0; border-bottom: 1px solid #33303f; }
.workstream li:last-child { border-bottom: 0; }
.workstream li span { flex: 0 0 23px; color: #aa94d3; font: 600 11px/1.3 var(--display); }
.workstream li strong { color: #e5dfed; font: 500 14px/1.5 var(--body); }
.scope-caption { margin: 24px 0 0; font: 400 12px/1.8 var(--body); color: #a5a0b3; }
.gates { display: block; margin: 0; padding-block: 82px; color: inherit; font: inherit; background: #191625; border-top: 1px solid #474057; border-bottom: 1px solid #474057; }
.gates-inner { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 70px; }
.gates h2 { margin: 16px 0 12px; font: 600 clamp(34px,3.4vw,53px)/1.12 var(--display); letter-spacing: -.06em; }
.gates-inner>div>p:last-child { max-width: 510px; margin: 0; color: #aba5bd; font: 400 13px/1.75 var(--body); }
.gates ol { padding: 0; margin: 0; list-style: none; border-top: 1px solid #554965; }
.gates li { display: flex; gap: 23px; align-items: center; padding: 14px 0; border-bottom: 1px solid #494058; }
.gates li span { color: #b7a1e5; font: 600 12px/1.4 var(--display); }
.gates li strong { font: 600 16px/1.4 var(--body); }
.cta { padding-block: 105px 126px; text-align: center; }
.cta .eyebrow { justify-content: center; }
.cta h2 { margin: 20px 0; font: 600 clamp(36px,4.5vw,66px)/1.12 var(--display); letter-spacing: -.07em; }
.cta>p:not(.eyebrow) { max-width: 630px; margin: 0 auto 31px; color: #b1adbf; font: 400 15px/1.8 var(--body); }
.cta>a { display: inline-flex; justify-content: space-between; gap: 38px; min-height: 54px; align-items: center; background: #bfa9f8; color: #1b1429; padding: 13px 21px; border-radius: 5px; font: 700 13px var(--body); }
.cta>a:hover { background: #dfd0ff; }
footer { background: #07080d; border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 25px; font: 500 11px/1.6 var(--body); color: #928ca1; }
.footer-inner a { color: #cbb6ec; white-space: nowrap; }
@media(max-width: 990px) {
  .scope-header { grid-template-columns: 1fr 1fr; }
  .scope-header .eyebrow { grid-column: 1/-1; }
  .intro-bottom { align-items: start; }
  .scope-stats { gap: 20px; }
}
@media(max-width: 700px) {
  .site-header .brand>span:last-child { font-size: 18px; }
  .site-header .status { display: none; }
  .site-header .back { margin-left: auto; padding: 10px 12px; font-size: 10px; }
  .site-header .back span { margin-left: 4px; }
  .intro { padding-block: 72px 44px; }
  .intro h1 { margin: 22px 0 32px; font-size: clamp(45px,10vw,70px); }
  .intro-bottom { flex-direction: column; gap: 27px; }
  .scope-stats { width: 100%; justify-content: start; gap: 40px; }
  .scope-stats strong { font-size: 43px; }
  .scope { padding-block: 45px 76px; }
  .scope-header { display: block; margin-bottom: 26px; }
  .scope-header h2 { margin: 13px 0; }
  .workstream-grid { grid-template-columns: 1fr; gap: 12px; }
  .workstream { padding: 26px 21px; }
  .workstream h3 { font-size: 29px; }
  .workstream>p { min-height: 0; margin-bottom: 21px; }
  .gates { padding-block: 64px; }
  .gates-inner { display: block; }
  .gates ol { margin-top: 29px; }
  .cta { padding-block: 74px 86px; }
  .cta h2 { font-size: 39px; }
  .cta>p:not(.eyebrow) { font-size: 13px; }
  .footer-inner { flex-wrap: wrap; font-size: 10px; }
  .footer-inner span:nth-child(2) { order: 3; flex: 0 0 100%; }
}
@media(max-width: 355px) {
  .site-header .brand>span:last-child { font-size: 16px; }
  .site-header .back { font-size: 9px; }
  .intro h1 { font-size: 42px; }
  .workstream li strong { font-size: 13px; }
}