:root{--practice:#984621;--practice-paper:#fbf0e8;--practice-line:#e6c4ad}
/* The landing-page preview uses the same visual language as a real result. */
#start{background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(16,39,55,.18)}
#start:hover{background:white}
.sample-skill.needs-practice .sample-rail{background:#e8d4c7}
.sample-skill.needs-practice .sample-rail i{background:var(--practice)}
.sample-skill.needs-practice>strong{color:var(--practice);font-weight:700}
.sample-focus{background:var(--ink);color:white}
.sample-focus li>strong{color:var(--lime)}
.sample-focus li>span{color:#d5dfe4}
/* Below 50 is an explicit practice signal, distinct from ranked recommendations. */
.skill-legend{font-size:12px;line-height:1.5;color:var(--muted);display:flex;align-items:center;gap:9px;margin:0 0 20px}
.skill-legend>span{width:9px;height:9px;background:var(--practice);flex:none}
.results-scorecard .skill-track{padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}
.results-scorecard .skill-track.needs-practice{background:var(--practice-paper);box-shadow:inset 3px 0 var(--practice);border-top-color:transparent;padding-top:14px;padding-bottom:14px}
.results-scorecard .needs-practice .skill-rail{background:#e8d4c7}
.results-scorecard .needs-practice .skill-rail i{background:var(--practice)}
.results-scorecard .needs-practice .skill-value,.results-scorecard .needs-practice .skill-name>span{color:var(--practice)}
.results-scorecard .skill-meaning{font-size:15px;line-height:1.55;color:#45555e}
.results-scorecard .priority-item p{font-size:14px;line-height:1.55}
.results-scorecard .priority-item.needs-practice h3>span{background:var(--practice-paper);color:var(--practice);font-size:12px;font-weight:600;padding:4px 6px;display:inline-block}
/* Three-second seed-to-tree growth plays alongside the real save request. */
.growing-snapshot{min-height:min(700px,80vh);padding:40px 20px 65px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.growing-snapshot>.eyebrow{font-size:9px;margin:0 0 15px}
.growing-snapshot h2{font-size:40px;margin:19px 0 14px}
#growth-status{font-size:15px;color:var(--muted);margin:0;min-height:1.6em}
.growth-tree{width:280px;height:265px;position:relative}
.tree-ground{position:absolute;bottom:29px;left:35px;width:210px;border-bottom:1px solid var(--line)}
.tree-seed{position:absolute;left:134px;bottom:26px;width:14px;height:10px;border-radius:50%;background:var(--blue);animation:seed-open .9s ease-out both}
.tree-trunk{position:absolute;bottom:30px;left:137px;width:6px;height:190px;border-radius:80% 15% 10% 20%;background:var(--ink);transform-origin:center bottom;animation:trunk-grow 1.5s cubic-bezier(.2,.7,.2,1) .2s both}
.tree-branch{height:4px;width:var(--branch-width);position:absolute;left:140px;bottom:var(--branch-bottom);background:var(--ink);border-radius:60%;transform-origin:left center;animation:branch-grow .9s cubic-bezier(.2,.8,.3,1) var(--branch-delay) both}
.tree-leaf{position:absolute;right:-30px;top:-14px;display:block;width:45px;height:29px;border-radius:90% 5% 90% 8%;background:#d8ec9c;box-shadow:inset 0 -1px #899f51;transform-origin:left center;animation:leaf-open .8s cubic-bezier(.2,.8,.3,1) calc(var(--branch-delay) + .24s) both}
.tree-leaf:after{content:"";position:absolute;top:53%;left:6px;right:7px;height:1px;background:#91a75b;transform:rotate(-22deg)}
.branch-one{--branch-bottom:84px;--branch-width:66px;--branch-angle:-149deg;--branch-delay:.7s}
.branch-two{--branch-bottom:102px;--branch-width:70px;--branch-angle:-27deg;--branch-delay:.9s}
.branch-three{--branch-bottom:128px;--branch-width:61px;--branch-angle:-146deg;--branch-delay:1.12s}
.branch-four{--branch-bottom:151px;--branch-width:53px;--branch-angle:-34deg;--branch-delay:1.36s}
.branch-five{--branch-bottom:175px;--branch-width:39px;--branch-angle:-142deg;--branch-delay:1.56s}
.branch-six{--branch-bottom:190px;--branch-width:29px;--branch-angle:-43deg;--branch-delay:1.74s}
.branch-two .tree-leaf,.branch-five .tree-leaf{background:#bad477}
.tree-crown{position:absolute;left:140px;bottom:219px;--branch-delay:1.96s}
.tree-crown .tree-leaf{width:36px;height:43px;right:-18px;top:-34px;border-radius:85% 5% 85% 5%;rotate:-35deg;transform-origin:center bottom}
@keyframes trunk-grow{from{transform:scaleY(.025)}to{transform:scaleY(1)}}
@keyframes branch-grow{from{transform:rotate(var(--branch-angle)) scaleX(0)}to{transform:rotate(var(--branch-angle)) scaleX(1)}}
@keyframes leaf-open{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes seed-open{from{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}
/* Three connected, data-led moments: foundation, focus, career direction. */
.growth-path{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.growth-node{min-width:0;position:relative;padding:0 29px 0 0;border-right:1px solid var(--line)}
.growth-node:last-child{border:0;padding-right:0}
.growth-node:not(:last-child):after{content:"→";position:absolute;right:-16px;top:89px;font:25px/1 var(--sans);color:#728690;background:var(--paper);padding:10px 2px}
.path-kicker{font-size:20px;font-weight:700;letter-spacing:.035em;line-height:1.3;margin:0 0 26px;padding:14px 16px;min-height:86px;box-sizing:border-box;width:100%;background:var(--lime);color:var(--ink);display:flex;align-items:center;gap:14px}
.path-kicker>strong{font:inherit;min-width:0}
.path-kicker>span{font:700 25px/1 var(--serif);letter-spacing:0;display:grid;place-items:center;border:1px solid currentColor;width:44px;height:44px;border-radius:50%;flex:none;background:rgba(255,255,255,.4)}
.foundation-visual,.focus-visual,.proof-visual{height:132px;margin-bottom:25px;display:flex;align-items:center;gap:22px}
.foundation-visual>strong{font:700 79px/1 var(--serif);letter-spacing:-.06em;color:var(--blue)}
.foundation-visual>strong>span{font-size:29px;color:#647783;margin-left:4px;letter-spacing:-.05em}
.foundation-bars{height:99px;flex:1;display:flex;gap:7px;align-items:end;max-width:205px}
.foundation-column{flex:1;min-width:0;text-align:center}
.foundation-rail{display:flex;width:100%;height:80px;align-items:flex-end;background:#e4e9e8}
.foundation-rail i{display:block;width:100%;height:var(--skill-height);background:var(--blue)}
.foundation-rail i.needs-practice{background:var(--practice)}
.foundation-column>span:last-of-type:not(.sr-only),.foundation-column>span[aria-hidden]{display:block;font-size:8px;color:var(--muted);margin-top:6px}
.growth-node h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;margin:0 0 13px}
.growth-node>p:not(.path-kicker){font-size:14px;line-height:1.65;margin:0;color:var(--muted)}
.focus-visual{gap:18px}
.focus-ring{width:123px;height:123px;flex:none;border-radius:50%;background:conic-gradient(var(--blue) var(--focus-score),#dfe5e5 0);position:relative;display:grid;place-items:center}
.focus-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--paper)}
.focus-ring>span{z-index:1;text-align:center;display:flex;flex-direction:column;gap:3px}
.focus-ring strong{font:700 44px/1 var(--serif);letter-spacing:-.045em}
.focus-ring small{font:10px/1.3 var(--sans);color:var(--muted)}
.focus-visual>div:last-child{min-width:0}
.focus-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);display:block;margin-bottom:8px}
.focus-visual>div:last-child>strong{font:700 21px/1.15 var(--serif);letter-spacing:-.025em;display:block}
.focus-node.needs-practice .focus-ring{background:conic-gradient(var(--practice) var(--focus-score),#e9d4c4 0)}
.focus-node.needs-practice .focus-ring:before{background:var(--practice-paper)}
.focus-node.needs-practice .focus-ring strong,.focus-node.needs-practice .focus-label{color:var(--practice)}
.focus-node.needs-practice .path-kicker>span{background:var(--practice-paper);border-color:var(--practice-line);color:var(--practice)}
.proof-visual{padding-left:15px;gap:35px}
.proof-sheet{border:1px solid #a6b5b9;background:#fff;width:104px;height:120px;padding:16px 14px;rotate:-6deg;position:relative;box-shadow:5px 5px 0 #e7edde}
.proof-sheet>span{font-size:8px;letter-spacing:.1em;display:block;margin-bottom:16px}
.proof-sheet i{display:block;height:3px;background:#cfdbde;margin:9px 0;width:100%}
.proof-sheet i:nth-of-type(2){width:72%}
.proof-sheet i:nth-of-type(3){width:85%}
.proof-sheet>b{position:absolute;right:-15px;bottom:7px;display:grid;place-items:center;width:32px;height:32px;background:var(--lime);border-radius:50%;font-size:20px;color:var(--ink)}
.proof-arrow{font:400 65px/1 var(--serif);color:var(--blue)}
.path-workshop{background:var(--lime);color:var(--ink);border:0;padding:19.5px 22.5px;margin-top:20px;font-size:19.5px;line-height:1.4;text-align:left;display:flex;gap:27px;align-items:center;justify-content:space-between;width:100%;box-shadow:inset 0 0 0 1px rgba(16,39,55,.18)}
.path-workshop:hover{background:#f1fa9b}.path-workshop>span{font-size:30px}
@media(max-width:1100px) and (min-width:761px){
  .growth-path{gap:24px}.growth-node{padding-right:21px}.foundation-visual{gap:13px}.foundation-visual>strong{font-size:64px}.foundation-visual>strong>span{font-size:24px}.foundation-bars{gap:5px}.focus-visual{gap:12px}.focus-ring{width:98px;height:98px}.focus-ring strong{font-size:37px}.focus-visual>div:last-child>strong{font-size:19px}.growth-node h3{font-size:23px}.proof-visual{gap:22px;padding-left:8px}.proof-arrow{font-size:50px}
}
@media(max-width:760px){
  .results-scorecard .skill-meaning{font-size:15px}.results-scorecard .priority-item p{font-size:14px}.skill-legend{font-size:11px;align-items:flex-start}.skill-legend>span{margin-top:4px}.results-scorecard .skill-name>span{line-height:1.55}.results-scorecard .skill-track.needs-practice{padding-top:15px;padding-bottom:15px}
  .growth-path{grid-template-columns:1fr;gap:28px;margin-top:27px}.growth-node{padding:0 0 28px 47px;border-right:0;border-bottom:1px solid var(--line)}.growth-node:last-child{padding:0 0 0 47px}.growth-node:not(:last-child):after{content:"↓";right:auto;left:0;top:auto;bottom:-24px;padding:5px;background:var(--paper)}.path-kicker{margin-left:-47px;width:calc(100% + 47px);margin-bottom:22px;gap:14px}.foundation-visual,.focus-visual,.proof-visual{height:121px;margin-bottom:18px}.foundation-visual{gap:28px;max-width:350px}.foundation-visual>strong{font-size:72px}.foundation-bars{max-width:210px}.growth-node h3{font-size:28px}.growth-node>p:not(.path-kicker){font-size:15px;max-width:520px}.focus-ring{width:113px;height:113px}.focus-visual{gap:25px}.focus-visual>div:last-child>strong{font-size:25px}.proof-visual{padding-left:8px;gap:35px}.path-workshop{width:auto;max-width:100%;font-size:21px;padding:21px 27px}.growing-snapshot{padding:30px 0 50px;min-height:70vh}.growing-snapshot h2{font-size:34px}.growth-tree{scale:.9;margin:-8px 0}#growth-status{font-size:14px}
}
@media(max-width:420px){
  .results-scorecard .skill-name>span{font-size:9px}.growth-node{padding-left:37px}.growth-node:last-child{padding-left:37px}.path-kicker{margin-left:-37px;width:calc(100% + 37px);gap:12px;padding:14px 12px}.foundation-visual{gap:22px}.foundation-visual>strong{font-size:64px}.foundation-visual>strong>span{font-size:25px}.foundation-bars{gap:5px}.focus-visual{gap:18px}.focus-visual>div:last-child>strong{font-size:23px}.growth-node h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .tree-trunk{transform:scaleY(1)}.tree-branch{transform:rotate(var(--branch-angle))}.tree-leaf{transform:scale(1);opacity:1}.tree-seed{opacity:0}
}
@media print{
  #growing{display:none!important}.results-scorecard .skill-track.needs-practice{print-color-adjust:exact}.results-scorecard .skill-meaning{font-size:9pt}.results-scorecard .priority-item p{font-size:9pt}.skill-legend{font-size:8pt}.growth-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;break-inside:avoid}.growth-node,.growth-node:last-child{padding:0;border:0}.growth-node:after{display:none}.path-kicker{margin-left:0;width:100%;font-size:11pt;gap:8px;padding:8px;min-height:0;print-color-adjust:exact}.path-kicker>span{width:28px;height:28px;font-size:18px}.growth-node h3{font-size:15pt}.growth-node>p:not(.path-kicker){font-size:9pt}.foundation-visual,.focus-visual,.proof-visual{height:105px;margin-bottom:15px;gap:12px}.foundation-visual>strong{font-size:43pt}.foundation-bars{gap:4px}.focus-ring{width:85px;height:85px;print-color-adjust:exact}.focus-ring strong{font-size:26pt}.focus-visual>div:last-child>strong{font-size:13pt}.foundation-rail i{print-color-adjust:exact}.proof-sheet{scale:.8;transform-origin:left center}.proof-arrow{font-size:38pt}.path-workshop{display:none}
}