.career-scroll{height:460vh;position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#07090d,#090d13)}
.career-stage{height:100vh;position:sticky;top:0;overflow:hidden;padding:88px 6vw 38px;display:grid;grid-template-rows:auto 1fr auto}.career-stage .section-no{top:92px}
.career-header{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.career-header h2{font-size:clamp(42px,5.4vw,78px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:0}.career-header h2 em{font-family:var(--serif);font-weight:400;color:var(--yellow)}
.career-progress{justify-self:end;width:min(330px,100%)}.career-progress>span{font:400 clamp(34px,4vw,58px) var(--mono);color:var(--yellow)}.career-progress>div{height:3px;background:var(--line);margin:10px 0 11px}.career-progress i{display:block;height:100%;width:0;background:var(--yellow)}.career-progress small{font:12px var(--mono);color:var(--soft)}
.stream-wrap{position:relative;min-height:0}.stream-graph{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stream-ghosts path{fill:none;stroke:#202833;stroke-width:56;stroke-linecap:round}.flow{fill:none;stroke-width:48;stroke-linecap:round;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.culture-flow{stroke:url(#culture-flow)}.militia-flow{stroke:url(#militia-flow);stroke-width:42;stroke-dasharray:1 5}.pro-flow{stroke:url(#pro-flow);stroke-width:34}.axis line{stroke:#69727e}.axis text{fill:var(--soft);font:12px var(--mono)}
.stream-label{position:absolute;font:700 12px var(--mono);text-transform:uppercase;padding:5px 8px;background:var(--bg);border:1px solid var(--line)}.label-culture{left:1%;top:12%;color:#f0a4b7}.label-militia{left:22%;top:69%;color:#81dce5;border-style:dashed}.label-pro{right:1%;bottom:11%;color:var(--yellow)}
.milestones{position:absolute;inset:0}.milestone{position:absolute;left:var(--x);top:var(--y);border:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;opacity:.08;transform:scale(.7);transition:opacity .35s,transform .35s;z-index:5}.milestone.reached{opacity:1;transform:scale(1)}.milestone i{display:block;width:18px;height:18px;border-radius:50%;background:var(--yellow);border:4px solid var(--bg);outline:2px solid var(--yellow);box-shadow:0 0 22px rgba(245,223,77,.35)}.milestone.diamond i{border-radius:0;transform:rotate(45deg);background:var(--teal);outline-color:var(--teal)}.milestone.square i{border-radius:1px;background:var(--violet);outline-color:var(--yellow)}.milestone span{display:block;font:700 12px var(--mono);margin-top:9px;background:var(--bg);padding:1px 4px}.milestone:hover,.milestone:focus-visible,.milestone.active{transform:scale(1.22);z-index:8}
.milestone-reader{position:absolute;right:2%;top:4%;width:min(355px,35vw);background:rgba(7,9,13,.94);border-left:3px solid var(--yellow);padding:22px 24px;z-index:7;box-shadow:0 14px 45px rgba(0,0,0,.35)}.milestone-reader>span{font:700 11px var(--mono);color:var(--yellow);text-transform:uppercase}.milestone-reader h3{font:400 26px/1.1 var(--serif);margin:10px 0}.milestone-reader p{font-size:14px;color:var(--soft);margin:0}
.stream-legend{display:flex;justify-content:center;gap:28px;font:12px var(--mono);color:var(--soft)}.stream-legend span{display:flex;align-items:center;gap:9px}.stream-legend i{width:10px;height:10px;display:inline-block}.stream-legend .round{border-radius:50%;background:var(--pink)}.stream-legend .diamond{transform:rotate(45deg);background:var(--teal)}.stream-legend .square{background:var(--violet);border:1px solid var(--yellow)}
.orbital-scene{height:min(66vw,620px);max-width:1080px;margin:35px auto 0;position:relative;perspective:900px;background:radial-gradient(ellipse at center,rgba(0,160,176,.12),transparent 58%)}.orbital-scene:before,.orbital-scene:after{content:"";position:absolute;inset:13% 8%;border:1px solid #44505e;border-radius:50%;transform:rotateX(66deg) rotateZ(-8deg)}.orbital-scene:after{inset:24% 18%;border-style:dashed;transform:rotateX(71deg) rotateZ(18deg)}
.orbital-links{position:absolute;inset:0;width:100%;height:100%}.orbital-links line{stroke-width:1.5;stroke:var(--teal);opacity:.5}.orbital-links line.accent{stroke:var(--yellow);stroke-dasharray:6 7}.orbital-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#050607;border:2px solid var(--yellow);box-shadow:0 0 70px rgba(245,223,77,.13);z-index:6}.orbital-core strong{font:400 25px var(--serif)}.orbital-core span{font:10px var(--mono);color:var(--yellow);margin-top:5px}
.orbital-nodes button{position:absolute;left:50%;top:50%;min-width:112px;padding:10px 12px;border:1px solid var(--line);background:rgba(7,9,13,.94);color:var(--ink);font:700 12px var(--mono);cursor:pointer;transform:translate(-50%,-50%);transition:border-color .2s,background .2s;will-change:transform,opacity}.orbital-nodes button:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--teal);border-radius:50%}.orbital-nodes button:nth-child(2n):before{border-radius:0;transform:rotate(45deg);background:var(--yellow)}.orbital-nodes button:hover,.orbital-nodes button:focus-visible,.orbital-nodes button.active{border-color:var(--yellow);background:#1c1b0e}.domain-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.domain-tags span{border:1px solid var(--line);padding:5px 8px;font:11px var(--mono);color:var(--soft)}
.identity{background:linear-gradient(180deg,#0a0c11,#080a0e);overflow:hidden}.identity-head{max-width:1040px}.identity-spectrum{display:grid;grid-template-columns:120px 1.2fr .8fr;gap:5vw;align-items:stretch;margin-top:90px;min-height:540px;border-block:1px solid var(--line)}
.identity-axis{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0}.identity-axis span{font:10px var(--mono);color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl}.identity-axis i{width:1px;flex:1;background:var(--line);margin:16px}.identity-axis strong{width:64px;height:64px;border:2px solid var(--yellow);border-radius:50%;display:grid;place-items:center;font:700 16px var(--mono);box-shadow:0 0 35px rgba(245,223,77,.14)}
.identity-rows{display:grid;grid-template-rows:repeat(4,1fr);border-inline:1px solid var(--line)}.identity-row{position:relative;display:grid;grid-template-columns:65px .65fr 1.35fr 20px;align-items:center;gap:20px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:18px 24px;cursor:pointer;overflow:hidden}.identity-row:last-child{border-bottom:0}.identity-row:before{content:"";position:absolute;inset:0;opacity:0;transform:translateX(-20%);transition:.35s;background:linear-gradient(90deg,rgba(245,223,77,.12),transparent)}.identity-row:nth-child(2):before{background:linear-gradient(90deg,rgba(0,160,176,.15),transparent)}.identity-row:nth-child(3):before{background:linear-gradient(90deg,rgba(255,143,50,.13),transparent)}.identity-row:nth-child(4):before{background:linear-gradient(90deg,rgba(150,116,169,.18),transparent)}.identity-row:hover:before,.identity-row:focus-visible:before,.identity-row.active:before{opacity:1;transform:none}.identity-row>*{position:relative}.plane-index{font:11px var(--mono);color:var(--yellow)}.identity-row strong{font:400 clamp(22px,2.5vw,36px) var(--serif)}.identity-row small{font-size:13px;color:var(--soft)}.identity-row i{width:11px;height:11px;border:2px solid var(--soft);border-radius:50%}.identity-row:nth-child(2) i{border-radius:0;border-style:dashed}.identity-row:nth-child(3) i{border-radius:0;transform:rotate(45deg)}.identity-row:nth-child(4) i{border-radius:0;border-style:double}.identity-row.active i{background:var(--yellow);border-color:var(--yellow)}
.identity-reading{align-self:center;padding:38px 0 38px 10px}.identity-reading>span{font:700 11px var(--mono);color:var(--yellow);text-transform:uppercase}.identity-reading h3{font:400 clamp(29px,3.4vw,48px)/1.12 var(--serif);margin:18px 0 22px}.identity-reading p{color:var(--soft);font-size:16px}
@media(max-width:900px){.career-scroll{height:auto}.career-stage{height:auto;position:relative;padding:105px 24px 70px;display:block}.career-header{grid-template-columns:1fr}.career-progress{justify-self:start;margin:30px 0;width:100%}.stream-wrap{min-height:760px}.stream-graph{transform:rotate(90deg) scale(.68);transform-origin:center}.stream-label{display:none}.milestone{left:8%!important;top:calc(8% + var(--at) * 78%)!important;opacity:1;transform:scale(1)}.milestone-reader{position:absolute;left:30%;right:auto;top:5%;width:64vw}.stream-legend{margin-top:25px;flex-wrap:wrap}.orbital-scene{height:540px;margin-inline:-15px}.orbital-core{width:110px;height:110px}.orbital-nodes button{min-width:90px;font-size:10px}.identity-spectrum{grid-template-columns:1fr;margin-top:55px}.identity-axis{display:none}.identity-rows{border-inline:0}.identity-row{grid-template-columns:50px 1fr 20px}.identity-row small{grid-column:2/4}.identity-reading{padding:35px 5px;border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.career-scroll{height:auto}.career-stage{height:auto;position:relative}.milestone{opacity:1;transform:scale(1)}}
@media(forced-colors:active){.milestone-reader,.identity-row,.orbital-nodes button{border:2px solid ButtonText}.identity-row.active,.orbital-nodes button.active{outline:3px solid Highlight}}
