.tool-selector,.pathway-shell{width:min(100%,1000px);min-height:100svh;padding:clamp(24px,5vw,52px);margin:auto;position:relative}
.tool-selector{display:flex;flex-direction:column;justify-content:center;gap:30px}
.tool-selector:before,.pathway-shell:before{content:"";position:absolute;z-index:0;right:0;top:3%;width:min(30vw,250px);height:220px;background:#7147DC;opacity:.15;clip-path:polygon(0 0,34% 0,100% 50%,34% 100%,0 100%,66% 50%);pointer-events:none}
.tool-selector>*,.pathway-shell>*{position:relative}
.tool-selector .brand,.pathway-header .brand{width:clamp(155px,23vw,210px)}
.tool-selector h1,.pathway-shell h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.04;letter-spacing:-.03em;margin:10px 0 14px;max-width:790px}
.tool-selector .lead,.pathway-lead{font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.55;color:var(--muted);max-width:670px;margin:0}
.tool-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.tool-option{min-height:205px;text-align:left;border:1px solid #5ED1DD;border-radius:20px;padding:27px;background:linear-gradient(135deg,#4E259E,#18191C);color:white;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tool-option:nth-child(2){border-color:#9EEEF2;background:linear-gradient(135deg,#0C6382,#18191C)}
.tool-option:hover{transform:translateY(-3px);border-width:2px}
.tool-option strong{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.13}
.tool-option span{color:#E5E5E5;line-height:1.45}
.tool-option b{margin-top:auto;color:#9EEEF2}
.tester-note{color:#E5E5E5;font-size:.88rem;line-height:1.45;max-width:660px}
.pathway-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.pathway-home,.pathway-back{padding:10px 0;background:transparent;border:0;color:#9EEEF2;text-decoration:underline;cursor:pointer;text-align:left}
.pathway-hero{margin:clamp(38px,8vh,100px) 0 35px}
.pathway-hero .eyebrow,.pathway-shell .eyebrow{margin:0;color:#9EEEF2}
.pathway-hero h1 em{color:#5ED1DD;font-style:normal}
.pathway-callout{padding:18px 20px;border-left:4px solid #5ED1DD;border-radius:0 12px 12px 0;background:#4E259E;line-height:1.5;margin:28px 0 32px;max-width:720px}
.pathway-action{min-height:56px;border:0;border-radius:12px;padding:14px 23px;background:linear-gradient(105deg,#4E259E,#7147DC);box-shadow:6px 7px 0 #0C6382;color:#fff;font-weight:700;cursor:pointer}
.pathway-action:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}
.pathway-action:not(:disabled):hover{transform:translate(2px,2px);box-shadow:4px 5px 0 #0C6382}
.pathway-progress{display:flex;gap:16px;align-items:center;margin:40px 0 30px;color:#9EEEF2;font-weight:700}
.pathway-progress .bar{height:7px;background:#4E259E;flex:1}
.pathway-shell h1.pathway-question{margin:0 0 8px;font-size:clamp(1.65rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.02em}
.pathway-prompt{font-size:1rem;line-height:1.5;color:#E5E5E5;margin:0 0 22px}
.rank-status{min-height:42px;display:flex;gap:9px;align-items:center;color:#9EEEF2;font-weight:700;margin-bottom:14px}
.rank-status span{border:1px solid #5ED1DD;border-radius:99px;padding:5px 12px;min-width:85px;text-align:center}
.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rank-option{min-height:107px;padding:16px;display:flex;align-items:flex-start;gap:14px;text-align:left;background:#252039;border:1px solid #7147DC;border-radius:15px;color:white;line-height:1.38;cursor:pointer;font-size:1rem}
.rank-option:hover{border-color:#9EEEF2;background:#302450}
.rank-option.chosen{background:#0C6382;border:2px solid #9EEEF2;padding:15px}
.rank-badge{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7147DC;color:white;font-weight:700;font-size:.9rem}
.rank-option.chosen .rank-badge{background:#9EEEF2;color:#18191C}
.pathway-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0}
.pathway-help{font-size:.86rem;color:#E5E5E5;line-height:1.45;margin:0}
.pathway-results-lead{margin:0 0 28px;color:#E5E5E5;font-size:1.08rem;line-height:1.5;max-width:740px}
.pathway-result-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.pathway-result{border:1px solid #7147DC;border-radius:17px;padding:18px 20px;background:#242034;display:grid;grid-template-columns:62px 1fr;gap:8px 17px}
.pathway-result.leading{border-color:#5ED1DD;background:linear-gradient(105deg,#4E259E,#242034)}
.pathway-result .position{font-size:1.28rem;color:#9EEEF2;font-weight:700;grid-row:span 2}
.pathway-result h2{font-size:1.3rem;line-height:1.2;margin:0}
.pathway-result p{color:#E5E5E5;line-height:1.43;margin:0}
.pathway-results-foot{margin:26px 0 32px;color:#E5E5E5;font-size:.92rem;line-height:1.5;max-width:730px}
.pathway-finish{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pathway-inline{border-top:1px solid #7147DC;padding-top:22px;margin-top:25px}
.pathway-inline .snapshot-cta{margin-top:15px}
.pathway-inline p{margin:0 0 13px!important}
@media(max-width:700px){.tool-selector,.pathway-shell{padding:26px 20px 42px}.tool-selector{justify-content:flex-start;gap:22px}.tool-options,.rank-list{grid-template-columns:1fr}.tool-option{min-height:160px}.pathway-hero{margin:52px 0 30px}.pathway-progress{margin:30px 0 25px}.rank-option{min-height:82px}.pathway-result{grid-template-columns:48px 1fr;gap:5px 10px;padding:17px}.pathway-result .position{font-size:1.1rem}.pathway-result h2{font-size:1.18rem}}