:root{--ux-ink:#14213b;--ux-muted:#64728a;--ux-blue:#315fd6;--ux-violet:#7056d8;--ux-green:#14966c;--ux-line:#e3e9f2;--ux-soft:#f5f7fb}
.home-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.home-welcome h1{font:800 clamp(28px,4vw,43px)/1.05 Manrope;margin:5px 0 8px;letter-spacing:-.04em}.home-welcome p{font-size:14px;color:var(--ux-muted);max-width:720px;margin:0}.home-welcome .primary span{margin-left:7px}
.journey-status{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;padding:32px;border-radius:24px;background:linear-gradient(130deg,#142750,#234d91 60%,#6351c9);color:#fff;box-shadow:0 22px 50px rgba(25,50,105,.18)}.status-chip{display:inline-block;padding:6px 9px;border-radius:99px;background:#2bd3a133;color:#82f3cf;font-size:9px;font-weight:900;letter-spacing:.08em}.journey-label{margin:17px 0 2px;color:#a9bee4;font-size:9px;font-weight:800;letter-spacing:.09em}.journey-copy h2{margin:0;font:800 clamp(24px,3vw,35px) Manrope;color:#fff}.journey-sub{max-width:720px;color:#d7e2f5;font-size:13px;line-height:1.6}.journey-route{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;gap:15px;align-items:end;margin:24px 0 20px}.journey-route div{display:flex;flex-direction:column}.journey-route span{color:#9fb4da;font-size:8px;font-weight:800}.journey-route b{font-size:12px}.journey-route i{height:6px;margin-bottom:6px;border-radius:8px;background:#ffffff24;overflow:hidden}.journey-route em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ce5bd,#b8a8ff)}.journey-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.journey-actions .primary{background:#fff;color:#214b91}.soft{border:1px solid #dce5f5;background:#f7f9fd;color:#29486f}.journey-status .soft{border-color:#ffffff40;background:#ffffff10;color:#fff}.text-action{border:0;background:transparent;color:inherit;font-weight:700}.readiness-dial{display:flex;align-self:center;align-items:center;flex-direction:column}.readiness-dial>div{width:138px;height:138px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#203f76 58%,transparent 59%),conic-gradient(#65e1bc 71%,#ffffff20 0);position:relative}.readiness-dial strong{font:800 42px Manrope}.readiness-dial small{position:absolute;margin:20px 0 0 55px}.readiness-dial>b{margin-top:11px;font-size:9px;letter-spacing:.13em}.readiness-dial>span{margin-top:5px;color:#75e4c0;font-size:10px;font-weight:700}
.next-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:19px;margin:20px 0;padding:21px 24px;border:1px solid #cfe1f5;border-radius:18px;background:linear-gradient(110deg,#f3f8ff,#fff);box-shadow:0 10px 30px rgba(35,77,145,.07)}.step-number{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#315fd6;color:#fff;font:800 16px Manrope}.step-main h2{margin:3px 0;font-size:17px}.step-main>p{margin:0;color:var(--ux-muted);font-size:11px}.step-value{display:flex;gap:9px;margin-top:10px}.step-value span{white-space:nowrap;color:var(--ux-blue);font-size:9px;font-weight:800}.step-value p{margin:0;color:#52627a;font-size:10px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:20px}.home-panel{padding:23px;border:1px solid var(--ux-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(28,47,85,.06)}.home-panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:14px}.home-panel-head h2{margin:3px 0;font-size:18px}.home-panel-head button{border:0;background:transparent;color:var(--ux-blue);font-size:10px;font-weight:800}.week-task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #edf1f6}.task-check{width:34px;min-height:34px;border:1px solid #cfd9ea;border-radius:10px;background:#f8faff;color:#45618a;font-weight:800}.task-check.done{border-color:#14966c;background:#14966c;color:#fff}.week-task b{font-size:12px}.week-task p{margin:2px 0;color:var(--ux-muted);font-size:10px!important}.week-task strong{color:var(--ux-green);font-size:11px}.clarity-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #edf1f6}.clarity-row>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff4e5;color:#c97b1a}.clarity-row.good>span{background:#e9f8f2;color:#118961}.clarity-row b{font-size:11px}.clarity-row p{margin:2px 0;color:var(--ux-muted);font-size:9px!important}.clarity-row strong{font-size:12px}.full{width:100%;margin-top:9px}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.value-strip article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:16px;border:1px solid var(--ux-line);border-radius:15px;background:#fff}.value-strip article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eef3ff;color:var(--ux-blue);font-size:18px}.value-strip b{font-size:11px}.value-strip p{margin:2px 0;color:var(--ux-muted);font-size:9px!important}.value-strip button{border:0;background:transparent;color:var(--ux-blue);font-size:9px;font-weight:800}
.quick-tools{padding:23px;border-radius:19px;background:#f4f7fc}.quick-tools>.home-panel-head{margin-bottom:12px}.quick-tools>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-tools>div>button{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:left;padding:15px;border:1px solid var(--ux-line);border-radius:14px;background:#fff;color:var(--ux-ink)}.quick-tools button>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eeeaff;color:var(--ux-violet);font-weight:800}.quick-tools button>b{font-size:11px}.quick-tools button>small{color:var(--ux-muted);font-size:8px;line-height:1.4}
.tools-toggle{width:calc(100% - 20px);margin:12px 10px 5px;padding:9px 10px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff08;color:#cfd6e8;text-align:left;font-size:9px}.tools-toggle span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:6px;background:#ffffff10}.advanced-hidden{display:none!important}
.search{position:relative}.smart-results{display:none;position:absolute;z-index:90;top:calc(100% + 9px);left:0;width:310px;padding:10px;border:1px solid var(--ux-line);border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(24,42,78,.18)}.smart-results.show{display:grid}.smart-results small{padding:6px 9px;color:var(--ux-muted);font-size:8px;font-weight:800}.smart-results button{border:0;border-radius:8px;background:transparent;padding:9px;text-align:left;color:var(--ux-ink);font-size:10px}.smart-results button:hover{background:#f1f5fb}
@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.value-strip{grid-template-columns:1fr}.quick-tools>div:last-child{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main,.view,#dashboard,.home-welcome,.home-welcome>div,.journey-status,.journey-copy,.journey-route,.journey-route>*{min-width:0;max-width:100%;width:100%;box-sizing:border-box}main,.view,#dashboard{overflow-x:hidden}.home-welcome{align-items:stretch;flex-direction:column}.home-welcome p,.journey-sub{overflow-wrap:anywhere}.journey-status{grid-template-columns:minmax(0,1fr);padding:24px;overflow:hidden}.readiness-dial{grid-row:1}.journey-route{grid-template-columns:minmax(0,1fr)}.journey-route i{margin:0}.journey-route b{white-space:normal;overflow-wrap:anywhere}.destination{align-items:flex-start}.journey-actions{flex-direction:column}.journey-actions>*{flex:none;width:100%;min-width:0;white-space:normal}.next-step{grid-template-columns:auto minmax(0,1fr)}.next-step>.primary{grid-column:1/-1;width:100%}.step-value{flex-direction:column}.quick-tools>div:last-child{grid-template-columns:1fr}.smart-results{position:fixed;top:62px;left:12px;width:calc(100vw - 24px)}}@media(max-width:420px){.journey-status{padding:20px;border-radius:19px}.home-panel,.quick-tools{padding:18px}.next-step{padding:18px}.value-strip article{grid-template-columns:auto 1fr}.value-strip button{grid-column:2;text-align:left;padding:0;min-height:auto}}
@media(max-width:600px){.market-site{max-width:100vw;overflow-x:hidden}.market-hero,.hero-content,.hero-product{min-width:0;max-width:100%}.hero-content h1{max-width:100%;font-size:28px!important;letter-spacing:-1px!important;overflow-wrap:break-word}.product-window{width:100%}.potential-row{grid-template-columns:repeat(3,minmax(0,1fr))}.potential-row span{min-width:0}}
.mobile-dock{display:none}
@media(max-width:700px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:70px}main{width:100%!important;max-width:100%!important;margin:0!important}.view,#dashboard{width:auto!important;max-width:100%!important;margin:0!important;padding:20px 12px 86px!important}.view>*{max-width:100%;min-width:0}.mobile-dock{position:fixed;z-index:85;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid #dfe5ef;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(18,36,70,.22);backdrop-filter:blur(14px)}.mobile-dock button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:48px;border:0;border-radius:11px;background:transparent;color:#52627b;font-size:9px;font-weight:700}.mobile-dock button:active{background:#eeeaff;color:#5a48c9}.mobile-dock span{font-size:16px}.side{padding-bottom:82px}.home-welcome h1{font-size:27px}.journey-status{display:flex!important;flex-direction:column;width:100%!important;max-width:100%!important}.journey-copy,.journey-sub,.home-welcome p{width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.journey-sub{font-size:12px}.readiness-dial{order:-1}.readiness-dial>div{width:122px;height:122px}.readiness-dial strong{font-size:36px}.next-step,.home-panel,.quick-tools,.value-strip article{width:100%;box-sizing:border-box}.week-task{grid-template-columns:auto minmax(0,1fr) auto}.quick-tools>div>button{min-height:68px}.page-title{width:100%}.page-title h1{font-size:25px!important;overflow-wrap:anywhere}.page-title>div{min-width:0}.page-title>button{width:100%}.panel,.path,.project,.studio-grid article{width:100%;min-width:0}.score-grid,.path-grid,.experience-grid,.studio-grid,.signal-grid,.genome-grid,.route-options,.future-years,.wealth-grid,.health-grid,.mentor-grid,.world-stats{grid-template-columns:1fr!important}.two-col,.dna-hero,.world-layout,.life-hero,.mentor-brief,.gps-route{grid-template-columns:1fr!important}.gap-list article,.requirement-grid{grid-template-columns:1fr!important}.gap-proof{grid-template-columns:1fr!important}.dimension-bars>div{grid-template-columns:minmax(105px,1fr) minmax(65px,1fr) 36px!important}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll:after{content:'Swipe to see more →';display:block;padding:7px;color:#68768c;font-size:9px;text-align:right}.jd-input textarea{min-height:190px;font-size:13px!important}.advisor-shell{height:calc(100dvh - 150px);min-height:540px}.advisor-body{overflow-y:auto}.advisor-input{position:sticky;bottom:0;background:#fff}.advisor-input textarea{font-size:16px!important}.advisor-prompts button{min-height:48px}.career-orbit{width:340px;max-width:100%;margin:auto;transform:scale(.82);transform-origin:center}.genome{transform:scale(.82);transform-origin:center;min-height:360px}.world-map{min-height:330px}.market-insight{grid-template-columns:1fr!important}.clinical-alert{align-items:flex-start;flex-wrap:wrap}.clinical-alert button{width:100%}.gap-tabs,.career-switch,.scenario-toggle,.market-select,.world-filters{display:flex!important;width:100%;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:7px}.gap-tabs button,.career-switch button,.scenario-toggle button,.market-select button,.world-filters button{flex:0 0 auto;scroll-snap-align:start;min-height:42px}.modal{max-height:calc(100dvh - 30px);overflow-y:auto}.toast{left:12px;right:12px;bottom:82px;text-align:center}.tour-card{left:10px!important;right:10px!important;bottom:80px!important;width:auto!important}.product-help{bottom:80px!important}}
@media(max-width:390px){.view{padding-inline:10px!important}.journey-status{padding:18px}.home-welcome h1{font-size:24px}.journey-copy h2{font-size:23px}.home-panel-head{flex-direction:column}.next-step{grid-template-columns:1fr}.step-number{width:42px;height:42px}.quick-tools{padding:15px}.mobile-dock{left:5px;right:5px;bottom:5px}.mobile-dock button{font-size:8px}.product-body{padding:13px}.product-score{padding:12px}.product-score>div{width:68px;height:68px}.market-hero{padding-inline:12px!important}.genome{margin-inline:-20px}}
.career-switch button.active,.gap-tabs button.active,.scenario-toggle button.active,.people-tabs button.active{border-color:#6552d4!important;background:#eeeaff!important;color:#5141bd!important;box-shadow:inset 0 0 0 1px #6552d4}.skill{cursor:pointer}.skill.skill-selected{outline:2px solid #6650d8;outline-offset:2px;background:#eeeaff!important}.result-updated{animation:resultPulse .5s ease}@keyframes resultPulse{50%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(102,80,216,.15)}}.future-chart.negative-scenario .growth{opacity:.2}.future-chart.negative-scenario .decline{stroke:#e25e68!important;stroke-width:4}.modal-action{margin-top:13px;min-width:150px}
