:root{--tr-bg:#08101d;--tr-surface:#0d1727;--tr-surface-2:#111d30;--tr-ink:#f7f1e5;--tr-muted:#b8b3aa;--tr-gold:#e8c57e;--tr-line:rgba(232,197,126,.2);--tr-covered:#87c99a;--tr-partial:#e8c57e;--tr-pending:#a6adba}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.trajectory-page{margin:0;background:var(--tr-bg);color:var(--tr-ink);font-family:"Instrument Sans",sans-serif}
.trajectory-page main{overflow:hidden}
.trajectory-page h1,.trajectory-page h2,.trajectory-page h3,.trajectory-page p{margin-top:0}
.trajectory-page h1,.trajectory-page h2,.trajectory-page h3{font-family:"EB Garamond",Georgia,serif;font-weight:500}
.trajectory-page a{color:inherit}
.trajectory-page .topbar{background:rgba(8,16,29,.94);border-color:rgba(255,255,255,.08)}
.trajectory-page .brand,.trajectory-page .portal-nav a,.trajectory-page .home-link{color:var(--tr-ink)}
.trajectory-page .portal-nav a[aria-current="page"]{color:var(--tr-gold)}
.eyebrow{display:block;color:var(--tr-gold);font-size:.73rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.trajectory-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(2rem,7vw,7rem);align-items:end;max-width:1320px;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,5vw,5rem) clamp(4rem,8vw,7rem)}
.trajectory-hero::before{position:absolute;content:"";width:600px;height:600px;right:-280px;top:-200px;border:1px solid var(--tr-line);border-radius:50%;box-shadow:0 0 0 80px rgba(232,197,126,.018),0 0 0 160px rgba(232,197,126,.012);pointer-events:none}
.hero-copy{position:relative;z-index:1}
.hero-copy h1{max-width:900px;margin:.7rem 0 1.4rem;font-size:clamp(3.2rem,7vw,7.4rem);line-height:.87;letter-spacing:-.045em}
.hero-copy h1 em{color:var(--tr-gold);font-weight:400}
.hero-lead{max-width:730px;color:#d6d1c8;font-family:"EB Garamond",Georgia,serif;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.45}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.25rem;border:1px solid var(--tr-gold);border-radius:3px;text-decoration:none;font-size:.86rem;font-weight:700}
.primary-action{background:var(--tr-gold);color:#111722!important}.secondary-action{color:var(--tr-ink)}
.primary-action:hover,.primary-action:focus-visible{background:#f1d797}.secondary-action:hover,.secondary-action:focus-visible{background:rgba(232,197,126,.08)}
.truth-card{position:relative;padding:1.6rem;border:1px solid var(--tr-line);background:linear-gradient(145deg,rgba(232,197,126,.09),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.truth-label{display:block;margin-bottom:1.1rem;color:var(--tr-gold);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.truth-card strong{font-family:"EB Garamond",Georgia,serif;font-size:2rem;font-weight:500}.truth-card p{margin:1rem 0 1.4rem;color:var(--tr-muted);font-size:.9rem;line-height:1.65}.legend{display:flex;flex-wrap:wrap;gap:.45rem}
.status{display:inline-flex;align-items:center;width:max-content;padding:.28rem .5rem;border:1px solid currentColor;border-radius:100px;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.status-covered{color:var(--tr-covered)}.status-partial{color:var(--tr-partial)}.status-pending{color:var(--tr-pending)}
.immediate-route,.roadmap,.mastery,.sources{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem)}
.immediate-route{background:#f2eee4;color:#17202d}
.section-heading{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(300px,1.3fr);gap:2rem;max-width:1180px;margin:0 auto 3rem}.section-heading h2{grid-column:1;margin:.4rem 0 0;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.95}.section-heading p{grid-column:2;grid-row:1/3;align-self:end;max-width:680px;margin:0;color:#5c626a;font-size:1rem;line-height:1.7}.immediate-route .eyebrow{color:#8b682b}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:auto;border-top:1px solid rgba(17,23,34,.18)}
.route-grid article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:2rem 1.4rem;border-right:1px solid rgba(17,23,34,.18)}.route-grid article:last-child{border-right:0}.route-number{color:#9a7a43;font-family:"EB Garamond",Georgia,serif;font-size:1.2rem}.route-grid h3{margin:.8rem 0 .5rem;font-size:1.65rem}.route-grid p{min-height:6.5rem;color:#5d646d;font-size:.87rem;line-height:1.6}.route-grid a{font-size:.8rem;font-weight:700;text-decoration:none;border-bottom:1px solid #9a7a43}.route-grid .status-covered{color:#28703d}.route-grid .status-partial{color:#835f1f}
.next-step{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,8vw,7rem) max(1.25rem,calc((100vw - 1180px)/2));background:var(--tr-surface)}
.next-intro h2{margin:.5rem 0 1rem;font-size:clamp(2.4rem,4vw,4rem);line-height:.98}.next-intro p{color:var(--tr-muted);line-height:1.7}.route-picker{padding:1.3rem;border:1px solid var(--tr-line);background:rgba(255,255,255,.025)}.picker-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.picker-fields label span{display:block;margin-bottom:.5rem;color:var(--tr-gold);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.picker-fields select{width:100%;min-height:48px;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:#0a1422;color:var(--tr-ink);font:inherit}.recommendation{min-height:170px;margin-top:1rem;padding:1.3rem;background:#f2eee4;color:#17202d}.recommendation .status-covered{color:#28703d}.recommendation .status-partial{color:#835f1f}.recommendation h3{margin:.65rem 0 .35rem;font-size:1.65rem}.recommendation p{color:#59616b;font-size:.9rem;line-height:1.6}.recommendation a{display:inline-flex;min-height:44px;align-items:center;margin-top:.2rem;font-size:.82rem;font-weight:700;text-decoration:none;border-bottom:1px solid #8b682b}
.roadmap{background:var(--tr-bg)}.roadmap .section-heading p{color:var(--tr-muted)}
.timeline{max-width:1180px;margin:auto;border-top:1px solid var(--tr-line)}
.stage-card{display:grid;grid-template-columns:100px minmax(220px,.75fr) minmax(300px,1.25fr);gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--tr-line)}.stage-index{color:var(--tr-gold);font-family:"EB Garamond",Georgia,serif;font-size:2.2rem}.stage-title h3{margin:.45rem 0 .25rem;font-size:1.75rem}.stage-title small{color:var(--tr-muted)}.stage-detail p{margin-bottom:.9rem;color:var(--tr-muted);line-height:1.6}.stage-links{display:flex;flex-wrap:wrap;gap:.55rem}.stage-links a{display:inline-flex;min-height:40px;align-items:center;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.15);text-decoration:none;font-size:.76rem}.stage-links a:hover,.stage-links a:focus-visible{border-color:var(--tr-gold);color:var(--tr-gold)}.stage-gap{display:block;margin-top:.9rem;color:#d2b982;font-size:.78rem}
.mastery{background:#e8c57e;color:#121925}.mastery>header{max-width:840px}.mastery .eyebrow{color:#5f461d}.mastery h2{margin:.5rem 0 1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.mastery>header p{max-width:700px;color:#554a39;line-height:1.7}.mastery-cycle{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:3rem auto 0;padding:0;list-style:none;border-top:1px solid rgba(17,23,34,.3)}.mastery-cycle li{padding:1.6rem;border-right:1px solid rgba(17,23,34,.3)}.mastery-cycle li:last-child{border-right:0}.mastery-cycle span{display:block;margin-bottom:.9rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mastery-cycle strong{font-family:"EB Garamond",Georgia,serif;font-size:1.35rem}.mastery-cycle p{margin:.6rem 0 0;color:#554a39;font-size:.82rem;line-height:1.55}.mastery-rule{display:grid;grid-template-columns:220px 1fr;gap:1rem;max-width:1180px;margin:0 auto;padding:1.3rem;border-top:1px solid rgba(17,23,34,.3);border-bottom:1px solid rgba(17,23,34,.3);font-size:.87rem}.mastery-rule span{color:#554a39}
.sources{background:#f2eee4;color:#17202d}.sources>header{max-width:1180px;margin:0 auto 2.5rem}.sources .eyebrow{color:#8b682b}.sources h2{margin:.5rem 0;font-size:clamp(2.3rem,4vw,4rem)}.source-list{max-width:1180px;margin:auto}.source-list a{display:grid;grid-template-columns:220px 1fr minmax(200px,.7fr);gap:1rem;align-items:center;padding:1.1rem 0;border-top:1px solid rgba(17,23,34,.18);text-decoration:none}.source-list a:last-child{border-bottom:1px solid rgba(17,23,34,.18)}.source-list span{color:#775b2a;font-size:.72rem;font-weight:700;text-transform:uppercase}.source-list strong{font-family:"EB Garamond",Georgia,serif;font-size:1.35rem;font-weight:500}.source-list small{color:#626871}.source-list a:hover strong,.source-list a:focus-visible strong{color:#8b682b}
.closing-note{padding:clamp(5rem,10vw,9rem) max(1.25rem,calc((100vw - 920px)/2));text-align:center;background:var(--tr-bg)}.closing-note h2{margin:.5rem 0 1rem;font-size:clamp(3rem,6vw,6rem);line-height:.9}.closing-note p{max-width:750px;margin:0 auto 2rem;color:var(--tr-muted);font-family:"EB Garamond",Georgia,serif;font-size:1.3rem;line-height:1.5}.trajectory-page .site-footer{background:#050b14;color:var(--tr-muted);border-color:rgba(255,255,255,.08)}
@media(max-width:900px){.trajectory-hero,.next-step{grid-template-columns:1fr}.truth-card{max-width:560px}.section-heading{display:block}.section-heading p{margin-top:1rem}.route-grid{grid-template-columns:1fr}.route-grid article{border-right:0;border-bottom:1px solid rgba(17,23,34,.18)}.route-grid p{min-height:0}.stage-card{grid-template-columns:64px 1fr}.stage-detail{grid-column:2}.mastery-cycle{grid-template-columns:1fr 1fr}.mastery-cycle li:nth-child(2){border-right:0}.source-list a{grid-template-columns:1fr 1fr}.source-list small{grid-column:2}.source-list span{align-self:start}.mastery-rule{grid-template-columns:1fr}}
@media(max-width:560px){.trajectory-hero{padding-top:4rem}.hero-copy h1{font-size:3.3rem}.hero-actions>*{width:100%}.picker-fields{grid-template-columns:1fr}.stage-card{grid-template-columns:46px 1fr;gap:.8rem}.stage-index{font-size:1.5rem}.mastery-cycle{grid-template-columns:1fr}.mastery-cycle li{border-right:0;border-bottom:1px solid rgba(17,23,34,.3)}.source-list a{display:block}.source-list strong,.source-list small{display:block;margin-top:.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
