@font-face{font-family:"Graphik";src:url("fonts/Graphik-Regular-Web.woff2") format("woff2"),url("fonts/Graphik-Regular-Web.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Graphik";src:url("fonts/Graphik-Medium-Web.woff2") format("woff2"),url("fonts/Graphik-Medium-Web.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Graphik";src:url("fonts/Graphik-Semibold-Web.woff2") format("woff2"),url("fonts/Graphik-Semibold-Web.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Graphik";src:url("fonts/Graphik-Bold-Web.woff2") format("woff2"),url("fonts/Graphik-Bold-Web.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}

:root{--ink:#000;--muted:#5c5c66;--paper:#fff;--card:#fff;--line:#dedeee;--coral:#93c5fd;--blue:#3d3bff;--soft-blue:#eaf2ff;--lime:#59c7ff;--good:#0f6b78;--good-bg:#e0f7ff;--warn:#7a4900;--shadow:0 24px 70px rgba(0,0,0,.16);font-family:"Graphik",Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 90% 10%,#f1f0ff 0,transparent 32%),var(--paper)}
button,input{font:inherit}
button{color:inherit}

/* Mobile-first foundation */
.app-shell{width:100%;min-height:100vh;margin:0 auto;padding:0 16px 36px}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink)}
.brand{display:inline-flex;flex:0 0 auto;text-decoration:none}
.brand img{display:block;width:108px;height:auto}
.topbar__meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.topbar__meta>span{display:none}
.reset-button{min-height:44px;border:0;background:transparent;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.progress{height:6px;background:#ececf7;overflow:hidden}
.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--coral));transition:width .35s ease}

main{outline:none}
.screen,.screen--single,.screen--wide{min-height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;padding:34px 0 52px;animation:enter .32s ease both}
.screen>.panel,.screen>.worktop,.screen>.hero-visual{order:2}
body[data-transition="update"] #app>.screen{animation:none}
@keyframes enter{from{opacity:.96;transform:translateY(6px)}to{opacity:1;transform:none}}

.eyebrow{margin:0 0 12px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
h1{margin:0;max-width:850px;font-size:clamp(36px,11vw,52px);line-height:1;letter-spacing:-.045em;overflow-wrap:anywhere}
h2{margin:0;font-size:clamp(28px,8vw,40px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}
h3{margin:0 0 10px;font-size:18px}
.lead{max-width:760px;margin:20px 0 0;color:#30313a;font-size:17px;line-height:1.48}
.support{color:var(--muted);line-height:1.55}
.stack{display:grid;gap:14px}
.stack--lg{gap:22px}

.hero-visual{position:relative;min-height:360px;padding:18px;border:2px solid #000;border-radius:24px;background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);color:#fff;box-shadow:6px 6px 0 #000;overflow:hidden}
.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.58))}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(61,59,255,.04),rgba(124,58,237,.12));pointer-events:none}
.visual-window{position:relative;z-index:1;margin-top:56px;border:2px solid #000;border-radius:16px;background:rgba(20,20,22,.93);overflow:hidden;box-shadow:4px 4px 0 rgba(0,0,0,.7)}
.visual-window__head{padding:10px 12px;background:#30313a;color:#fff;font-size:11px}
.visual-window__body{padding:12px;display:grid;gap:8px}
.metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:10px;background:#191b1d;font-size:13px}
.metric strong{text-align:right}
.metric strong.bad{color:#93c5fd}

.feature-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}
.feature{padding:16px;border:2px solid #000;border-radius:16px;background:#fff;box-shadow:4px 4px 0 #000}
.feature b{display:block;margin-bottom:6px}
.intro-screen,.onboarding-screen{padding-top:24px}
.intro-screen h1{font-size:clamp(34px,9.2vw,44px);line-height:.96}
.intro-screen .lead,.onboarding-screen .lead{margin-top:15px;font-size:15px;line-height:1.42}
.feature-grid.intro-benefits,.feature-grid.onboarding-steps{grid-template-columns:minmax(0,1fr);gap:0;margin:18px 0 0;border:2px solid #000;border-radius:18px;background:#fff;box-shadow:4px 4px 0 #000;overflow:hidden}
.intro-benefits .feature,.onboarding-steps .feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;align-items:center;padding:11px 12px;border:0;border-bottom:1px solid #000;border-radius:0;box-shadow:none}
.intro-benefits .feature:last-child,.onboarding-steps .feature:last-child{border-bottom:0}
.intro-benefits .feature b,.onboarding-steps .feature b{margin:0;font-size:14px;line-height:1.25}
.intro-benefits .feature span,.onboarding-steps .feature span{color:var(--muted);font-size:12px;line-height:1.3}
.intro-screen .actions,.onboarding-screen .actions{margin-top:18px}
.onboarding-screen h1{font-size:clamp(34px,9.5vw,46px);line-height:.97}
.onboarding-steps .feature{grid-template-columns:minmax(0,1fr);gap:3px;padding:12px 14px}
.onboarding-steps .feature b{font-size:15px}
.onboarding-steps .feature span{font-size:13px}
.panel{min-width:0;padding:20px;border:2px solid #000;border-radius:20px;background:var(--card);box-shadow:6px 6px 0 #000}
.panel--dark{color:#fff;background:#000}
.panel--tint{background:var(--soft-blue)}
.question{margin:0 0 16px;font-size:18px;font-weight:600}
.options{display:grid;gap:10px}
.option{width:100%;min-height:56px;display:flex;gap:12px;align-items:flex-start;padding:14px;border:2px solid var(--line);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.15s ease}
.option:focus-visible,.primary:focus-visible,.secondary:focus-visible,input:focus-visible{outline:3px solid rgba(61,59,255,.28);outline-offset:2px}
.option.is-selected{border-color:#000;background:var(--coral);box-shadow:4px 4px 0 #000}
.option.is-locked{cursor:default;opacity:.78}
.option__marker{flex:0 0 22px;width:22px;height:22px;border:1.5px solid #9c9ca8;border-radius:50%;display:grid;place-items:center;font-size:12px}
.option.is-selected .option__marker{border-color:#000;background:#000;color:#fff}
.option--check .option__marker{border-radius:6px}
.option small{display:block;margin-top:5px;color:var(--muted);line-height:1.4}

.actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
.primary,.secondary{width:100%;min-height:54px;padding:14px 18px;border-radius:14px;border:2px solid #000;font-weight:600;cursor:pointer}
.primary{background:var(--blue);color:#fff;box-shadow:0 7px 0 #000}
.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #000}
.primary:disabled{opacity:.36;cursor:not-allowed;transform:none;box-shadow:none}
.secondary{background:#fff;box-shadow:4px 4px 0 #000}
.back{order:2;width:100%;min-height:48px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:12px 0}

.worktop{min-width:0;border:2px solid #000;border-radius:20px;background:#171822;color:#fff;overflow:hidden;box-shadow:6px 6px 0 #000}
.worktop__bar{padding:11px 14px;background:#202231;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:11px}
.worktop__body{padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}
.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #383d42;text-align:right;white-space:nowrap}
.data-table th:first-child,.data-table td:first-child{text-align:left}
.data-table tr:last-child td{border-bottom:0}
.data-table .loss{color:#93c5fd;font-weight:600}
.chat{display:grid;gap:10px}
.bubble{max-width:94%;padding:12px 13px;border-radius:14px 14px 14px 3px;background:#f3f2ff;color:#000;line-height:1.45}
.bubble--mentor{margin-left:auto;border-radius:14px 14px 3px 14px;background:var(--blue);color:#fff}
.bubble b{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.counter{margin:10px 0 0;color:var(--muted);font-size:13px}
.feedback{margin-top:20px;padding:16px;border:2px solid #000;border-radius:16px;background:var(--good-bg);box-shadow:4px 4px 0 #000}
.feedback--partial{background:#fff7ed}
.feedback h3{color:var(--good)}
.feedback--partial h3{color:var(--warn)}
.feedback p{line-height:1.5}
.artifact{display:inline-flex;margin-top:12px;padding:8px 11px;border-radius:8px;background:#fff;font-size:12px;font-weight:700}
.loading-item{display:flex;align-items:center;gap:12px;color:var(--muted)}
.loading-item::before{content:"";flex:0 0 18px;width:18px;height:18px;border:2px solid #bbb;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}
.loading-item.is-waiting{opacity:.42}
.loading-item.is-waiting::before{border-color:#bbb;animation:none}
.loading-item.is-current{font-weight:600}
.loading-item.is-done{color:var(--ink)}
.loading-item.is-done::before{content:"✓";border:0;color:var(--good);animation:none;font-weight:700}
@keyframes spin{to{transform:rotate(360deg)}}

.simulation-build-screen.screen--single{width:100%;max-width:760px;min-height:calc(100vh - 100px);place-items:center;padding:28px 0}
.simulation-build-card{width:100%;padding:28px 20px;border:1px solid #d8d8df;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(29,29,39,.12);text-align:center}
.simulation-build-card h1{max-width:none;font-size:clamp(32px,8vw,48px)}
.simulation-build-card .lead{margin:12px auto 0;color:var(--muted);font-size:15px}
.simulation-build-orbit{position:relative;width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:#17171d;color:#fff}
.simulation-build-orbit::before{position:absolute;inset:-7px;border:2px solid #59c7ff;border-right-color:transparent;border-radius:50%;content:"";animation:spin 2.4s linear infinite}
.simulation-build-orbit b{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;letter-spacing:-.04em}
.simulation-build-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#59c7ff}
.simulation-build-orbit span:nth-child(1){top:-9px;left:39px}.simulation-build-orbit span:nth-child(2){right:-5px;bottom:14px;background:#93c5fd}.simulation-build-orbit span:nth-child(3){bottom:3px;left:2px;background:#8583ff}
.simulation-build-list{display:grid;gap:8px;max-width:520px;margin:28px auto 0;text-align:left}
.simulation-build-list .loading-item{min-height:48px;padding:12px 14px;border:1px solid #e1e1e6;border-radius:13px;background:#f8f8fa;font-size:13px;transition:opacity .2s ease,background .2s ease}
.simulation-build-list .loading-item.is-current{border-color:#aaa8ff;background:#efefff}
.simulation-build-list .loading-item.is-done{background:#e6f6ff}
.simulation-build-final{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;color:var(--muted);font-size:13px}
.simulation-build-final[hidden]{display:none}
.simulation-build-final>span{width:20px;height:20px;border:2px solid #c4c4c4;border-top-color:#3d3bff;border-radius:50%;animation:spin 1s linear infinite}
@media(min-width:760px){.simulation-build-card{padding:42px 48px}.simulation-build-list .loading-item{font-size:14px}}

.simulation-ready-screen.screen--single{width:100%;max-width:920px;min-height:calc(100vh - 100px);place-items:center;padding:28px 0}
.simulation-ready-card{position:relative;isolation:isolate;width:100%;overflow:hidden;padding:32px 20px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:linear-gradient(145deg,#171429 0%,#32209b 46%,#175cdb 74%,#53cdf5 125%);color:#fff;box-shadow:0 32px 90px rgba(39,37,140,.28);text-align:center}
.simulation-ready-card::before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 80%)}
.simulation-ready-content{position:relative;z-index:2;max-width:760px;margin:0 auto}
.simulation-ready-aurora i{position:absolute;z-index:-1;border-radius:50%;filter:blur(10px);opacity:.55;animation:ready-float 7s ease-in-out infinite alternate}
.simulation-ready-aurora i:nth-child(1){top:-150px;left:-80px;width:360px;height:360px;background:#7928ca}
.simulation-ready-aurora i:nth-child(2){right:-110px;bottom:-190px;width:430px;height:430px;background:#4ee3ff;animation-delay:-2s}
.simulation-ready-aurora i:nth-child(3){top:28%;left:42%;width:180px;height:180px;background:#ff5cd7;opacity:.16;animation-delay:-4s}
.simulation-ready-confetti i{position:absolute;z-index:1;width:8px;height:16px;border-radius:3px;background:#73e6ff;opacity:0;animation:ready-confetti 1.1s ease-out forwards}
.simulation-ready-confetti i:nth-child(1){top:13%;left:12%;transform:rotate(20deg);animation-delay:.05s}.simulation-ready-confetti i:nth-child(2){top:24%;left:21%;width:7px;height:7px;border-radius:50%;background:#ff79ce;animation-delay:.18s}.simulation-ready-confetti i:nth-child(3){top:12%;right:15%;background:#fff27a;transform:rotate(-28deg);animation-delay:.12s}.simulation-ready-confetti i:nth-child(4){top:31%;right:8%;width:6px;height:6px;border-radius:50%;background:#fff;animation-delay:.26s}.simulation-ready-confetti i:nth-child(5){bottom:22%;left:8%;background:#fff27a;transform:rotate(45deg);animation-delay:.32s}.simulation-ready-confetti i:nth-child(6){bottom:15%;right:12%;width:7px;height:7px;border-radius:50%;background:#ff79ce;animation-delay:.4s}.simulation-ready-confetti i:nth-child(7){top:48%;left:4%;height:11px;transform:rotate(-20deg);animation-delay:.22s}.simulation-ready-confetti i:nth-child(8){top:45%;right:20%;height:11px;background:#fff;transform:rotate(35deg);animation-delay:.46s}
.simulation-ready-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(9,8,32,.28);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(10px)}
.simulation-ready-status span{width:7px;height:7px;border-radius:50%;background:#7dffb2;box-shadow:0 0 0 5px rgba(125,255,178,.13),0 0 18px #7dffb2;animation:ready-pulse 1.8s ease-in-out infinite}
.simulation-ready-icon{display:grid;width:96px;height:96px;margin:0 auto 18px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0%,#a9f1ff 30%,#59c7ff 72%);color:#111;box-shadow:0 0 0 10px rgba(255,255,255,.08),0 18px 50px rgba(1,7,38,.34);animation:ready-pop .65s cubic-bezier(.2,.9,.3,1.25) both}
.simulation-ready-icon b{font-size:40px;line-height:1;transform:translateY(4px)}
.simulation-ready-icon small{margin-top:-24px;font-size:10px;font-weight:800;letter-spacing:.04em}
.simulation-ready-card .eyebrow{margin:0;padding:0;border-radius:0;background:transparent;color:#8cecff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.simulation-ready-card h1{max-width:680px;margin:9px auto 0;font-size:clamp(34px,7vw,54px);line-height:.98;text-wrap:balance}
.simulation-ready-card .lead{max-width:590px;margin:16px auto 0;color:rgba(255,255,255,.78);font-size:15px}
.simulation-ready-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px;text-align:left}
.simulation-ready-details article{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(8,9,35,.2);box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);animation:ready-rise .55s ease both}
.simulation-ready-details article:nth-child(2){animation-delay:.09s}.simulation-ready-details article:nth-child(3){animation-delay:.18s}
.simulation-ready-details article>span{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(255,255,255,.13);color:#8cecff;font-size:15px;font-weight:800}
.simulation-ready-details b,.simulation-ready-details small{display:block}.simulation-ready-details b{font-size:12px;line-height:1.2}.simulation-ready-details small{margin-top:3px;color:rgba(255,255,255,.6);font-size:10px;line-height:1.25}
.simulation-ready-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 0;color:rgba(255,255,255,.66);font-size:11px}.simulation-ready-note span{color:#7dffb2;font-size:8px}
.simulation-ready-card .actions{max-width:430px;margin:22px auto 0}.simulation-ready-card .primary{min-height:56px;border:1px solid rgba(255,255,255,.5);background:#fff;color:#171429;box-shadow:0 16px 40px rgba(4,5,42,.32);transition:transform .2s ease,box-shadow .2s ease}.simulation-ready-card .primary:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(4,5,42,.42)}
@keyframes ready-pop{from{opacity:0;transform:scale(.55) rotate(-10deg)}to{opacity:1;transform:none}}
@keyframes ready-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ready-float{to{transform:translate3d(22px,18px,0) scale(1.08)}}
@keyframes ready-pulse{50%{opacity:.55;box-shadow:0 0 0 8px rgba(125,255,178,0),0 0 8px #7dffb2}}
@keyframes ready-confetti{0%{opacity:0;translate:0 -18px;scale:.4}35%{opacity:1}100%{opacity:.72;translate:0 16px;scale:1}}
@media(min-width:760px){.simulation-ready-card{padding:38px 52px 40px}}
@media(max-width:620px){.simulation-ready-screen.screen--single{min-height:calc(100vh - 88px);padding:12px 0}.simulation-ready-card{padding:24px 16px;border-radius:22px}.simulation-ready-status{margin-bottom:14px}.simulation-ready-icon{width:78px;height:78px;margin-bottom:14px}.simulation-ready-icon b{font-size:34px}.simulation-ready-card h1{font-size:34px}.simulation-ready-card .lead{margin-top:12px}.simulation-ready-details{grid-template-columns:1fr;gap:7px;margin-top:18px}.simulation-ready-details article{padding:10px 12px}.simulation-ready-details article>span{width:34px;height:34px;flex-basis:34px}.simulation-ready-note{margin-top:13px}.simulation-ready-card .actions{margin-top:17px}}

.timeline{display:grid;gap:0;counter-reset:steps;margin:0;padding:0}
.timeline li{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding-bottom:20px;line-height:1.45}
.timeline li::before{counter-increment:steps;content:counter(steps);width:32px;height:32px;display:grid;place-items:center;border:2px solid #000;border-radius:50%;background:var(--coral);font-weight:700}
.timeline li:not(:last-child){border-left:1px solid var(--line);margin-left:16px;padding-left:21px}
.form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.field{display:grid;gap:7px;min-width:0}
.field--full{grid-column:auto}
.field label{font-size:13px;font-weight:600}
.field input{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;font-size:16px}
.field input:focus{border-color:var(--blue)}
.field .error{min-height:17px;color:#b45309;font-size:12px}

.result-hero{padding:26px 20px;border:2px solid #000;border-radius:22px;background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);color:#fff;box-shadow:6px 6px 0 #000}
.result-hero h1{font-size:clamp(34px,10vw,50px)}
.result-grid{display:grid;grid-template-columns:1fr;gap:14px}
.result-card{padding:18px;border:2px solid #000;border-radius:16px;background:#fff;box-shadow:5px 5px 0 #000}
.result-card__tag{display:inline-block;margin-bottom:16px;padding:6px 9px;border-radius:7px;background:var(--coral);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.result-section{padding:26px 0;border-bottom:2px solid #000}
.result-section:last-child{border-bottom:0}
.result-section ul{padding-left:20px;line-height:1.65}
.goal-quote{padding:16px;border-left:6px solid var(--coral);background:#000;color:#fff;border-radius:0 12px 12px 0}
.internship-chat-screen{padding:18px 0 34px}
.app-shell .messenger-device{width:min(760px,100%);margin:0 auto;border:1px solid #dedede;border-radius:26px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.12);overflow:hidden}
.messenger-titlebar{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border-bottom:1px solid #dedede;background:#f5f5f5}
.messenger-lights{display:flex;gap:6px;flex:0 0 auto;padding:5px 7px;border-radius:8px;background:#fff}
.messenger-lights i{display:block;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.messenger-lights i:nth-child(2){background:#febc2e}.messenger-lights i:nth-child(3){background:#28c840}
.messenger-tab{display:flex;align-items:center;gap:8px;min-width:0;margin:0 auto;padding:5px 12px 5px 5px;border:1px solid #dedede;border-radius:999px;background:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.messenger-tab small{color:#6b6b72}
.messenger-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#3d3bff;color:#fff;font-size:12px;font-weight:700}
.photo-avatar{overflow:hidden;background:#e9e9eb;color:transparent}
.photo-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.messenger-feed{padding:18px 16px 22px}
.messenger-time{width:max-content;margin:0 auto 16px;padding:6px 10px;border-radius:999px;background:#f5f5f5;color:#5c5c66;font-size:11px;font-weight:600}
.messenger-back{width:max-content;margin:0 0 12px;padding-right:14px;padding-left:14px}
.messenger-thread{display:grid;gap:9px}
.messenger-row{display:flex;align-items:flex-end;gap:8px;opacity:0;animation:messenger-in .3s ease forwards;animation-delay:var(--delay,0s)}
.messenger-bubble{width:max-content;max-width:min(calc(100% - 38px),620px);margin:0;padding:11px 14px;border-radius:18px 18px 18px 6px;background:#f0f0f0;font-size:14px;line-height:1.42}
.internship-chat-screen[data-mode="corporate"] .messenger-titlebar{border:0;background:#3d3bff;color:#fff}
.internship-chat-screen[data-mode="corporate"] .messenger-tab{margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:14px;font-weight:700}
.messenger-channel{margin-left:auto;color:rgba(255,255,255,.74);font-size:12px;white-space:nowrap}
.messenger-heading{font-size:clamp(28px,8vw,42px);line-height:1.03}
.messenger-intro{margin:10px 0 18px;font-size:14px;line-height:1.45}
.messenger-group{display:grid;gap:7px}
.messenger-group__meta{display:flex;align-items:center;gap:9px;font-size:13px}
.messenger-group .messenger-bubble{margin-left:39px}
.messenger-system{margin:4px 0;padding:9px 12px;border-radius:12px;background:#f5f5f5;color:#5c5c66;font-size:12px;line-height:1.4}
.internship-chat-screen .actions{margin:18px 0 0 39px}
.messenger-welcome{display:flex;min-height:520px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.messenger-welcome__icon{margin-bottom:18px;font-size:44px}
.messenger-welcome h1{max-width:620px;font-size:clamp(28px,8vw,42px);line-height:1.04}
.messenger-welcome p{max-width:520px;margin:14px 0 0;font-size:16px;line-height:1.5}
.internship-chat-screen .messenger-welcome .actions{width:min(460px,100%);margin:24px auto 0}
.messenger-brief{opacity:0;animation:messenger-in .3s ease forwards;animation-delay:var(--delay,0s)}
.messenger-brief__time{color:#777;font-size:11px;font-weight:400}
.messenger-task-group+.messenger-task-group{margin-top:14px}
.messenger-task-group .messenger-bubble{max-width:min(calc(100% - 39px),560px)}
.chat-task-screen .messenger-device{width:min(820px,100%)}
.internship-chat-screen .messenger-group{min-width:0;width:100%}
.internship-chat-screen .messenger-bubble{box-sizing:border-box;overflow-wrap:anywhere}
.messenger-avatar--support{background:#55555e}
.chat-reply-panel{min-width:0;margin-top:16px;padding-top:14px;border-top:1px solid #dedede}
.chat-reply-panel>span{display:block;margin-bottom:9px;color:#5c5c66;font-size:11px;font-weight:700}
.chat-task-screen .options{grid-template-columns:minmax(0,1fr);gap:7px}
.chat-task-screen .option{min-height:44px;align-items:center;padding:10px 12px;border-radius:14px;background:#f5f5f5;font-size:13px;line-height:1.35}
.chat-task-screen .option.is-selected{outline:2px solid #3d3bff;background:#f0efff}
.chat-task-screen .option__marker{flex-basis:20px;width:20px;height:20px;font-size:10px}
.chat-answer-options{min-width:0;display:grid;gap:8px}
.chat-answer-option{min-width:0;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.chat-answer-option__bubble{position:relative;display:block;min-width:0;width:max-content;max-width:78%;padding:10px 13px;border:1px solid #dedcfb;border-radius:17px 17px 5px 17px;background:#f0efff;color:#292936;font-size:13px;line-height:1.35;overflow-wrap:anywhere;transition:.15s ease}
.chat-answer-option .messenger-avatar{flex-basis:28px;width:28px;height:28px;font-size:11px;opacity:.72;transition:.15s ease}
.chat-answer-option:hover .chat-answer-option__bubble{border-color:#aaa8ff;background:#e8e7ff}
.chat-answer-option.is-selected .chat-answer-option__bubble{padding-right:34px;border-color:#3d3bff;background:#3d3bff;color:#fff}
.chat-answer-option.is-selected .chat-answer-option__bubble::after{position:absolute;top:9px;right:12px;content:"✓";font-size:12px;font-weight:800}
.chat-answer-option.is-selected .messenger-avatar{opacity:1}
.chat-answer-option:focus-visible{outline:3px solid rgba(61,59,255,.28);outline-offset:3px;border-radius:18px}
.chat-task-screen .chat-feedback{margin-top:13px;align-items:flex-start}
.chat-feedback .messenger-bubble{max-width:calc(100% - 38px)}
.chat-feedback .messenger-bubble b{display:block;margin-bottom:4px;font-size:12px}
.chat-feedback .messenger-bubble p{margin:0}.chat-feedback .messenger-bubble p+p{margin-top:5px}
.chat-feedback .messenger-bubble.is-strong{background:#e0f7ff}.chat-feedback .messenger-bubble.is-weak{background:#fff1e5}
.messenger-group--user{justify-items:end;margin-top:5px}
.messenger-group--user .messenger-group__meta{justify-content:flex-end}
.messenger-group--user .messenger-bubble{box-sizing:border-box;width:calc(100% - 39px);max-width:560px;margin:0 39px 0 0;border-radius:18px 18px 6px 18px;background:#3d3bff;color:#fff;overflow-wrap:anywhere}
.messenger-avatar--user{background:#19191d}
.chat-task-screen .chat-reply-panel .actions{margin:12px 0 0}
.chat-task-screen .chat-reply-panel .primary{width:100%}
.chat-task-actions .actions{margin:16px 0 0}.chat-task-actions .primary{width:100%}
.chat-task-screen .chat-sequence-message{max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:max-height .35s ease,opacity .3s ease,transform .3s ease}
.chat-task-screen .chat-sequence-message.is-visible{max-height:220px;opacity:1;transform:none}
.chat-task-screen .chat-typing{max-height:0;overflow:hidden;opacity:0;animation:none;transition:max-height .2s ease,opacity .2s ease}
.chat-task-screen .chat-typing.is-visible{max-height:54px;opacity:1}
.chat-typing .messenger-avatar{background:#e6e6ea;color:#777;font-size:8px;letter-spacing:-1px}
.chat-typing .messenger-bubble{display:flex;gap:4px;padding:13px 15px}
.chat-typing .messenger-bubble i{width:6px;height:6px;border-radius:50%;background:#85858e;animation:chat-typing-dot .8s ease-in-out infinite}
.chat-typing .messenger-bubble i:nth-child(2){animation-delay:.12s}.chat-typing .messenger-bubble i:nth-child(3){animation-delay:.24s}
.chat-task-screen [data-screen17-reply]{max-height:0;margin-top:0;padding-top:0;border-top-color:transparent;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(8px);transition:max-height .4s ease,margin .3s ease,padding .3s ease,border-color .3s ease,opacity .3s ease,transform .3s ease}
.chat-task-screen [data-screen17-reply].is-ready{max-height:520px;margin-top:16px;padding-top:14px;border-top-color:#dedede;opacity:1;pointer-events:auto;transform:none}
@keyframes chat-typing-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.chat-task-screen .chat-sequence-message,.chat-task-screen .chat-typing,.chat-task-screen [data-screen17-reply]{transition:none}.chat-typing .messenger-bubble i{animation:none}}
.task-reminder{grid-column:1/-1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:0;border:0;background:transparent}
.task-reminder>img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.task-reminder__message{display:grid;gap:5px;min-width:0}
.task-reminder__meta{display:flex;align-items:baseline;gap:8px;padding-left:2px}.task-reminder__meta b{font-size:12px}.task-reminder__meta time{color:#777;font-size:10px}
.task-reminder p{display:grid;gap:5px;width:fit-content;max-width:720px;margin:0;padding:12px 14px;border-radius:6px 18px 18px;background:#f5f5f5;font-size:14px;font-weight:500;line-height:1.4}
.task-reminder p span{color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
@keyframes messenger-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:480px){.messenger-tab small,.messenger-channel{display:none}.messenger-titlebar{gap:8px}.messenger-feed{padding-right:13px;padding-left:13px}.messenger-group .messenger-bubble{margin-left:0;max-width:100%}.messenger-group--user .messenger-bubble{width:100%;margin-right:0}.internship-chat-screen .actions{margin-left:0}.messenger-welcome{min-height:460px}.chat-task-screen .option{padding:9px 10px;font-size:12px}.chat-answer-option__bubble{max-width:84%;padding:9px 11px;font-size:12px}}
.toast{position:fixed;left:16px;right:16px;bottom:16px;transform:translateY(20px);padding:12px 18px;border:2px solid #fff;border-radius:10px;background:#000;color:#fff;text-align:center;opacity:0;pointer-events:none;transition:.2s ease;z-index:10}
.toast.is-visible{opacity:1;transform:translateY(0)}

.engineering-menu{position:fixed;right:12px;bottom:12px;z-index:50;width:min(360px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:"Graphik",Arial,sans-serif;pointer-events:none}
.engineering-menu__toggle,.engineering-menu__panel{pointer-events:auto}
.engineering-menu__toggle{min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 16px;border:2px solid #000;border-radius:999px;background:var(--lime);box-shadow:4px 4px 0 #000;cursor:pointer;font-size:13px;font-weight:600}
.engineering-menu__toggle strong{min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#000;color:#fff;font-size:12px}
.engineering-menu__panel{width:100%;max-height:min(82vh,720px);display:flex;flex-direction:column;border:2px solid #000;border-radius:20px;background:#111;color:#fff;box-shadow:8px 8px 0 rgba(0,0,0,.28);overflow:hidden}
.engineering-menu__panel[hidden]{display:none}
.engineering-menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #393939;background:#000}
.engineering-menu__head div{min-width:0;display:grid;gap:4px}
.engineering-menu__head span{color:#aaa;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.engineering-menu__head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.engineering-menu__close{flex:0 0 36px;width:36px;height:36px;border:1px solid #555;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:24px;line-height:1}
.engineering-menu__body{display:grid;gap:12px;padding:12px;overflow-y:auto;overscroll-behavior:contain}
.engineering-menu__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.engineering-menu__button{width:100%;min-height:42px;padding:9px 12px;border:1px solid #555;border-radius:10px;background:#202020;color:#fff;cursor:pointer;font-size:12px;font-weight:600}
.engineering-menu__button:hover{border-color:#fff;background:#303030}
.engineering-menu__button:disabled{opacity:.35;cursor:not-allowed}
.engineering-menu__button--accent{border-color:#000;background:var(--coral);color:#000;box-shadow:3px 3px 0 #000}
.engineering-menu__button--accent:hover{border-color:#000;background:#c7d2fe}
.engineering-menu__field{display:grid;gap:6px;color:#aaa;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.engineering-menu__field select{width:100%;min-height:42px;padding:8px 34px 8px 10px;border:1px solid #555;border-radius:10px;background:#fff;color:#000;font:12px "Graphik",Arial,sans-serif;text-transform:none;letter-spacing:0}
.engineering-menu__search{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:42px;padding:0 10px;border-radius:12px;background:#fff;color:#555}.engineering-menu__search span{font-size:20px;line-height:1}.engineering-menu__search input{min-width:0;height:40px;border:0;outline:0;background:transparent;color:#000;font:13px "Graphik",Arial,sans-serif}.engineering-menu__search input::-webkit-search-cancel-button{cursor:pointer}
.engineering-screen-list{display:grid;gap:14px;min-height:120px;max-height:min(46vh,360px);overflow-y:auto;overscroll-behavior:contain}.engineering-screen-group{display:grid;gap:7px}.engineering-screen-group h3{position:sticky;top:0;z-index:1;margin:0;padding:3px 2px;background:#111;color:#999;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.engineering-screen-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.engineering-screen-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:6px 8px;border:1px solid #383838;border-radius:10px;background:#202020;color:#fff;text-align:left;cursor:pointer}.engineering-screen-item:hover{border-color:#777;background:#2b2b2b}.engineering-screen-item b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#333;color:#59c7ff;font-size:10px}.engineering-screen-item span{overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis}.engineering-screen-item.is-current{border-color:#59c7ff;background:#30351f}.engineering-screen-item.is-current b{background:#59c7ff;color:#000}.engineering-screen-list__empty{margin:16px 0;color:#999;font-size:12px;text-align:center}
.engineering-menu__tools{border-top:1px solid #333}.engineering-menu__tools summary{padding:11px 2px 0;color:#aaa;font-size:11px;font-weight:600;cursor:pointer;list-style-position:inside}.engineering-menu__tools[open] summary{color:#fff}.engineering-menu__tools:not([open]) .engineering-menu__tools-body{display:none}.engineering-menu__tools-body{display:grid;gap:10px;padding-top:12px}.engineering-menu__section--actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}

@media (hover:hover){
  .option:hover{border-color:#000;transform:translateY(-1px)}
  .primary:hover{transform:translateY(-1px);box-shadow:0 8px 0 #000}
}

/* Screen 15: interpret four charts and choose the next analytical check. */
.data-root-screen .workday-status{margin-bottom:18px}
.data-analysis-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(36,40,65,.11);
  border-radius:var(--radius-workspace);
  background:#fff;
  box-shadow:0 14px 40px rgba(39,45,70,.07);
}
.data-analysis-workspace--signals{grid-template-columns:minmax(0,1fr)}
.data-dashboard,
.data-decision{min-width:0;padding:20px}
.data-dashboard>header{
  display:flex;
  min-height:47px;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.data-dashboard>header span{
  display:block;
  margin-bottom:4px;
  color:var(--blue);
  font-size:9px;
  font-weight:750;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.data-dashboard>header h2{
  margin:0;
  color:var(--ink);
  font-size:20px;
  line-height:1.14;
}
.data-dashboard__intro{max-width:680px}
.data-dashboard__intro>p{margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.4}
.data-dashboard__tools{display:grid;justify-items:end;gap:var(--space-2)}
.data-dashboard__tools>p{
  flex:0 0 auto;
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
  text-align:right;
}
.data-chart-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.data-chart-card{
  min-width:0;
  min-height:178px;
  padding:13px;
  border:1px solid #e4e5eb;
  border-radius:14px;
  background:#fbfbfd;
}
.data-chart-card__header{min-height:48px;margin-bottom:var(--space-3)}
.data-chart-card h3{
  margin:0;
  color:#272a34;
  font-size:12px;
  line-height:1.2;
}
.data-chart-card__header>p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:10px;line-height:1.3}
.data-bars{display:grid;gap:10px}
.data-chart-signal{
  position:relative;
  appearance:none;
  margin:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.data-chart-signal:focus-visible{outline:3px solid rgba(76,70,238,.22);outline-offset:2px}
.data-chart-signal:disabled{opacity:1;cursor:default}
.data-bars>.data-chart-signal{
  display:grid;
  grid-template-columns:minmax(76px,1.3fr) minmax(44px,1fr) 27px;
  gap:6px;
  align-items:center;
  width:100%;
  padding:3px 4px;
  border-radius:7px;
  text-align:left;
  transition:background .16s ease,box-shadow .16s ease;
}
.data-bars>.data-chart-signal:not(:disabled):hover{background:#f1f0ff}
.data-bars>.data-chart-signal.is-selected{background:#ecebff;box-shadow:0 0 0 1px #6a64ef}
.data-bars span{
  min-width:0;
  color:#5f6470;
  font-size:9.9px;
  line-height:1.2;
}
.data-bars>.data-chart-signal>i{
  display:block;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eaf0;
}
.data-bars>.data-chart-signal>i>b{
  display:block;
  width:var(--bar);
  height:100%;
  min-width:5px;
  border-radius:inherit;
  background:linear-gradient(90deg,#625cff,#423ceb);
}
.data-bars strong{
  color:#323541;
  font-size:9.9px;
  text-align:right;
}
.data-bars--topics>.data-chart-signal{grid-template-columns:minmax(80px,1.4fr) minmax(40px,.9fr) 27px}
.data-donut-layout{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.data-donut{
  position:relative;
  display:grid;
  width:88px;
  height:88px;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#4f49ef 0 42%,#817cf4 42% 65%,#aaa7f8 65% 81%,#d8d7ed 81% 100%);
}
.data-donut::after{
  position:absolute;
  inset:18px;
  border-radius:50%;
  background:#fff;
  content:"";
}
.data-donut>span{
  position:relative;
  z-index:1;
  display:grid;
  color:#6d717d;
  font-size:8.8px;
  line-height:1.05;
  text-align:center;
}
.data-donut>span>b{color:#242731;font-size:16.5px}
.data-chart-legend{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.data-chart-legend li{margin:0}
.data-chart-legend .data-chart-signal{
  display:grid;
  grid-template-columns:7px minmax(0,1fr) 24px;
  gap:5px;
  align-items:start;
  width:100%;
  padding:3px;
  border-radius:6px;
  color:#5f6470;
  font-size:8.8px;
  line-height:1.18;
  text-align:left;
  transition:background .16s ease,box-shadow .16s ease;
}
.data-chart-legend .data-chart-signal:not(:disabled):hover{background:#f1f0ff}
.data-chart-legend .data-chart-signal.is-selected{background:#ecebff;box-shadow:0 0 0 1px #6a64ef}
.data-chart-legend .data-chart-signal>i{width:7px;height:7px;margin-top:1px;border-radius:50%;background:#4f49ef}
.data-chart-legend li:nth-child(2) .data-chart-signal>i{background:#817cf4}
.data-chart-legend li:nth-child(3) .data-chart-signal>i{background:#aaa7f8}
.data-chart-legend li:nth-child(4) .data-chart-signal>i{background:#d8d7ed}
.data-chart-legend .data-chart-signal>b{color:#323541;font-size:8.8px;text-align:right}
.data-columns{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  height:113px;
  align-items:end;
}
.data-columns>.data-chart-signal{
  display:grid;
  grid-template-rows:12px 76px 16px;
  gap:3px;
  min-width:0;
  height:100%;
  padding:3px 2px;
  border-radius:7px;
  align-items:end;
  text-align:center;
  transition:background .16s ease,box-shadow .16s ease;
}
.data-columns>.data-chart-signal:not(:disabled):hover{background:#f1f0ff}
.data-columns>.data-chart-signal.is-selected{background:#ecebff;box-shadow:0 0 0 1px #6a64ef}
.data-columns strong{color:#353843;font-size:8.8px}
.data-columns i{
  display:flex;
  height:76px;
  align-items:flex-end;
  justify-content:center;
  border-bottom:1px solid #dfe1e8;
}
.data-columns i>b{
  display:block;
  width:min(22px,78%);
  height:var(--bar);
  min-height:5px;
  border-radius:5px 5px 1px 1px;
  background:linear-gradient(180deg,#625cff,#423ceb);
}
.data-columns span{color:#727681;font-size:7.7px;line-height:1.1;white-space:nowrap}
.data-chart-card>small{display:block;margin-top:2px;color:#9295a0;font-size:7.7px;text-align:right}
.data-dashboard>.data-case-note{margin:10px 2px 0;font-size:9px}
.data-bars>.data-chart-signal.is-found,
.data-chart-legend .data-chart-signal.is-found,
.data-columns>.data-chart-signal.is-found{
  background:var(--ui-success-bg);
  box-shadow:0 0 0 1px var(--ui-success);
}
.data-signal-check{
  position:absolute;
  top:-7px;
  right:-7px;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border:2px solid var(--ui-surface);
  border-radius:var(--radius-pill);
  background:var(--ui-success);
  color:var(--ui-surface);
  font-size:11px;
  font-weight:700;
  line-height:1;
  opacity:0;
  pointer-events:none;
  transform:scale(.65);
}
.data-chart-signal.is-found .data-signal-check{opacity:1;transform:none}
.data-chart-signal.is-found:focus-visible{outline-color:color-mix(in srgb,var(--ui-success) 28%,transparent)}
.data-chart-signal.is-fresh{animation:data-signal-found .65s ease-out}
.data-chart-signal.is-fresh .data-signal-check{animation:data-signal-check-pop .5s cubic-bezier(.2,.85,.3,1.3)}
.data-signal-success{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
  margin-top:var(--space-3);
  padding:var(--space-3);
  border:1px solid var(--ui-success);
  border-radius:var(--radius-control);
  background:var(--ui-success-bg);
  color:var(--ui-text);
  animation:data-signal-success-in .32s ease-out;
}
.data-signal-success::before{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:var(--radius-pill);
  background:var(--ui-success);
  color:var(--ui-surface);
  content:"✓";
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.data-signal-success b{display:block;font-size:13px;line-height:1.3}
.data-signal-success span{display:block;margin-top:2px;color:var(--ui-text-muted);font-size:12px;line-height:1.4}
@keyframes data-signal-found{
  0%{transform:scale(.98);box-shadow:0 0 0 1px var(--ui-success)}
  45%{transform:scale(1.018);box-shadow:0 0 0 7px color-mix(in srgb,var(--ui-success) 18%,transparent),0 0 28px color-mix(in srgb,var(--ui-success) 34%,transparent)}
  100%{transform:none;box-shadow:0 0 0 1px var(--ui-success)}
}
@keyframes data-signal-check-pop{
  0%{opacity:0;transform:scale(.45) rotate(-18deg)}
  70%{opacity:1;transform:scale(1.16) rotate(4deg)}
  100%{opacity:1;transform:none}
}
@keyframes data-signal-success-in{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .data-chart-signal.is-fresh,
  .data-chart-signal.is-fresh .data-signal-check,
  .data-signal-success{animation:none}
}

@media(min-width:961px){
  .data-chart-grid{gap:11px}
  .data-chart-card{min-height:214px;padding:16px}
  .data-chart-card__header{min-height:56px}
  .data-chart-card h3{font-size:14px}
  .data-chart-card__header>p{font-size:11px}
  .data-bars{gap:12px}
  .data-bars>.data-chart-signal{grid-template-columns:minmax(91px,1.3fr) minmax(53px,1fr) 32px;gap:7px;padding:4px 5px;border-radius:8px}
  .data-bars span,.data-bars strong{font-size:12.1px}
  .data-bars>.data-chart-signal>i{height:10px}
  .data-bars>.data-chart-signal>i>b{min-width:6px}
  .data-bars--topics>.data-chart-signal{grid-template-columns:minmax(96px,1.4fr) minmax(48px,.9fr) 32px}
  .data-donut-layout{grid-template-columns:106px minmax(0,1fr);gap:12px}
  .data-donut{width:106px;height:106px}
  .data-donut::after{inset:22px}
  .data-donut>span{font-size:11px}
  .data-donut>span>b{font-size:19.8px}
  .data-chart-legend{gap:7px}
  .data-chart-legend .data-chart-signal{grid-template-columns:8px minmax(0,1fr) 29px;gap:6px;padding:4px;border-radius:7px;font-size:11px}
  .data-chart-legend .data-chart-signal>i{width:8px;height:8px}
  .data-chart-legend .data-chart-signal>b{font-size:11px}
  .data-columns{gap:7px;height:136px}
  .data-columns>.data-chart-signal{grid-template-rows:14px 91px 19px;gap:4px;padding:4px 2px;border-radius:8px}
  .data-columns strong{font-size:11px}
  .data-columns i{height:91px}
  .data-columns i>b{width:min(31px,78%);min-height:6px}
  .data-columns span{font-size:8.8px}
  .data-chart-card>small{font-size:8.8px}
}

.data-signal-taskbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  margin-top:15px;
  padding:11px 13px;
  border:1px solid rgba(76,70,238,.16);
  border-radius:12px;
  background:#f7f6ff;
}
.data-root-mentor .data-signal-instruction{color:var(--ui-accent);font-weight:400}
.data-root-mentor .data-signal-taskbar p{margin:0;color:var(--ink);font-size:12px;line-height:1.4}
.data-signal-taskbar p span{display:block;margin-bottom:2px;color:var(--blue);font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.data-signal-tooltip{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
  margin:10px 0 0;
  padding:var(--space-3);
  border:1px solid var(--ui-border);
  border-left:3px solid var(--ui-accent);
  border-radius:var(--radius-control);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
  color:var(--ui-text-muted);
  font-size:12px;
  line-height:1.4;
}
.data-signal-tooltip strong{font-weight:600}
.data-signal-tooltip::before{display:grid;width:24px;height:24px;place-items:center;border-radius:var(--radius-pill);background:var(--ui-accent-soft);color:var(--ui-accent);content:"i";font-size:12px;font-weight:600;line-height:1}
.data-signal-summary,
.data-signal-learning{
  margin-top:16px;
  padding:20px;
  border:1px solid rgba(36,40,65,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(39,45,70,.06);
}
.data-signal-summary>span,
.data-signal-learning>span{color:var(--blue);font-size:10px;font-weight:750;letter-spacing:.065em;text-transform:uppercase}
.data-signal-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.data-signal-summary>div p{margin:0;padding:12px;border-radius:12px;background:#f5f4ff;color:var(--ink);font-size:12px;line-height:1.35}
.data-signal-summary>div b{display:block;margin-bottom:2px;color:var(--blue);font-size:22px}
.data-signal-summary .actions,.data-signal-learning>.actions{position:static;margin:14px 0 0;padding:0;background:transparent}
.data-signal-learning{background:linear-gradient(145deg,#f7f6ff,#fff)}
.data-signal-learning h2{margin:8px 0 0;color:var(--ink);font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.025em}
.data-signal-learning>p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.data-signal-principle{margin-top:15px;padding:13px 15px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:#fff}
.data-signal-principle b{font-size:12px}
.data-signal-principle p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.data-signal-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;padding:13px;border-radius:12px;background:#242731;color:#fff;text-align:center}
.data-signal-flow b{font-size:11px;line-height:1.25}
.data-signal-flow i{color:#9e9aff;font-size:17px;font-style:normal}
.data-signal-mentor{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(36,40,65,.1)}
.data-signal-mentor>div>b{font-size:12px}
.data-signal-mentor p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.data-decision{
  display:flex;
  flex-direction:column;
  border-left:1px solid rgba(36,40,65,.1);
  background:linear-gradient(145deg,#fff,#fafaff);
}
.data-decision>header{margin-bottom:15px}
.data-decision>header h2{
  max-width:440px;
  margin:0;
  color:var(--ink);
  font-size:clamp(22px,2.5vw,29px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.data-decision>header p{margin:8px 0 0;color:var(--muted);font-size:13px}
.data-answer-list{display:grid;gap:9px}
.data-answer-card{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  align-items:center;
  width:100%;
  min-height:61px;
  padding:12px 13px;
  border:1px solid #dedfe6;
  border-radius:13px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.data-answer-card:hover{border-color:#aaa7f6;background:#fafaff;transform:translateY(-1px)}
.data-answer-card:active{transform:scale(.995)}
.data-answer-card:focus-visible{outline:3px solid rgba(76,70,238,.22);outline-offset:2px}
.data-answer-card__radio{
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border:1.5px solid #b9bdc8;
  border-radius:50%;
  background:#fff;
}
.data-answer-card__radio i{width:10px;height:10px;border-radius:50%;background:transparent}
.data-answer-card__copy{font-size:13px;font-weight:600;line-height:1.34}
.data-answer-card__copy b{color:var(--blue)}
.data-answer-card.is-selected{border-color:var(--blue);background:var(--soft-blue);box-shadow:inset 3px 0 0 var(--blue)}
.data-answer-card.is-selected .data-answer-card__radio{border-color:var(--blue)}
.data-answer-card.is-selected .data-answer-card__radio i{background:var(--blue)}
.data-answer-card.is-correct{border-color:#a9d7c5;background:#eef8f4}
.data-answer-card.is-hinted{border-color:#7b76ee;background:#f2f1ff;box-shadow:0 0 0 2px rgba(91,85,231,.1)}
.data-decision__action{margin-top:auto;padding-top:16px}
.data-decision__action .actions{position:static;width:100%;margin:0;padding:0;background:transparent}
.data-decision__action .primary{width:100%;min-height:50px}

@media(max-width:960px){
  .data-analysis-workspace{grid-template-columns:minmax(0,1fr)}
  .data-decision{border-top:1px solid rgba(36,40,65,.1);border-left:0}
  .data-dashboard,.data-decision{padding:18px}
}

@media(max-width:620px){
  .data-analysis-workspace{border-radius:var(--radius-workspace)}
  .data-dashboard,.data-decision{padding:14px}
  .data-dashboard>header{display:block;min-height:0}
  .data-dashboard__tools{justify-items:start;margin-top:var(--space-2)}
  .data-dashboard__tools>p{text-align:left}
  .data-chart-grid{grid-template-columns:minmax(0,1fr)}
  .data-chart-card{min-height:0;padding:14px}
  .data-chart-card__header{min-height:0}
  .data-chart-card h3{font-size:13px}
  .data-bars span{font-size:11px}
  .data-donut-layout{grid-template-columns:96px minmax(0,1fr)}
  .data-donut{width:96px;height:96px}
  .data-chart-legend .data-chart-signal,.data-chart-legend .data-chart-signal>b{font-size:9.9px}
  .data-signal-taskbar{display:grid;gap:9px}
  .data-signal-summary,.data-signal-learning{padding:16px}
  .data-signal-summary>div{grid-template-columns:minmax(0,1fr)}
  .data-signal-flow{display:grid;grid-template-columns:1fr;gap:5px}
  .data-signal-flow i{transform:rotate(90deg)}
  .data-decision>header h2{font-size:25px}
  .data-answer-card{min-height:58px;padding:11px 12px}
  .data-answer-card__copy{font-size:13px}
}

/* Screen 15a: matching work tasks with analyst tools. */
#app>.tool-matching-screen.flow-screen{width:min(1180px,100%)}
.tool-matching-screen{
  --ui-accent:#3d3bff;
  --ui-accent-hover:#302ee6;
  --ui-accent-soft:#eaf2ff;
  --ui-accent-focus:rgba(61,59,255,.24);
  --shadow-primary:0 7px 18px rgba(61,59,255,.18);
}
.tool-matching-screen .workspace-header__title h2{font-size:22px}
.tool-match-selection-prompt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--ui-border-soft);background:var(--ui-accent-soft);color:var(--ui-text);font-size:13px;line-height:1.4}
.tool-match-selection-prompt b{color:var(--ui-accent);font-weight:600}
.tool-match-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);gap:var(--space-3);padding:var(--space-5);background:var(--ui-bg)}
.tool-match-column{position:relative;z-index:2;min-width:0}
.tool-match-column h3{margin:0 0 var(--space-3);color:var(--ui-text);font-size:18px;font-weight:600;line-height:1.2}
.tool-match-column>div{display:grid;gap:var(--space-2)}
.tool-task-card,
.tool-target-card{appearance:none;position:relative;width:100%;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.tool-task-card:not(:disabled){cursor:grab}
.tool-task-card:not(:disabled):active{cursor:grabbing}
.tool-task-card:disabled,.tool-target-card:disabled{opacity:1;cursor:default}
.tool-task-card:not(:disabled):hover,.tool-target-card:not(:disabled):hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.tool-task-card:focus-visible,.tool-target-card:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.tool-task-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:84px;padding:var(--space-3);border-radius:var(--radius-card)}
.tool-task-card>span{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-weight:700}
.tool-task-card p{margin:0;font-size:13px;font-weight:600;line-height:1.4}
.tool-task-card>i,.tool-target-card>i{display:block;width:12px;height:12px;border:3px solid var(--ui-accent);border-radius:50%;background:var(--ui-surface);box-shadow:0 0 0 4px var(--ui-accent-soft)}
.tool-connector-handle{touch-action:none;cursor:crosshair}
.tool-task-card.is-active{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.tool-task-card.is-active>i{background:var(--ui-accent)}
.tool-task-card.is-dragging{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.tool-task-card.has-pair,.tool-target-card.has-pair{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.tool-task-card.is-correct,.tool-target-card.is-correct{border-color:var(--ui-success);background:var(--ui-success-bg)}
.tool-target-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:68px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-card)}
.tool-target-card>span{display:grid;gap:var(--space-1);min-width:0}
.tool-target-card>span>b{font-size:14px;font-weight:600;line-height:1.2}
.tool-target-card>span>small{color:var(--ui-text-muted);font-size:11px;line-height:1.3}
.tool-target-card>em{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:11px;font-style:normal;font-weight:700}
.tool-target-card.is-correct>em{background:var(--ui-success-bg);color:var(--ui-success)}
.tool-target-card.is-unused{border-style:dashed;background:var(--ui-bg);color:var(--ui-text-soft)}
.tool-match-map.has-active-task .tool-target-card:not(.has-pair):not(:disabled){border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.tool-logo{position:relative;display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:var(--radius-control);font-style:normal}
.tool-logo--sql{background:#22252d;color:#fff;box-shadow:inset 0 -6px 0 var(--ui-accent)}
.tool-logo--sql b{font-size:12px;letter-spacing:.04em}
.tool-logo--miro{background:#ffd02f;color:#181a22}
.tool-logo--miro b{font-size:22px;font-weight:700;transform:skew(-8deg)}
.tool-logo--excel{background:#167d45;color:#fff}
.tool-logo--excel b{font-size:22px;font-weight:700}
.tool-logo--powerbi{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:var(--space-2);background:#f6c928}
.tool-logo--powerbi i{display:block;width:5px;border-radius:2px;background:#24262d}
.tool-logo--powerbi i:nth-child(1){height:12px}.tool-logo--powerbi i:nth-child(2){height:19px}.tool-logo--powerbi i:nth-child(3){height:25px}.tool-logo--powerbi i:nth-child(4){height:17px}
.tool-logo--drawio{background:#f29b38}
.tool-logo--drawio i{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:3px}
.tool-logo--drawio i:nth-child(1){top:8px;left:17px}.tool-logo--drawio i:nth-child(2){right:8px;bottom:8px}.tool-logo--drawio i:nth-child(3){bottom:8px;left:8px}
.tool-logo--drawio::before{position:absolute;top:17px;left:12px;width:20px;height:13px;border-right:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff;content:""}
.tool-match-link-zone{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--ui-text-soft);font-size:11px}
.tool-match-link-zone i{color:var(--ui-accent);font-size:18px;font-style:normal}
.tool-match-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}
.tool-match-line{fill:none;stroke:var(--ui-accent);stroke-width:4;stroke-linecap:round;opacity:1;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 2px 2px var(--ui-accent-focus));transition:stroke-width .16s ease,opacity .16s ease}
.tool-match-line:hover,.tool-match-line:focus{stroke-width:6;opacity:1;outline:0}
.tool-match-line.is-correct{stroke:var(--ui-success);pointer-events:none}
.tool-match-line--preview{stroke-dasharray:7 5;opacity:.7;pointer-events:none;filter:none}
.tool-match-map.is-connecting{cursor:crosshair;user-select:none}
.tool-match-map.is-connecting .tool-target-card:not(:disabled){border-color:var(--ui-accent-focus)}
.tool-match-map.is-connecting .tool-target-card.is-drop-target{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.tool-match-result{margin-top:var(--space-4);padding:var(--space-5);border:0;background:transparent;box-shadow:none}
.tool-match-result>header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:center}
.tool-match-result>header>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;font-weight:700}
.tool-match-result.is-success>header>span{background:var(--ui-success-bg);color:var(--ui-success)}
.tool-match-result.is-review>header>span{background:var(--ui-warning-bg);color:var(--ui-warning)}
.tool-match-result h2{margin:0;color:var(--ui-text);font-size:24px;line-height:1.12}
.tool-match-result__steps{display:grid;margin-top:var(--space-4);border-top:1px solid var(--ui-border-soft)}
.tool-match-result__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-soft)}
.tool-match-result__step>i{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-style:normal;font-weight:600}
.tool-match-result__step .popup-copy{margin:0}
.tool-match-learning{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:#242731;color:#fff}
.tool-match-learning>span{color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.tool-match-learning>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.tool-match-learning p{display:grid;gap:var(--space-1);margin:0;padding:var(--space-3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-control);background:rgba(255,255,255,.05);font-size:11px;line-height:1.3}
.tool-match-learning p b{font-size:13px}.tool-match-learning p i{color:#fff;font-style:normal}
.tool-match-learning>small{display:block;margin-top:var(--space-3);color:#c7cad4;font-size:11px;line-height:1.4}
.tool-match-course-note{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-bg)}
.tool-match-course-note b{font-size:13px}.tool-match-course-note p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:11px;line-height:1.4}
.tool-match-artifact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--ui-success-bg);color:var(--ui-success)}
.tool-match-artifact span{font-size:11px}.tool-match-artifact b{font-size:13px}
.tool-match-open-loop{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.tool-match-open-loop .mentor-hint__avatar{width:40px;overflow:hidden;border:0}
.tool-match-open-loop .mentor-hint__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.tool-match-open-loop b{font-size:13px}.tool-match-open-loop p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}
.tool-match-result>.primary{display:block;width:100%;margin:var(--space-4) 0 0}
.tool-match-mobile-prompt{display:none}

@media(max-width:700px){
  .tool-match-selection-prompt{display:none}
  .tool-match-map{grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding:var(--space-4)}
  .tool-match-link-zone,.tool-match-lines{display:none}
  .tool-match-column--tools{padding-top:var(--space-4);border-top:1px solid var(--ui-border-soft)}
  .tool-match-column--tools h3{margin-top:var(--space-3)}
  .tool-match-mobile-prompt{display:block!important;margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-control);background:var(--ui-accent-soft)}
  .tool-match-mobile-prompt span{color:var(--ui-accent);font-size:11px;font-weight:600;text-transform:uppercase}
  .tool-match-mobile-prompt p{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:13px}
  .tool-match-result{padding:var(--space-4)}
  .tool-match-result h2{font-size:22px}
  .tool-match-result__step{padding:var(--space-3) 0}
  .tool-match-learning>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-match-artifact{display:grid}
}

@media(max-width:430px){
  .tool-task-card{grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-2)}
  .tool-task-card p{font-size:12px}
  .tool-task-card>small{max-width:92px;font-size:10px}
  .tool-target-card{grid-template-columns:44px minmax(0,1fr) auto;gap:var(--space-2)}
  .tool-match-learning>div{grid-template-columns:minmax(0,1fr)}
}

/* Tablet enhancement */
@media (min-width:600px){
  .app-shell{padding-right:24px;padding-left:24px}
  .topbar__meta{gap:18px}
  .topbar__meta>span{display:inline}
  .screen,.screen--single,.screen--wide{padding-top:44px;padding-bottom:62px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field--full{grid-column:1/-1}
  .actions{flex-direction:row;align-items:center;gap:12px}
  .primary{width:auto;flex:1}
  .secondary{width:auto}
  .back{order:0;width:auto;flex:0 0 auto}
  .panel{padding:28px}
  .worktop__body{padding:20px}
  .data-table{min-width:0;font-size:14px}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toast{left:50%;right:auto;bottom:24px;transform:translate(-50%,20px);white-space:nowrap}
  .toast.is-visible{transform:translate(-50%,0)}
}

/* Desktop enhancement */
@media (min-width:801px){
  .app-shell{width:min(1180px,100%);padding-bottom:48px}
  .topbar{height:76px}
  .brand img{width:126px}
  .screen{min-height:calc(100vh - 100px);grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(28px,6vw,84px);align-items:center;padding:clamp(40px,8vh,86px) 0}
  .screen--single{grid-template-columns:minmax(0,780px);justify-content:center}
  .screen--wide{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:start}
  .screen>.panel,.screen>.worktop,.screen>.hero-visual{order:initial}
  h1{font-size:clamp(48px,6vw,72px)}
  h2{font-size:clamp(36px,4vw,48px)}
  .lead{margin-top:24px;font-size:clamp(18px,2vw,21px);line-height:1.5}
  .hero-visual{min-height:460px;padding:28px;border-radius:32px;box-shadow:9px 9px 0 #000}
  .visual-window{margin-top:76px;border-radius:18px;box-shadow:6px 6px 0 rgba(0,0,0,.7)}
  .visual-window__head{padding:11px 15px;font-size:12px}
  .visual-window__body{padding:18px;gap:10px}
  .metric{gap:18px;padding:12px;font-size:inherit}
  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}
  .feature{padding:18px;border-radius:18px}
  .intro-screen,.onboarding-screen{padding-top:clamp(40px,8vh,86px)}
  .intro-screen h1,.onboarding-screen h1{font-size:clamp(48px,6vw,72px);line-height:1}
  .intro-screen .lead,.onboarding-screen .lead{margin-top:24px;font-size:clamp(18px,2vw,21px);line-height:1.5}
  .feature-grid.intro-benefits,.feature-grid.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0}
  .intro-benefits .feature,.onboarding-steps .feature{display:block;padding:18px;border-right:1px solid #000;border-bottom:0}
  .intro-benefits .feature:last-child,.onboarding-steps .feature:last-child{border-right:0}
  .intro-benefits .feature b,.onboarding-steps .feature b{margin-bottom:6px;font-size:inherit}
  .intro-benefits .feature span,.onboarding-steps .feature span{font-size:inherit}
  .intro-screen .actions,.onboarding-screen .actions{margin-top:24px}
  .panel{padding:34px;border-radius:26px;box-shadow:8px 8px 0 #000}
  .question{font-size:19px}
  .option{padding:16px 17px;border-radius:16px}
  .worktop{border-radius:22px;box-shadow:8px 8px 0 #000}
  .worktop__bar{padding:12px 18px;font-size:12px}
  .worktop__body{padding:22px}
  .result-hero{padding:clamp(28px,6vw,58px);border-radius:28px;box-shadow:9px 9px 0 #000}
  .result-hero h1{font-size:clamp(44px,6vw,66px)}
  .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .result-card{padding:20px;border-radius:18px}
  .result-section{padding:30px 0}
  .internship-chat-screen{padding:24px 0 40px}
  .messenger-feed{padding:24px 32px 28px}
  .messenger-bubble{font-size:15px}
  .engineering-menu{right:24px;bottom:24px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* style-pack v2 */
:root{--ink:#000;--muted:#000;--paper:#fff;--card:#f5f5f5;--line:transparent;--coral:#c4b5fd;--blue:#3d3bff;--soft-blue:#eaf2ff;--lime:#59c7ff;--good:#000;--good-bg:#bae6fd;--warn:#000;--shadow:none}
html,body{background:#fff;color:#000}
body{background:#fff}
body *{text-transform:none}
.app-shell *{box-shadow:none}
h1,h2,h3{font-weight:700;letter-spacing:-.03em}
.lead,.support,.counter,.topbar__meta{color:inherit}
.eyebrow{display:inline-flex;width:max-content;margin-bottom:16px;padding:8px 12px;border:0;border-radius:999px;background:#000;color:#fff;font-size:13px;line-height:1;letter-spacing:0;text-transform:none}
.topbar{border:0;background:#fff}
.progress{height:10px;border-radius:999px;background:#f5f5f5}
.progress span{border-radius:inherit;background:#3d3bff}
.reset-button{min-height:40px;padding:10px 16px;border-radius:999px;background:#f5f5f5;text-decoration:none;font-weight:600}

.panel,.feature,.worktop,.result-card,.feedback,.result-hero,.visual-window{border:0;border-radius:26px;box-shadow:none}
.panel,.feature,.result-card{background:#f5f5f5}
.panel--dark{background:#000;color:#fff}
.panel--tint{background:#bae6fd}
.primary,.secondary,.back{border:0;border-radius:999px;box-shadow:none;font-weight:600}
.primary{background:#3d3bff;color:#fff}
.secondary,.back{background:#f5f5f5;color:#000}
.primary:active{transform:none;box-shadow:none}
.primary:disabled{background:#c4c4c4;color:#fff;opacity:1}
.option{min-height:52px;padding:12px 14px;border:0;border-radius:18px;background:#f5f5f5;color:#000;box-shadow:none}
.option.is-selected{outline:2px solid #000;outline-offset:-2px;background:#fff;box-shadow:none}
.option__marker{border:0;background:#fff;color:#000}
.option.is-selected .option__marker{background:#3d3bff;color:#fff}
.option small{color:#000}
.question{font-weight:600}
.actions{position:relative;z-index:2}

.hero-visual{min-height:420px;padding:24px;border:0;border-radius:26px;background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);box-shadow:none}
.hero-visual::before,.hero-visual::after{display:none}
.hero-visual>.eyebrow{background:rgba(0,0,0,.78);color:#fff}
.visual-window{margin-top:70px;background:rgba(255,255,255,.92);color:#000}
.visual-window__head{padding:13px 16px;background:transparent;color:#000;font-weight:600}
.visual-window__body{padding:0 16px 16px}
.metric{border-radius:12px;background:#f5f5f5;color:#000}
.metric strong.bad,.data-table .loss{color:#3d3bff}
.feature-grid.intro-benefits,.feature-grid.onboarding-steps{gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.intro-benefits .feature,.onboarding-steps .feature{border:0;border-radius:18px;box-shadow:none}
.intro-benefits .feature:nth-child(1){background:#59c7ff}.intro-benefits .feature:nth-child(2){background:#bae6fd}.intro-benefits .feature:nth-child(3){background:#c4b5fd}
.intro-benefits .feature span,.onboarding-steps .feature span{color:#000}
.intro-stickers{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.intro-stickers span{padding:8px 12px;border-radius:999px;background:#59c7ff;font-size:14px;font-weight:600}
.intro-stickers span:nth-child(2){background:#bae6fd}.intro-stickers span:nth-child(3){background:#c4b5fd}
.intro-benefits-title{margin:24px 0 0;font-size:18px;font-weight:600}
.intro-benefits .feature{display:block}
.intro-benefits .feature b{margin:0;line-height:1.3}
.intro-screen__content>.eyebrow{padding:0;background:transparent;color:#000}
.hero-kicker{display:inline-flex;width:max-content;align-items:center;padding:7px 12px;border-radius:999px;background:#3d3bff;color:#fff;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;text-transform:none}
.intro-stickers{gap:0;margin:18px 0;color:#000}
.intro-stickers span{padding:0;border-radius:0;background:transparent!important;font-size:13px;font-weight:400}
.intro-stickers span+span::before{content:"•";margin:0 9px;color:#c4c4c4}
.feature-grid.intro-benefits{grid-template-columns:minmax(0,1fr);gap:0;padding:4px 18px;border-radius:26px;background:#f5f5f5}
.intro-benefits .feature,.intro-benefits .feature:nth-child(n){display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:13px 0;border-radius:0;background:transparent}
.intro-benefits .feature::before{content:"✓";color:#3d3bff;font-weight:700}
.intro-screen .hero-visual::after{display:block;z-index:0;background:rgba(0,0,0,.2)}
.intro-screen .hero-visual>.eyebrow,.intro-screen .visual-window{position:relative;z-index:1}
.intro-screen .hero-visual .visual-window{margin-top:0}
.onboarding-screen>div{padding:24px;border-radius:26px;background:#f5f5f5}
.onboarding-screen .onboarding-steps .feature{background:#fff}

.worktop{background:#000;color:#fff}
.worktop__bar{border:0;background:#202020;text-transform:none}
.data-table th,.data-table td{border:0}
.data-table tbody tr:nth-child(odd){background:#202020}
.bubble{border-radius:18px;background:#f5f5f5;color:#000}
.bubble--mentor{background:#3d3bff;color:#fff}
.bubble b{letter-spacing:0;text-transform:none}
.feedback{background:#bae6fd}.feedback--partial{background:#c4b5fd}
.feedback h3,.feedback--partial h3{color:#000}
.artifact{border-radius:999px;background:#fff}
.loading-item{color:#000}.loading-item::before{border-color:#c4c4c4;border-top-color:#3d3bff}.loading-item.is-done{color:#000}

.goal-quote{border:0;border-radius:18px;background:#000;color:#fff}
.timeline li::before{border:0;background:#59c7ff}.timeline li:not(:last-child){border:0}
.field input{border:1px solid #c4c4c4;border-radius:18px;background:#fff}.field input:focus{border-color:#000;outline:0}
.result-hero{background:linear-gradient(135deg,#17171d 0%,#4c1d95 36%,#302ee6 70%,#38bdf8 100%);color:#fff}
.result-hero .lead,.result-hero .support,.result-hero .back{color:#fff!important}
.result-hero .back{background:#202020}
.result-hero .result-card,.result-hero .result-card .support{color:#000!important}
.result-card__tag{border-radius:999px;background:#59c7ff;letter-spacing:0;text-transform:none}
.result-section{border:0}
.result-profile-meta{display:grid;gap:6px;margin:24px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.94);color:#000}
.result-profile-meta span,.final-profile-summary span{font-size:13px}
.result-profile-meta strong{font-size:22px}
.result-profile-meta p{margin:0;line-height:1.45}
.result-card--accent{background:#59c7ff}
.result-card--accent p{margin:0;font-size:18px;line-height:1.5}
.final-profile-summary{display:grid;gap:8px;margin:24px 0}
.final-profile-summary>div{display:grid;gap:5px;padding:14px;border-radius:18px;background:rgba(255,255,255,.94);color:#000}
.final-profile-summary strong{line-height:1.35}


.engineering-menu__toggle{border:0;background:#59c7ff;box-shadow:none}
.engineering-menu__panel{border:0;border-radius:26px;background:#000;box-shadow:none}
.engineering-menu__head{border:0}.engineering-menu__head span,.engineering-menu__field{text-transform:none;letter-spacing:0}
.engineering-menu__head span,.engineering-menu__field{color:#fff}
.engineering-menu__button,.engineering-menu__field select{border:0;border-radius:12px}.engineering-menu__button{background:#202020}.engineering-menu__button--accent{background:#3d3bff;color:#fff;box-shadow:none}
.toast{border:0;border-radius:18px}

/* Question screens: CTA remains accessible and desktop content fits one viewport. */
.question-screen{min-height:calc(100svh - 70px);align-items:start;padding:20px 0 24px}
.question-screen>.panel,.question-screen>div>.panel{padding:0;background:transparent;border-radius:0}
.question-screen>div>.panel{margin-top:18px!important}
.question-screen .lead{margin-top:12px;font-size:16px;line-height:1.4}
.question-screen .question{margin-bottom:10px;font-size:16px}
.question-screen .options{gap:8px}
.question-screen .option{min-height:40px;padding:9px 12px;background:#f5f5f5}
.question-screen .option small{margin-top:3px;line-height:1.25}
.question-screen .counter{margin-top:7px}
.question-screen .feedback{margin-top:10px;padding:12px 14px}
.question-screen .feedback h3{margin-bottom:5px;font-size:16px}
.question-screen .feedback p{margin:5px 0;line-height:1.35}
.question-screen .artifact{margin-top:5px}
.question-screen .actions{position:sticky;bottom:10px;margin-top:12px;padding:8px;border-radius:999px;background:rgba(255,255,255,.96)}
.question-screen .back{background:#f5f5f5}

@media (max-height:720px){
  .question-screen{padding-top:14px}
  .question-screen .eyebrow{margin-bottom:8px}
  .question-screen .option{min-height:36px;padding:7px 10px;font-size:14px}
  .question-screen .feedback{padding:9px 11px;font-size:14px}
  .question-screen .actions{margin-top:9px;padding:6px}
}

@media (hover:hover){
  .option:hover{border:0;background:#ececff;transform:none}
  .primary:hover{transform:none;background:#302ee6;box-shadow:none}
}

@media (min-width:801px){
  .hero-visual{min-height:520px}.visual-window{margin-top:96px}
  .feature-grid.intro-benefits,.feature-grid.onboarding-steps{gap:12px}.intro-benefits .feature,.onboarding-steps .feature{border:0}
  .feature-grid.intro-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px 22px}
  .intro-benefits .feature,.intro-benefits .feature:nth-child(n){padding:0}
  .onboarding-screen>div{padding:clamp(34px,5vw,58px)}
  .panel,.worktop,.result-hero,.result-card{box-shadow:none}
  .question-screen{min-height:calc(100svh - 86px);padding:20px 0 24px}
  .question-screen.screen--single{grid-template-columns:minmax(0,900px)}
  .question-screen .options{grid-template-columns:minmax(0,1fr)}
  .question-screen--double .panel{display:grid;gap:12px}
  .question-screen--double .options{gap:4px}
  .question-screen--double .option{min-height:34px;padding:5px 10px}
  .question-screen--double .question{margin-bottom:6px}
  .simulation-question-screen{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:24px}
  .simulation-question-screen .worktop{position:sticky;top:106px}
  .result-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .final-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:801px) and (max-height:820px){
  .question-screen h2{font-size:clamp(28px,3.2vw,38px)}
  .question-screen .eyebrow{margin-bottom:10px;padding:6px 10px}
  .question-screen>div>.panel{margin-top:14px!important}
  .question-screen .option{min-height:40px;padding:7px 10px;font-size:14px}
  .question-screen .feedback{font-size:14px}
}

/* Question title scale matches prototype/cybersecurity. */
.question-screen h2{font-size:24px;line-height:1.05}
@media (min-width:600px){.question-screen h2{font-size:30px}}
@media (min-width:801px){.question-screen h2{font-size:34px}}
@media (min-width:1024px){.question-screen h2{font-size:40px}}

/* First two screens: structured like the cybersecurity funnel. */
.intro-screen{display:block;min-height:auto;margin:16px 0 28px;padding:18px;border-radius:26px;background:#f5f5f5}
.intro-screen__main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center}
.intro-screen__content{min-width:0}
.intro-screen h1{font-size:clamp(32px,8.6vw,44px);line-height:.98}
.intro-screen .lead{margin-top:12px;font-size:15px;line-height:1.4}
.intro-screen .intro-stickers{margin:14px 0 0;line-height:1.4}
.intro-screen>.actions{margin-top:16px}
.intro-screen>.actions .primary{width:100%}
.intro-screen .hero-visual{min-height:240px;padding:16px}
.intro-screen .visual-window{margin-top:24px}
.intro-benefits-block{min-width:0;margin-top:16px}
.intro-benefits-title{margin:0 0 12px;font-size:18px;font-weight:600}
.intro-benefits .feature>div{display:grid;gap:4px}
.intro-benefits .feature{align-content:start;align-items:start}
.intro-benefits .feature>div{grid-template-rows:auto 1fr;height:100%}
.intro-benefits .feature b{font-size:15px}
.intro-benefits .feature span{font-size:13px;line-height:1.4}

.onboarding-screen{min-height:auto;margin:20px auto 32px;padding:0}
.onboarding-screen>div{padding:22px}
.onboarding-screen h1{font-size:clamp(32px,9vw,42px);line-height:1.02}
.onboarding-screen .lead{margin-top:16px;font-size:16px;line-height:1.45}
.onboarding-route{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:22px 0 14px;padding:13px 14px;border-radius:16px;background:#fff;font-size:14px;font-weight:600;line-height:1.35}
.onboarding-route i{color:#777;font-style:normal}
.onboarding-note{margin:0;padding:13px 14px;border-left:4px solid #c4c4c4;border-radius:0 14px 14px 0;background:#fff;font-size:14px;line-height:1.45}
.onboarding-screen .actions{margin-top:18px}

@media (min-width:801px){
  .intro-screen{margin:20px 0 36px;padding:clamp(26px,3vw,34px)}
  .intro-screen__main{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(22px,2.5vw,32px)}
  .intro-screen__content{padding-left:8px}
  .intro-screen h1{max-width:680px;font-size:clamp(40px,3.8vw,50px);line-height:1.02}
  .intro-screen .lead{max-width:620px;margin-top:14px;font-size:16px;line-height:1.4}
  .intro-screen>.actions{margin-top:18px}
  .intro-screen .hero-visual{min-height:300px;padding:20px}
  .intro-screen .visual-window{margin-top:30px}
  .intro-benefits-block{margin-top:18px}
  .feature-grid.intro-benefits{gap:12px;padding:16px 18px}
  .onboarding-screen{margin:40px auto 48px}
  .onboarding-screen>div{max-width:760px;padding:36px 40px}
  .onboarding-screen h1{font-size:44px}
  .onboarding-route{flex-wrap:nowrap;width:max-content;max-width:100%;margin-top:22px;font-size:15px}
}

/* Compact frames for all question screens. */
.question-screen{width:100%;min-height:auto;margin:16px auto 28px;padding:16px;border-radius:26px;background:#f5f5f5;gap:16px}
.question-screen.screen--single{max-width:800px;grid-template-columns:minmax(0,1fr)}
.question-screen>.panel,.question-screen>div>.panel{background:transparent}
.question-screen h2{font-size:22px}
.question-screen .lead{margin-top:10px;font-size:14px;line-height:1.4}
.question-screen .question{margin-bottom:9px;font-size:15px}
.question-screen .options{gap:7px}
.question-screen .option{background:#fff}
.question-screen .option{min-height:36px;padding:8px 11px;font-size:14px}
.question-screen .actions{background:rgba(245,245,245,.96)}
.question-screen .back{background:#fff}
.question-screen .primary{min-height:49px;padding:12px 16px}
.simulation-question-screen .worktop{border-radius:20px}
.question-back{min-height:44px;margin:0 0 18px;padding:8px 14px;border:0;border-radius:999px;background:#fff;font-weight:600;cursor:pointer}
.diagnostic-question-screen .question-back{min-height:40px;margin-bottom:14px;padding:7px 12px;font-size:14px}
.diagnostic-question-screen .panel{margin-top:16px!important}
.diagnostic-question-screen .option{align-items:center}
.diagnostic-question-screen .actions{position:sticky;bottom:10px}
.simulation-name-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.simulation-name-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,8,31,.7);backdrop-filter:blur(8px);cursor:pointer}
.simulation-name-modal__card{position:relative;z-index:1;width:min(100%,460px);padding:28px;border-radius:26px;background:#fff;color:#111;box-shadow:0 30px 90px rgba(8,7,31,.38);text-align:left;animation:simulation-modal-in .28s cubic-bezier(.2,.8,.3,1) both}
.simulation-name-modal__close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:50%;background:#f1f1f4;color:#111;font-size:24px;line-height:1;cursor:pointer}
.simulation-name-modal__card .eyebrow{width:max-content;margin:0;color:#3d3bff}
.simulation-name-modal__card h2{max-width:360px;margin:12px 44px 0 0;font-size:32px;line-height:1.05}
.simulation-name__form{display:grid;gap:14px;margin-top:22px}
.simulation-name__form .primary{width:100%}
.simulation-name__form input[aria-invalid="true"]{border-color:#b45309}
@keyframes simulation-modal-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:620px){.simulation-name-modal{align-items:end;padding:12px}.simulation-name-modal__card{padding:24px 18px;border-radius:24px}.simulation-name-modal__card h2{font-size:28px}}
.messenger-sequence-actions{opacity:0;animation:messenger-in .3s ease forwards;animation-delay:var(--delay,0s)}
.case-chat-group,.case-chat-message,.case-chat-actions{display:none;opacity:0}
.case-chat-group.is-visible{display:grid;animation:case-chat-in .42s cubic-bezier(.2,.8,.2,1) forwards}
.case-chat-message.is-visible{display:block;animation:case-chat-in .48s cubic-bezier(.2,.8,.2,1) forwards}
.case-chat-actions.is-visible{display:grid;animation:case-chat-in .42s cubic-bezier(.2,.8,.2,1) forwards}
.case-chat-typing{display:flex;width:max-content;align-items:center;gap:4px;margin-left:39px;padding:11px 14px;border-radius:18px 18px 18px 6px;background:#f0f0f0}
.case-chat-typing[hidden]{display:none}
.case-chat-typing span{width:6px;height:6px;border-radius:50%;background:#85858e;animation:chat-typing-dot .8s ease-in-out infinite}
.case-chat-typing span:nth-child(2){animation-delay:.12s}.case-chat-typing span:nth-child(3){animation-delay:.24s}
@keyframes case-chat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.case-email-gate{display:grid;gap:12px;width:min(100%,540px);margin:8px auto 0;padding:18px;border:1px solid #dedee5;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(29,29,39,.08)}
.case-email-gate>div:first-child>span{color:#3d3bff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.case-email-gate h2{margin:5px 0 0;font-size:23px;line-height:1.1}
.case-email-gate>div:first-child>p{margin:7px 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.42}
.case-email-gate .field{gap:5px}
.case-email-gate .field label{font-size:12px}
.case-email-gate .field input{min-height:48px;border:1px solid #d8d8df;border-radius:12px;background:#f8f8fa;font-size:16px}
.case-email-gate .field input[aria-invalid="true"]{border-color:#b45309;box-shadow:0 0 0 1px #b45309}
.case-email-gate .field .error{min-height:0;color:#b45309;font-size:12px}
.case-email-gate .primary{width:100%;min-height:50px}
.case-email-gate .skb-consent__note{margin:0;color:#777780;font-size:11px;line-height:1.4}
.case-email-gate .skb-consent__note a{color:inherit;text-decoration:underline}
@media(max-width:480px){.case-chat-typing{margin-left:0}}
@media(max-width:600px){.case-email-gate{padding:15px;border-radius:16px}.case-email-gate h2{font-size:21px}.case-email-gate .skb-consent__note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.case-chat-group.is-visible,.case-chat-message.is-visible,.case-chat-actions.is-visible{animation:none;opacity:1}.case-chat-typing span{animation:none;opacity:.7}}

/* Framed, compact result and conversion screens. */
.result-screen{width:100%;min-height:auto;margin:16px auto 32px;padding:18px;border-radius:26px;background:#f5f5f5;gap:18px;align-items:start}
.result-screen.screen--single{max-width:920px;grid-template-columns:minmax(0,1fr)}
.result-screen h1{font-size:clamp(34px,8vw,46px);line-height:1.02}
.result-screen h2{font-size:clamp(28px,7vw,38px);line-height:1.05}
.result-screen .lead{margin-top:14px;font-size:16px;line-height:1.45}
.result-screen>.panel,.result-screen .form-grid~.support{margin-top:14px}
.result-screen .panel{padding:18px;background:#fff}
.result-screen .goal-quote{margin-top:16px!important;padding:14px}
.result-screen .actions{margin-top:18px}
.culmination-screen.screen--single{display:block;max-width:960px;padding:16px;background:#f5f5f5}
.culmination-page{border:1px solid #dedede;border-radius:22px;background:#fff;overflow:hidden}
.culmination-hero{position:relative;padding:24px 20px;background:#fff;color:#111;overflow:hidden}
.culmination-hero .eyebrow{color:#3d3bff}.culmination-hero h1{max-width:820px;font-size:clamp(36px,8vw,54px)}.culmination-hero .lead{max-width:760px;color:#5c5c66;font-size:15px}
.culmination-status{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 26px;padding:8px 12px 8px 8px;border-radius:999px;background:#f5f5f5}
.culmination-status i{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#59c7ff;color:#111;font-style:normal;font-weight:800}.culmination-status span{display:grid;gap:1px}.culmination-status b{font-size:11px}.culmination-status small{color:#777;font-size:9px}
.culmination-impact{display:grid;gap:4px;margin-top:22px;padding:15px 17px;border:1px solid #dedede;border-radius:15px;background:#f5f5f5;color:#111}.culmination-impact span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.culmination-impact strong{font-size:clamp(20px,5vw,28px);line-height:1.1}.culmination-impact small{color:#5c5c66;font-size:11px;line-height:1.35}
.culmination-mentor-note{padding:0 20px 24px}.culmination-mentor-note .mentor-hint{margin:0}.culmination-mentor-note .mentor-hint p b{display:inline;margin:0;font-size:inherit}
.culmination-artifact,.culmination-skills,.culmination-next{padding:24px 20px;border-top:1px solid #dedede}.culmination-artifact>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.culmination-artifact>header>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e0f7ff;color:#0f6b78;font-size:9px;font-weight:800;text-transform:uppercase}.culmination-artifact h2,.culmination-skills h2,.culmination-next h2{max-width:720px;font-size:clamp(26px,6vw,34px)}
.culmination-artifact__grid{display:grid;margin-top:20px;border-top:1px solid #dedede}.culmination-artifact__grid article{padding:15px 0;border-bottom:1px solid #dedede}.culmination-artifact__grid span{display:block;margin-bottom:6px;color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.culmination-artifact__grid p{margin:0;font-size:13px;line-height:1.45}.culmination-artifact>footer{display:flex;gap:10px;margin-top:16px;padding:13px;border-radius:14px;background:#f5f5f7}.culmination-artifact>footer p{margin:0;font-size:12px;line-height:1.4}.culmination-artifact>footer b{display:block;margin-bottom:3px}
.culmination-skills>div{display:grid;margin-top:20px;border-top:1px solid #dedede}.culmination-skills article{position:relative;padding:16px 0;border-bottom:1px solid #dedede}.culmination-skills article i{display:grid;width:25px;height:25px;margin-bottom:10px;place-items:center;border-radius:50%;background:#efefff;color:#3d3bff;font-size:9px;font-style:normal;font-weight:800}.culmination-skills h3{margin:0 0 5px;font-size:15px}.culmination-skills article p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}.culmination-skills aside{margin-top:18px;padding:14px 16px;border-radius:14px;background:#59c7ff}.culmination-skills aside span{display:block;margin-bottom:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.culmination-skills aside p{margin:0;font-size:13px;font-weight:650;line-height:1.45}
.culmination-next{display:grid;gap:18px;background:#f5f5f5;color:#111}.culmination-next .eyebrow{color:#3d3bff}.culmination-next>div>p:not(.eyebrow){max-width:680px;margin:10px 0 0;color:#5c5c66;font-size:13px;line-height:1.45}.culmination-next .actions{margin:0}.culmination-next .primary{border:0;box-shadow:none}
.culmination-day-result>section{padding:24px 20px;border-top:1px solid #dedede}
.culmination-day-hero{padding:28px 20px}.culmination-day-hero>span{display:block;margin-bottom:14px;color:#777;font-size:12px;font-weight:650}.culmination-day-hero h1{max-width:820px}.culmination-day-hero>p:not(.eyebrow){max-width:760px;margin:10px 0 0;color:#5c5c66;font-size:14px;line-height:1.5}
.culmination-day-comments{display:grid;gap:12px;background:#f7f7f8}.culmination-day-comments article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:15px;border-radius:16px}.culmination-day-comments article>div>b{display:block;margin:1px 0 6px;font-size:12px}.culmination-day-comments article p{margin:4px 0;font-size:13px;line-height:1.45}.culmination-manager-comment{background:#fff}.culmination-olga-comment{background:#3d3bff;color:#fff}.culmination-olga-comment .mentor-hint__avatar{width:40px;height:40px}.culmination-olga-comment strong{color:#59c7ff}
.culmination-day-work>div{display:grid;margin-top:18px}.culmination-day-work article{padding:16px 0;border-bottom:1px solid #dedede}.culmination-day-work article:last-child{border-bottom:0}.culmination-day-work i{display:grid;width:26px;height:26px;margin-bottom:10px;place-items:center;border-radius:50%;background:#efefff;color:#3d3bff;font-size:9px;font-style:normal;font-weight:800}.culmination-day-work h3{margin:0 0 5px;font-size:15px}.culmination-day-work article p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.culmination-day-summary{background:#f5f5f5}.culmination-day-summary h2{max-width:760px}.culmination-day-summary>p:not(.eyebrow){margin:10px 0 0;color:#5c5c66;font-size:14px}.culmination-day-summary ul{display:grid;gap:7px;margin:16px 0 0;padding-left:20px;font-size:14px;line-height:1.4}.culmination-day-summary .actions{grid-template-columns:minmax(0,1fr);max-width:420px}.culmination-day-summary .primary{width:100%}
.internship-result-screen.screen--single{width:100%;max-width:980px}
.internship-result-page{border:1px solid #d8d8dc;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(22,22,30,.08);overflow:hidden}
.internship-result-page>header,.internship-result-page>section,.internship-result-page>footer{padding:26px 20px}.internship-result-page>section,.internship-result-page>footer{border-top:1px solid #dedee3}
.internship-result-kicker{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:11px}.internship-result-kicker span{padding:6px 9px;border-radius:999px;background:#111;color:#fff;font-weight:750}.internship-result-kicker b{font-size:11px}
.internship-result-hero h1{max-width:790px;font-size:clamp(34px,8vw,52px);line-height:.98}.internship-result-hero>p{max-width:720px;margin:16px 0 0;color:#565660;font-size:15px;line-height:1.5}
.internship-result-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.internship-result-proof span{padding:7px 10px;border:1px solid #d8d8dc;border-radius:999px;background:#fff;font-size:10px;font-weight:650}
.internship-profile-summary{max-width:820px;margin-top:20px;padding:18px;border-radius:16px;background:#111;color:#fff}.internship-profile-summary small{display:block;margin-bottom:8px;color:#59c7ff;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.internship-profile-summary p{margin:0;font-size:17px;font-weight:650;line-height:1.42}
.internship-quick-profile{display:grid;gap:8px;margin-top:10px}.internship-quick-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:13px 14px;border:1px solid #d8d8dc;border-left-width:4px;border-radius:13px;background:#fff}.internship-quick-card>span{grid-column:1/-1;color:#6b6b74;font-size:8px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.internship-quick-card b{font-size:13px}.internship-quick-card small{font-size:10px;font-weight:650}.internship-quick-card.status-strong{border-left-color:#0e7490}.internship-quick-card.status-base{border-left-color:#3d3bff}.internship-quick-card.status-growth{border-left-color:#bd7100}
.internship-fallback{margin:14px 0 0!important;padding:13px 14px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#4f4527!important;font-size:12px!important;line-height:1.45!important}.internship-fallback b{display:block;margin-bottom:3px;color:#302b1c}
.internship-method{margin-top:12px;border-top:1px solid #dedee3}.internship-method summary{padding:13px 0 0;color:#3d3bff;font-size:11px;font-weight:700;cursor:pointer}.internship-method p{margin:10px 0 0!important;color:#686872!important;font-size:11px!important;line-height:1.5!important}
.internship-skill-map{background:#f6f6f7}.internship-section-intro{max-width:680px;margin:10px 0 0;color:#64646d;font-size:12px;line-height:1.45}.internship-skill-map>div{display:grid;gap:8px;margin-top:18px}
.internship-skill-card{border:1px solid #d8d8dc;border-radius:14px;background:#fff;overflow:hidden}.internship-skill-card summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;list-style:none}.internship-skill-card summary::-webkit-details-marker{display:none}.internship-skill-card summary>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;font-size:12px;font-style:normal;font-weight:800}.internship-skill-card summary>span{display:grid;gap:2px}.internship-skill-card summary>span>b{font-size:13px}.internship-skill-card summary>span>small{font-size:9px;font-weight:650}.internship-skill-card summary>em{color:#777781;font-size:9px;font-style:normal}.internship-skill-card>div{padding:0 14px 14px 54px}.internship-skill-card>div>p{margin:0;color:#55555e;font-size:11px;line-height:1.45}.internship-skill-card>div>small{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #ececef;color:#55555e;font-size:10px;line-height:1.45}.internship-skill-card>div>small>b{display:block;margin-bottom:3px;color:#111;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.internship-skill-card.status-strong summary>i{background:#e0f7ff;color:#0e7490}.internship-skill-card.status-base summary>i{background:#efefff;color:#3d3bff}.internship-skill-card.status-growth summary>i{background:#fff0d8;color:#8a5100}
.internship-strengths>div,.internship-growth>div{display:grid;gap:12px;margin-top:18px}.internship-detail-card{border:1px solid #d8d8dc;border-radius:17px;background:#fff;overflow:hidden}.internship-detail-card>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:17px}.internship-detail-card>header>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#efefff;color:#3d3bff;font-weight:800}.internship-detail-card.status-strong>header>span{background:#e0f7ff;color:#0e7490}.internship-detail-card header small{display:block;margin-bottom:3px;color:#686872;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.internship-detail-card h3{margin:0;font-size:19px}.internship-detail-card>div{margin:0 17px;padding:13px 0;border-top:1px solid #ececef}.internship-detail-card b,.internship-growth-card b{display:block;margin-bottom:5px;color:#3d3bff;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.internship-detail-card p,.internship-growth-card p{margin:0;color:#4e4e57;font-size:12px;line-height:1.5}
.strength-summary-card{padding:18px;border:1px solid #d8d8dc;border-radius:18px;background:#fff}
.strength-summary-card>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center}
.strength-summary-card>header>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#59c7ff;font-size:11px;font-weight:800}
.strength-summary-card header small{display:block;margin-bottom:3px;color:#3d3bff;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.strength-summary-card h3{margin:0;font-size:20px;line-height:1.15}
.strength-summary-card__proof{margin:16px 0 0;color:#34343d;font-size:14px;line-height:1.5}
.strength-summary-card>footer{margin-top:16px;padding:13px 14px;border-radius:13px;background:#f5f5f7}
.strength-summary-card>footer b{display:block;margin-bottom:5px;color:#3d3bff;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.strength-summary-card>footer p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.internship-growth{background:#f6f6f7}.internship-growth>h2{max-width:700px}.internship-growth-card{border:1px solid #d8d8dc;border-radius:17px;background:#fff;overflow:hidden}.internship-growth-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;cursor:pointer;list-style:none}.internship-growth-card>summary::-webkit-details-marker{display:none}.internship-growth-card>summary span{display:grid;gap:4px;font-size:17px;font-weight:750}.internship-growth-card>summary small{color:#8a5100;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.internship-growth-card>summary i{font-size:12px;font-style:normal}.internship-growth-card>div,.internship-growth-card>section{margin:0 17px;padding:13px 0;border-top:1px solid #ececef}.internship-growth-card>section h4{margin:0 0 13px;font-size:14px}.internship-growth-card>section p{margin-bottom:12px}.internship-growth-card>section p:last-child{margin-bottom:0}
.internship-conclusion>p:not(.eyebrow){max-width:800px;margin:10px 0 0;font-size:14px;line-height:1.55}.internship-olga{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;background:#111;color:#fff}.internship-olga .mentor-hint__avatar{width:42px;height:42px;background:#59c7ff;color:#111}.internship-olga>div>b{display:block;margin:2px 0 8px;color:#59c7ff;font-size:11px}.internship-olga p{margin:5px 0;font-size:13px;line-height:1.5}
.internship-result-cta{display:grid;gap:16px;background:#fff}.internship-result-cta>div>b{display:block;font-size:15px}.internship-result-cta>div>p{margin:4px 0 0;color:#64646d;font-size:12px}.internship-result-cta .actions{grid-template-columns:minmax(0,1fr);width:100%;max-width:440px;margin:0}.internship-result-cta .primary{width:100%;background:#3d3bff}
.contact-back{width:max-content;margin-top:18px;padding-right:14px;padding-left:14px}
.contact-consents{display:grid;gap:12px;margin-top:12px}
.contact-consents>.primary{width:100%}
.result-screen--long{display:block;max-width:960px}
.result-page{display:grid;gap:12px}
.result-screen--long .result-hero{padding:22px 18px}
.result-screen--long .result-section{padding:20px 18px;border-radius:22px;background:#fff}
.result-screen--long .result-section .lead{margin-top:12px}
.result-screen--long .result-section .support{line-height:1.5}
.result-screen--long .result-grid{gap:10px;margin-top:16px!important}
.result-screen--long .result-card{padding:15px;border-radius:18px}
.result-screen--long .result-card__tag{margin-bottom:10px}
.result-screen--long .timeline{margin-top:18px!important}
.result-screen--long .timeline li{padding-bottom:14px}

@media (min-width:801px){
  .question-screen{margin:20px auto 36px;padding:22px 25px;gap:20px}
  .question-screen.screen--single{grid-template-columns:minmax(0,1fr)}
  .question-screen h2{font-size:32px}
  .diagnostic-question-screen .question-back{margin-bottom:18px}
  .simulation-question-screen{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
  .result-screen{margin:20px auto 40px;padding:26px 30px;gap:24px}
  .result-screen h1{font-size:44px}
  .result-screen h2{font-size:34px}
  .result-screen .panel{padding:22px}
  .culmination-screen.screen--single{padding:22px 24px}
  .culmination-hero{padding:34px 32px}.culmination-impact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.culmination-impact span,.culmination-impact small{grid-column:1}.culmination-impact strong{grid-column:2;grid-row:1/3;text-align:right}
  .culmination-mentor-note{padding:0 32px 28px}.culmination-artifact,.culmination-skills,.culmination-next{padding:28px 32px}
  .culmination-artifact__grid,.culmination-skills>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.culmination-artifact__grid article,.culmination-skills article{border-bottom:0}.culmination-artifact__grid article+article,.culmination-skills article+article{padding-left:24px;border-left:1px solid #dedede}
  .culmination-next{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:end}.culmination-next .actions{width:100%}
  .culmination-day-hero{padding:34px 32px}.culmination-day-result>section{padding:28px 32px}.culmination-day-comments{grid-template-columns:repeat(2,minmax(0,1fr))}.culmination-day-work>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.culmination-day-work article:nth-last-child(-n+2){border-bottom:0}
  .internship-result-page>header,.internship-result-page>section,.internship-result-page>footer{padding:34px 38px}.internship-quick-profile{grid-template-columns:repeat(3,minmax(0,1fr))}.internship-skill-map>div,.internship-strengths>div,.internship-growth>div{grid-template-columns:repeat(2,minmax(0,1fr))}.internship-result-cta{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center}
  .result-screen--long{padding:24px}
  .result-screen--long .result-hero{padding:30px}
  .result-screen--long .result-section{padding:24px}
}

/* Progressive hints for the first simulation task. */
.simulation-question-screen .option.is-wrong{border-color:#b45309;background:#fff7ed;color:#7c4a03;opacity:1;outline:0}
.simulation-question-screen .option.is-wrong .option__marker{border-color:#b45309;background:#b45309;color:#fff}
.simulation-question-screen .option.is-hinted{animation:answer-hint 1.5s ease-in-out infinite;outline:2px solid #3d3bff;outline-offset:-2px}
.simulation-question-screen .option.is-correct{border-color:#0f6b78;background:#bae6fd;outline:2px solid #0f6b78;outline-offset:-2px;opacity:1}
.simulation-question-screen .option.is-correct .option__marker{border-color:#000;background:#000;color:#fff}
.screen11-retry{display:flex;align-items:baseline;gap:8px;margin:0 0 9px;padding:9px 11px;border-left:3px solid #3d3bff;border-radius:9px;background:#f0efff;font-size:12px;line-height:1.35}
.screen11-retry b{color:#3d3bff}.screen11-retry span{color:#555}
.screen11-answer-feedback{margin:-4px 0 2px 34px;padding:8px 10px;border-radius:0 0 10px 10px;background:#fff7ed;color:#7c4a03;font-size:12px;line-height:1.35}
.screen11-answer-feedback b{color:#b45309}
.screen11-guide{margin:9px 0 0;padding:9px 11px;border-left:3px solid #3d3bff;border-radius:0 10px 10px 0;background:#f0efff;color:#45454d;font-size:12px;line-height:1.4}
.feedback--hint{background:#fff;border-left:4px solid #3d3bff}
.feedback--hint h3{color:#000}
.mentor-hint{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:14px;border:0;border-radius:16px;background:#3d3bff;color:#fff;box-shadow:0 7px 18px rgba(61,59,255,.18)}
.mentor-hint::after{position:absolute;right:22px;bottom:-8px;width:18px;height:18px;border-radius:0 0 4px;background:#3d3bff;content:"";transform:rotate(45deg)}
.mentor-hint__avatar{display:grid;flex:0 0 40px;height:40px;place-items:center;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:#fff;color:#3d3bff;font-size:15px;font-weight:800}
.mentor-hint div{min-width:0}
.mentor-hint__label{display:inline-flex;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:#59c7ff;color:#000;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mentor-hint b{display:block;margin-bottom:4px;color:#fff;font-size:13px}
.mentor-hint p{margin:3px 0;color:#fff;font-size:14px;line-height:1.35}
.options>.mentor-hint{margin:0 0 4px}
.data-table tr.is-hint td{background:rgba(89,199,255,.12)}
.data-table tr.is-hint-strong td{background:rgba(89,199,255,.2);animation:data-hint 1.5s ease-in-out infinite}
@keyframes answer-hint{50%{background:#f0f0ff}}
@keyframes data-hint{50%{background:rgba(89,199,255,.34)}}
@media(prefers-reduced-motion:reduce){.simulation-question-screen .option.is-hinted,.data-table tr.is-hint-strong td{animation:none}}

/* Shared workday timeline for all workday screens. */
.workday-timeline{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;min-height:90px;margin-bottom:18px;font-size:13px}
.workday-timeline__track{position:absolute;top:42.5px;left:calc(100% / 14);right:calc(100% / 14);height:5px;border-radius:var(--radius-pill);background:var(--ui-accent)}
.workday-timeline__track>i{display:block;width:50%;height:100%;border-radius:inherit;background:var(--ui-accent)}
.workday-timeline__point{position:relative;z-index:1;display:grid;grid-template-rows:20px 50px 20px;align-items:center;justify-items:center;color:var(--ui-text-muted)}
.workday-timeline__point time{grid-row:1;color:var(--ui-text-muted);font-weight:600;font-variant-numeric:tabular-nums}
.workday-timeline__dot{grid-row:2;width:12px;height:12px;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-focus)}
.workday-timeline__point--current strong{grid-row:3;color:var(--ui-accent);font-weight:600}
.workday-timeline__clock{position:relative;grid-row:2;display:block;width:46px;height:46px;border:1px solid var(--ui-accent-focus);border-radius:50%;background:var(--ui-surface);box-shadow:inset 0 0 0 4px var(--ui-accent-soft)}
.workday-timeline__clock::before,.workday-timeline__clock::after{content:"";position:absolute;border-radius:var(--radius-pill);background:var(--ui-text-soft)}
.workday-timeline__clock::before{top:7px;left:21px;width:2px;height:4px;box-shadow:0 28px 0 var(--ui-text-soft)}
.workday-timeline__clock::after{top:21px;left:7px;width:4px;height:2px;box-shadow:28px 0 0 var(--ui-text-soft)}
.workday-timeline__clock>i,.workday-timeline__clock>b{position:absolute;left:22px;bottom:22px;display:block;width:2px;border-radius:var(--radius-pill);background:var(--ui-accent);transform-origin:50% 100%}
.workday-timeline__clock>i{height:11px}
.workday-timeline__clock>b{height:15px}
.workday-timeline__clock>em{position:absolute;z-index:1;left:19px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--ui-accent)}
@media(max-width:700px){
  .workday-timeline{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px;font-size:12px}
  .workday-timeline__track{left:10%;right:10%}
  .workday-timeline__point--desktop-only{display:none}
  .workday-timeline__clock{width:42px;height:42px}
  .workday-timeline__clock::before{top:6px;left:19px;box-shadow:0 26px 0 var(--ui-text-soft)}
  .workday-timeline__clock::after{top:19px;left:6px;box-shadow:26px 0 0 var(--ui-text-soft)}
  .workday-timeline__clock>i,.workday-timeline__clock>b{left:20px;bottom:20px}
  .workday-timeline__clock>em{left:17px;top:17px}
}
.chat-task-screen .workday-status{margin:0 0 12px}

/* Compact confirmation for the first simulation task. */
.screen11-success{display:grid;gap:8px;margin-top:12px;animation:screen11-confirm .38s cubic-bezier(.2,.8,.2,1) both}
.screen11-success__status{display:flex;align-items:center;gap:7px;color:#0f6b78;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.screen11-success__status i{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#59c7ff;color:#111;font-size:12px;font-style:normal}
.screen11-mentor-reply{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px 12px;border-radius:14px;background:#f0efff}
.screen11-mentor-reply .messenger-avatar{width:30px;height:30px;font-size:11px}
.screen11-mentor-reply b{display:block;color:#3d3bff;font-size:10px;line-height:1.25}
.screen11-mentor-reply p{margin:4px 0 0;color:#292936;font-size:13px;line-height:1.4}
.screen11-mentor-reply .screen11-transfer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(61,59,255,.16);color:#45455a;font-size:12px}
@keyframes screen11-confirm{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.simulation-question-screen--sales_interview .workday-status__lunch{display:none}
@media(max-width:520px){.task-reminder{grid-template-columns:34px minmax(0,1fr);gap:8px}.task-reminder>img{width:34px;height:34px}.task-reminder p{padding:10px 12px;font-size:13px}}

/* Client-support queue for the second simulation task. */
.support-signals-screen.screen--single{max-width:880px;grid-template-columns:minmax(0,1fr)}
.support-task{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:12px;padding:0;background:transparent}
.support-task__author{display:contents}.support-task__author>.mentor-hint__avatar{grid-column:1;grid-row:1}.support-task__author>div{grid-column:2;display:grid;align-self:center;gap:1px;padding-left:2px}.support-task__author b{font-size:12px}.support-task__author small{color:#777;font-size:10px}
.support-task__message{grid-column:2;padding:14px 16px;border-radius:6px 18px 18px;background:#fff}
.support-task__message>span{display:block;margin-bottom:6px;color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.support-task h2{margin:0;font-size:clamp(22px,5vw,29px)}
.support-task p{margin:7px 0 2px;color:#45454d;font-size:13px;line-height:1.4}
.support-task__goal{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 9px;margin-top:11px;padding-top:10px;border-top:1px solid #e7e7e7;font-size:12px;line-height:1.35}
.support-task__goal b{color:#3d3bff}.support-task__goal span{color:#36363f}
.support-task__focus{margin-top:13px;padding:12px 14px;border:1px solid #cbcaff;border-left:4px solid #3d3bff;border-radius:12px;background:#f6f6ff;color:#24242d;font-size:14px;font-weight:650;line-height:1.4}
@media(max-width:520px){.support-task{grid-template-columns:34px minmax(0,1fr);gap:8px}.support-task__author>.mentor-hint__avatar{width:34px;height:34px;flex-basis:34px}.support-task__message{padding:12px}.support-task__goal{grid-template-columns:minmax(0,1fr)}.support-task__goal b:not(:first-child){margin-top:4px}}
.support-solution{padding:12px;border:1px solid #dedede;border-radius:16px;background:#fff}
.support-solution__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.support-solution__head span{font-size:15px;font-weight:700}
.support-solution__head small{color:#777;font-size:12px}
.support-journey{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:stretch;margin-bottom:12px}
.support-journey__arrow{align-self:center;color:#aaa;font-size:18px;font-weight:700}
.support-stage{min-height:116px;display:flex;flex-direction:column;gap:7px;align-items:stretch;padding:9px;border:1px solid #d8d8df;border-radius:12px;background:#f8f8fa;text-align:left;cursor:pointer}
.support-stage__top{display:flex;align-items:center;gap:7px;color:#292936;font-size:11px;font-weight:700;text-transform:uppercase}
.support-stage__top i{display:grid;flex:0 0 21px;height:21px;place-items:center;border-radius:50%;background:#e4e2ff;color:#3d3bff;font-style:normal}
.support-stage__drop{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1.5px dashed #8b88ce;border-radius:9px;background:#fff;color:#3d3bff;text-align:center}
.support-stage__drop i{font-size:17px;font-style:normal}.support-stage__drop b{font-size:12px}
.support-stage__card{display:block;flex:1;padding:8px;border-radius:9px;background:#fff;font-size:12px;font-weight:600;line-height:1.3}
.support-stage__undo{width:max-content;margin:0 auto;padding:4px 7px;border-radius:999px;background:#fff;color:#0f6b78;font-size:10px;font-weight:700}
.support-stage>small{color:#777;font-size:10px;line-height:1.25;text-align:center}
.support-stage.is-filled{border-color:#0f6b78;background:#e0f7ff}
.support-stage.is-filled .support-stage__top i{background:#0f6b78;color:#fff}
.support-stage.is-hinted{animation:answer-hint 1.5s ease-in-out infinite;outline:2px solid #3d3bff;outline-offset:-2px}
.support-stage.is-dragover{border-style:solid;border-color:#3d3bff;background:#f0f0ff;box-shadow:inset 0 0 0 2px #3d3bff}
.support-ticket-pool{padding:10px;border-top:1px solid #e6e6e6;border-radius:12px;background:#f3f3f6}
.support-ticket-pool__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:0 3px}
.support-ticket-pool__head b{font-size:13px}.support-ticket-pool__head span{color:#3d3bff;font-size:11px;font-weight:700}
.support-tickets{display:grid;gap:7px}
.support-ticket{width:100%;display:flex;align-items:flex-start;gap:8px;padding:0;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}
.support-ticket[draggable="true"]{cursor:grab}
.support-ticket[draggable="true"]:active{cursor:grabbing}
.support-ticket.is-dragging{opacity:.42;transform:scale(.985)}
.support-ticket__avatar{display:grid;flex:0 0 30px;height:30px;place-items:center;margin-top:2px;border-radius:50%;background:#dcdafc;color:#3d3bff;font-size:11px;font-weight:800}
.support-ticket__content{min-width:0;display:block;flex:1;padding:7px 9px;border:1px solid #e4e4e8;border-radius:4px 11px 11px 11px;background:#fff;font-size:13px;line-height:1.3}
.support-ticket__meta{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}.support-ticket__meta b{font-size:11px}.support-ticket__meta time{color:#90909a;font-size:10px}
.support-ticket__message{display:block}
.support-ticket__marker{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin-top:5px;border:1.5px solid #b0b0b8;border-radius:6px;color:#777;font-size:11px;font-weight:700}
.support-ticket.is-selected{outline:0}
.support-ticket.is-selected .support-ticket__content{border-color:#3d3bff;box-shadow:0 0 0 1px #3d3bff}
.support-ticket.is-selected .support-ticket__avatar{background:#3d3bff;color:#fff}
.support-ticket.is-wrong{color:#7c4a03;opacity:.72}
.support-ticket.is-wrong .support-ticket__content{border-color:#b45309;background:#fff7ed}
.support-ticket.is-wrong .support-ticket__marker{border-color:#b45309;background:#b45309;color:#fff}
.support-ticket.is-hinted{animation:answer-hint 1.5s ease-in-out infinite;outline:2px solid #3d3bff;outline-offset:-2px}
.support-ticket.is-placed{display:none}
.support-demo{display:flex;width:max-content;max-width:100%;max-height:34px;align-items:center;gap:7px;margin:-3px 0 9px auto;padding:5px 8px;border-radius:999px;background:#f0efff;color:#3d3bff;font-size:10px;overflow:hidden;pointer-events:none;animation:support-demo 3.8s ease forwards}
.support-demo span{padding:3px 6px;border-radius:999px;background:#fff}.support-demo i{font-size:14px;font-style:normal;animation:support-demo-arrow .8s ease-in-out infinite alternate}.support-demo b{font-size:10px}
@keyframes support-demo{0%,72%{max-height:34px;margin-bottom:9px;padding:5px 8px;opacity:1}100%{max-height:0;margin-bottom:0;padding:0 8px;opacity:0}}
@keyframes support-demo-arrow{to{transform:translateX(4px)}}
.support-restart{width:max-content;min-height:44px;margin-top:10px;padding:9px 12px;border:0;border-radius:999px;background:#fff;font-size:13px;font-weight:600;cursor:pointer}
.client-path-builder{display:grid;gap:12px}
.client-path-builder .support-solution__head{margin-bottom:0}
.client-path-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.client-path-slot{min-height:112px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-content:start;padding:10px;border:1px dashed #b8b8c0;border-radius:12px;background:#f8f8fa}
.client-path-slot>i{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#e5e5e9;color:#777;font-size:10px;font-style:normal;font-weight:800}
.client-path-slot>div{display:grid;gap:5px}.client-path-slot span{color:#777;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.client-path-slot p{margin:0;color:#85858e;font-size:12px;line-height:1.35}
.client-path-slot.is-filled{border-style:solid;border-color:#3d3bff;background:#f0efff}.client-path-slot.is-filled>i{background:#3d3bff;color:#fff}.client-path-slot.is-filled span{color:#3d3bff}.client-path-slot.is-filled p{color:#292936;font-weight:600}
.client-path-slot.is-next{border:2px solid #3d3bff;background:#f7f6ff;box-shadow:0 0 0 3px rgba(61,59,255,.1)}
.client-path-slot.is-next>i{background:#3d3bff;color:#fff}.client-path-slot.is-next span{color:#3d3bff}.client-path-slot.is-next p{color:#3d3bff;font-weight:700}
.client-path-undo{width:max-content;min-height:36px;margin:-4px 0 0 auto;padding:6px 9px;border:0;background:transparent;color:#5c5c66;font-size:11px;font-weight:700;cursor:pointer}
.client-path-messages{display:grid;gap:7px;padding-top:11px;border-top:1px solid #e6e6e8}.client-path-messages>span{color:#777;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.client-path-messages>button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;gap:9px;align-items:center;padding:8px 9px;border:1px solid #e1e1e5;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.15s ease}
.client-path-messages>button:hover{border-color:#aaa8ff;background:#fafaff}.client-path-messages>button>span:nth-child(2){display:grid;gap:3px}.client-path-messages b{font-size:10px}.client-path-messages small{color:#34343d;font-size:12px;line-height:1.35}.client-path-messages>button>i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#f0efff;color:#3d3bff;font-size:16px;font-style:normal;font-weight:800}
.client-path-messages>button.is-recommended{border:2px solid #3d3bff;background:#f0efff;box-shadow:0 8px 22px rgba(61,59,255,.14)}
.client-path-messages>button.is-recommended>i{background:#3d3bff;color:#fff}
.client-path-messages>button em{width:max-content;margin-top:4px;padding:4px 7px;border-radius:999px;background:#3d3bff;color:#fff;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.client-path-builder>.actions{position:static;margin:0;padding:0;background:transparent}.client-path-builder>.actions .primary{width:100%}
.client-path-success{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px;border-radius:13px;background:#e0f7ff}.client-path-success>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#0f6b78;color:#fff;font-weight:800}.client-path-success h3{margin:1px 0 4px;font-size:14px}.client-path-success p{margin:0;font-size:12px;font-weight:700;line-height:1.4}.client-path-success small{display:block;margin-top:5px;color:#0f6b78;font-size:11px;line-height:1.35}
@media(max-width:700px){.client-path-slots{grid-template-columns:minmax(0,1fr)}.client-path-slot{min-height:76px}.client-path-messages>button{min-height:52px}}
@media(max-width:800px){
  .simulation-question-screen--sales_interview>.workday-status{order:1}
  .simulation-question-screen--sales_interview>.task-reminder,.simulation-question-screen--sales_interview>.task-context{order:2}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question{display:contents}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question>h2{order:3;width:100%;margin:0}
  .simulation-question-screen--sales_interview .screen11-question{order:4;width:100%;margin:0}
  .simulation-question-screen--sales_interview>.excel-window{order:5}
  .simulation-question-screen--sales_interview .screen11-guide{order:6;width:100%;margin:0}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question>.panel{order:7;width:100%;margin-top:0!important}
  .simulation-question-screen .excel-window{width:100%}
}

@media(max-width:700px){
  .support-solution{display:flex;min-width:0;flex-direction:column}
  .support-solution__head{order:1}
  .support-demo{order:2}
  .support-ticket-pool{order:3;min-width:0}
  .support-journey{order:4;grid-template-columns:minmax(0,1fr);margin-top:10px;margin-bottom:0}
  .support-solution>.mentor-hint{order:5}
  .support-solution>.feedback{order:6}
  .support-solution>.support-restart{order:7}
  .support-solution>.actions{order:8}
  .support-tickets{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .support-ticket{flex:0 0 min(78vw,260px);scroll-snap-align:start}
  .support-journey__arrow{justify-self:center;line-height:8px;transform:rotate(90deg)}
  .support-stage{min-height:78px;gap:5px;padding:8px}
  .support-stage__drop{min-height:34px;padding:6px}
  .support-stage>small{display:none}
  .support-ticket-pool__head{display:flex}
}
@media(max-width:520px){.workday-status__top,.workday-status--without-lunch .workday-status__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.workday-status__now{gap:5px}.workday-status__clock{width:28px;height:28px;flex-basis:28px}.workday-status__lunch{justify-self:end;font-size:8px}.workday-status__lunch span{font-size:11px}.workday-status strong{font-size:9px}.support-solution__head{display:grid;gap:3px}.support-ticket__content{font-size:12px}}
@media(prefers-reduced-motion:reduce){.support-ticket.is-hinted,.support-stage.is-hinted{animation:none}.support-demo{display:none}}

@media(max-width:800px){
  .question-screen .option{min-height:44px}
  .workday-status button{min-height:44px;margin:-6px 0;padding:10px 0}
}
@media(max-width:360px){
  .workday-status__top,.workday-status--without-lunch .workday-status__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .workday-status__lunch{grid-column:2/4;grid-row:2;justify-self:end}
}
@media(max-width:520px) and (max-height:600px){
  .intro-screen{margin-top:8px;padding:12px}
  .intro-screen__main{gap:12px}
  .intro-screen h1{font-size:30px}
  .intro-screen .lead{margin-top:8px;font-size:14px}
  .intro-screen .intro-stickers{margin-top:8px;font-size:12px}
  .intro-screen>.actions{margin-top:12px}
  .intro-screen .hero-visual{min-height:200px}
  .internship-chat-screen{padding-top:8px}
  .messenger-feed{padding-top:12px;padding-bottom:14px}
  .messenger-thread{gap:6px}
  .messenger-bubble{padding:8px 10px;font-size:13px;line-height:1.35}
}

/* Single-choice hypothesis task. */
.hypothesis-screen.screen--single{max-width:820px;grid-template-columns:minmax(0,1fr)}
.hypothesis-intro{padding:2px 0 10px;border-bottom:1px solid #dedede}.hypothesis-intro>span{display:block;margin-bottom:4px;color:#777;font-size:10px;font-weight:700}.hypothesis-intro h2{margin:0}.hypothesis-intro p{max-width:720px;margin:6px 0 0;color:#555;font-size:13px;line-height:1.35}
.hypothesis-solution{padding:9px 0 0;border:0;border-radius:0;background:transparent}
.hypothesis-solution>.question{margin:0 0 7px;font-size:15px;font-weight:700}
.hypothesis-screen .options{gap:6px}.hypothesis-screen .option{padding:8px 11px}.hypothesis-screen .option small{margin-top:3px;font-size:11px;line-height:1.25}
.hypothesis-solution>.mentor-hint{margin-top:10px}
@media(min-width:801px){
  .hypothesis-screen.screen--single{max-width:1180px}
  .hypothesis-screen>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 20px;align-items:start}
  .hypothesis-screen .workday-status{grid-column:1/-1}
  .hypothesis-screen .support-task{grid-column:1;margin:0}
  .hypothesis-screen .support-task__message{grid-column:1/-1}
  .hypothesis-screen .hypothesis-solution{grid-column:2;min-width:0;padding:18px;border:1px solid #dedede;border-radius:18px;background:#fff}
}

/* Keep the first-task chat readable and contained on narrow screens. */
.messenger-task-group{min-width:0}
.messenger-task-group .messenger-bubble{
  width:fit-content;
  min-width:0;
  max-width:min(calc(100% - 39px),560px);
  font-family:"Graphik",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.42;
  letter-spacing:normal;
}
@media(min-width:801px){.messenger-task-group .messenger-bubble{font-size:15px}}
@media(max-width:480px){.messenger-task-group .messenger-bubble{max-width:100%;margin-left:0}}
@media(max-width:520px) and (max-height:600px){.messenger-task-group .messenger-bubble{font-size:13px;line-height:1.35}}

/* Context connects each simulation step to the previous result. */
.task-context{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.task-context div{padding:10px 12px;border-radius:12px;background:#fff}
.task-context span{display:block;margin-bottom:4px;color:#3d3bff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.task-context p{margin:0;color:#34343d;font-size:12px;line-height:1.35}
@media(max-width:700px){.task-context{grid-template-columns:1fr}.task-context div{padding:9px 11px}}

/* Excel-inspired dashboard for task one. */
.excel-window{min-width:0;border:1px solid #aeb7b2;border-radius:12px;background:#fff;color:#1f1f1f;overflow:hidden}
.excel-titlebar{min-height:32px;display:flex;align-items:center;gap:8px;padding:5px 9px;background:#3d3bff;color:#fff;font-size:10px}
.excel-titlebar b{font-size:12px}.excel-titlebar>span:last-child{margin-left:auto;color:rgba(255,255,255,.78)}
.excel-app{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#fff;color:#3d3bff;font-size:16px}
.excel-ribbon{display:flex;gap:12px;padding:6px 9px;border-bottom:1px solid #d8d8d8;background:#f8f8f8;font-size:9px;white-space:nowrap;overflow:hidden}
.excel-ribbon b{color:#3d3bff}
.excel-formula{display:flex;align-items:center;gap:8px;padding:5px 9px;border-bottom:1px solid #d8d8d8;font-size:9px}
.excel-formula b{color:#3d3bff;font-family:Georgia,serif;font-style:italic}.excel-formula span{padding-left:9px;border-left:1px solid #d8d8d8}
.excel-sheet{overflow-x:auto;-webkit-overflow-scrolling:touch}
.excel-table{width:100%;min-width:0;table-layout:fixed;background:#fff;color:#1f1f1f;font-size:11px}
.excel-table th,.excel-table td{padding:6px 7px;border:1px solid #d9d9d9;background:#fff;color:#1f1f1f;line-height:1.2}
.excel-table th:first-child,.excel-table td:first-child{width:40%}
.excel-table th:nth-child(2),.excel-table td:nth-child(2),.excel-table th:nth-child(3),.excel-table td:nth-child(3){width:30%}
.excel-table th{background:#dbeafe;color:#1f1f1f;font-weight:700}
.excel-table td:first-child{background:#f5f5f5;font-weight:600}
.excel-table .loss{color:#b45309;font-weight:700}
.excel-table tr.is-hint td{background:#e0f2fe}
.excel-table tr.is-hint-strong td{background:#bae6fd}
.excel-table tr.is-solved td{background:#e0f7ff;transition:background .3s ease}
.excel-table tr.is-solved td:first-child{background:#e0f7ff}
.excel-insight{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:9px;padding:9px 10px;border-left:3px solid #3d3bff;border-radius:9px;background:#f0efff;animation:screen11-confirm .38s .08s cubic-bezier(.2,.8,.2,1) both}
.excel-insight span{color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.excel-insight strong{font-size:13px;white-space:nowrap}
.excel-insight b{padding:4px 7px;border-radius:999px;background:#59c7ff;color:#111;font-size:10px;white-space:nowrap}
.excel-insight--hint{border-left-color:#c78b00;background:#eff6ff;animation:none}
.excel-insight--hint span{color:#7a5600}.excel-insight--hint b{background:#bae6fd}
.excel-window--solved{animation:screen11-dashboard-confirm .42s cubic-bezier(.2,.8,.2,1)}
@keyframes screen11-dashboard-confirm{50%{border-color:#3d3bff;box-shadow:0 0 0 3px rgba(61,59,255,.1)}}
.excel-tabs{display:flex;align-items:center;gap:4px;padding:7px 9px;border-top:1px solid #d8d8d8;background:#f3f3f3;font-size:10px}
.excel-tabs b,.excel-tabs span{padding:6px 10px;background:#fff}.excel-tabs b{border-bottom:2px solid #3d3bff;color:#3d3bff}.excel-tabs i{margin-left:4px;font-size:14px;font-style:normal}
@media(min-width:801px){.simulation-question-screen .excel-window{position:sticky;top:106px}}
@media(max-width:520px){.screen11-retry{display:grid;gap:2px}.screen11-answer-feedback{margin-left:0}.excel-insight{grid-template-columns:minmax(0,1fr) auto}.excel-insight span{grid-column:1/-1}.screen11-mentor-reply{padding:10px}.screen11-mentor-reply p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.screen11-success,.excel-insight,.excel-window--solved{animation:none}}

/* Distinct workspaces for hypothesis, MVP and management tasks. */
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #dedede;font-size:12px}.workspace-title span{color:#777;font-size:10px}
.backlog-board,.decision-brief{min-width:0;padding:13px;border:1px solid #dedede;border-radius:14px;background:#fff}
.backlog-board{display:grid;gap:8px}.backlog-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:10px;border:1px solid #dedede;border-radius:10px}.backlog-row i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#59c7ff;font-size:9px;font-style:normal;font-weight:800}.backlog-row div{display:grid;gap:3px}.backlog-row b{font-size:12px}.backlog-row span{color:#777;font-size:10px}.backlog-row.is-empty{border-style:dashed;color:#898991}
.decision-brief{display:grid;gap:7px}.decision-brief__section{display:grid;gap:3px;padding:9px;border-left:3px solid #3d3bff;background:#f7f7f8}.decision-brief__section span,.decision-brief__metric span{color:#777;font-size:9px;font-weight:700;text-transform:uppercase}.decision-brief__section b{font-size:11px}.decision-brief__metric{display:grid;gap:4px;margin-top:2px;padding:11px;border-radius:10px;background:#19191d;color:#fff}.decision-brief__metric span{color:#59c7ff}.decision-brief__metric strong{font-size:14px}
.decision-brief__draft{display:grid;gap:5px;padding:11px;border:1px solid #dedede;border-radius:10px}.decision-brief__draft span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase}.decision-brief__draft strong{font-size:13px}.decision-brief__draft p{margin:0;color:#5c5c66;font-size:11px;line-height:1.4}
@media(min-width:801px){.simulation-question-screen .backlog-board,.simulation-question-screen .decision-brief{position:sticky;top:106px}}

/* MVP builder for the fifth simulation task. */
.mvp-screen.screen--single{max-width:1020px;grid-template-columns:minmax(0,1fr)}
.mvp-screen .workday-status{margin-bottom:16px}
.mvp-brief{display:grid;gap:12px;padding:18px;border:1px solid #d9d9df;border-radius:20px;background:#fff}.mvp-brief>header{display:flex;align-items:center;gap:9px}.mvp-brief>header .mentor-hint__avatar{width:36px;height:36px;flex-basis:36px}.mvp-brief>header>div{display:grid;gap:2px}.mvp-brief>header b{font-size:12px}.mvp-brief>header small{color:#777;font-size:10px}.mvp-brief__body>span{display:block;margin-bottom:8px;color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mvp-brief h1{max-width:760px;font-size:clamp(28px,6vw,42px);line-height:1.02}.mvp-brief__body>p{max-width:800px;margin:10px 0 0;color:#4f4f58;font-size:13px;line-height:1.5}
.mvp-brief__rules{display:grid;gap:8px;margin-top:16px}.mvp-brief__rules>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border-radius:12px;background:#f5f5f7}.mvp-brief__rules i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:10px;font-style:normal;font-weight:800}.mvp-brief__rules span{display:grid;gap:2px}.mvp-brief__rules b{font-size:11px}.mvp-brief__rules small{color:#6c6c75;font-size:10px;line-height:1.35}
.mvp-builder{margin-top:14px;border:1px solid #d9d9df;border-radius:20px;background:#fff;overflow:hidden}.mvp-builder__head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid #e1e1e5}.mvp-builder__head>div>span{display:block;margin-bottom:5px;color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mvp-builder__head h2{font-size:clamp(24px,5vw,32px)}.mvp-builder__head>strong{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eeeef1;color:#666670;font-size:10px}.mvp-builder__head>strong.is-complete{background:#59c7ff;color:#111}
.mvp-builder__grid{display:grid}.mvp-choice-panel,.mvp-selection-panel{min-width:0;padding:17px 18px}.mvp-choice-panel{border-bottom:1px solid #e1e1e5}.mvp-choice-panel>header,.mvp-selection-panel>header{display:grid;gap:3px;margin-bottom:12px}.mvp-choice-panel>header b,.mvp-selection-panel>header b{font-size:13px}.mvp-choice-panel>header span,.mvp-selection-panel>header span{color:#777780;font-size:10px}
.mvp-candidates{display:grid;gap:8px}.mvp-candidate{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:12px;align-items:center;padding:10px 11px;border:1px solid #dedee3;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.mvp-candidate>span{display:grid;gap:4px}.mvp-candidate small{color:#777780;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mvp-candidate b{font-size:12px;line-height:1.35}.mvp-candidate i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#f0efff;color:#3d3bff;font-size:17px;font-style:normal;font-weight:700}.mvp-candidate:hover{border-color:#aaa8ff;background:#fafaff}.mvp-candidate.is-selected{border-color:#3d3bff;background:#f0efff}.mvp-candidate.is-selected i{background:#3d3bff;color:#fff}.mvp-candidate.is-wrong{border-color:#fed7aa;background:#fff7ed;color:#7c4a03;opacity:.72}.mvp-candidate.is-wrong i{background:#fff7ed;color:#b45309}.mvp-candidate:disabled{cursor:default}
.mvp-selection-panel{background:#f7f7f8}.mvp-slots{display:grid;gap:8px}.mvp-slot{width:100%;min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px dashed #b7b7c0;border-radius:12px;background:#fff;text-align:left}.mvp-slot>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e9e9ed;color:#777;font-size:10px;font-weight:800}.mvp-slot div{display:grid;gap:3px}.mvp-slot b{font-size:12px;line-height:1.35}.mvp-slot small{color:#85858e;font-size:10px}.mvp-slot.is-filled{border-style:solid;border-color:#3d3bff;background:#f0efff;cursor:pointer}.mvp-slot.is-filled>span{background:#3d3bff;color:#fff}.mvp-slot.is-filled small{color:#3d3bff}
.mvp-coverage{margin-top:12px;padding:13px;border:1px solid #dedee3;border-radius:13px;background:#fff}.mvp-coverage__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mvp-coverage__head b{font-size:11px}.mvp-coverage__head>span{color:#3d3bff;font-size:10px;font-weight:700}.mvp-coverage>p{margin:4px 0 10px;color:#666670;font-size:10px;line-height:1.35}.mvp-coverage>div:last-child{display:grid;gap:6px}.mvp-coverage>div:last-child span{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;color:#777780;font-size:10px;font-weight:650}.mvp-coverage i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#e7e7eb;color:#fff;font-size:9px;font-style:normal;font-weight:800}.mvp-coverage span.is-covered{color:#0f6b78}.mvp-coverage span.is-covered i{background:#0f6b78}
.mvp-builder>.mentor-hint,.mvp-builder>.mvp-success{margin:14px 18px 0}.mvp-builder__action{padding:0 18px 18px}.mvp-builder__action .actions{position:static;margin-top:14px;padding:0;background:transparent}.mvp-builder__action .primary{width:100%}.mvp-success{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:12px;border-radius:12px;background:#e0f7ff}.mvp-success>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#0f6b78;color:#fff;font-weight:800}.mvp-success h3{margin:1px 0 4px;font-size:14px}.mvp-success p{margin:0;font-size:12px;line-height:1.35}.mvp-success small{display:block;margin-top:4px;color:#0f6b78;font-size:10px}
@media(min-width:760px){.mvp-brief__rules{grid-template-columns:repeat(2,minmax(0,1fr))}.mvp-builder__grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.mvp-builder__grid.is-complete{grid-template-columns:minmax(0,1fr)}.mvp-choice-panel{border-right:1px solid #e1e1e5;border-bottom:0}.mvp-selection-panel{position:relative}.mvp-builder__grid.is-complete .mvp-selection-panel{background:#fff}.mvp-builder__action{display:flex;justify-content:flex-end}.mvp-builder__action .actions{width:min(100%,380px)}}
@media(max-width:520px){.mvp-screen .workday-status{margin-bottom:10px}.mvp-brief{padding:14px}.mvp-builder__head{align-items:start;padding:14px}.mvp-builder__head>strong{margin-top:2px}.mvp-choice-panel,.mvp-selection-panel{padding:14px}.mvp-candidate{min-height:62px}.mvp-builder>.mentor-hint,.mvp-builder>.mvp-success{margin-right:14px;margin-left:14px}.mvp-builder__action{padding-right:14px;padding-left:14px}}

/* Final management brief builder. */
.decision-screen.screen--single{max-width:820px;grid-template-columns:minmax(0,1fr)}
.decision-task{display:grid;gap:13px;margin-bottom:14px;padding:16px;border-radius:18px;background:#fff}.decision-task>header{display:flex;align-items:center;gap:10px}.decision-task>header .mentor-hint__avatar{width:38px;height:38px;background:#3d3bff;color:#fff}.decision-task>header div{display:grid;gap:2px}.decision-task>header b{font-size:12px}.decision-task>header small{color:#777;font-size:10px}.decision-task>div>.eyebrow{margin-bottom:6px}.decision-task h2{max-width:650px;font-size:clamp(25px,6vw,34px)}.decision-task>div>p:not(.eyebrow){max-width:680px;margin:8px 0 0;color:#50505a;font-size:13px;line-height:1.45}
.decision-task__formula{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px}.decision-task__formula span{padding:6px 9px;border-radius:999px;background:#f0efff;color:#3d3bff;font-size:10px;font-weight:800}.decision-task__formula i{color:#8d8d96;font-size:11px;font-style:normal}
.decision-workspace{border:1px solid #d8d8dd;border-radius:18px;background:#fff;overflow:hidden}
.decision-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #dedede;background:#f7f7f8}.decision-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;min-width:0;padding:11px 9px;border:0;border-right:1px solid #dedede;background:transparent;text-align:left}.decision-step:last-child{border-right:0}.decision-step i{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#e4e4e8;color:#777;font-size:9px;font-style:normal;font-weight:800}.decision-step span{overflow:hidden;color:#6b6b74;font-size:9px;font-weight:700;line-height:1.2}.decision-step.is-current{background:#fff}.decision-step.is-current i{background:#19191d;color:#fff}.decision-step.is-current span{color:#111}.decision-step.is-done:not(:disabled){cursor:pointer}.decision-step.is-done i{background:#3d3bff;color:#fff}.decision-step:disabled{opacity:1}
.decision-focus{padding:18px}.decision-focus.is-wrong{background:#fff7ed}.decision-focus__counter{margin:0 0 5px;color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.decision-focus h3{margin:0;font-size:22px}.decision-focus__help{max-width:620px;margin:7px 0 15px;color:#5c5c66;font-size:12px;line-height:1.45}.decision-options{display:grid;gap:8px}.decision-option{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:58px;padding:11px 12px;border:1px solid #dedede;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.decision-option>span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#eeeef1;color:#777;font-size:10px;font-weight:800}.decision-option b{font-size:13px;line-height:1.35}.decision-option:hover{border-color:#aaa8ff;background:#fafaff}.decision-option.is-selected{border-color:#3d3bff;background:#f0efff}.decision-option.is-selected>span{background:#3d3bff;color:#fff}.decision-focus>small{display:block;margin-top:10px;color:#85858e;font-size:10px}.decision-focus>.mentor-hint{margin-top:12px}
.decision-review{padding:18px}.decision-review>header{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}.decision-review>header .eyebrow{margin-bottom:4px}.decision-review>header h3{margin:0;font-size:20px}.decision-review>header>strong{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#59c7ff;font-size:10px}.decision-review>div{display:grid;border-top:1px solid #dedede}.decision-review article{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #dedede}.decision-review article>span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase}.decision-review article p{margin:0;font-size:12px;line-height:1.4}.decision-review article button{padding:5px;border:0;background:transparent;color:#3d3bff;font-size:10px;font-weight:700;cursor:pointer}.decision-review>.actions{position:static;margin-top:14px;padding:0;background:transparent}.decision-review>.actions .primary{width:100%}
.manager-response{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;margin-top:14px;padding:12px;border-radius:12px;background:#e0f7ff}.manager-response .messenger-avatar{width:32px;height:32px}.manager-response b{font-size:11px}.manager-response p{margin:3px 0 0;font-size:12px;line-height:1.4}
@media(max-width:520px){.decision-screen .workday-status{margin-bottom:10px}.decision-task{padding:14px}.decision-task__formula{flex-wrap:nowrap}.decision-task__formula span{padding:5px 7px;font-size:9px}.decision-step{grid-template-columns:minmax(0,1fr);justify-items:center;padding:9px 4px;text-align:center}.decision-step span{font-size:8px}.decision-focus,.decision-review{padding:14px}.decision-option{min-height:64px}.decision-review article{grid-template-columns:minmax(0,1fr) auto}.decision-review article>span{grid-column:1/-1}.decision-review article p{font-size:12px}}

/* Compact profile preview before the contact form. */
.profile-preview-screen.screen--single{display:block;max-width:840px;min-height:auto;padding:16px;border-radius:26px;background:#f5f5f5}
.profile-preview-screen>.question-back{margin:0 0 12px;background:#fff}
.profile-preview-page{display:grid;border:1px solid #dedede;border-radius:22px;background:#fff;overflow:hidden}
.profile-preview-copy{display:grid;min-width:0}
.profile-preview-intro{padding:24px 20px 20px}.profile-preview-intro h1{max-width:740px;font-size:clamp(32px,7vw,46px);line-height:1.04}.profile-preview-intro h1 span{color:#3d3bff}.profile-preview-intro .lead{max-width:700px;margin-top:14px;font-size:15px;line-height:1.45}
.profile-preview-signal{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin:0 20px 22px;padding:15px;border-radius:16px;background:#f5f5f5}.profile-preview-signal>i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#59c7ff;font-size:14px;font-style:normal;font-weight:800}.profile-preview-signal span{display:block;margin-bottom:3px;color:#777;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.profile-preview-signal strong{font-size:16px}.profile-preview-signal p{margin:5px 0 0;color:#5c5c66;font-size:12px;line-height:1.4}
.profile-preview-section{padding:26px 20px;border-top:1px solid #dedede}
.profile-preview-section h2{max-width:680px;font-size:clamp(25px,5vw,32px)}
.profile-preview-label{margin:0 0 10px;color:#3d3bff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.profile-preview-strengths{display:grid;margin-top:16px;border-top:1px solid #dedede}
.profile-preview-strengths article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid #dedede}
.profile-preview-strengths i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#59c7ff;font-size:12px;font-style:normal;font-weight:700}
.profile-preview-strengths h3{margin:2px 0 4px;font-size:16px}.profile-preview-strengths p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.profile-preview-full ol{display:grid;margin:18px 0 0;padding:0;border-top:1px solid #dedede;list-style:none}
.profile-preview-full li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid #dedede}.profile-preview-full li>span{color:#3d3bff;font-size:10px;font-weight:800}.profile-preview-full li b{font-size:14px}.profile-preview-full li p{margin:4px 0 0;color:#5c5c66;font-size:12px;line-height:1.4}
.profile-preview-goal{margin-top:17px;padding:13px 0 0;border-top:3px solid #3d3bff}.profile-preview-goal span{display:block;margin-bottom:5px;color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-preview-goal p{max-width:680px;margin:0;font-size:13px;line-height:1.45}
.profile-preview-cta{margin:0;padding:22px 20px;border-radius:0;background:#19191d;color:#fff}.profile-preview-cta .profile-preview-label{color:#59c7ff}.profile-preview-cta h2{max-width:650px;font-size:clamp(23px,5vw,30px)}.profile-preview-cta p:not(.profile-preview-label){margin:8px 0 0;color:#c4c4cc;font-size:13px}
.profile-gate-form{display:grid;align-content:center;margin:0!important;padding:20px!important;border-radius:0!important;background:#f5f5f5!important;box-shadow:none!important}.profile-gate-form h2{font-size:clamp(27px,5vw,34px)}.profile-gate-form__lead{margin:8px 0 18px;color:#5c5c66;font-size:13px;line-height:1.4}.profile-gate-form .form-grid{gap:10px}.profile-gate-form .field{gap:5px}.profile-gate-form .field label{font-size:12px}.profile-gate-form .field input{min-height:46px;padding:10px 12px;border:1px solid #d8d8df;border-radius:10px;font-size:15px}.profile-gate-form .contact-consents{gap:9px;margin-top:14px}.profile-gate-form .primary{min-height:50px;border:0;background:#3d3bff;color:#fff;box-shadow:none}.profile-gate-form .skb-consent{margin-block:0;font-size:11px}
@media(min-width:760px){.profile-preview-screen.screen--single{max-width:1040px;padding:10px 22px}.profile-preview-screen>.question-back{margin-bottom:6px}.profile-preview-page{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.profile-preview-copy{border-right:1px solid #dedede}.profile-preview-intro{padding:22px 26px 16px}.profile-preview-intro h1{font-size:clamp(34px,4vw,44px)}.profile-preview-signal{margin:0 26px 18px}.profile-preview-cta{padding:18px 26px}.profile-gate-form{padding:20px 26px!important}.profile-gate-form__lead{margin-bottom:12px}.profile-gate-form .field input{min-height:42px}.profile-gate-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-gate-form .contact-consents{margin-top:10px}}

/* Compact contact gate inspired by the cybersecurity form composition. */
.profile-gate-screen.screen--single{display:block;max-width:720px;padding:14px;background:#f5f5f5}
.profile-gate-screen>.question-back{margin:0 0 10px;background:#fff}
.profile-contact-page{padding:22px;border:1px solid #dedede;border-radius:22px;background:#fff}
.profile-contact-intro h1{max-width:620px;font-size:clamp(30px,6vw,40px)}
.profile-contact-intro>p:not(.eyebrow){max-width:590px;margin:11px 0 0;color:#5c5c66;font-size:14px;line-height:1.45}
.profile-contact-summary{display:grid;gap:3px;margin-top:15px;padding:11px 13px;border-left:3px solid #3d3bff;border-radius:0 12px 12px 0;background:#f0efff}
.profile-contact-summary span{color:#3d3bff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.profile-contact-summary strong{font-size:14px;line-height:1.3}
.profile-gate-screen .profile-gate-form{display:grid;gap:12px;margin-top:16px!important;padding:0!important;background:transparent!important}
.profile-contact-fields{display:grid;gap:10px;padding:16px;border:1px solid #dedede;border-radius:16px;background:#f5f5f5}
.profile-gate-screen .field{gap:5px}
.profile-gate-screen .field label{font-size:11px;letter-spacing:.04em}
.profile-gate-screen .field input{min-height:46px;padding:10px 12px;border:1px solid #d0d0d6;border-radius:10px;background:#fff;font-size:15px}
.profile-gate-screen .field .error{min-height:0}
.profile-gate-screen .field .error:not(:empty){min-height:15px}
.profile-gate-screen .contact-consents{gap:9px;margin-top:0}
.profile-gate-screen .contact-consents>.primary{min-height:50px}
.profile-gate-screen .skb-consent{margin-block:0;font-size:11px}
@media(max-width:520px){.profile-gate-screen.screen--single{padding:10px}.profile-contact-page{padding:18px 14px}.profile-contact-fields{padding:12px}}

/* Screen 18: internship results gate based on the graphdesigner reference. */
.internship-gate-screen.screen--single{display:block;max-width:1040px;padding:14px;background:#f5f5f5}
.internship-gate-screen>.question-back{margin:0 0 10px;background:#fff}
.internship-gate-page{border:1px solid #cfcfd7;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(29,29,39,.1);overflow:hidden}
.internship-gate-heading{padding:25px 20px 22px}
.internship-gate-heading h1{max-width:780px;font-size:clamp(32px,4vw,40px);line-height:1.05}
.internship-gate-heading>p:not(.eyebrow){max-width:720px;margin:13px 0 0;color:#5c5c66;font-size:16px;line-height:1.5}
.internship-gate-grid{display:grid;border-top:1px solid #dedede}
.internship-report-preview{margin:18px;border:1px solid #bfc0c8;border-radius:17px;background:#f7f7f8;overflow:hidden}
.internship-report-preview__bar{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:#17171d;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.internship-report-preview__bar b{color:#59c7ff}
.internship-report-preview__body{padding:19px 16px}
.internship-report-preview__label{margin:0 0 8px;color:#777;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.internship-report-preview__score{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #dedede}
.internship-report-preview__score span{max-width:200px;font-size:15px;font-weight:700;line-height:1.35}.internship-report-preview__score strong{font-size:28px}
.internship-report-preview .is-blurred{display:inline-block;filter:blur(6px);user-select:none}
.internship-report-preview__mentor{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:16px 0;border-bottom:1px solid #dedede}
.internship-report-preview__mentor .mentor-hint__avatar{width:38px;height:38px;background:#3d3bff;color:#fff}
.internship-report-preview__mentor b{font-size:13px}.internship-report-preview__mentor p{margin:6px 0 0;color:#4f4f59;font-size:14px;line-height:1.5}
.internship-report-preview__inside{padding-top:15px}.internship-report-preview__inside>b{font-size:15px}
.internship-report-preview__inside ul{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none}.internship-report-preview__inside li{position:relative;padding-left:21px;color:#4f4f59;font-size:14px;line-height:1.4}.internship-report-preview__inside li::before{position:absolute;top:0;left:0;color:#3d3bff;font-weight:800;content:"✦"}
.internship-gate-form{display:grid!important;align-content:center;gap:14px!important;margin:0!important;padding:22px 20px!important;border-radius:0!important;background:#f5f5f5!important;box-shadow:none!important}
.internship-gate-form__heading h2{font-size:clamp(26px,3vw,30px);line-height:1.08}.internship-gate-form__heading>p:not(.eyebrow){margin:9px 0 0;color:#5c5c66;font-size:14px;line-height:1.45}
.internship-gate-benefits{display:grid;gap:8px;margin:0;padding:0;list-style:none}.internship-gate-benefits li{position:relative;padding-left:23px;font-size:14px;line-height:1.4}.internship-gate-benefits li::before{position:absolute;top:0;left:0;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#59c7ff;color:#111;font-size:10px;font-weight:800;content:"✓"}
.internship-gate-form .field label{font-size:13px}
.internship-gate-form .field input{font-size:16px}
.internship-gate-form .profile-contact-fields{padding:var(--space-4);border:0;border-radius:var(--radius-card);background:var(--ui-surface);box-shadow:var(--shadow-card)}
.internship-gate-form .contact-consents>.primary{border:0;background:#3d3bff;color:#fff;box-shadow:none}
@media(min-width:760px){
  .internship-gate-screen.screen--single{padding:18px 22px}
  .internship-gate-heading{padding:32px 30px 28px}
  .internship-gate-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
  .internship-report-preview{margin:26px 28px}
  .internship-gate-form{padding:28px 30px!important;border-left:1px solid #dedede}
  .internship-gate-form .profile-contact-fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
  .internship-gate-form .profile-contact-fields .field:last-child{grid-column:1/-1}
}

/* Optional program-matching branch. */
.program-screen.screen--single,.program-question-screen.screen--single{display:block;max-width:820px;min-height:auto;margin:16px auto 32px;padding:16px;border-radius:26px;background:#f5f5f5}
.program-screen>.question-back{margin:0 0 12px;background:#fff}
.program-frame{padding:24px;border-radius:22px;background:#fff}
.program-frame h1{font-size:clamp(34px,8vw,48px)}.program-frame .lead{margin-top:14px;font-size:15px}
.program-intro-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.program-intro-list span{padding:7px 10px;border-radius:999px;background:#f0efff;color:#3d3bff;font-size:11px;font-weight:700}
.program-frame .actions{margin-top:20px}.program-frame .primary{width:100%;box-shadow:none}
.program-question-screen>div{max-width:none}.program-question-screen h2{font-size:clamp(27px,6vw,36px)}.program-question-screen .lead{margin-top:9px;font-size:13px}
.program-question-panel{margin-top:16px!important;padding:16px!important}.program-question-panel .options{gap:6px}.program-question-panel .option{min-height:40px;padding:8px 11px;border-radius:12px;font-size:13px}.program-question-panel .option__marker{flex-basis:20px;width:20px;height:20px;font-size:10px}
.program-choice-summary{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border-left:3px solid #3d3bff;background:#f0efff}.program-choice-summary span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase}.program-choice-summary b{font-size:12px}.program-choice-summary p{margin:0;color:#5c5c66;font-size:11px;line-height:1.35}
.program-question-panel .actions{position:static;margin-top:10px;padding:0;background:transparent}.program-question-panel .primary{width:100%;min-height:46px;box-shadow:none}
.program-build-list{display:grid;margin-top:20px;border-top:1px solid #dedede}.program-build-list span{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid #dedede;font-size:13px}.program-build-list span::before{position:absolute;top:11px;left:0;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#59c7ff;font-size:10px;font-weight:800;content:"✓"}
.program-result-screen.screen--single{display:block;max-width:900px;padding:16px;background:#f5f5f5}.program-result-screen>.question-back{margin:0 0 12px;background:#fff}.program-result-page{border-radius:22px;background:#fff;overflow:hidden}.program-result-page>header,.program-result-page>section,.program-result-page>footer{padding:24px}.program-result-page>header h1{font-size:clamp(34px,8vw,48px)}
.program-priorities{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.program-priorities span{padding:7px 9px;border-radius:999px;background:#f0efff;color:#3d3bff;font-size:10px;font-weight:700}
.program-result-page>section{border-top:1px solid #dedede}.program-result-label{margin:0 0 14px;color:#3d3bff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.program-result-page ol{display:grid;margin:0;padding:0;list-style:none}.program-result-page li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;padding:14px 0;border-bottom:1px solid #dedede}.program-result-page li i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#59c7ff;font-size:10px;font-style:normal;font-weight:800}.program-result-page li h3{margin:2px 0 4px;font-size:15px}.program-result-page li p{margin:0;color:#5c5c66;font-size:12px;line-height:1.4}
.program-result-page>footer{background:#19191d;color:#fff}.program-result-page>footer h2{font-size:clamp(27px,6vw,36px)}.program-result-page>footer p{margin:10px 0 0;color:#c4c4cc;font-size:13px;line-height:1.45}.program-result-page>footer .actions{margin-top:18px}.program-course-link{display:grid;place-items:center;text-align:center;text-decoration:none;box-shadow:none}
@media(min-width:760px){.program-screen.screen--single,.program-question-screen.screen--single{padding:22px 24px}.program-frame{padding:30px}.program-question-panel{padding:18px!important}.program-question-panel .options{grid-template-columns:minmax(0,1fr)}.program-result-screen.screen--single{padding:22px 24px}.program-result-page>header,.program-result-page>section,.program-result-page>footer{padding:30px}}

/* Clean editorial system for screens 20–30. */
.clean-result-screen.screen--single{max-width:900px;padding:16px;background:#f5f5f5}
.clean-result-page{border:1px solid #dedede;border-radius:22px;background:#fff;overflow:hidden}
.clean-result-hero,.clean-result-section,.clean-result-cta{padding:24px 20px}
.clean-result-hero h1{max-width:760px;font-size:clamp(36px,8vw,52px)}.clean-result-hero .lead{max-width:720px;font-size:15px}
.clean-result-goal{margin-top:22px;padding-top:14px;border-top:3px solid #3d3bff}.clean-result-goal span,.clean-priority-note span{display:block;margin-bottom:5px;color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.clean-result-goal p,.clean-priority-note p{margin:0;font-size:13px;line-height:1.45}
.clean-result-section{border-top:1px solid #dedede}.clean-result-section h2,.clean-result-cta h2{max-width:720px;font-size:clamp(26px,6vw,34px)}.clean-result-section .lead{font-size:15px}.clean-result-section .support{font-size:13px}
.clean-strength-list{display:grid;margin-top:18px;border-top:1px solid #dedede}.clean-strength-list article{display:grid;gap:6px;padding:15px 0;border-bottom:1px solid #dedede}.clean-strength-list article>span{color:#777;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.clean-strength-list h3{margin:0;font-size:16px}.clean-strength-list p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.clean-priority-list,.clean-readiness-list{display:grid;margin-top:18px;border-top:1px solid #dedede}.clean-priority-list>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid #dedede;font-size:13px}.clean-priority-list i{color:#3d3bff;font-size:10px;font-style:normal;font-weight:800}.clean-secondary-track,.clean-income-note{margin:16px 0 0;padding:12px 0 0;border-top:1px solid #dedede;color:#5c5c66;font-size:12px;line-height:1.45}
.clean-route-list{display:grid;margin:18px 0 0;padding:0;list-style:none;counter-reset:clean-route}.clean-route-list li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #dedede;font-size:13px;line-height:1.4}.clean-route-list li::before{counter-increment:clean-route;content:counter(clean-route);color:#3d3bff;font-size:10px;font-weight:800}
.clean-readiness-list{grid-template-columns:minmax(0,1fr)}.clean-readiness-list article{padding:14px 0;border-bottom:1px solid #dedede}.clean-readiness-list h3{margin:0 0 4px;font-size:15px}.clean-readiness-list p{margin:0;color:#5c5c66;font-size:12px;line-height:1.4}.clean-priority-note{margin-top:18px;padding:14px;border-left:3px solid #3d3bff;background:#f7f7f8}
.clean-result-cta{border-top:1px solid #dedede;background:#f7f7f8}.clean-result-cta>p:not(.eyebrow){margin:9px 0 0;color:#5c5c66;font-size:13px;line-height:1.45}.clean-result-cta .actions{margin-top:16px}.clean-result-cta .primary{box-shadow:none}

.next-step-screen.screen--single{display:block;max-width:860px;padding:16px;background:#f5f5f5}.next-step-screen>.question-back{margin:0 0 12px;background:#fff}.next-step-frame{padding:22px;border:1px solid #dedede;border-radius:22px;background:#fff}.next-step-frame>header h1{font-size:clamp(34px,8vw,48px)}.next-step-frame>header .lead{font-size:15px}
.next-step-checklist{display:grid;margin-top:20px;border-top:1px solid #dedede}.next-step-checklist div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid #dedede;font-size:13px;line-height:1.4}.next-step-checklist i{color:#3d3bff;font-style:normal;font-weight:800}.next-step-actions{display:grid;gap:8px;margin-top:18px}.next-step-actions .primary{width:100%;box-shadow:none}.next-step-actions .back{width:100%;order:initial}.next-step-note{margin:10px 0 0;color:#777;font-size:11px;line-height:1.4}

.program-intro-list{gap:0;margin-top:18px;color:#5c5c66}.program-intro-list span{padding:0;border-radius:0;background:transparent;color:inherit;font-size:11px;font-weight:600}.program-intro-list span+span::before{margin:0 8px;color:#b8b8c0;content:"·"}
.program-choice-summary{display:grid;gap:3px;margin:10px 0 0;padding:10px 0 0;border:0;border-top:1px solid #dedede;background:transparent}.program-choice-summary b{font-size:12px}.program-choice-summary span{color:#777;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.35}
.program-priorities{display:grid;gap:0;margin-top:16px;border-top:1px solid #dedede}.program-priorities span{position:relative;padding:8px 0 8px 17px;border-bottom:1px solid #dedede;border-radius:0;background:transparent;color:#34343d;font-size:11px;font-weight:600}.program-priorities span::before{position:absolute;left:0;color:#3d3bff;content:"•"}
.program-result-page>footer{border-top:1px solid #dedede;background:#f7f7f8;color:#000}.program-result-page>footer p{color:#5c5c66}.program-course-link{background:#fff;color:#000}
@media(min-width:760px){.clean-result-screen.screen--single,.next-step-screen.screen--single{padding:22px 24px}.clean-result-hero,.clean-result-section,.clean-result-cta{padding:30px 28px}.clean-strength-list article{grid-template-columns:150px minmax(0,1fr);gap:18px}.clean-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.next-step-frame{padding:28px}}

/* Expressive workspace frames for the result and program route. */
.workspace-chrome{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:44px;padding:8px 14px;border-bottom:0;background:var(--ui-highlight);color:#000;font-size:11px}
.workspace-chrome__dots{display:flex;gap:5px}.workspace-chrome__dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.workspace-chrome__dots i:nth-child(2){background:#febc2e}.workspace-chrome__dots i:nth-child(3){background:#28c840}
.workspace-chrome b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-chrome small{color:#686872;font-size:10px;white-space:nowrap}

.clean-result-page{counter-reset:result-part;border:1px solid #cfcfd7;box-shadow:0 20px 70px rgba(29,29,39,.11)}
.clean-result-hero{display:grid;gap:22px;background:linear-gradient(135deg,#17171d 0%,#4c1d95 36%,#302ee6 70%,#38bdf8 100%);color:#fff}
.clean-result-hero__copy .eyebrow{color:#59c7ff}.clean-result-hero__copy .lead{color:rgba(255,255,255,.76)}
.clean-result-status{display:grid;align-content:start;gap:7px;padding:17px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.clean-result-status span{color:#59c7ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.clean-result-status strong{font-size:21px;line-height:1.1}.clean-result-status small{color:rgba(255,255,255,.68);font-size:11px;line-height:1.35}
.clean-result-goal{grid-column:1/-1;margin:0;padding:15px 17px;border:0;border-radius:15px;background:#59c7ff;color:#111}.clean-result-goal span{color:#111}.clean-result-goal p{font-weight:650}
.clean-result-section{position:relative;counter-increment:result-part}.clean-result-section::before{position:absolute;top:28px;right:20px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#efefff;color:#3d3bff;font-size:10px;font-weight:800;content:"0" counter(result-part)}
.clean-result-section:nth-of-type(even){background:#fafafa}.clean-result-section>h2{padding-right:38px}
.clean-strength-list article>span{width:max-content;padding:5px 8px;border-radius:999px;background:#efefff;color:#3d3bff}
.clean-priority-list i{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#3d3bff;color:#fff}
.clean-priority-note{border:0;border-radius:14px;background:#efefff}.clean-priority-note span{color:#3d3bff}
.clean-result-cta{background:#3d3bff;color:#fff}.clean-result-cta .eyebrow{color:#59c7ff}.clean-result-cta>p:not(.eyebrow){color:rgba(255,255,255,.74)}.clean-result-cta .primary{background:#59c7ff;color:#111}

.next-step-frame{padding:0;border-color:#cfcfd7;overflow:hidden;box-shadow:0 20px 70px rgba(29,29,39,.1)}
.next-step-frame__body{padding:0}.next-step-frame__body>header{padding:25px 22px;background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);color:#fff}.next-step-frame__body>header .eyebrow{color:#59c7ff}.next-step-frame__body>header .lead{color:rgba(255,255,255,.76)}
.next-step-checklist{margin:0 22px}.next-step-checklist div{padding:13px 11px;border-bottom-color:#e3e3e8}.next-step-checklist div:nth-child(odd){background:#fafafa}.next-step-checklist i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#59c7ff;color:#111;font-size:10px}.next-step-actions{margin:18px 22px 0}.next-step-note{margin:10px 22px 22px}

.program-frame{padding:0;border:1px solid #cfcfd7;overflow:hidden;box-shadow:0 20px 70px rgba(29,29,39,.1)}.program-frame__body{padding:24px}
.program-map-preview{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin-top:22px;padding:14px;border-radius:15px;background:#17171d;color:#fff}.program-map-preview span{font-size:11px;font-weight:700;text-align:center}.program-map-preview i{color:#59c7ff;font-style:normal;font-weight:800}
.program-intro-list{padding-top:14px;border-top:1px solid #dedede}
.program-question-screen>.question-back{margin:0 0 12px;background:#fff}.program-question-frame{border:1px solid #cfcfd7;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(29,29,39,.1);overflow:hidden}
.program-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px 14px;background:#f7f7f8}.program-progress i{height:5px;border-radius:999px;background:#d9d9df}.program-progress i.is-done{background:#a8a6ff}.program-progress i.is-current{background:#3d3bff}
.program-question-body{padding:22px}.program-question-body>.eyebrow{color:#3d3bff}.program-question-panel{padding:0!important;background:transparent!important}.program-question-panel .option{border:1px solid #dedede;background:#f8f8fa}.program-question-panel .option:hover{border-color:#aaa8ff}.program-question-panel .option.is-selected{border-color:#3d3bff;background:#efefff}
.program-choice-summary{padding:12px 13px;border:0;border-radius:13px;background:#59c7ff}.program-choice-summary span{color:#34343d}
.program-route-finished{margin:12px 0 0;color:#0f6b78;font-size:12px;font-weight:700}
.program-build-screen .program-frame__body>.eyebrow{color:#3d3bff}.program-build-list{border:0;border-radius:16px;background:#f7f7f8;overflow:hidden}.program-build-list span{padding-right:12px;padding-left:40px}.program-build-list span::before{left:12px}

.program-result-page{border:1px solid #cfcfd7;box-shadow:0 20px 70px rgba(29,29,39,.1)}.program-result-page>header{background:#17171d;color:#fff}.program-result-page>header .eyebrow{color:#59c7ff}.program-result-page>header .lead{color:rgba(255,255,255,.76)}
.program-priorities{display:flex;gap:7px;border:0}.program-priorities span{padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.12);color:#fff}.program-priorities span::before{display:none}
.program-result-page li{position:relative;grid-template-columns:38px minmax(0,1fr);padding:16px 0}.program-result-page li i{width:32px;height:32px;background:#efefff;color:#3d3bff}.program-result-page li:not(:last-child)::after{position:absolute;top:48px;bottom:-1px;left:15px;width:2px;background:#efefff;content:""}
.program-result-page>footer{background:#59c7ff;color:#111}.program-result-page>footer p{color:#45454d}.program-result-page>footer .primary{background:#17171d;color:#fff}.program-course-link{border:1px solid #17171d;background:transparent}

/* Screen 30: useful route content with a mid-page consultation banner. */
.program-result-page>section h2,.program-consult-banner h2{max-width:680px;font-size:clamp(25px,5vw,34px)}
.program-route-section>h2{margin-bottom:10px}.program-section-intro{max-width:680px;margin:8px 0 18px;color:#5c5c66;font-size:13px;line-height:1.5}
.program-consult-banner{display:grid;gap:18px;padding:24px;background:#3d3bff;color:#fff}
.program-consult-banner .program-result-label{margin-bottom:9px;color:#59c7ff}.program-consult-banner p:not(.program-result-label){max-width:620px;margin:9px 0 0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.45}.program-consult-banner .secondary{width:100%;min-height:48px;border:0;background:#fff;color:#111;box-shadow:none}
.program-consult-banner ul{display:grid;gap:7px;margin:15px 0 0;padding:0;list-style:none}.program-consult-banner li{position:relative;padding-left:21px;color:#fff;font-size:12px;line-height:1.4}.program-consult-banner li::before{position:absolute;top:0;left:0;color:#59c7ff;font-weight:800;content:"✓"}
.program-deliverables-grid{display:grid;border-top:1px solid #dedede}.program-deliverables-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;padding:15px 0;border-bottom:1px solid #dedede}.program-deliverables-grid i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#59c7ff;font-size:10px;font-style:normal;font-weight:800}.program-deliverables-grid h3{margin:2px 0 4px;font-size:15px}.program-deliverables-grid p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.program-course-check{background:#f7f7f8}.program-course-checklist{display:grid;gap:8px}.program-course-checklist article{display:grid;gap:5px;padding:13px 14px;border:1px solid #dedede;border-radius:13px;background:#fff}.program-course-checklist span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.program-course-checklist strong{font-size:13px;line-height:1.35}
.program-result-page>footer{background:#59c7ff;color:#111}.program-result-page>footer .program-result-label{color:#3d3bff}.program-result-page>footer p{color:#45454d}.program-result-page>footer .actions{grid-template-columns:minmax(0,1fr)}.program-result-page>footer .primary,.program-course-link{width:100%;min-height:52px;border:0;background:#17171d;color:#fff}

@media(min-width:760px){.clean-result-hero{grid-template-columns:minmax(0,1.55fr) minmax(210px,.65fr);padding:34px 30px}.clean-result-section::before{top:30px;right:28px}.next-step-frame__body>header{padding:32px 30px}.next-step-checklist{margin-right:30px;margin-left:30px}.next-step-actions{margin-right:30px;margin-left:30px}.next-step-note{margin-right:30px;margin-left:30px}.program-frame__body,.program-question-body{padding:30px}.program-map-preview{padding:18px}.program-result-page>header{padding:34px 30px}.program-consult-banner{grid-template-columns:minmax(0,1fr) 250px;align-items:center;padding:30px}.program-deliverables-grid,.program-course-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.program-deliverables-grid{border-top:0}.program-deliverables-grid article{padding:14px;border:1px solid #dedede;border-radius:13px}.program-course-checklist article{padding:15px}}
@media(max-width:520px){.workspace-chrome small{display:none}.program-map-preview{grid-template-columns:1fr}.program-map-preview i{justify-self:center;transform:rotate(90deg)}.clean-result-section::before{top:22px}}

/* Screen 31: official course structure adapted to the user's answers. */
.personalized-course-screen.screen--single{display:block;max-width:960px;padding:16px;background:#f5f5f5}.personalized-course-screen>.question-back{margin:0 0 12px;background:#fff}
.personalized-course-page{border:1px solid #cfcfd7;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(29,29,39,.1);overflow:hidden}.personalized-course-page>header,.personalized-course-page>section,.personalized-course-page>footer{padding:24px}
.personalized-course-page>header{background:linear-gradient(135deg,#17171d 0%,#4c1d95 36%,#302ee6 70%,#38bdf8 100%);color:#fff}.personalized-course-page>header .eyebrow{color:#59c7ff}.personalized-course-page>header h1{max-width:800px;font-size:clamp(36px,8vw,54px)}.personalized-course-page>header .lead{max-width:760px;color:rgba(255,255,255,.78);font-size:15px}
.personal-course-summary{display:grid;gap:8px;margin-top:22px}.personal-course-summary article{display:grid;gap:5px;padding:13px 14px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.personal-course-summary span{color:#59c7ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.personal-course-summary strong{font-size:13px;line-height:1.35}
.personalized-course-page>section{border-top:1px solid #dedede}.personalized-course-page>section h2,.personalized-course-page>footer h2{max-width:760px;font-size:clamp(26px,6vw,36px)}
.personal-course-fit>p:not(.program-result-label){max-width:720px;color:#5c5c66;font-size:14px;line-height:1.55}.personal-course-focus{display:grid;gap:5px;margin-top:18px;padding:15px 17px;border-radius:15px;background:#59c7ff}.personal-course-focus span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.personal-course-focus strong{font-size:14px;line-height:1.4}
.personal-course-modules{display:grid;margin-top:20px;border-top:1px solid #dedede}.personal-course-modules>article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #dedede}.personal-course-module__number{color:#3d3bff;font-size:11px;font-weight:800}.personal-course-modules article span{color:#777;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.personal-course-modules h3{margin:4px 0 7px;font-size:19px}.personal-course-modules p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}.personal-course-reason{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border-left:3px solid #3d3bff;background:#efefff;color:#34343d;font-size:12px;line-height:1.4}.personal-course-reason b{color:#3d3bff;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.personal-course-projects{background:#f7f7f8}.personal-course-project-grid{display:grid;gap:9px;margin-top:18px}.personal-course-project-grid article{padding:15px;border:1px solid #dedede;border-radius:14px;background:#fff}.personal-course-project-grid span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase}.personal-course-project-grid h3{margin:7px 0 6px;font-size:16px}.personal-course-project-grid p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.personal-course-format{display:grid;gap:20px;background:#efefff}.personal-course-format>div>p:not(.program-result-label){max-width:650px;margin:10px 0 0;color:#4e4e5b;font-size:13px;line-height:1.5}.personal-course-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.personal-course-format-grid article{display:grid;align-content:start;gap:5px;padding:13px;border-radius:13px;background:#fff}.personal-course-format-grid strong{color:#3d3bff;font-size:22px}.personal-course-format-grid span{color:#5c5c66;font-size:10px;line-height:1.35}
.personal-course-support-grid{display:grid;gap:0;margin-top:18px;border-top:1px solid #dedede}.personal-course-support-grid article{padding:15px 0;border-bottom:1px solid #dedede}.personal-course-support-grid span{font-size:15px;font-weight:750}.personal-course-support-grid p{margin:5px 0 0;color:#5c5c66;font-size:12px;line-height:1.45}
.personalized-course-page>footer{background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);color:#fff}.personalized-course-page>footer .program-result-label{color:#59c7ff}.personalized-course-page>footer p{max-width:700px;margin:10px 0 20px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.5}.personalized-course-page>footer .program-course-link{width:100%;min-height:52px;background:#59c7ff;color:#111}
@media(min-width:760px){.personalized-course-screen.screen--single{padding:22px 24px}.personalized-course-page>header,.personalized-course-page>section,.personalized-course-page>footer{padding:34px 30px}.personal-course-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-course-modules>article{grid-template-columns:44px minmax(0,1fr);padding:21px 0}.personal-course-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-course-project-grid article:last-child{grid-column:1/-1}.personal-course-format{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center}.personal-course-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:0}.personal-course-support-grid article{padding:15px;border:1px solid #dedede;border-radius:14px}}
@media(max-width:520px){.personal-course-format-grid{grid-template-columns:minmax(0,1fr)}}

/* Final personalized fit and learning-path screens. */
.route-fit-screen.screen--single,.learning-path-screen.screen--single{display:block;max-width:960px;padding:16px;background:#f5f5f5}.route-fit-screen>.question-back,.learning-path-screen>.question-back{margin:0 0 12px;background:#fff}
.route-fit-page,.learning-path-page{border:1px solid #cfcfd7;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(29,29,39,.1);overflow:hidden}.route-fit-page>header,.route-fit-page>section,.route-fit-page>aside,.route-fit-page>footer,.learning-path-page>header,.learning-path-page>section,.learning-path-page>footer{padding:24px}
.route-fit-hero,.learning-path-hero{background:linear-gradient(135deg,#17171d 0%,#4c1d95 36%,#302ee6 70%,#38bdf8 100%);color:#fff}.route-fit-hero .eyebrow,.learning-path-hero .eyebrow{color:#59c7ff}.route-fit-hero h1,.learning-path-hero h1{max-width:820px;font-size:clamp(34px,7vw,50px)}.route-fit-hero>p:not(.eyebrow),.learning-path-hero>p:not(.eyebrow){max-width:760px;margin:12px 0 0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.5}
.route-fit-summary,.learning-path-hero>div{display:grid;gap:8px;margin-top:22px}.route-fit-summary span,.learning-path-hero>div span{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.1)}.route-fit-summary small,.learning-path-hero>div small{color:#59c7ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.route-fit-summary b,.learning-path-hero>div b{font-size:12px;line-height:1.35}
.route-fit-matches,.learning-path-steps{border-top:1px solid #dedede}.route-fit-matches>h2,.route-fit-ai h2,.route-fit-next h2,.learning-path-steps>h2,.learning-path-result h2,.learning-path-cta h2{max-width:760px;font-size:clamp(25px,5vw,35px)}.route-fit-matches>div{display:grid;margin-top:20px;border-top:1px solid #dedede}.route-fit-matches article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;padding:15px 0;border-bottom:1px solid #dedede}.route-fit-matches article>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#59c7ff;font-size:10px;font-style:normal;font-weight:800}.route-fit-matches article span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.route-fit-matches article h3{margin:5px 0 6px;font-size:16px}.route-fit-matches article p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.route-fit-ai{display:grid;gap:16px;border-top:1px solid #dedede;background:#efefff}.route-fit-ai>p{margin:0;color:#4e4e5b;font-size:13px;line-height:1.5}.route-fit-next{display:grid;gap:18px;background:#59c7ff}.route-fit-next .eyebrow{color:#3d3bff}.route-fit-next .primary{width:100%;border:0;background:#17171d;color:#fff;box-shadow:none}
.learning-path-steps ol{display:grid;margin:20px 0 0;padding:0;list-style:none}.learning-path-steps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:0 0 24px}.learning-path-steps li:last-child{padding-bottom:0}.learning-path-steps li:not(:last-child)::before{position:absolute;top:38px;bottom:4px;left:18px;width:2px;background:#dedee5;content:""}.learning-path-steps li>i{position:relative;z-index:1;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#3d3bff;color:#fff;font-size:11px;font-style:normal;font-weight:800}.learning-path-steps li span{color:#3d3bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.learning-path-steps li h3{margin:5px 0 7px;font-size:19px}.learning-path-steps li p{margin:0;color:#34343d;font-size:13px;line-height:1.45}.learning-path-steps li small{display:block;margin-top:7px;color:#777780;font-size:11px;line-height:1.4}
.learning-path-result{display:grid;gap:20px;border-top:1px solid #dedede;background:#f7f7f8}.learning-path-result>div:last-child{display:grid;gap:8px}.learning-path-result article{padding:14px;border:1px solid #dedede;border-radius:13px;background:#fff}.learning-path-result article b{font-size:14px}.learning-path-result article p{margin:6px 0 0;color:#5c5c66;font-size:12px;line-height:1.45}.learning-path-cta{display:grid;gap:18px;background:linear-gradient(135deg,#17171d 0%,#312e81 38%,#3d3bff 72%,#38bdf8 100%);color:#fff}.learning-path-cta .eyebrow{color:#59c7ff}.learning-path-cta p:not(.eyebrow){max-width:650px;margin:9px 0 0;color:rgba(255,255,255,.75);font-size:13px;line-height:1.45}.learning-path-cta .primary{width:100%;border:0;background:#59c7ff;color:#111;box-shadow:none}
@media(min-width:760px){.route-fit-screen.screen--single,.learning-path-screen.screen--single{padding:22px 24px}.route-fit-page>header,.route-fit-page>section,.route-fit-page>aside,.route-fit-page>footer,.learning-path-page>header,.learning-path-page>section,.learning-path-page>footer{padding:32px 30px}.route-fit-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.route-fit-matches>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.route-fit-matches article:nth-child(odd){padding-right:20px}.route-fit-matches article:nth-child(even){padding-left:20px;border-left:1px solid #dedede}.route-fit-ai,.route-fit-next,.learning-path-cta{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:center}.route-fit-next .primary,.learning-path-cta .primary{justify-self:end;max-width:300px}.learning-path-hero>div{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-path-result{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.learning-path-result>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Mobile question scale aligned with prototype/cybersecurity. */
@media(max-width:800px){
  .question-screen{padding:18px;border-radius:24px}
  .question-screen h2{font-size:24px;line-height:1.05}
  .question-screen .lead{margin-top:12px;font-size:16px;line-height:1.5}
  .question-screen>div>.panel{margin-top:22px!important}
  .question-screen .question{margin-bottom:14px;font-size:18px;line-height:1.35}
  .question-screen .options{gap:12px}
  .question-screen .option,
  .chat-task-screen .option,
  .program-question-panel .option{min-height:56px;padding:15px 17px;border:1px solid #dedede;border-radius:16px;font-size:18px;line-height:1.35}
  .question-screen .option small{margin-top:4px;font-size:14px;line-height:1.4}
  .question-screen .option__marker,
  .chat-task-screen .option__marker,
  .program-question-panel .option__marker{flex-basis:24px;width:24px;height:24px;font-size:12px}
}

/* Mobile hero follows the compact first-screen rhythm of the cybersecurity funnel. */
@media(max-width:767px){
  .intro-screen{min-height:auto;margin:10px 0 24px;padding:14px;border-radius:22px;animation:none}
  .intro-screen__main{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .intro-screen__content{display:contents}
  .intro-screen__content>.hero-kicker{order:1;margin:0 0 16px;padding:7px 12px;font-size:13px;line-height:1}
  .intro-screen__content>h1{order:2;font-size:clamp(25px,6.8vw,28px);line-height:1.04;letter-spacing:-.035em}
  .intro-screen__content>.lead{order:3;margin-top:10px;font-size:14px;line-height:1.4}
  .intro-screen__main>.hero-visual{order:4;width:100%;height:clamp(146px,20vh,164px);min-height:0;margin-top:12px;padding:11px;border-radius:18px;background-position:center 38%}
  .intro-screen .hero-visual>.eyebrow{margin:0;padding:5px 8px;font-size:9px}
  .intro-screen .visual-window{margin-top:0;border-radius:12px}
  .intro-screen .visual-window__head{padding:7px 10px;font-size:10px}
  .intro-screen .visual-window__body{gap:4px;padding:0 10px 9px}
  .intro-screen .metric{padding:5px 7px;border-radius:8px;font-size:10px}
  .intro-screen__content>.intro-stickers{display:none}
  .intro-screen .intro-stickers span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dedede;border-radius:12px;background:#fff!important;font-size:11px;font-weight:600;line-height:1.25}
  .intro-screen .intro-stickers span::before,
  .intro-screen .intro-stickers span+span::before{display:grid;flex:0 0 19px;width:19px;height:19px;margin:0;place-items:center;border-radius:50%;background:#59c7ff;color:#111;font-size:10px;font-weight:800;content:"✓"}
  .intro-screen>.actions{margin-top:12px;padding:0}
  .intro-screen>.actions .primary{width:100%;min-height:54px;border:0;border-radius:999px;background:#3d3bff;color:#fff;box-shadow:0 12px 32px -10px rgba(61,59,255,.65);-webkit-appearance:none;appearance:none}
  .intro-benefits-block{margin-top:10px}
  .feature-grid.intro-benefits{display:grid;gap:0;margin:0;padding:3px 12px;border:1px solid #dedede;border-radius:16px;background:#fff}
  .intro-benefits .feature,.intro-benefits .feature:nth-child(n){display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:9px 0;border:0;border-bottom:1px solid #e6e6e6;border-radius:0;background:transparent}
  .intro-benefits .feature:last-child{border-bottom:0}
  .intro-benefits .feature::before{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;background:#efefff;color:#3d3bff;font-size:9px}
  .intro-benefits .feature b{font-size:13px;line-height:1.25}
  .intro-benefits .feature span{display:none}
}

/* More breathing room for the five opening diagnostic questions. */
@media(max-width:800px){
  .diagnostic-question-screen .eyebrow{margin-bottom:12px}
  .diagnostic-question-screen h2{font-size:26.4px;line-height:1.08}
  .diagnostic-question-screen .lead{margin-top:15px}
}

/* Keep the simulation setup legible at the same mobile scale as the questions. */
@media(max-width:800px){
  .simulation-build-screen.screen--single{min-height:calc(100vh - 100px);padding:14px 0}
  .simulation-build-card{padding:22px 18px}
  .simulation-build-orbit{margin-bottom:18px}
  .simulation-build-card .lead,
  .simulation-ready-card .lead{font-size:16px;line-height:1.4}
  .simulation-build-list{gap:7px;margin-top:20px}
  .simulation-build-list .loading-item{min-height:52px;padding:10px 14px;font-size:15px;line-height:1.35}
  .simulation-build-final{font-size:14px;line-height:1.35}
  .simulation-ready-details span{padding:9px 12px;font-size:13px;line-height:1.25}
}

/* Use the opening-question scale across the custom mobile tasks. */
@media(max-width:800px){
  .simulation-question-screen h2,
  .support-task__message h2,
  .decision-task h2,
  .mvp-builder__head h2{font-size:26.4px;line-height:1.08}
  .mvp-brief h1{font-size:26.4px;line-height:1.08}
  .support-task__message>p,
  .mvp-brief__body>p,
  .decision-task>div>p:not(.eyebrow){font-size:16px;line-height:1.5}
  .support-task__goal span,
  .mvp-brief__rules small,
  .decision-focus__help{font-size:14px;line-height:1.4}
  .mvp-brief__rules b{font-size:16px;line-height:1.3}
  .client-path-messages>button,
  .mvp-candidate,
  .decision-option{min-height:56px;padding:15px 17px;border-radius:16px}
  .client-path-messages small,
  .mvp-candidate b,
  .decision-option b{font-size:18px;line-height:1.35}
  .client-path-messages b,
  .mvp-candidate small{font-size:12px}
  .client-path-slot p,
  .support-stage__card,
  .mvp-slot b{font-size:16px;line-height:1.4}
  .chat-answer-option__bubble{max-width:88%;padding:15px 17px;border-radius:18px 18px 6px 18px;font-size:18px;line-height:1.35}
  .decision-focus h3{font-size:24px;line-height:1.1}
  .decision-focus__help{margin-top:10px;margin-bottom:16px}
  .question-screen .primary,
  .program-question-panel .primary{min-height:54px;padding:14px 18px;font-size:16px}
  .workday-status button{font-size:13px}
  .workday-status__now small{font-size:10px}
  .workday-status__now time{font-size:18px}
  .workday-status strong{font-size:10px}
  .workday-status__timeline{font-size:10px}
  .workday-status__timeline>span>small{font-size:9px}
  .support-task__author b,
  .mvp-brief>header b,
  .decision-task>header b{font-size:14px}
  .support-task__author small,
  .mvp-brief>header small,
  .decision-task>header small{font-size:12px}
  .support-task__message>span,
  .mvp-brief__body>span,
  .mvp-builder__head>div>span,
  .decision-focus__counter{font-size:11px}
  .client-path-slot span{font-size:11px}
  .mvp-builder__head>strong{font-size:12px}
  .mvp-choice-panel>header b,
  .mvp-selection-panel>header b{font-size:16px}
  .mvp-choice-panel>header span,
  .mvp-selection-panel>header span{font-size:14px;line-height:1.35}
  .mvp-coverage__head b{font-size:14px}
  .mvp-coverage__head>span{font-size:12px}
  .mvp-coverage>p,
  .mvp-coverage>div:last-child span{font-size:13px;line-height:1.4}
  .decision-task__formula span{font-size:12px}
  .decision-step span{font-size:11px}
  .decision-focus>small{font-size:12px;line-height:1.4}
  .chat-reply-panel>span{font-size:13px}
  .chat-task-screen .messenger-group:not(.messenger-group--user) .messenger-bubble{width:auto;max-width:100%}
}

@media(max-width:520px){
  .workday-status__top{gap:7px}
  .workday-status__clock{flex-basis:28px;width:28px;height:28px}
  .decision-step span{font-size:10px}
}

/* Screen 11: one readable type scale across the brief, dashboard and answer. */
@media(max-width:800px){
  .simulation-question-screen--sales_interview .task-reminder__meta b{font-size:13px}
  .simulation-question-screen--sales_interview .task-reminder__meta time{font-size:11px}
  .simulation-question-screen--sales_interview .task-reminder p{font-size:15px;line-height:1.4}
  .simulation-question-screen--sales_interview .task-reminder p span{font-size:11px;line-height:1.2}
  .simulation-question-screen--sales_interview .task-context span{font-size:11px}
  .simulation-question-screen--sales_interview .task-context p{font-size:14px;line-height:1.4}
  .simulation-question-screen--sales_interview h2{font-size:26px;line-height:1.08}
  .simulation-question-screen--sales_interview .screen11-guide{font-size:14px;line-height:1.45}
  .simulation-question-screen--sales_interview .option{font-size:16px;line-height:1.4}
  .simulation-question-screen--sales_interview .excel-titlebar{font-size:11px}
  .simulation-question-screen--sales_interview .excel-titlebar b{font-size:13px}
  .simulation-question-screen--sales_interview .excel-ribbon,
  .simulation-question-screen--sales_interview .excel-formula{font-size:10px}
  .simulation-question-screen--sales_interview .excel-table{font-size:12px}
  .simulation-question-screen--sales_interview .excel-table th,
  .simulation-question-screen--sales_interview .excel-table td{line-height:1.25}
  .simulation-question-screen--sales_interview .excel-insight span{font-size:11px}
  .simulation-question-screen--sales_interview .excel-insight strong{font-size:14px}
  .simulation-question-screen--sales_interview .excel-insight b{font-size:11px}
  .simulation-question-screen--sales_interview .excel-tabs{font-size:11px}
  .simulation-question-screen--sales_interview .screen11-success__status{font-size:11px}
  .simulation-question-screen--sales_interview .screen11-mentor-reply b{font-size:12px}
  .simulation-question-screen--sales_interview .screen11-mentor-reply p{font-size:14px;line-height:1.45}
  .simulation-question-screen--sales_interview .screen11-mentor-reply .screen11-transfer{font-size:13px;line-height:1.45}
}

/* Screen 12: one workspace frame and a clear reading order. */
@media(min-width:801px){
  .support-signals-screen.screen--single{max-width:1180px}
  .support-signals-screen>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 20px;align-items:start}
  .support-signals-screen .workday-status{grid-column:1/-1}
  .support-signals-screen .support-task{grid-column:1;margin:0}
  .support-signals-screen .support-task__message{grid-column:1/-1}
  .support-signals-screen .support-solution{grid-column:2;min-width:0}
}
@media(max-width:800px){
  .support-signals-screen .support-task__message{grid-column:1/-1}
  .support-signals-screen .support-solution{padding:14px;border-color:#e2e2e6;border-radius:18px}
  .support-signals-screen .support-solution__head{order:1;display:flex;align-items:baseline;margin-bottom:0}
  .support-signals-screen .support-solution__head span{font-size:17px}
  .support-signals-screen .support-solution__head small{font-size:13px}
  .support-signals-screen .client-path-slots{order:2}
  .support-signals-screen .client-path-undo{order:3}
  .support-signals-screen .support-solution>.mentor-hint{order:4}
  .support-signals-screen .client-path-messages{order:5}
  .support-signals-screen .client-path-success{order:6}
  .support-signals-screen .support-restart{order:7}
  .support-signals-screen .support-solution>.actions{order:8}
  .support-signals-screen .client-path-slot{padding:12px;border-color:#c9c9d1;border-radius:14px}
  .support-signals-screen .client-path-slot.is-filled{border-color:transparent;background:#f0efff;box-shadow:inset 3px 0 0 #3d3bff}
  .support-signals-screen .client-path-slot span{font-size:11px}
  .support-signals-screen .client-path-slot p{font-size:16px;line-height:1.4}
  .support-signals-screen .client-path-messages>span{font-size:11px}
  .support-signals-screen .client-path-messages>button{min-height:56px;padding:12px 14px;border-color:#e2e2e6;border-radius:14px}
  .support-signals-screen .client-path-messages b{font-size:12px}
  .support-signals-screen .client-path-messages small{font-size:15px;line-height:1.4}
  .support-signals-screen .client-path-success{padding:14px;border-radius:14px}
  .support-signals-screen .client-path-success h3{font-size:16px}
  .support-signals-screen .client-path-success p{font-size:14px;line-height:1.4}
  .support-signals-screen .client-path-success small{font-size:13px;line-height:1.4}
}

/* Contrast guard: black pills, buttons and frames always use white text. */
.eyebrow{color:#fff!important}
.intro-screen__content>.eyebrow{color:#000!important}
.result-hero .back,
.program-result-page>footer .primary,
.program-course-link,
.route-fit-next .primary,
.fit-result-next .primary,
.career-consult__action .primary{color:#fff!important}

/* Focused feedback popups for simulation tasks. */
.program-insight-modal{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:18px}
#app>:has(>.program-insight-modal){animation:none!important;transform:none!important}
.program-insight-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);cursor:pointer}
.program-insight-modal__card{position:relative;width:min(100%,390px);padding:28px 24px 24px;border:1px solid #3d3d46;border-radius:26px;background:#17171d;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.48);animation:program-insight-in .24s ease both}
.program-insight-modal__close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid #484851;border-radius:50%;background:#24242b;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.program-insight-modal__card>span{display:block;margin:0 44px 12px 0;color:#59c7ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.program-insight-modal__card h3{max-width:310px;margin:0;color:#fff;font-size:24px;line-height:1.12}
.program-insight-modal__card p{margin:14px 0 0;color:#e1e1e6;font-size:15px;line-height:1.5}
.program-insight-modal__card .primary{min-height:52px;margin-top:22px;border:0;background:#3d3bff;color:#fff;box-shadow:none}
.screen11-success-modal .program-insight-modal__card{width:min(100%,500px);max-height:calc(100svh - 36px);overflow-y:auto;overscroll-behavior:contain;border-color:#d9d9e1;background:#fff;color:#111;box-shadow:0 24px 70px rgba(29,29,39,.22)}
.screen11-success-modal .program-insight-modal__close{border-color:#d8d8df;background:#f0efff;color:#3d3bff}
.screen11-success-modal .screen11-success__status{margin:0 44px 14px 0}
.screen11-success-modal .screen11-mentor-reply{grid-template-columns:38px minmax(0,1fr);padding:14px}
.screen11-success-modal .screen11-mentor-reply .messenger-avatar{width:38px;height:38px}
.screen11-success-modal .screen11-mentor-reply h3{margin:5px 0 8px;color:#111;font-size:21px;line-height:1.15}
.screen11-success-modal .screen11-mentor-reply p{color:#292936;font-size:14px;line-height:1.45}
.screen11-success-modal .screen11-transfer{color:#45455a;font-size:12px}
@keyframes program-insight-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:520px){.program-insight-modal{align-items:end;padding:12px}.program-insight-modal__card{max-height:calc(100svh - 24px);padding:22px 16px 16px;border-radius:22px}.program-insight-modal__card h3{font-size:22px}.program-insight-modal__card p{font-size:15px}.screen11-success-modal .program-insight-modal__card{width:100%;max-height:calc(100svh - 24px)}.screen11-success-modal .screen11-success__status{margin-bottom:10px}.screen11-success-modal .screen11-mentor-reply{grid-template-columns:34px minmax(0,1fr);padding:12px}.screen11-success-modal .screen11-mentor-reply .messenger-avatar{width:34px;height:34px}.screen11-success-modal .screen11-mentor-reply h3{font-size:19px}.screen11-success-modal .screen11-mentor-reply p{font-size:13px}.screen11-success-modal .program-insight-modal__card>.primary{width:100%;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.program-insight-modal__card{animation:none}}

/* Screen 13: AS-IS process artifact. The product shell is defined by shared primitives below. */
.process-task-screen{
  --ui-accent:#3d3bff;
  --ui-accent-hover:#302ee6;
  --ui-accent-soft:#eaf2ff;
  --ui-accent-focus:rgba(61,59,255,.24);
  --shadow-primary:0 7px 18px rgba(61,59,255,.18);
}
.task-screen-shell__inner>.mentor-message--default{position:relative;overflow:hidden}
.task-screen-shell__inner>.mentor-message--default::before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-accent) 68%,var(--ui-surface)) 0%,var(--ui-accent) 50%,color-mix(in srgb,var(--ui-accent) 78%,var(--ui-surface)) 100%);background-size:100% 220%;content:"";animation:mentor-message-accent-shimmer 4.4s ease-in-out infinite alternate}
@keyframes mentor-message-accent-shimmer{from{background-position:0 0}to{background-position:0 100%}}
@media(prefers-reduced-motion:reduce){.task-screen-shell__inner>.mentor-message--default::before{animation:none;background-position:0 50%}}
.process-task-screen .mentor-message__text{display:grid;gap:var(--space-2);max-width:720px}
.process-task-screen .mentor-message__text p{margin:0}
.process-task-screen .mentor-message__text p:first-child{margin-top:var(--space-2)}
:is(
  .mentor-message,
  .workday-result-card__mentor,
  .combined-interview-message--olga,
  .case-chat-message,
  .combined-interview-brief,
  .mentor-hint,
  .internship-olga,
  .culmination-olga-comment,
  .tool-match-open-loop,
  .ai-sql-open-loop,
  .recommendation-finish,
  .internship-report-preview__mentor
) :is(p,li) :is(strong,b){color:var(--ui-mentor-emphasis);font-weight:400}
.process-task-screen .workspace-header__title h2{margin:0}
.process-task-screen .hint-button{border-color:var(--ui-accent-focus)}
.process-task-screen .task-actions .task-action--support{color:var(--ui-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.process-task-screen .task-actions .task-action--support:hover{border-color:transparent;background:var(--ui-accent-soft);color:var(--ui-accent-hover)}
.process-task-screen :is(.hint-button,.asis-action-card,.asis-process-node,.asis-drop-zone,.task-actions button):focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.asis-action-bank{padding:var(--space-4);border-right:1px solid #e8e9ef;background:linear-gradient(150deg,#fff,#fafbfe)}
.asis-action-bank>header{margin-bottom:var(--space-3)}
.asis-action-bank h2{font-size:25px;line-height:1.06;letter-spacing:-.035em}
.asis-action-bank header p{margin:5px 0 0;color:#737887;font-size:12px;line-height:1.4}
.asis-action-bank>div{display:grid;gap:var(--space-2)}
.asis-action-card{--tone:#4f49df;--tone-bg:#efefff;--tone-border:#d9d8f8;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;min-height:54px;padding:8px 9px;border:1px solid #e6e7ec;border-radius:13px;background:#fff;color:#282c3c;text-align:left;box-shadow:0 4px 13px rgba(39,45,70,.045);cursor:grab;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}
.asis-action-card:hover,.asis-action-card.is-selected{border-color:var(--tone-border);background:color-mix(in srgb,var(--tone-bg) 42%,#fff);box-shadow:0 8px 20px rgba(61,59,255,.08);transform:translateY(-1px)}
.process-task-screen .asis-action-card:hover,.process-task-screen .asis-action-card.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 3px var(--ui-accent-focus)}
.asis-action-card:active{cursor:grabbing}
.asis-action-card.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 12%,transparent)}
.asis-action-card>span:nth-child(2){font-size:12px;font-weight:600;line-height:1.3}
.asis-card-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--tone-bg);color:var(--tone)}
.asis-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.asis-drag-handle{color:#c1c3d3;font-size:19px;font-style:normal;line-height:1;transition:color .18s ease}
.asis-action-card:hover .asis-drag-handle{color:var(--tone)}
.process-task-screen .asis-action-card:hover .asis-drag-handle{color:var(--ui-accent)}
.asis-bank-empty{margin:0;padding:18px 10px;border:1px dashed #d8dae3;border-radius:13px;color:#777c8a;background:#fbfcff;font-size:12px;line-height:1.4;text-align:center}
.asis-tone--client{--tone:#15995a;--tone-bg:#e8f8ee;--tone-border:#bfe8ce}
.asis-tone--sales{--tone:#ee8d16;--tone-bg:#fff5e4;--tone-border:#f3d39c}
.asis-tone--system{--tone:#504aff;--tone-bg:#efefff;--tone-border:#cfccff}
.asis-tone--warehouse{--tone:#2d67f6;--tone-bg:#eaf2ff;--tone-border:#c7d8ff}
.asis-tone--address{--tone:#456ae8;--tone-bg:#edf3ff;--tone-border:#cfdbfb}
.asis-tone--delivery{--tone:#df3e72;--tone-bg:#ffedf3;--tone-border:#f5c9d7}
.asis-canvas{min-width:0;background:#fbfcff}
.asis-flow-scroll{padding:var(--space-4) var(--space-5);overflow:visible}
.asis-mobile-placement{display:none}
.asis-process-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}
.asis-process-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);align-items:center;min-width:0}
.asis-process-number{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text-muted);font-size:13px;font-weight:600;line-height:1}
.asis-drop-zone{position:relative;display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px dashed var(--ui-border);border-radius:var(--radius-card);background:var(--ui-surface);color:var(--ui-text-soft);box-shadow:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.asis-drop-zone b{font-size:20px;font-weight:400;line-height:1}
.asis-drop-zone em{font-size:13px;font-style:normal;line-height:1.3}
.asis-drop-zone:hover,.asis-drop-zone.is-ready,.asis-drop-zone.is-over{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-focus)}
.asis-process-row.is-filled>.asis-drop-zone{padding:0;border-style:solid;border-color:transparent;background:transparent}
.asis-process-row.is-filled>.asis-drop-zone.is-over{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.asis-process-node{--tone:#4f49df;--tone-bg:#efefff;--tone-border:#d9d8f8;position:relative;display:grid;width:100%;min-height:58px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto;gap:var(--space-3);align-items:center;padding:8px 72px 8px 10px;border:1px solid var(--tone-border);border-radius:var(--radius-card);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tone-bg) 45%,#fff));box-shadow:0 4px 13px rgba(39,45,70,.045);cursor:grab;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.asis-process-node:hover,.asis-process-node.is-selected{box-shadow:0 8px 20px color-mix(in srgb,var(--tone) 12%,transparent);transform:translateY(-1px)}
.process-task-screen .asis-process-node:hover,.process-task-screen .asis-process-node.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 3px var(--ui-accent-focus)}
.asis-process-node.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 12%,transparent),0 13px 30px rgba(39,45,70,.08)}
.asis-process-node .asis-card-icon{width:40px;height:40px}
.asis-process-node strong{grid-column:2;margin:0;color:#202431;font-size:13px;line-height:1.3}
.asis-node-remove{position:absolute;top:50%;right:8px;display:grid;width:26px;height:26px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#9b9fad;font-size:19px;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,background .16s ease,color .16s ease}
.asis-process-node:hover .asis-node-remove,.asis-process-node:focus-within .asis-node-remove{opacity:1}
.asis-node-remove:hover{background:#fff;color:#343949}
.asis-node-drag-handle{position:absolute;top:50%;right:43px;color:#b8bbca;font-size:18px;font-style:normal;line-height:1;transform:translateY(-50%);transition:color .16s ease,opacity .16s ease}
.asis-process-node:hover .asis-node-drag-handle,.asis-process-node.is-selected .asis-node-drag-handle{color:var(--tone)}
.process-task-screen .asis-process-node:hover .asis-node-drag-handle,.process-task-screen .asis-process-node.is-selected .asis-node-drag-handle{color:var(--ui-accent)}
.asis-node-check{position:absolute;top:50%;right:9px;display:none;width:23px;height:23px;place-items:center;border-radius:50%;background:#15995a;color:#fff;font-size:12px;transform:translateY(-50%);box-shadow:0 4px 9px rgba(21,153,90,.18)}
.asis-process-node.is-correct .asis-node-check{display:grid}
.asis-process-node.is-correct{border-color:color-mix(in srgb,var(--tone-border) 72%,#b9ddcf);box-shadow:0 8px 20px rgba(39,45,70,.055)}
.asis-process-node.is-problem,.asis-process-node.is-review{border-color:var(--ui-warning);background:var(--ui-warning-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-warning) 13%,transparent),0 11px 26px rgba(39,45,70,.07)}
.asis-action-card.is-dragging,.asis-process-node.is-dragging{opacity:.32;transform:scale(.98)}
.asis-process-node.is-just-dropped{animation:asis-snap .24s ease both}
@keyframes asis-snap{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tone) 22%,transparent);transform:scale(.97)}65%{box-shadow:0 0 0 7px transparent;transform:scale(1.015)}100%{transform:none}}
.asis-inline-feedback{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;margin:0 22px 20px;padding:13px 14px;border:1px solid var(--ui-warning);border-radius:var(--radius-control);background:var(--ui-warning-bg)}
.asis-inline-feedback>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--ui-warning);color:#fff;font-size:17px}
.asis-inline-feedback b{font-size:13px}
.asis-inline-feedback p{margin:4px 0 0;color:var(--ui-text-muted);font-size:12px;line-height:1.4}
.asis-controls{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(240px,330px);gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px solid rgba(36,40,65,.09);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(39,45,70,.05)}
.asis-controls .primary,.asis-controls .secondary{width:100%;min-height:52px}
.asis-controls .primary{border:0;box-shadow:0 9px 20px rgba(62,56,223,.17)}
.asis-controls .secondary{border:1px solid #d7d9e2;box-shadow:none}
.asis-success{margin-top:17px;padding:22px;border:1px solid #cfe4dc;border-radius:20px;background:linear-gradient(135deg,#fbfffd,#f7f8ff);box-shadow:0 15px 38px rgba(39,45,70,.07)}
.asis-success>header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start}
.asis-success>header>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#dff4e9;color:#16805b;font-size:19px}
.asis-success h2{font-size:23px;line-height:1.12}
.asis-success header p{max-width:820px;margin:8px 0 0;color:#5f6573;font-size:14px;line-height:1.5}
.asis-process-risks{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 12px 55px}
.asis-process-risks span{padding:8px 10px;border-radius:9px;background:#fff3e9;color:#8d5634;font-size:12px}
.asis-process-risks span::before{margin-right:6px;content:"!";font-weight:800}
.asis-problem-branches{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 0 55px}
.asis-problem-branches article{padding:11px 12px;border:1px solid #eadccd;border-radius:12px;background:#fffaf5}
.asis-problem-branches b,.asis-problem-branches span{display:block}
.asis-problem-branches b{color:#8d5634;font-size:11px}
.asis-problem-branches span{margin-top:4px;color:#665e58;font-size:12px;line-height:1.4}
.asis-success>p{margin:0 0 0 55px;color:#676d7c;font-size:12px}
.asis-success>.primary{display:block;width:min(100%,330px);min-height:52px;margin:18px 0 0 auto;border:0;box-shadow:0 9px 20px rgba(62,56,223,.17)}
.asis-learning-open-loop{padding:14px 16px;border-left:3px solid #514bea;border-radius:0 12px 12px 0;background:#f6f5ff}
.asis-learning-open-loop b{display:block;color:#514bea;font-size:11px}
.asis-learning-open-loop p{margin:5px 0 0;color:#4f5565;font-size:14px;line-height:1.45}
.process-hypothesis-screen.screen--single{max-width:1180px}
.process-hypothesis-screen>div{width:100%}
.hypothesis-workspace__body{padding:var(--space-5);background:var(--ui-bg)}
.hypothesis-process{padding:var(--space-4);border:1px solid var(--ui-border-soft);border-radius:var(--radius-card);background:var(--ui-surface)}
.hypothesis-process>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.hypothesis-process>header>div:first-child{min-width:0}
.hypothesis-process>header b{font-size:16px;font-weight:600}
.hypothesis-process>header small{display:block;margin-top:var(--space-1);color:var(--ui-text-muted);font-size:13px}
.hypothesis-process ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}
.hypothesis-process li{position:relative;display:grid;min-height:96px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:var(--space-2);padding:10px;border:1px solid var(--tone-border);border-radius:var(--radius-card);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tone-bg) 45%,#fff));box-shadow:0 4px 13px rgba(39,45,70,.045)}
.hypothesis-process li::after{position:absolute;top:50%;left:calc(100% + 5px);color:var(--ui-text-soft);content:"→";font-size:15px;transform:translateY(-50%)}
.hypothesis-process li:last-child::after{display:none}
.hypothesis-process li>span{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:var(--space-2);background:var(--ui-border-soft);color:var(--ui-text-muted);font-size:11px;font-weight:700}
.hypothesis-process li>div{display:contents}
.hypothesis-process li .asis-card-icon{width:32px;height:32px;border-radius:10px}
.hypothesis-process li .asis-card-icon svg{width:19px;height:19px}
.hypothesis-process__step-copy{display:block;min-width:0;grid-column:1/-1}
.hypothesis-process__step-copy>small{display:block;margin-bottom:2px;color:var(--tone);font-size:9px;font-weight:600;line-height:1.2}
.hypothesis-process li b{display:block;font-size:11px;font-weight:600;line-height:1.3}
.hypothesis-process li em{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--ui-accent);font-size:10px;font-style:normal;font-weight:600;line-height:1.2}
.hypothesis-process li em i{width:6px;height:6px;border-radius:50%;background:var(--ui-accent)}
.hypothesis-process li.is-observation{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.hypothesis-process li.is-observation>span{background:var(--ui-surface);color:var(--ui-accent)}
@media(min-width:761px){
  .hypothesis-process li{grid-template-columns:1fr;align-content:start}
  .hypothesis-process li>span{display:none}
  .hypothesis-process li .asis-card-icon{grid-column:1}
}
.hypothesis-workspace__progress{display:flex;justify-content:flex-end;margin-top:var(--space-4)}
.hypothesis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-2)}
.hypothesis-card{min-width:0;padding:var(--space-5);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-surface);box-shadow:var(--shadow-card)}
.hypothesis-card>header{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);align-items:start}
.hypothesis-card>header>span{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-weight:700}
.hypothesis-card header small{display:block;color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.hypothesis-card header h2{margin:var(--space-1) 0 0;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.hypothesis-link-label{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2) var(--space-9);color:var(--ui-text-muted);font-size:11px;font-weight:600}
.hypothesis-link-label i{color:var(--ui-accent);font-size:15px;font-style:normal}
.hypothesis-options{display:grid;gap:var(--space-2)}
.hypothesis-option{display:flex;width:100%;min-height:48px;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.hypothesis-option>span{width:18px;height:18px;flex:0 0 18px;border:1px solid var(--ui-text-soft);border-radius:50%;background:var(--ui-surface);box-shadow:inset 0 0 0 4px var(--ui-surface)}
.hypothesis-option:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.hypothesis-option:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.hypothesis-option.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 1px var(--ui-accent-focus)}
.hypothesis-option.is-selected>span{border-color:var(--ui-accent);background:var(--ui-accent)}
.hypothesis-option:disabled{cursor:default;opacity:1;transform:none}
.hypothesis-correct-link{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;margin-top:12px;padding:11px 12px;border:1px solid #cfe4dc;border-radius:11px;background:#f2faf6}
.hypothesis-correct-link>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#16805b;color:#fff;font-size:13px}
.hypothesis-correct-link small,.hypothesis-correct-link b{display:block}
.hypothesis-correct-link small{color:#5e756c;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hypothesis-correct-link b{margin-top:3px;color:#285b49;font-size:12px;line-height:1.35}
.hypothesis-result{margin-top:15px;padding:22px;border:1px solid #eadccd;border-radius:19px;background:linear-gradient(135deg,#fffaf5,#f8f8ff);box-shadow:0 13px 34px rgba(39,45,70,.065)}
.hypothesis-result.is-strong{border-color:#cfe4dc;background:linear-gradient(135deg,#f8fffb,#f8f8ff)}
.hypothesis-result>header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}
.hypothesis-result>header>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#f4e6d8;color:#9a6039;font-size:18px}
.hypothesis-result.is-strong>header>span{background:#dff4e9;color:#16805b}
.hypothesis-result h2{font-size:23px}
.hypothesis-result header p{max-width:850px;margin:7px 0 0;color:#5f6573;font-size:14px;line-height:1.5}
.hypothesis-learning{margin:17px 0 0 54px;padding:16px;border:1px solid #d9d8ff;border-radius:14px;background:#f5f4ff}
.hypothesis-learning>small{color:#514bea;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.hypothesis-learning h3{margin:5px 0;font-size:19px}
.hypothesis-learning>p{margin:0;color:#565c6b;font-size:13px;line-height:1.45}
.hypothesis-learning>div{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px 0;padding:10px;border-radius:10px;background:#fff}
.hypothesis-learning>div b{font-size:12px}
.hypothesis-learning>div i{color:#514bea;font-style:normal}
.hypothesis-learning>strong{display:block;color:#373c4b;font-size:12px}
.hypothesis-open-loop{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;align-items:start;margin:12px 0 0 54px;padding:12px 14px;border-left:3px solid #514bea;border-radius:0 11px 11px 0;background:#fff}
.hypothesis-open-loop>.mentor-hint__avatar{width:39px;height:39px;flex-basis:39px}
.hypothesis-open-loop b{display:block;color:#514bea;font-size:10px}
.hypothesis-open-loop p{margin:4px 0 0;color:#555b6b;font-size:12px;line-height:1.4}
.hypothesis-result>.primary{display:block;width:min(100%,330px);min-height:52px;margin:16px 0 0 auto;border:0;box-shadow:0 9px 20px rgba(62,56,223,.17)}
#app>.visual-choice-screen.flow-screen{width:min(1180px,100%)}
.visual-choice-screen{
  --ui-accent:#3d3bff;
  --ui-accent-hover:#302ee6;
  --ui-accent-soft:#eaf2ff;
  --ui-accent-focus:rgba(61,59,255,.24);
  --shadow-primary:0 7px 18px rgba(61,59,255,.18);
}
body:has(#app>.visual-choice-screen) .progress span{background:var(--ui-accent)}
#app>.visual-choice-screen .workday-status__timeline b{background:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}
.visual-choice-screen.task-screen-shell.flow-screen .task-heading{display:grid;max-width:none;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-6);align-items:center}
.visual-choice-screen .task-heading>h1,.visual-choice-screen .task-heading>p{grid-column:1}
.visual-choice-workspace__body{padding:var(--space-4) var(--space-5) var(--space-5);background:var(--ui-bg)}
.visual-choice-workspace .visual-choice-data{display:grid;grid-template-columns:minmax(300px,1fr) minmax(500px,1.1fr);gap:var(--space-5);padding:var(--space-4) var(--space-5)}
.visual-choice-data__title{min-width:0}
.visual-choice-data__title small{display:block;color:var(--ui-text-muted);font-size:13px;line-height:1.4}
.visual-choice-data__title h2{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:22px;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.visual-choice-data__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.visual-choice-data__metrics article{display:grid;min-height:64px;grid-template-columns:12px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--ui-accent-soft)}
.visual-choice-data__metrics article:last-child{background:var(--ui-warning-bg)}
.visual-choice-data__metrics article>span{width:12px;height:12px;border-radius:50%;background:var(--ui-accent)}
.visual-choice-data__metrics article:last-child>span{background:var(--ui-warning)}
.visual-choice-data__metrics small{display:block;color:var(--ui-text);font-size:13px;line-height:1.4}
.visual-choice-data__metrics strong{display:block;margin-top:var(--space-1);color:var(--ui-text);font-size:20px;line-height:1.1;white-space:nowrap}
.visual-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.visual-choice-card{appearance:none;display:grid;min-height:238px;grid-template-rows:auto 1fr;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-surface);color:var(--ui-text);font:inherit;text-align:left;box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.visual-choice-card:not(:disabled):hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.visual-choice-card:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.visual-choice-card.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.visual-choice-card.is-correct{border-color:var(--ui-success);background:var(--ui-success-bg);box-shadow:none}
.visual-choice-card.is-review{border-color:var(--ui-warning);background:var(--ui-warning-bg);box-shadow:none}
.visual-choice-card:disabled{cursor:default;opacity:1}
.visual-choice-card>header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:center}
.visual-choice-card>header>span{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:12px;font-weight:700}
.visual-choice-card.is-correct>header>span{background:var(--ui-success-bg);color:var(--ui-success)}
.visual-choice-card.is-review>header>span{background:var(--ui-warning-bg);color:var(--ui-warning)}
.visual-choice-card>header b,.visual-choice-card>header small{display:block}
.visual-choice-card>header b{font-size:15px;font-weight:600;line-height:1.25}
.visual-choice-card>header small{margin-top:var(--space-1);color:var(--ui-text-muted);font-size:11px;line-height:1.3}
.visual-choice-bars{display:flex;height:154px;align-items:flex-end;justify-content:center;gap:var(--space-8);padding:var(--space-3) var(--space-6) 0;border-radius:var(--radius-control);background:linear-gradient(var(--ui-border-soft) 1px,transparent 1px);background-size:100% 34px}
.visual-choice-bars>div{display:grid;height:100%;grid-template-rows:1fr auto auto;justify-items:center;gap:var(--space-1)}
.visual-choice-bars i{width:58px;height:var(--height);align-self:end;border-radius:var(--space-2) var(--space-2) 2px 2px;background:var(--ui-accent)}
.visual-choice-bars>div:last-child i{background:var(--ui-warning)}
.visual-choice-bars b{font-size:12px;font-weight:600}
.visual-choice-bars span{color:var(--ui-text-muted);font-size:10px}
.visual-choice-line{display:grid;height:154px;grid-template-rows:1fr auto;padding:var(--space-2) var(--space-3) var(--space-1);border-radius:var(--radius-control);background:linear-gradient(var(--ui-border-soft) 1px,transparent 1px);background-size:100% 34px}
.visual-choice-line svg{width:100%;height:118px;overflow:visible}
.visual-choice-line path{fill:none;stroke:var(--ui-accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.visual-choice-line circle{fill:var(--ui-surface);stroke:var(--ui-accent);stroke-width:3}
.visual-choice-line>div{display:flex;justify-content:space-between;color:var(--ui-text-muted);font-size:9px}
.visual-choice-pie{display:flex;height:154px;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-2);border-radius:var(--radius-control);background:var(--ui-bg)}
.visual-choice-pie>i{width:116px;height:116px;border-radius:50%;background:conic-gradient(var(--ui-accent) 0 25%,var(--ui-warning) 25%);box-shadow:inset 0 0 0 22px var(--ui-surface)}
.visual-choice-pie>div{display:grid;gap:var(--space-3)}
.visual-choice-pie span{display:flex;align-items:center;gap:var(--space-2);color:var(--ui-text-muted);font-size:10px}
.visual-choice-pie span b{width:10px;height:10px;border-radius:var(--space-1);background:var(--ui-accent)}
.visual-choice-pie span:last-child b{background:var(--ui-warning)}
.visual-choice-pie span em{font-style:normal}
.visual-choice-pie span strong{display:block;margin-top:var(--space-1);color:var(--ui-text);font-size:12px;font-weight:600}
.visual-choice-table{align-self:stretch;margin-top:2px;border:1px solid var(--ui-border);border-radius:var(--radius-control);overflow:hidden;background:var(--ui-surface)}
.visual-choice-table>div{display:grid;grid-template-columns:1fr 1fr;min-height:45px;align-items:center;padding:0 var(--space-3)}
.visual-choice-table>div+div{border-top:1px solid var(--ui-border-soft)}
.visual-choice-table>div:first-child{min-height:38px;background:var(--ui-bg);color:var(--ui-text-muted)}
.visual-choice-table b{font-size:10px;font-weight:600}
.visual-choice-table span,.visual-choice-table strong{font-size:12px}
.visual-choice-table strong{text-align:right}
.visual-choice-result{margin:0;padding:var(--space-5);border:1px solid var(--ui-border);border-radius:var(--radius-workspace);background:var(--ui-surface)}
.visual-choice-result>header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:start}
.visual-choice-result>header>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--ui-warning-bg);color:var(--ui-warning);font-size:18px}
.visual-choice-result.is-strong>header>span{background:var(--ui-success-bg);color:var(--ui-success)}
.visual-choice-result h2{font-size:22px;line-height:1.12}
.visual-choice-result header p{max-width:850px;margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}
.visual-choice-insight{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.visual-choice-insight small{color:var(--ui-accent);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.visual-choice-insight h3{margin:var(--space-1) 0;font-size:18px;font-weight:600}
.visual-choice-insight p{margin:0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}
.visual-choice-insight ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0;padding:0;list-style:none}
.visual-choice-insight li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--ui-surface)}
.visual-choice-insight li span{color:var(--ui-text-muted);font-size:11px}
.visual-choice-insight li b{font-size:12px;font-weight:600}
.visual-choice-open-loop{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:start;margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--ui-border-soft)}
.visual-choice-open-loop>.mentor-hint__avatar{width:40px;height:40px;flex-basis:40px}
.visual-choice-open-loop b{display:block;font-size:13px;font-weight:600}
.visual-choice-open-loop p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}
.visual-choice-result>.primary{display:block;width:320px;max-width:100%;min-height:58px;margin:var(--space-4) 0 0 auto;border-color:var(--ui-accent);border-radius:var(--radius-control);background:var(--ui-accent);box-shadow:var(--shadow-primary)}
.visual-choice-workspace .task-actions__support .secondary{min-width:210px}
.asis-interview-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px}
.asis-interview-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(17,19,29,.62);backdrop-filter:blur(4px);cursor:pointer}
.asis-interview-modal>section{position:relative;width:min(100%,470px);padding:27px 24px 23px;border:1px solid #dedfe6;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28);animation:program-insight-in .2s ease both}
.asis-interview-modal__close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid #dedfe6;border-radius:50%;background:#f7f8fb;color:#424757;font-size:20px;cursor:pointer}
.asis-interview-modal section>span{color:#514bea;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.asis-interview-modal h2{max-width:370px;margin-top:7px;font-size:25px}
.asis-interview-modal__intro{margin:0 44px 0 0;color:#444a5a;font-size:14px;font-weight:400;line-height:1.45}
.asis-interview-modal ul{display:grid;gap:8px;margin:19px 0 0;padding:0;list-style:none}
.asis-interview-modal li{padding:13px 14px;border:1px solid #e6e7ed;border-radius:12px;background:#fafbfe;color:#444a5a;font-size:13px;line-height:1.4}
.asis-interview-modal li::before{margin-right:8px;color:#514bea;content:"—"}
.asis-interview-modal .primary{min-height:50px;margin-top:19px;border:0;box-shadow:0 9px 20px rgba(62,56,223,.17)}

@media(max-width:900px){
  .visual-choice-workspace .visual-choice-data{grid-template-columns:1fr}
  .visual-choice-insight{grid-template-columns:1fr}
  .hypothesis-process{overflow:hidden}
  .hypothesis-process ol{grid-template-columns:repeat(7,136px);overflow-x:auto;padding:5px 2px 10px;scrollbar-width:thin}
  .hypothesis-grid{grid-template-columns:1fr}
  .asis-controls{grid-template-columns:1fr 1fr}
}

@media(max-width:860px) and (min-width:761px){
  .asis-action-bank{border-right:0;border-bottom:1px solid #e8e9ef}
  .asis-action-bank>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .visual-choice-screen.task-screen-shell.flow-screen .task-heading{grid-template-columns:1fr}
  .visual-choice-workspace__body{padding:var(--space-4)}
  .visual-choice-workspace .visual-choice-data{gap:var(--space-3);padding:var(--space-4)}
  .visual-choice-data__metrics{grid-template-columns:1fr}
  .visual-choice-grid{grid-template-columns:1fr}
  .visual-choice-card{min-height:230px;padding:var(--space-4)}
  .visual-choice-insight ul{grid-template-columns:1fr}
  .visual-choice-result{padding:var(--space-4)}
  .visual-choice-result>header{grid-template-columns:36px minmax(0,1fr)}
  .visual-choice-result>header>span{width:36px;height:36px}
  .visual-choice-result>.primary{width:100%}
  .hypothesis-workspace__body{padding:var(--space-4)}
  .hypothesis-process>header{align-items:flex-start;flex-direction:column;gap:5px}
  .hypothesis-process ol{position:relative;grid-template-columns:1fr;gap:var(--space-1);overflow:visible;padding:0}
  .hypothesis-process ol::before{position:absolute;top:24px;bottom:24px;left:12px;width:1px;background:var(--ui-border);content:""}
  .hypothesis-process li{min-height:48px;grid-template-columns:24px minmax(0,1fr);gap:var(--space-3);padding:0;border:0;background:transparent}
  .hypothesis-process li::after{display:none}
  .hypothesis-process li>span{position:relative;z-index:1}
  .hypothesis-process li>div{display:grid;width:100%;grid-template-columns:32px minmax(0,1fr);gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface)}
  .hypothesis-process__step-copy{grid-column:auto}
  .hypothesis-process li.is-observation{border:0;background:transparent;box-shadow:none}
  .hypothesis-process li.is-observation>div{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
  .hypothesis-process li b{font-size:13px}
  .hypothesis-grid{grid-template-columns:1fr}
  .hypothesis-card{padding:16px}
  .hypothesis-learning,.hypothesis-open-loop{margin-left:0}
  .hypothesis-learning>div{align-items:flex-start;flex-direction:column}
  .hypothesis-learning>div i{transform:rotate(90deg)}
  .hypothesis-result{padding:18px 15px}
  .hypothesis-result>header{grid-template-columns:36px minmax(0,1fr)}
  .hypothesis-result>header>span{width:36px;height:36px}
  .hypothesis-result>.primary{width:100%}
  .asis-action-bank{padding:15px 13px;border-right:0;border-bottom:1px solid #e8e9ef;border-radius:18px 18px 0 0}
  .asis-action-bank>header{margin-bottom:12px}
  .asis-action-bank>div{grid-template-columns:1fr}
  .asis-action-card{min-height:55px}
  .asis-action-card>span:nth-child(2){font-size:13px}
  .asis-flow-scroll{padding:var(--space-4)}
  .asis-mobile-placement{display:grid;min-height:48px;grid-template-columns:minmax(0,1fr) 32px;gap:var(--space-3);align-items:center;margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--ui-accent);border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-text);font-size:13px;line-height:1.4}
  .asis-mobile-placement b,.asis-mobile-placement p{margin:0}
  .asis-mobile-placement b{display:block;font-size:13px;font-weight:600}
  .asis-mobile-placement p{margin-top:var(--space-1);color:var(--ui-accent)}
  .asis-mobile-placement button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid var(--ui-border);border-radius:var(--radius-pill);background:var(--ui-surface);color:var(--ui-text-muted);font-size:18px;cursor:pointer}
  .asis-process-row{grid-template-columns:32px minmax(0,1fr);gap:var(--space-2)}
  .asis-process-number{width:32px;height:32px}
  .asis-process-row.is-placement-target>.asis-process-number{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent)}
  .asis-process-row.is-filled.is-placement-target .asis-process-node{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent-focus)}
  .asis-drop-zone{min-height:60px;padding:0 var(--space-3)}
  .asis-process-node{min-height:60px;padding:8px 42px 8px 9px}
  .asis-process-node .asis-card-icon{width:40px;height:40px}
  .asis-process-node strong{font-size:13px}
  .asis-node-remove,.asis-node-check{top:50%;right:10px;opacity:1;transform:translateY(-50%)}
  .asis-node-drag-handle{display:none}
  .asis-process-node:hover,.asis-process-node.is-selected{transform:none}
  .asis-inline-feedback{margin:0 14px 15px}
  .asis-success{padding:17px 14px;border-radius:17px}
  .asis-success>header{grid-template-columns:36px minmax(0,1fr);gap:10px}
  .asis-success>header>span{width:36px;height:36px}
  .asis-success h2{font-size:20px}
  .asis-success header p{font-size:13px}
  .asis-process-risks{display:grid;margin:14px 0 11px}
  .asis-problem-branches{grid-template-columns:1fr;margin:11px 0 0}
  .asis-success>p{margin-left:0}
  .asis-success>.primary{width:100%;margin-top:16px}
  .asis-interview-modal{align-items:end;padding:12px}
  .asis-interview-modal>section{padding:23px 16px 16px;border-radius:20px}
}

@media(prefers-reduced-motion:reduce){.asis-process-node.is-just-dropped,.asis-interview-modal>section{animation:none}.asis-action-card,.asis-process-node,.asis-drop-zone{transition:none}}

/* Screen 17: calculated profession fit, strengths and skill chart. */
.fit-result-screen.screen--single{display:block;max-width:900px;padding:16px;background:#f5f5f5}
.fit-result-screen>.question-back{margin:0 0 12px;background:#fff}
.fit-result-page{border:1px solid #cfcfd7;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(29,29,39,.1);overflow:hidden}
.fit-result-page>header,.fit-result-page>section,.fit-result-page>footer{padding:24px 20px}
.fit-result-hero{background:#17171d;color:#fff}
.fit-result-hero .eyebrow{color:#59c7ff}
.fit-result-hero h1{max-width:780px;font-size:clamp(34px,8vw,52px);line-height:1.02}
.fit-result-hero h1 span{color:#59c7ff;white-space:nowrap}
.fit-result-hero>p:not(.eyebrow){max-width:700px;margin:14px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.5}
.fit-result-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:24px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.08)}
.fit-result-meter>i,.fit-chart__row>i{display:block;height:10px;border-radius:999px;background:#35353d;overflow:hidden}
.fit-result-meter>i span,.fit-chart__row>i span{display:block;width:var(--fit-score);height:100%;border-radius:inherit;background:#59c7ff}
.fit-result-meter>b{color:#59c7ff;font-size:22px}
.fit-strengths,.fit-chart,.fit-value,.internship-salary{border-top:1px solid #dedede}
.fit-strengths h2,.fit-chart h2,.fit-value h2,.internship-salary h2,.fit-result-next h2{font-size:clamp(26px,6vw,36px)}
.fit-strengths>div{display:grid;margin-top:18px;border-top:1px solid #dedede}
.fit-strengths article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #dedede}
.fit-strengths article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#efefff;color:#3d3bff;font-size:11px;font-style:normal;font-weight:800}
.fit-strengths h3{margin:3px 0 5px;font-size:17px}
.fit-strengths article p{margin:0;color:#5c5c66;font-size:13px;line-height:1.45}
.fit-chart{background:#f7f7f8}
.fit-chart>p:not(.eyebrow){max-width:680px;margin:9px 0 0;color:#5c5c66;font-size:13px;line-height:1.45}
.fit-chart>.skill-radar{margin-top:22px}
.fit-chart__rows{display:grid;gap:15px;margin-top:22px;padding:18px;border-radius:17px;background:#fff}
.fit-chart__row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px}
.fit-chart__row>div span{font-weight:600}.fit-chart__row>div b{color:#3d3bff}
.fit-chart__row>i{height:8px;background:#ececf1}.fit-chart__row>i span{background:#3d3bff}
.fit-value>div{display:grid;margin-top:20px;border-top:1px solid #dedede}
.fit-value article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 11px;padding:16px 0;border-bottom:1px solid #dedede}
.fit-value article>span{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#59c7ff;font-size:10px;font-weight:800}
.fit-value h3{margin:2px 0 3px;font-size:16px}.fit-value article p{margin:0;color:#5c5c66;font-size:13px;line-height:1.45}
.fit-result-next{display:grid;gap:18px;background:#59c7ff;color:#111}
.fit-result-next .eyebrow{color:#3d3bff}.fit-result-next p:not(.eyebrow){margin:8px 0 0;color:#45454d;font-size:13px;line-height:1.45}
.fit-result-next .actions{margin:0}.fit-result-next .primary{border:0;background:#17171d;color:#fff;box-shadow:none}
.fit-result-screen+.internship-result-screen{margin-top:-16px}
.fit-result-screen+.internship-result-screen .internship-result-hero{display:none}
.fit-result-screen+.internship-result-screen .internship-result-page{display:flex;flex-direction:column}
.fit-result-screen+.internship-result-screen .internship-olga{order:1}
.fit-result-screen+.internship-result-screen .internship-skill-map{order:2}
.fit-result-screen+.internship-result-screen .internship-strengths{order:3}
.fit-result-screen+.internship-result-screen .internship-growth{order:4}
.fit-result-screen+.internship-result-screen .career-consult{order:5}
.fit-result-screen+.internship-result-screen .internship-conclusion{order:6}
.fit-result-screen+.internship-result-screen .fit-value{order:7}
.fit-result-screen+.internship-result-screen .internship-salary{order:8}
.fit-result-screen+.internship-result-screen .internship-result-cta{order:9}
.fit-result-page>.internship-olga{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:22px 20px;border-top:1px solid #dedede;background:#f3f3f6;color:#111}
.fit-result-page>.internship-olga .mentor-hint__avatar{width:42px;height:42px;background:#3d3bff;color:#fff}
.fit-result-page>.internship-olga>div{position:relative;padding:15px 16px;border:1px solid #dedede;border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 8px 24px rgba(24,24,32,.06)}
.fit-result-page>.internship-olga>div>b{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#3d3bff;font-size:12px}
.fit-result-page>.internship-olga>div>b::after{color:#8a8a94;font-size:10px;font-weight:400;content:"18:10"}
.fit-result-page>.internship-olga p{margin:6px 0;color:#34343d;font-size:14px;line-height:1.5}
.internship-skill-map>div{grid-template-columns:minmax(0,1fr)!important}
.internship-skill-map .internship-section-intro{font-size:0}
.internship-skill-map .internship-section-intro::after{font-size:12px;content:"Фигура показывает общий профиль навыков, а легенда — текущий уровень каждой компетенции."}
.skill-radar{display:grid;gap:18px;align-items:center;padding:18px;border:1px solid #dedede;border-radius:18px;background:#fff}
.skill-radar svg{display:block;width:100%;max-width:430px;margin:0 auto;overflow:visible}
.skill-radar__grid polygon,.skill-radar__grid line{fill:none;stroke:#d9d9df;stroke-width:1}
.skill-radar__grid polygon:last-of-type{stroke:#bfc0c9}
.skill-radar__shape{fill:rgba(61,59,255,.2);stroke:#3d3bff;stroke-width:3;stroke-linejoin:round}
.skill-radar__dots circle{fill:#59c7ff;stroke:#3d3bff;stroke-width:2}
.skill-radar ul{display:grid;gap:0;margin:0;padding:0;border-top:1px solid #dedede;list-style:none}
.skill-radar li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #dedede}
.skill-radar li>i{width:9px;height:9px;border-radius:50%;background:#3d3bff}.skill-radar li.status-growth>i{background:#f3a43b}.skill-radar li.status-strong>i{background:#0e7490}
.skill-radar li span{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.skill-radar li b{font-size:13px}.skill-radar li small{color:#777;font-size:10px}
.internship-growth>div{grid-template-columns:minmax(0,1fr)!important}
.growth-path-card{padding:18px;border:1px solid #d8d8dc;border-radius:18px;background:#fff}
.growth-path-card>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:18px}
.growth-path-card>header>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#3d3bff;color:#fff;font-size:12px;font-weight:800}
.growth-path-card header small{display:block;margin-bottom:3px;color:#8a5100;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.growth-path-card h3{margin:0;font-size:21px;line-height:1.15}
.growth-path{display:grid;gap:8px}
.growth-path>section{position:relative;padding:15px;border:1px solid #dedede;border-radius:14px;background:#f7f7f8}
.growth-path>section>i{display:grid;width:24px;height:24px;margin-bottom:10px;place-items:center;border-radius:8px;background:#efefff;color:#3d3bff;font-size:9px;font-style:normal;font-weight:800}
.growth-path>section>b{display:block;margin-bottom:6px;font-size:13px}.growth-path>section>p{margin:0;color:#5c5c66;font-size:12px;line-height:1.45}
.growth-path>em{justify-self:center;color:#3d3bff;font-size:20px;font-style:normal;font-weight:800;line-height:1;transform:rotate(90deg)}
.growth-path>.growth-path__result{border-color:#38bdf8;background:#e6f6ff}.growth-path>.growth-path__result>i{background:#59c7ff;color:#111}
.internship-growth>div{display:grid;gap:14px}
.learning-level{padding:18px;border:1px solid #d8d8dc;border-radius:18px;background:#fff}
.learning-level>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center}
.learning-level>header>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#3d3bff;color:#fff;font-size:11px;font-weight:800}
.learning-level>header h3{margin:0;font-size:20px;line-height:1.15}
.learning-level>header p{margin:4px 0 0;color:#666671;font-size:11px;line-height:1.4}
.learning-level>div{display:grid;gap:10px;margin-top:16px}
.learning-skill-card{position:relative;padding:16px;border:1px solid #dedede;border-radius:14px;background:#f7f7f8}
.learning-skill-card.is-priority{border-color:#7775ff;background:#f0efff;box-shadow:inset 3px 0 0 #3d3bff}
.learning-skill-card>strong{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:999px;background:#59c7ff;color:#111;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.learning-skill-card h4{margin:0;font-size:16px;line-height:1.25}
.learning-skill-card>p{margin:7px 0 13px;color:#5c5c66;font-size:12px;line-height:1.45}
.learning-skill-card dl{display:grid;gap:8px;margin:0}
.learning-skill-card dl>div{padding-top:8px;border-top:1px solid rgba(93,93,103,.16)}
.learning-skill-card dt{margin-bottom:3px;color:#3d3bff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.learning-skill-card dd{margin:0;color:#292931;font-size:11px;font-weight:650;line-height:1.4}
.internship-salary{background:#17171d;color:#fff}
.internship-salary>.eyebrow{color:#59c7ff}
.internship-salary__intro{max-width:720px;margin:10px 0 0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}
.salary-scale{display:grid;gap:12px;margin-top:22px}
.salary-scale article{padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#24242c}
.salary-scale header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.salary-scale header span{font-size:12px;font-weight:750}.salary-scale header b{color:#59c7ff;font-size:18px;white-space:nowrap}
.salary-scale article>div{height:9px;margin:13px 0 12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.salary-scale article>div i{display:block;width:var(--salary-level);height:100%;border-radius:inherit;background:#59c7ff}
.salary-scale article p{margin:0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.45}
.internship-salary>small{display:block;margin-top:14px;color:rgba(255,255,255,.48);font-size:9px;line-height:1.45}
.career-consult{display:grid;gap:22px;background:#59c7ff;color:#111}
.career-consult .eyebrow{color:#3d3bff}
.career-consult h2{max-width:720px;font-size:clamp(28px,6vw,40px);line-height:1.05}
.career-consult__copy>p:not(.eyebrow){max-width:720px;margin:12px 0 0;color:#45454d;font-size:14px;line-height:1.55}
.career-consult__benefits{display:grid;gap:9px}
.career-consult__benefits article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:15px;border:1px solid rgba(17,17,17,.14);border-radius:15px;background:rgba(255,255,255,.58)}
.career-consult__benefits article>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#17171d;color:#fff;font-size:9px;font-weight:800}
.career-consult__benefits h3{margin:2px 0 5px;font-size:15px;line-height:1.25}
.career-consult__benefits p{margin:0;color:#53535b;font-size:11px;line-height:1.45}
.career-consult__action{display:grid;gap:15px;padding-top:19px;border-top:1px solid rgba(17,17,17,.18)}
.career-consult__action>p{margin:0;color:#45454d;font-size:12px;line-height:1.5}
.career-consult__action .actions{grid-template-columns:minmax(0,1fr);width:100%;margin:0}
.career-consult__action .primary{width:100%;min-height:54px;border:0;background:#17171d;color:#fff;box-shadow:none}
@media(min-width:760px){
  .fit-result-screen.screen--single{padding:22px 24px}
  .fit-result-page>header,.fit-result-page>section,.fit-result-page>footer{padding:32px 30px}
  .fit-result-page>.internship-olga{padding:26px 30px}
  .fit-strengths>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:0}
  .fit-strengths article{padding:16px;border:1px solid #dedede;border-radius:15px}
  .fit-value>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .skill-radar{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);padding:24px}
  .skill-radar ul{border-top:0}
  .growth-path{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}
  .growth-path>em{align-self:center;transform:none}
  .internship-growth>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
  .learning-level{display:flex;flex-direction:column;height:100%;padding:20px}
  .learning-level>div{flex:1;grid-template-rows:repeat(2,minmax(0,1fr))}
  .salary-scale{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .salary-scale article{display:flex;flex-direction:column;min-height:190px}
  .salary-scale article>div{margin-top:auto}
  .career-consult{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px 34px;align-items:start}
  .career-consult__copy{align-self:center}
  .career-consult__action{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center}
  .fit-result-next{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end}
  .fit-result-screen+.internship-result-screen{margin-top:-20px}
}

/* Unified frame system: one page surface, one card level, compact controls. */
:root{
  --frame-main:24px;
  --frame-card:16px;
  --frame-control:12px;
  --frame-pill:999px;
}

/* Main page surfaces. */
.intro-screen,
.question-screen,
.result-screen,
.hero-visual,
.app-shell .messenger-device,
.culmination-page,
.internship-result-page,
.profile-preview-page,
.profile-contact-page,
.internship-gate-page,
.program-question-frame,
.program-result-page,
.clean-result-page,
.next-step-frame,
.personalized-course-page,
.route-fit-page,
.learning-path-page,
.fit-result-page,
.program-insight-modal__card{
  border-radius:var(--frame-main);
}

/* Specialized result wrappers are layout only; the page inside is the single frame. */
.culmination-screen.screen--single,
.internship-result-screen.screen--single,
.profile-preview-screen.screen--single,
.profile-gate-screen.screen--single,
.internship-gate-screen.screen--single,
.program-result-screen.screen--single,
.next-step-screen.screen--single,
.personalized-course-screen.screen--single,
.route-fit-screen.screen--single,
.learning-path-screen.screen--single,
.fit-result-screen.screen--single{
  border-radius:0;
  background:transparent;
}

/* Cards and working modules. */
.panel,
.feature,
.worktop,
.feedback,
.result-hero,
.result-card,
.visual-window,
.onboarding-screen>div,
.simulation-build-card,
.simulation-ready-card,
.task-reminder p,
.screen11-mentor-reply,
.support-task__message,
.support-solution,
.excel-window,
.mvp-brief,
.mvp-builder,
.decision-task,
.decision-workspace,
.manager-response,
.client-path-success,
.profile-preview-signal,
.profile-contact-fields,
.internship-report-preview,
.program-frame,
.program-build-list,
.program-course-checklist article,
.fit-result-meter,
.fit-chart__rows,
.fit-strengths article,
.skill-radar,
.growth-path-card,
.learning-level,
.salary-scale article,
.career-consult__benefits article,
.internship-profile-summary,
.internship-quick-card,
.internship-skill-card,
.internship-detail-card,
.internship-growth-card,
.strength-summary-card,
.route-fit-summary span,
.learning-path-hero>div span,
.learning-path-result article,
.personal-course-summary article,
.personal-course-focus,
.personal-course-project-grid article,
.personal-course-format-grid article,
.personal-course-support-grid article{
  border-radius:var(--frame-card);
}

/* Options are cards; fields and technical UI are compact controls. */
.option,
.chat-answer-option__bubble,
.decision-option{
  border-radius:var(--frame-card);
}
.metric,
.field input,
.simulation-build-list .loading-item,
.task-context div,
.client-path-slot,
.client-path-messages>button,
.mvp-brief__rules>div,
.mvp-candidate,
.mvp-slot,
.mvp-coverage,
.mvp-success,
.decision-option,
.program-choice-summary,
.program-map-preview,
.program-course-checklist article,
.growth-path>section,
.learning-skill-card,
.personal-course-reason,
.engineering-menu__button,
.engineering-menu__field select,
.engineering-menu__search,
.engineering-screen-item{
  border-radius:var(--frame-control);
}
.strength-summary-card>footer,
.internship-gate-form .field input{
  border-radius:var(--frame-control);
}

/* Nested groups use background or dividers instead of another outline. */
.mvp-coverage,
.fit-result-page>.internship-olga>div,
.skill-radar,
.growth-path>section,
.learning-skill-card,
.career-consult__benefits article,
.route-fit-summary span,
.learning-path-hero>div span,
.learning-path-result article,
.personal-course-summary article,
.personal-course-project-grid article,
.personal-course-support-grid article{
  border:0;
}

/* Screen 17 is one continuous result: the second block continues the first frame. */
.fit-result-screen+.internship-result-screen .internship-result-page{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.fit-result-page>.internship-olga>div{
  border-radius:var(--frame-card);
}

/* Actions and status labels stay pill-shaped. */
.primary,
.secondary,
.back,
.question-back,
.eyebrow,
.artifact,
.reset-button,
.engineering-menu__toggle,
.messenger-tab,
.messenger-time,
.mentor-hint__label,
.support-stage__undo,
.support-demo,
.support-restart,
.mvp-builder__head>strong,
.decision-task__formula span,
.decision-review>header>strong,
.result-card__tag,
.internship-result-kicker span,
.internship-result-proof span,
.program-intro-list span,
.program-priorities span,
.clean-strength-list article>span,
.learning-skill-card>strong{
  border-radius:var(--frame-pill);
}

/* Stable workspace: every step uses the same outer frame and type hierarchy. */
:root{
  --workspace-width:1040px;
  --workspace-pad:32px;
  --workspace-min-height:calc(100svh - 156px);
}

#app>.screen,
#app>.internship-chat-screen{
  width:min(100%,var(--workspace-width));
  max-width:var(--workspace-width);
  min-height:var(--workspace-min-height);
  margin:20px auto 40px;
}

#app>.screen{
  padding:var(--workspace-pad);
  border-radius:var(--frame-main);
  background:#f5f5f5;
  align-content:start;
  align-items:start;
}

#app>.internship-chat-screen{
  padding:0;
}

.app-shell .messenger-device{
  width:100%;
  max-width:none;
  min-height:var(--workspace-min-height);
}

.culmination-screen.screen--single,
.internship-result-screen.screen--single,
.profile-preview-screen.screen--single,
.profile-gate-screen.screen--single,
.internship-gate-screen.screen--single,
.program-result-screen.screen--single,
.next-step-screen.screen--single,
.personalized-course-screen.screen--single,
.route-fit-screen.screen--single,
.learning-path-screen.screen--single,
.fit-result-screen.screen--single{
  padding:var(--workspace-pad);
  border-radius:var(--frame-main);
  background:#f5f5f5;
}

.diagnostic-question-screen>div,
.question-screen:not(.support-signals-screen):not(.hypothesis-screen):not(.process-hypothesis-screen):not(.visual-choice-screen):not(.mvp-screen):not(.decision-screen)>.simulation-question-screen__question,
.question-screen:not(.support-signals-screen):not(.hypothesis-screen):not(.process-hypothesis-screen):not(.visual-choice-screen):not(.mvp-screen):not(.decision-screen)>div{
  width:100%;
  max-width:840px;
  margin-right:auto;
  margin-left:auto;
}

main>.screen:not(.intro-reference) h1,
main>.internship-chat-screen h1{
  font-size:44px;
  line-height:1.04;
  letter-spacing:-.03em;
}

main>.screen h2,
main>.internship-chat-screen h2{
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.025em;
}

main>.screen .lead,
main>.internship-chat-screen .lead{
  margin-top:14px;
  font-size:14px;
  line-height:1.5;
}

main>.screen .question,
main>.internship-chat-screen .question{
  font-size:16px;
  line-height:1.4;
}

@media(max-width:800px){
  :root{
    --workspace-pad:18px;
    --workspace-min-height:auto;
  }

  #app>.screen,
  #app>.internship-chat-screen{
    width:100%;
    min-height:auto;
    margin:12px auto 24px;
  }

  #app>.screen{
    padding:var(--workspace-pad);
  }

  .app-shell .messenger-device{
    min-height:auto;
  }

  main>.screen:not(.intro-reference) h1,
  main>.internship-chat-screen h1{
    font-size:32px;
    line-height:1.06;
  }

  main>.screen h2,
  main>.internship-chat-screen h2{
    font-size:26px;
    line-height:1.1;
  }

  main>.screen .lead,
  main>.internship-chat-screen .lead{
    font-size:15px;
    line-height:1.45;
  }
}

/* Combined sales and warehouse interview: one action, two stakeholder replies. */
.combined-interview-heading{
  max-width:900px;
  margin:28px 0 26px;
}

.combined-interview-heading h1{
  max-width:760px;
  margin:8px 0 14px;
  font-size:clamp(34px,4.4vw,54px);
  line-height:1.04;
}

.combined-interview-heading>p:last-child{
  max-width:880px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
}

.combined-interview-heading>p:last-child b{color:var(--ink)}

.combined-interview-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:clamp(24px,4vw,48px);
  align-items:start;
}

.combined-interview-messenger{
  width:100%!important;
  margin:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
}

.combined-interview-messenger .messenger-titlebar{
  border:0;
  background:var(--blue);
  color:#fff;
}

.combined-interview-messenger .messenger-tab{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.combined-interview-messenger .messenger-feed{padding:18px}
.combined-interview-messenger .messenger-thread{gap:15px}
.combined-interview-messenger .messenger-bubble{width:auto;max-width:calc(100% - 39px);background:#f0f0f4}
.combined-interview-message--olga .messenger-bubble{background:#efefff;color:#29285f}
.combined-interview-messenger p,
.combined-interview-result p,
.combined-interview-feedback p{
  margin:0;
  line-height:1.45;
}

.combined-interview-task{
  min-width:0;
  padding-top:2px;
}

.combined-interview-task h2{
  margin:12px 0 8px;
  font-size:28px;
  line-height:1.12;
}

.combined-interview-task>p:not(.screen11-step):not(.counter){margin:0 0 16px;color:var(--muted)}
.combined-interview-task .options{gap:8px}
.combined-interview-task .option{min-height:68px;align-items:flex-start;padding:13px 14px;font-size:14px;line-height:1.35}
.combined-interview-task .option__marker,.combined-interview-task .option__arrow{margin-top:1px}
.combined-interview-task .actions{margin-top:16px}
.combined-interview-task .primary{width:100%}

.combined-interview-feedback{
  margin-top:14px;
  padding:13px 15px;
  border-radius:14px;
  background:#fff1d7;
}

.combined-interview-feedback b{display:block;margin-bottom:4px;font-size:14px}
.combined-interview-feedback p{color:#65583f;font-size:13px}

.combined-interview-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
  padding:18px 20px;
  border-radius:18px;
  background:#e9f7ef;
}

.combined-interview-result span{display:block;margin-bottom:5px;color:#257a51;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.combined-interview-result p{max-width:690px;font-size:15px}
.combined-interview-result .primary{flex:0 0 auto;min-width:280px}

@media(max-width:800px){
  .combined-interview-heading{margin:20px 0}
  .combined-interview-heading h1{font-size:30px}
  .combined-interview-heading>p:last-child{font-size:14px}
  .combined-interview-layout{grid-template-columns:1fr;gap:22px}
  .combined-interview-messenger{border-radius:18px!important}
  .combined-interview-messenger .messenger-feed{padding:14px 12px 16px}
  .combined-interview-messenger .messenger-group .messenger-bubble{max-width:100%;margin-left:0}
  .combined-interview-task h2{font-size:24px}
  .combined-interview-task .option{font-size:13px}
  .combined-interview-result{align-items:stretch;flex-direction:column;padding:16px}
  .combined-interview-result .primary{width:100%;min-width:0}
}

/* Desktop answer scale follows the cybersecurity funnel: 18px choices, 14px details. */
@media(min-width:801px){
  .question-screen .option,
  .chat-task-screen .option,
  .program-question-panel .option{
    min-height:56px;
    padding:15px 17px;
    border-radius:16px;
    font-size:18px;
    line-height:1.35;
  }

  .question-screen .option small,
  .chat-task-screen .option small,
  .program-question-panel .option small{
    margin-top:4px;
    font-size:14px;
    line-height:1.4;
  }

  .question-screen .option__marker,
  .chat-task-screen .option__marker,
  .program-question-panel .option__marker{
    flex-basis:24px;
    width:24px;
    height:24px;
    font-size:12px;
  }

  .chat-answer-option__bubble,
  .mvp-candidate b,
  .decision-option b{
    font-size:18px;
    line-height:1.35;
  }

  .chat-answer-option__bubble{
    padding:15px 17px;
  }

  .mvp-candidate,
  .decision-option{
    min-height:56px;
    padding:15px 17px;
  }

  .support-ticket__content,
  .support-stage__card,
  .client-path-messages small{
    font-size:16px;
    line-height:1.4;
  }

  .client-path-messages>button{
    min-height:56px;
    padding:12px 14px;
  }
}

/* First screen matches the desktop hero frame in the cybersecurity funnel. */
@media(min-width:801px){
  #app>.intro-screen{
    width:min(100%,1120px);
    max-width:1120px;
    min-height:672px;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:48px;
    border-radius:26px;
  }

  .intro-screen__main{
    min-height:320px;
  }

  .intro-screen__content{
    padding-left:0;
  }

  .intro-screen .hero-kicker{
    margin-bottom:16px;
  }

  .intro-screen h1{
    margin:0;
  }

  #app>.intro-screen .lead{
    margin-top:16px;
  }

  .intro-screen .hero-visual{
    height:320px;
    min-height:320px;
  }

  .intro-benefits-block{
    margin-top:20px;
  }

  .feature-grid.intro-benefits{
    gap:24px;
    margin:0;
    padding:14px 0;
    background:transparent;
  }

  .intro-screen>.intro-cta-block{
    width:100%;
    margin-top:32px;
  }

  .intro-cta-block>.actions{
    margin:0;
  }
}

body:has(#app>.intro-screen) .topbar__meta{
  display:none;
}

.intro-screen .hero-visual{
  padding:0;
  background:#e9e9ee;
}

.intro-screen .hero-visual::before,
.intro-screen .hero-visual::after{
  display:none;
}

.hero-visual__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
}

.intro-cta-note{
  margin:8px 0 0;
  color:#5c5c66;
  font-size:13px;
  line-height:1.4;
  text-align:center;
}

@media(max-width:800px){
  .hero-visual__image{
    object-position:46% 28%;
  }

  #app>.intro-screen{
    gap:0;
    padding:16px;
  }

  .intro-screen .hero-kicker{
    margin-bottom:16px;
  }

  #app>.intro-screen .lead{
    margin-top:12px;
  }

  .intro-screen__main>.hero-visual{
    margin-top:16px;
  }

  .intro-benefits-block{
    margin-top:12px;
  }

  .intro-cta-block{
    margin-top:12px;
  }

  .intro-cta-block>.actions{
    margin:0;
  }
}

/* Mobile answers are 20% smaller while question titles and actions stay unchanged. */
@media(max-width:800px){
  .question-screen .option,
  .chat-task-screen .option,
  .program-question-panel .option{
    font-size:14.4px;
  }

  .question-screen .option small{
    font-size:11.2px;
  }

  .simulation-question-screen--sales_interview .option,
  .support-stage__card,
  .mvp-slot b{
    font-size:12.8px;
  }

  #app .support-signals-screen .client-path-messages small{
    font-size:12px;
  }

  #app .support-signals-screen .client-path-slot p{
    font-size:12.8px;
  }

  .mvp-candidate b,
  .decision-option b,
  .chat-answer-option__bubble{
    font-size:14.4px;
  }
}

/* First-screen practice parameters follow the compact pills from the 3D-print funnel. */
.intro-screen .intro-stickers{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 0;
}

.intro-screen .intro-stickers span{
  padding:7px 12px;
  border-radius:999px;
  background:#fff!important;
  font-size:13px;
  font-weight:400;
  line-height:1.2;
}

.intro-screen .intro-stickers span::before,
.intro-screen .intro-stickers span+span::before{
  display:none;
  content:none;
}

@media(max-width:767px){
  .intro-screen__content>.intro-stickers{
    order:4;
    margin-top:12px;
  }

  .intro-screen__main>.hero-visual{
    order:5;
  }

  .intro-screen .intro-stickers span{
    padding:6px 10px;
    font-size:12px;
  }
}

/* Design pilot: promise, diagnosis and first work task share one workspace language. */
#app>.intro-screen{
  position:relative;
  overflow:hidden;
  border:1px solid #dcdce4;
  background:#fff;
  box-shadow:0 28px 80px rgba(29,29,39,.12);
}
#app>.intro-screen::before{
  position:absolute;
  inset:0 0 auto;
  z-index:2;
  height:5px;
  background:linear-gradient(90deg,#3d3bff 0 52%,#59c7ff 52% 78%,#c4b5fd 78%);
  content:"";
}
.intro-screen .hero-kicker{border:1px solid #dcdcff;background:#efefff;color:#3d3bff;font-weight:650}
.intro-screen .intro-stickers span{border:1px solid #e0e0e6;background:#f7f7f9!important;font-weight:600}
.intro-screen .hero-visual{isolation:isolate;border:1px solid #d8d8df;box-shadow:0 18px 44px rgba(29,29,39,.14)}
.intro-screen .feature-grid.intro-benefits{border:1px solid #e0e0e6;border-radius:18px;background:#f7f7f9}
.intro-screen .intro-benefits .feature::before{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:8px;
  background:#efefff;
  color:#3d3bff;
  font-size:10px;
  font-weight:800;
  content:"01";
}
.intro-screen .intro-benefits .feature:nth-child(2)::before{content:"02"}
.intro-screen .intro-benefits .feature:nth-child(3)::before{content:"03"}

@media(min-width:801px){
  .simulation-question-screen--sales_interview{
    width:min(100%,1180px);
    max-width:1180px;
    grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
    gap:20px;
    margin:20px auto 36px;
    padding:24px;
    border:1px solid #dcdce4;
    border-radius:28px;
    background:#f4f4f7;
    box-shadow:0 28px 80px rgba(29,29,39,.1);
  }
  .simulation-question-screen--sales_interview .workday-status{
    margin:0 0 2px;
    padding:14px 16px;
    border:0;
    border-radius:16px;
    background:#19191d;
    color:#fff;
  }
  .simulation-question-screen--sales_interview .workday-status button,
  .simulation-question-screen--sales_interview .workday-status__now small,
  .simulation-question-screen--sales_interview .workday-status strong,
  .simulation-question-screen--sales_interview .workday-status__timeline{color:rgba(255,255,255,.68)}
  .simulation-question-screen--sales_interview .workday-status__now time{color:#fff}
  .simulation-question-screen--sales_interview .workday-status__timeline>span{background:#3a3a42}
  .simulation-question-screen--sales_interview .task-reminder{
    align-items:center;
    padding:12px 14px;
    border:1px solid #dcdce4;
    border-radius:16px;
    background:#fff;
  }
  .simulation-question-screen--sales_interview .task-reminder p{max-width:none;padding:0;border-radius:0;background:transparent}
  .simulation-question-screen--sales_interview .simulation-question-screen__question{
    min-width:0;
    padding:22px;
    border:1px solid #dcdce4;
    border-radius:20px;
    background:#fff;
  }
  .simulation-question-screen--sales_interview .simulation-question-screen__question h2{font-size:34px;line-height:1.05}
  .simulation-question-screen--sales_interview .screen11-question{margin-top:14px;font-size:17px;line-height:1.4}
  .simulation-question-screen--sales_interview .screen11-guide{margin:9px 0 0;color:#6b6b74;font-size:14px;line-height:1.45}
  .simulation-question-screen--sales_interview .panel{padding:0!important;background:transparent!important}
  .simulation-question-screen--sales_interview .option{border:1px solid #e1e1e7;background:#f8f8fa}
  .simulation-question-screen--sales_interview .excel-window{top:88px;border:0;border-radius:20px;box-shadow:0 18px 50px rgba(29,29,39,.13)}
  .simulation-question-screen--sales_interview .excel-titlebar{min-height:44px;padding:8px 12px;background:#185c37;font-size:11px}
  .simulation-question-screen--sales_interview .excel-titlebar b{font-size:13px}
  .simulation-question-screen--sales_interview .excel-app{color:#185c37}
  .simulation-question-screen--sales_interview .excel-ribbon,
  .simulation-question-screen--sales_interview .excel-formula{padding:8px 12px;font-size:10px}
  .simulation-question-screen--sales_interview .excel-ribbon b,
  .simulation-question-screen--sales_interview .excel-formula b{color:#185c37}
  .simulation-question-screen--sales_interview .excel-table{font-size:13px}
  .simulation-question-screen--sales_interview .excel-table th,
  .simulation-question-screen--sales_interview .excel-table td{padding:9px 10px;line-height:1.25}
  .simulation-question-screen--sales_interview .excel-table th{background:#e9f4ed}
  .simulation-question-screen--sales_interview .excel-tabs b{border-bottom-color:#185c37;color:#185c37}
}

@media(max-width:800px){
  .intro-screen .hero-visual::after{
    inset:auto 10px 10px;
    max-width:calc(100% - 20px);
    padding:6px 9px;
    font-size:10px;
  }
}

/* Screen 14: a clear two-step flow — inspect the data, then choose a conclusion. */
.screen11-step{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#3d3bff;font-size:12px;font-weight:750}
.screen11-step b,
.excel-step-badge{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:8px;font-size:11px;font-weight:800}
.screen11-step b{background:#efefff;color:#3d3bff}
.excel-step-badge{background:#fff;color:#185c37}

.sales-interview-card{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 16px 42px rgba(29,29,39,.09)}
.sales-interview-card>header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sales-interview-card>header .excel-step-badge{background:var(--soft-blue);color:var(--blue)}
.sales-interview-card>header div{display:grid;gap:3px}
.sales-interview-card>header b{font-size:15px;line-height:1.2}
.sales-interview-card>header small{color:var(--muted);font-size:12px}
.sales-interview-card__message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}
.sales-interview-card__message .messenger-avatar{width:38px;height:38px}
.sales-interview-card__message p{margin:0;padding:14px 16px;border-radius:5px 17px 17px;background:#f0f1f4;color:var(--ink);font-size:16px;line-height:1.5}
.sales-interview-card__reply{padding:14px 16px;border:1px solid #cfe4dc;border-radius:16px;background:#eef8f4;animation:screen11-confirm .38s cubic-bezier(.2,.8,.2,1) both}
.sales-interview-card__reply span{display:block;margin-bottom:6px;color:#21745b;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.sales-interview-card__reply p{margin:0;color:var(--ink);font-size:15px;line-height:1.45}
.stakeholder-interview-layout{display:grid;gap:20px;align-items:start;margin-top:18px}
.stakeholder-interview-task{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.stakeholder-interview-task h2{margin:0;font-size:30px;line-height:1.08}
.stakeholder-interview-task .screen11-guide{margin:12px 0 16px}
.stakeholder-interview-task .options{gap:8px}
.stakeholder-interview-task .option{min-height:52px;padding:12px 14px;font-size:17px;line-height:1.3}
.stakeholder-interview-task .counter{margin:10px 0 0}

@media(min-width:801px){
  .warehouse-interview-screen>div{width:min(100%,1180px);margin:20px auto 36px;padding:20px;border:1px solid var(--line);border-radius:28px;background:#f4f4f7;box-shadow:0 28px 80px rgba(29,29,39,.1)}
  .warehouse-interview-screen .stakeholder-interview-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
  .warehouse-interview-screen .workday-status{margin:0;padding:10px 14px;border-radius:16px}
}

@media(min-width:801px){
  .simulation-question-screen--sales_interview{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    gap:16px 20px;
    padding:20px;
  }
  .simulation-question-screen--sales_interview .workday-status{grid-row:1;padding:10px 14px;gap:4px}
  .simulation-question-screen--sales_interview .workday-status__timeline{margin-top:7px}
  .simulation-question-screen--sales_interview .task-reminder{
    grid-row:2;
    grid-template-columns:36px minmax(0,1fr);
    padding:9px 12px;
  }
  .simulation-question-screen--sales_interview .task-reminder>img{width:36px;height:36px}
  .simulation-question-screen--sales_interview .task-reminder__message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center}
  .simulation-question-screen--sales_interview .task-reminder__meta{grid-column:1/-1}
  .simulation-question-screen--sales_interview .task-reminder p{grid-column:1/-1;display:block;font-size:14px;line-height:1.35}
  .simulation-question-screen--sales_interview .task-reminder p span{margin-right:6px}
  .simulation-question-screen--sales_interview>.screen11-data-column{
    grid-column:1;
    grid-row:2;
    min-width:0;
    display:grid;
    gap:12px;
    align-self:start;
  }
  .simulation-question-screen--sales_interview>.screen11-data-column>.excel-window{position:relative;top:auto;width:100%}
  .simulation-question-screen--sales_interview>.screen11-data-column>.sales-interview-card{position:relative;top:auto;width:100%}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question{
    grid-column:2;
    grid-row:2;
    align-self:start;
    padding:18px;
  }
  .simulation-question-screen--sales_interview .simulation-question-screen__question h2{font-size:30px;line-height:1.06}
  .simulation-question-screen--sales_interview .screen11-guide{
    margin:0;
    padding:11px 12px;
    border-left:3px solid #3d3bff;
    border-radius:0 10px 10px 0;
    background:#f0efff;
    color:#4f4f5a;
  }
  .simulation-question-screen--sales_interview .simulation-question-screen__question>.panel{margin-top:12px!important}
  .simulation-question-screen--sales_interview .options{gap:8px}
  .simulation-question-screen--sales_interview .option{min-height:52px;padding:12px 14px;font-size:17px;line-height:1.3}
  .simulation-question-screen--sales_interview .excel-titlebar{min-height:46px;gap:9px;padding:9px 12px}
  .simulation-question-screen--sales_interview .excel-titlebar>span:last-child{margin-left:auto;color:rgba(255,255,255,.72)}
  .simulation-question-screen--sales_interview .excel-table{font-size:13px}
  .simulation-question-screen--sales_interview .excel-table th,
  .simulation-question-screen--sales_interview .excel-table td{padding:9px 10px}
}

@media(max-width:800px){
  .simulation-question-screen--sales_interview>.screen11-data-column{display:contents}
  .simulation-question-screen--sales_interview>.screen11-data-column>.excel-window{order:3}
  .simulation-question-screen--sales_interview>.screen11-data-column>.sales-interview-card{order:3}
  .simulation-question-screen--sales_interview .excel-titlebar{background:#185c37}
  .simulation-question-screen--sales_interview .screen11-step{order:4;width:100%;margin-bottom:0}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question>h2{order:5}
  .simulation-question-screen--sales_interview .screen11-question{order:6}
  .simulation-question-screen--sales_interview .screen11-guide{order:7}
  .simulation-question-screen--sales_interview>.simulation-question-screen__question>.panel{order:8}
}

@media(max-width:520px){
  .sales-interview-card{padding:16px}
  .sales-interview-card__message{grid-template-columns:32px minmax(0,1fr)}
  .sales-interview-card__message .messenger-avatar{width:32px;height:32px}
  .sales-interview-card__message p{padding:12px 13px;font-size:14px}
  .sales-interview-card__reply p{font-size:14px}
  .stakeholder-interview-layout{display:block;margin-top:12px}
  .stakeholder-interview-task{margin-top:12px;padding:16px}
  .stakeholder-interview-task h2{font-size:25px}
  .stakeholder-interview-task .option{font-size:15px}
}

/* Screen 14: story discussion on the left, decision workspace on the right. */
.chat-task-brief{padding:16px;border:1px solid #dedee5;border-radius:18px;background:#f6f6ff}
.chat-task-brief>span{display:block;margin-bottom:7px;color:#3d3bff;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.chat-task-brief h1{margin:0;font-size:clamp(24px,5vw,32px);line-height:1.05}
.chat-task-brief p{margin:10px 0 0;color:#50505a;font-size:14px;line-height:1.45}
.chat-task-story>.messenger-thread{margin-top:14px}
.chat-reply-panel h2{margin:0;font-size:26px;line-height:1.08}
.chat-reply-panel__lead{margin:8px 0 16px;color:#62626d;font-size:14px;line-height:1.45}
.chat-task-screen .chat-answer-options{gap:9px}
.chat-task-screen .chat-answer-option{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;justify-content:initial;gap:11px;padding:13px 14px;border:1px solid #dedee5;border-radius:15px;background:#fafafa;text-align:left}
.chat-task-screen .chat-answer-option:hover{border-color:#aaa8ff;background:#f5f4ff}
.chat-answer-option__number{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#efeff3;color:#555560;font-size:11px;font-weight:800}
.chat-task-screen .chat-answer-option__bubble,.chat-task-screen .chat-answer-option.is-selected .chat-answer-option__bubble{display:block;width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;color:#25252d;font-size:14px;line-height:1.35}
.chat-task-screen .chat-answer-option__bubble b,.chat-task-screen .chat-answer-option__bubble small{display:block}
.chat-task-screen .chat-answer-option__bubble b{font-size:15px;line-height:1.25}
.chat-task-screen .chat-answer-option__bubble small{margin-top:4px;color:#62626d;font-size:12px;line-height:1.4}
.chat-task-screen .chat-answer-option.is-selected{border-color:#3d3bff;background:#f0efff;box-shadow:inset 3px 0 0 #3d3bff}
.chat-task-screen .chat-answer-option.is-selected .chat-answer-option__number{background:#3d3bff;color:#fff}
.chat-task-screen .chat-answer-option.is-selected .chat-answer-option__bubble::after{display:none}

@media(min-width:801px){
.chat-task-screen .messenger-device{width:min(1180px,100%)}
  .chat-task-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:start}
  .chat-task-story{min-width:0;padding:18px;border:1px solid #dedee5;border-radius:20px;background:#fff}
.chat-task-story .messenger-group:not(.messenger-group--user) .messenger-bubble{width:auto;max-width:calc(100% - 39px)}
  .chat-task-screen .chat-reply-panel{min-width:0;margin:0;padding:18px;border:1px solid #dedee5;border-radius:20px;background:#fff}
  .chat-task-screen [data-screen17-reply]:not(.is-ready){margin:0;padding:0;border-color:transparent;background:transparent}
  .chat-task-screen [data-screen17-reply].is-ready{max-height:900px;margin:0;padding:18px;border-color:#dedee5}
  .chat-task-screen .chat-answer-option__bubble,.chat-task-screen .chat-answer-option.is-selected .chat-answer-option__bubble{font-size:14px}
  .chat-task-screen .chat-answer-option__bubble b{font-size:15px}
  .chat-task-screen .chat-answer-option__bubble small{font-size:12px}
}

@media(max-width:800px){
  .chat-task-layout{display:block}
  .chat-task-story{min-width:0}
  .chat-task-screen .chat-reply-panel h2{font-size:24px}
  .chat-task-screen .chat-answer-option{grid-template-columns:28px minmax(0,1fr);padding:12px}
  .chat-task-screen [data-screen17-reply].is-ready{
    max-height:min(72svh,560px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:var(--blue) transparent;
    -webkit-overflow-scrolling:touch;
  }
  .chat-task-screen [data-screen17-reply].is-ready::-webkit-scrollbar{width:6px}
  .chat-task-screen [data-screen17-reply].is-ready::-webkit-scrollbar-thumb{border-radius:999px;background:var(--blue)}
  .chat-task-screen [data-screen17-reply].is-ready::-webkit-scrollbar-track{background:transparent}
}

/* Screen 15: compact two-column MVP decision */
.mvp-screen.screen--single{max-width:1180px}
.mvp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.mvp-layout .mvp-brief,.mvp-layout .mvp-builder{margin:0}
.mvp-layout .mvp-brief{align-content:start;min-height:100%;padding:22px;background:#f4f3ff}
.mvp-layout .mvp-brief__body>span{margin-top:10px}
.mvp-layout .mvp-brief h1{font-size:clamp(32px,3.4vw,48px);line-height:1.02}
.mvp-layout .mvp-brief__body>p{font-size:15px;line-height:1.5}
.mvp-brief__focus{display:grid;gap:5px;margin-top:22px;padding:15px 16px;border:1px solid #cbc9ff;border-radius:14px;background:#fff}
.mvp-brief__focus small{color:#3d3bff;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.mvp-brief__focus b{max-width:420px;font-size:15px;line-height:1.4}
.mvp-layout .mvp-builder{overflow:visible}
.mvp-layout .mvp-builder__head{align-items:start;padding:22px}
.mvp-layout .mvp-builder__head h2{font-size:clamp(28px,3vw,38px);line-height:1.04}
.mvp-layout .mvp-builder__head p{margin:7px 0 0;color:#6c6c75;font-size:13px}
.mvp-layout .mvp-builder>.mvp-candidates{padding:18px 22px}
.mvp-layout .mvp-candidate{min-height:64px;grid-template-columns:minmax(0,1fr) 32px;padding:13px 14px}
.mvp-layout .mvp-candidate>b{font-size:14px;line-height:1.35}
.mvp-layout .mvp-builder>.mentor-hint,.mvp-layout .mvp-builder>.mvp-success{margin-top:0}
.mvp-layout .mvp-builder__action{padding:0 22px 22px}
@media(max-width:859px){.mvp-layout{grid-template-columns:minmax(0,1fr)}.mvp-layout .mvp-brief{min-height:0}.mvp-layout .mvp-builder{overflow:hidden}}
@media(max-width:520px){.mvp-layout{gap:12px}.mvp-layout .mvp-brief,.mvp-layout .mvp-builder__head{padding:16px}.mvp-layout .mvp-brief h1{font-size:30px}.mvp-layout .mvp-brief__body>p{font-size:16px}.mvp-brief__focus{margin-top:16px}.mvp-layout .mvp-builder>.mvp-candidates{padding:14px 16px}.mvp-layout .mvp-candidate>b{font-size:16px}.mvp-layout .mvp-builder__action{padding:0 16px 16px}}

/* Screen 16: compact two-column final decision */
.decision-screen.screen--single{max-width:1180px}
.decision-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.decision-layout .decision-task,.decision-layout .decision-workspace{margin:0}
.decision-layout .decision-task{align-content:start;min-height:100%;padding:22px;background:#f4f3ff}
.decision-task h1{max-width:500px;margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.02}
.decision-layout .decision-task>div>p:not(.eyebrow){max-width:470px;font-size:15px;line-height:1.5}
.decision-task__focus{display:grid;gap:5px;margin-top:22px;padding:15px 16px;border:1px solid #cbc9ff;border-radius:14px;background:#fff}
.decision-task__focus small{color:#3d3bff;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.decision-task__focus b{font-size:15px;line-height:1.4}
.decision-layout .decision-workspace{overflow:hidden}
.decision-layout .decision-focus{padding:22px}
.decision-focus>header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}
.decision-focus>header h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.04}
.decision-layout .decision-focus__counter{order:2;flex:0 0 auto;margin:0;padding:7px 10px;border-radius:999px;background:#59c7ff;color:#111;font-size:10px}
.decision-layout .decision-option{min-height:64px;padding:13px 14px}
.decision-layout .decision-option b{font-size:14px;line-height:1.35}
.decision-layout .decision-focus>.mentor-hint{margin-top:14px}
.decision-layout .decision-review{padding:22px}
.decision-layout .decision-review>header h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.04}
.decision-layout .decision-review>div{margin-top:18px}
.decision-layout .decision-review article{grid-template-columns:minmax(105px,.32fr) minmax(0,1fr) auto;padding:14px 0}
.decision-layout .decision-review article p{font-size:13px}
.decision-layout .decision-review>.manager-response{margin-top:16px}
@media(max-width:859px){.decision-layout{grid-template-columns:minmax(0,1fr)}.decision-layout .decision-task{min-height:0}}
@media(max-width:520px){.decision-layout{gap:12px}.decision-layout .decision-task,.decision-layout .decision-focus,.decision-layout .decision-review{padding:16px}.decision-task h1{font-size:30px}.decision-layout .decision-task>div>p:not(.eyebrow){font-size:16px}.decision-task__focus{margin-top:16px}.decision-focus>header h2,.decision-layout .decision-review>header h2{font-size:27px}.decision-layout .decision-option b{font-size:16px}.decision-layout .decision-review article{grid-template-columns:minmax(0,1fr) auto}.decision-layout .decision-review article>span{grid-column:1/-1}}

/* Screen 17: marketing-focused result gate */
.internship-gate-heading h1{max-width:900px}
.internship-gate-proof{display:flex;flex-wrap:wrap;gap:7px}
.internship-gate-proof span{padding:7px 9px;border-radius:999px;background:#e5f7ff;color:#164e63;font-size:11px;font-weight:800}
.internship-gate-form .contact-consents>.primary,
.internship-gate-mobile-submit{min-height:58px;padding:0 22px;border:1px solid var(--ui-accent);border-radius:15px;background:var(--ui-accent);color:#fff;box-shadow:var(--shadow-primary);font-size:16px;font-weight:700;line-height:1.2}
.internship-gate-mobile-submit{display:none}
@media(max-width:520px){.internship-gate-heading h1{font-size:31px}.internship-gate-proof span{font-size:12px}}

/* Screen 27: combined personalized fit and learning path. */
.route-fit-outcomes{border-top:1px solid #dedede}
.route-fit-path{border-top:1px solid #dedede;background:#f7f7f8}
@media(min-width:760px){
  .route-fit-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .route-fit-path ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
  .route-fit-path li{padding:0 0 22px}
  .route-fit-path li:not(:last-child)::before{display:none}
}

/* Screen 17: consent hierarchy. */
.internship-gate-form .skb-consent__item[data-skb-consent="pd"]{font-size:14.3px;line-height:1.4}
.internship-gate-form .skb-consent__item[data-skb-consent="ads"]{color:#85858d;font-size:10px;line-height:1.35}
.internship-gate-form .skb-consent__item[data-skb-consent="ads"] .skb-consent__box{appearance:none;border:1px solid #d2d2d7;border-radius:4px;background:#f7f7f8;box-shadow:none}
.internship-gate-form .skb-consent__item[data-skb-consent="ads"] .skb-consent__box:checked{background-color:#f1f1f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.4 12l6-6' fill='none' stroke='%239898a0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100% 100%}
.internship-gate-form .skb-consent__item[data-skb-consent="ads"] .skb-consent__box:focus-visible{outline:2px solid #c9c9ce;outline-offset:2px}
.internship-gate-form .skb-consent__item[data-skb-consent="ads"] a{color:inherit}
@media(max-width:600px){
  .internship-gate-form .skb-consent__item[data-skb-consent="pd"]{font-size:14.3px}
  .internship-gate-form .skb-consent__item[data-skb-consent="ads"]{font-size:11px}
}

/* Screen 13: balanced desktop grid and consistent type scale. */
@media(min-width:801px){
  .hypothesis-screen>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  .hypothesis-screen .support-task__message{padding:18px 20px}
  .hypothesis-screen .support-task__message>span{margin-bottom:8px;font-size:10px}
  .hypothesis-screen .support-task__message h2{font-size:32px;line-height:1.06}
  .hypothesis-screen .support-task__message>p{font-size:15px;line-height:1.45}
  .hypothesis-screen .support-task__focus{padding:13px 15px;font-size:15px;line-height:1.4}
  .hypothesis-screen .hypothesis-solution{margin-top:50px;padding:18px 20px}
  .hypothesis-screen .hypothesis-solution>.question{margin-bottom:12px;font-size:17px;line-height:1.35}
  .hypothesis-screen .options{gap:9px}
  .hypothesis-screen .option{min-height:64px;padding:13px 15px;font-size:16px;line-height:1.3}
  .hypothesis-screen .option small{margin-top:3px;font-size:13px;line-height:1.35}
}

/* Screen 15: one desktop type scale across both columns. */
@media(min-width:860px){
  .mvp-layout .mvp-brief h1,
  .mvp-layout .mvp-builder__head h2{font-size:38px;line-height:1.05}
  .mvp-layout .mvp-brief>header b{font-size:13px;line-height:1.3}
  .mvp-layout .mvp-brief>header small{font-size:11px;line-height:1.3}
  .mvp-layout .mvp-brief__body>span,
  .mvp-layout .mvp-builder__head>div>span{font-size:10px;line-height:1.3}
  .mvp-layout .mvp-builder__head p{font-size:15px;line-height:1.4}
  .mvp-layout .mvp-builder__head>strong{font-size:11px;line-height:1.3}
  .mvp-layout .mvp-candidate>b{font-size:16px;line-height:1.35}
}

/* Calm product system: one visual language across the whole funnel. */
:root{
  --ink:#1c1d22;
  --muted:#626570;
  --paper:#f5f6f8;
  --card:#fff;
  --line:#e3e5ea;
  --coral:#eaf2ff;
  --blue:#3d3bff;
  --soft-blue:#eaf2ff;
  --lime:#dff6ee;
  --good:#2f9e73;
  --good-bg:#eef8f4;
  --shadow:0 14px 42px rgba(28,29,34,.08);
  --ui-bg:#f7f8fb;
  --ui-surface:#fff;
  --ui-text:#1c1d22;
  --ui-text-muted:#626570;
  --ui-text-soft:#8a8d95;
  --ui-border:#e3e5ea;
  --ui-border-soft:#ececf2;
  --ui-accent:#3d3bff;
  --ui-accent-hover:#302ee6;
  --ui-accent-soft:#eaf2ff;
  --ui-accent-focus:rgba(61,59,255,.24);
  --ui-mentor-emphasis:#175cdb;
  --ui-highlight:#b8e85d;
  --ui-success:#2f9e73;
  --ui-success-bg:#eef8f4;
  --ui-warning:#d88340;
  --ui-warning-bg:#fff4dd;
  --ui-disabled:#c4c4c4;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --radius-control:12px;
  --radius-card:16px;
  --radius-workspace:22px;
  --radius-pill:999px;
  --radius-message:16px;
  --shadow-card:0 8px 24px rgba(39,45,70,.05);
  --shadow-workspace:0 16px 44px rgba(39,45,70,.07);
  --shadow-elevated:0 22px 56px rgba(39,45,70,.10);
  --shadow-primary:0 7px 18px rgba(61,59,255,.18);
}

body{background:var(--paper);color:var(--ink)}
.topbar{border-bottom:1px solid var(--line)}
.progress{background:#e9ebef}
.progress span{background:var(--blue)}

/* Labels and actions use one restrained accent. */
.eyebrow{
  padding:7px 10px;
  border:0;
  background:var(--soft-blue);
  color:var(--blue);
  font-weight:600;
}
.primary,
.secondary{
  border:1px solid transparent;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.primary{background:var(--ui-accent);color:#fff;box-shadow:var(--shadow-primary)}
.primary:hover{background:var(--ui-accent-hover);transform:translateY(-1px);box-shadow:0 9px 22px rgba(61,59,255,.22)}
.primary:active{transform:none;box-shadow:0 4px 12px rgba(61,59,255,.16)}
.primary:disabled{box-shadow:none}
.secondary{border-color:var(--line);background:var(--card)}
.secondary:hover{border-color:#c9cbd3;background:#fafafd}
.back,.question-back{color:var(--muted)}

/* Main frames and major surfaces. */
#app>.screen,
#app>.internship-chat-screen,
.app-shell .messenger-device,
.culmination-page,
.internship-result-page,
.profile-preview-page,
.profile-contact-page,
.internship-gate-page,
.program-question-frame,
.program-result-page,
.clean-result-page,
.next-step-frame,
.personalized-course-page,
.route-fit-page,
.learning-path-page,
.fit-result-page{
  border:1px solid var(--line);
  background:var(--paper);
  box-shadow:var(--shadow);
}
#app>.screen{background:var(--paper)}
#app>.intro-screen{border-color:var(--line);background:var(--card);box-shadow:var(--shadow)}
#app>.intro-screen::before{background:var(--blue)}

/* One quiet card level; repeated choices stay flat. */
.panel,
.feature,
.worktop,
.feedback,
.result-card,
.visual-window,
.onboarding-screen>div,
.simulation-build-card,
.task-reminder p,
.screen11-mentor-reply,
.support-task__message,
.support-solution,
.excel-window,
.mvp-brief,
.mvp-builder,
.decision-task,
.decision-workspace,
.manager-response,
.client-path-success,
.profile-preview-signal,
.profile-contact-fields,
.internship-report-preview,
.program-frame,
.program-build-list,
.fit-result-meter,
.fit-chart__rows,
.skill-radar,
.growth-path-card,
.learning-level,
.internship-profile-summary,
.internship-quick-card,
.internship-skill-card,
.internship-detail-card,
.internship-growth-card,
.strength-summary-card{
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:0 7px 24px rgba(28,29,34,.055);
}
.option,
.chat-answer-option,
.chat-answer-option__bubble,
.client-path-messages>button,
.mvp-candidate,
.decision-option,
.program-question-panel .option,
.learning-skill-card,
.salary-scale article,
.career-consult__benefits article,
.route-fit-summary span,
.learning-path-result article,
.personal-course-summary article,
.personal-course-project-grid article,
.personal-course-format-grid article,
.personal-course-support-grid article{
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:none;
}
.option:hover,
.client-path-messages>button:hover,
.mvp-candidate:hover,
.decision-option:hover{border-color:#c9cbd3;background:#fafafd}
.option.is-selected,
.mvp-candidate.is-selected,
.decision-option.is-selected{
  border-color:var(--blue);
  background:var(--soft-blue);
  box-shadow:none;
}
.option.is-selected .option__marker,
.mvp-candidate.is-selected i,
.decision-option.is-selected i{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}
.question-screen>div>.panel{
  border:0;
  background:transparent;
  box-shadow:none;
}
.feedback,.client-path-success,.mvp-success{border-color:#cce9dd;background:var(--good-bg);box-shadow:none}
.feedback h3,.client-path-success h3,.mvp-success h3{color:var(--good)}

/* Forms follow the same surface and focus language. */
.field input,
.engineering-menu__field select,
.engineering-menu__search{
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:none;
}
.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(91,85,231,.12)}
.internship-gate-form,
.profile-gate-form{background:#f0f1f4!important}

/* Workday screens share the same calm header and cards. */
.workday-status,
.simulation-question-screen--sales_interview .workday-status{
  border:1px solid var(--line);
  background:var(--card);
  color:var(--ink);
  box-shadow:none;
}
.simulation-question-screen--sales_interview .workday-status button,
.simulation-question-screen--sales_interview .workday-status__now small,
.simulation-question-screen--sales_interview .workday-status strong,
.simulation-question-screen--sales_interview .workday-status__timeline{color:var(--muted)}
.simulation-question-screen--sales_interview .workday-status__now time{color:var(--ink)}
.simulation-question-screen--sales_interview .workday-status__timeline>span{background:var(--line)}
.simulation-question-screen--sales_interview{
  border-color:var(--line);
  background:var(--paper);
  box-shadow:var(--shadow);
}
.simulation-question-screen--sales_interview .task-reminder,
.simulation-question-screen--sales_interview .simulation-question-screen__question{border-color:var(--line);background:var(--card)}
.simulation-question-screen--sales_interview .option{border-color:var(--line);background:#fafafd}
.support-task__message,
.mvp-layout .mvp-brief,
.decision-layout .decision-task,
.chat-task-brief{background:#f7f7fb}
.support-task__focus,
.mvp-brief__focus,
.decision-task__focus,
.screen11-guide{border-color:var(--blue);background:var(--soft-blue)}

/* Chat is part of the same product, not a second visual system. */
.app-shell{
  --messenger-titlebar-gradient:
    radial-gradient(circle at 18% 0,rgba(121,40,202,.78),transparent 42%),
    radial-gradient(circle at 68% 145%,rgba(255,92,215,.3),transparent 44%),
    linear-gradient(145deg,#171429 0%,#32209b 46%,#175cdb 74%,#53cdf5 125%);
}
.app-shell .messenger-device{
  background:var(--card);
}
.messenger-titlebar{
  border-bottom:0;
  background:var(--ui-highlight);
  color:#000;
}
.internship-chat-screen[data-mode="corporate"] .messenger-titlebar{
  border-bottom:0;
  background:var(--messenger-titlebar-gradient);
  color:#fff;
}
.internship-chat-screen[data-mode="corporate"] .messenger-tab{color:#fff}
.internship-chat-screen[data-mode="corporate"] .messenger-channel{color:rgba(255,255,255,.72)}
.messenger-channel{color:var(--muted)}
.messenger-lights{border:0;background:transparent}
.messenger-avatar{background:var(--soft-blue);color:var(--blue)}
.messenger-avatar--user{background:var(--ink);color:#fff}
.messenger-bubble{background:#f0f1f4;color:var(--ink)}
.messenger-system,.messenger-time{background:var(--paper);color:var(--muted)}
.chat-task-story,
.chat-task-screen .chat-reply-panel{border-color:var(--line);background:var(--card);box-shadow:0 7px 24px rgba(28,29,34,.055)}
.chat-task-screen .chat-answer-option{border-color:var(--line);background:#fafafd}
.chat-task-screen .chat-answer-option.is-selected{border-color:var(--blue);background:var(--soft-blue);box-shadow:inset 3px 0 0 var(--blue)}
.chat-task-screen .chat-answer-option.is-selected .chat-answer-option__number{background:var(--blue);color:#fff}

/* Dark and gradient areas become neutral unless they mark a reward. */
.panel--dark,
.worktop,
.result-hero,
.goal-quote,
.profile-preview-cta,
.internship-report-preview__bar,
.program-result-page>header,
.program-result-page>footer,
.clean-result-hero,
.next-step-frame__body>header,
.program-map-preview,
.personalized-course-page>header,
.personalized-course-page>footer,
.route-fit-hero,
.learning-path-hero,
.learning-path-cta,
.fit-result-next,
.internship-salary{
  border-color:var(--line);
  background:var(--card);
  color:var(--ink);
  box-shadow:none;
}
.panel--dark *,
.worktop *,
.result-hero *,
.goal-quote *,
.profile-preview-cta *,
.program-result-page>header *,
.program-result-page>footer *,
.clean-result-hero *,
.next-step-frame__body>header *,
.program-map-preview *,
.personalized-course-page>header *,
.personalized-course-page>footer *,
.route-fit-hero *,
.learning-path-hero *,
.learning-path-cta *,
.fit-result-next *,
.internship-salary *{color:inherit}
.result-section{border-bottom:1px solid var(--line)}
.goal-quote{border-left:3px solid var(--blue);background:var(--soft-blue)}
.route-fit-ai,.route-fit-next,.learning-path-result,.route-fit-path{background:#f0f1f4}
.program-result-page>footer,
.route-fit-next{background:#eef8f4}

/* Reward moment 1: simulation assembly. */
.simulation-build-card{
  border-color:#d8d6ff;
  background:linear-gradient(145deg,#ffffff 0%,#f1f0ff 52%,#e8f8ff 100%);
  box-shadow:0 18px 52px rgba(91,85,231,.12);
}

/* Reward moment 2: simulation is ready. */
.simulation-ready-card{
  border-color:rgba(255,255,255,.25);
  background:linear-gradient(145deg,#24214f 0%,#5b55e7 56%,#52bde8 125%);
  box-shadow:0 24px 70px rgba(91,85,231,.2);
}
.simulation-ready-card .primary:hover,
.simulation-ready-card .primary:focus-visible{background:#fff;color:#171429}

/* Reward moment 3: the main personal result. */
.fit-result-hero{
  background:linear-gradient(135deg,#24214f 0%,#5b55e7 58%,#55bfe8 125%);
  color:#fff;
}
.fit-result-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.fit-result-hero>p:not(.eyebrow){color:rgba(255,255,255,.78)}
.fit-result-meter{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);box-shadow:none}

@media(max-width:800px){
  #app>.screen,
  #app>.internship-chat-screen,
  .app-shell .messenger-device{box-shadow:0 9px 28px rgba(28,29,34,.065)}
  .panel,
  .support-task__message,
  .support-solution,
  .mvp-brief,
  .mvp-builder,
  .decision-task,
  .decision-workspace,
  .chat-task-story,
  .chat-task-screen .chat-reply-panel{box-shadow:none}
}

/* Specificity cleanup after the legacy contrast rules. */
.eyebrow,
.intro-screen__content>.eyebrow{color:var(--blue)!important}
.simulation-ready-card .eyebrow,
.fit-result-hero .eyebrow{color:#fff!important}

/* Feedback and secondary result blocks stay calm as well. */
.mentor-hint{
  border:1px solid #d8d6ff;
  background:var(--soft-blue);
  color:var(--ink);
  box-shadow:none;
}
.mentor-hint::after{border-right:1px solid #d8d6ff;border-bottom:1px solid #d8d6ff;background:var(--soft-blue)}
.mentor-hint__label{background:var(--blue);color:#fff}
.internship-result-kicker span{background:var(--soft-blue);color:var(--blue)}
.internship-profile-summary,
.internship-olga,
.culmination-olga-comment,
.decision-brief__metric{
  border:1px solid var(--line);
  background:#f0f1f4;
  color:var(--ink);
}
.internship-profile-summary small,
.internship-olga>div>b,
.culmination-olga-comment strong,
.decision-brief__metric span{color:var(--blue)}
.career-consult{background:#eef8f4;color:var(--ink)}
.career-consult__benefits article{border-color:#d4e9df;background:rgba(255,255,255,.72)}
.career-consult__benefits article>span{background:var(--good);color:#fff}

/* Popups use the same white surface rather than a separate dark product. */
.app-shell .program-insight-modal{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  align-items:center;
  justify-items:center;
}
.program-insight-modal__backdrop{background:rgba(28,29,34,.18);backdrop-filter:blur(2px)}
.program-insight-modal__card{
  border-color:var(--line);
  background:var(--card);
  color:var(--ink);
  box-shadow:0 20px 60px rgba(28,29,34,.16);
}
.program-insight-modal__close{border-color:var(--line);background:var(--paper);color:var(--muted)}
.program-insight-modal__card>span{color:var(--blue)}
.program-insight-modal__card h3{color:var(--ink)}
.program-insight-modal__card p{color:var(--muted)}
.screen11-success-modal .screen11-mentor-reply,
.screen11-success-modal .screen11-mentor-reply h3,
.screen11-success-modal .screen11-mentor-reply p,
.mentor-hint b,
.mentor-hint p{color:var(--ink)}
@media(max-width:520px){.app-shell .program-insight-modal{align-items:end}}

/* Personalized interstitials after diagnostic questions 1–5. */
#app>.diagnostic-motivation-screen.screen--single{
  position:relative;
  display:grid;
  width:100%;
  max-width:1040px;
  min-height:min(720px,calc(100svh - 130px));
  place-items:center;
  margin:18px auto 32px;
  padding:64px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
}
#app>.diagnostic-motivation-screen--sky{background:#e6f2fa}
#app>.diagnostic-motivation-screen--mint{background:#e8f4ee}
#app>.diagnostic-motivation-screen--lilac{background:#efedff}
#app>.diagnostic-motivation-screen--sand{background:#f7f0e5}
#app>.diagnostic-motivation-screen--finish{background:linear-gradient(135deg,#edf1ff 0%,#e8f6ef 100%)}
.diagnostic-motivation-screen__content{position:relative;z-index:1;width:100%;max-width:760px}
.diagnostic-motivation-screen__tag{margin:0 0 20px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.diagnostic-motivation-screen h1{max-width:740px;margin:0;color:var(--ink);font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.diagnostic-motivation-screen h1 span{color:var(--blue)}
.diagnostic-motivation-screen__body{max-width:700px;margin:22px 0 0;color:var(--ink);font-size:18px;line-height:1.48}
.diagnostic-motivation-screen:not(.program-motivation-screen) .diagnostic-motivation-screen__body{margin-bottom:28px}
.diagnostic-motivation-screen__proof{margin:14px 0 24px;color:var(--muted);font-size:12px}
.diagnostic-motivation-screen__note{position:relative;max-width:700px;margin:0 0 26px;padding:20px 22px;border:1px solid rgba(28,29,34,.14);border-radius:18px;background:rgba(255,255,255,.72);overflow:hidden}
.diagnostic-motivation-screen__note::before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),#59c7ff,#65d6a6);content:""}
.diagnostic-motivation-screen__note span{display:block;margin-bottom:7px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.diagnostic-motivation-screen__note p{margin:0;color:var(--ink);font-size:15px;line-height:1.48}
.diagnostic-motivation-screen .primary{width:max-content;min-width:210px;min-height:52px}
.program-motivation-screen::before,.program-motivation-screen::after{position:absolute;border-radius:50%;background:rgba(255,255,255,.34);content:"";pointer-events:none}
.program-motivation-screen::before{top:-90px;right:-70px;width:260px;height:260px}
.program-motivation-screen::after{bottom:-130px;left:-100px;width:320px;height:320px}
@media(max-width:620px){
  #app>.diagnostic-motivation-screen.screen--single{min-height:calc(100svh - 96px);place-items:start;margin:8px auto 20px;padding:36px 20px 26px;border-radius:22px}
  .diagnostic-motivation-screen__tag{margin-bottom:15px;font-size:10px}
  .diagnostic-motivation-screen h1{font-size:32px;line-height:1.06}
  .diagnostic-motivation-screen__body{margin-top:18px;font-size:16px;line-height:1.45}
  .diagnostic-motivation-screen:not(.program-motivation-screen) .diagnostic-motivation-screen__body{margin-bottom:22px}
  .diagnostic-motivation-screen__proof{margin:11px 0 18px}
  .diagnostic-motivation-screen__note{margin-bottom:20px;padding:17px 16px}
  .diagnostic-motivation-screen__note p{font-size:14px}
  .diagnostic-motivation-screen .primary{width:100%;min-width:0}
  .program-motivation-screen::before{top:-70px;right:-90px;width:210px;height:210px}
  .program-motivation-screen::after{bottom:-110px;left:-100px;width:240px;height:240px}
}

/* Compact summaries for the program-route questions. */
.diagnostic-summary-screen.screen--single{max-width:1040px}
.diagnostic-summary-screen>div{width:100%}
.diagnostic-summary-card{
  width:min(100%,760px);
  display:grid;
  gap:16px;
  margin:18px auto 0;
  padding:30px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--card);
  box-shadow:0 12px 34px rgba(28,29,34,.06);
}
.diagnostic-summary-card__status{width:max-content;display:flex;align-items:center;gap:7px;color:#39745e;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.diagnostic-summary-card__status i{font-style:normal;font-size:15px}
.diagnostic-summary-card h1{max-width:650px;margin:0;font-size:clamp(30px,4.4vw,42px);line-height:1.08}
.diagnostic-summary-card__intro{max-width:660px;margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.diagnostic-summary-card__answers{margin:2px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.diagnostic-summary-card__answers>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:12px 0}
.diagnostic-summary-card__answers>div+div{border-top:1px solid var(--line)}
.diagnostic-summary-card__answers dt{color:var(--muted);font-size:11px;font-weight:750;line-height:1.4;text-transform:uppercase}
.diagnostic-summary-card__answers dd{margin:0;color:var(--ink);font-size:14px;line-height:1.45}
.diagnostic-summary-card__next{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.diagnostic-summary-card__next strong{color:var(--ink)}
.diagnostic-summary-card>.primary{width:max-content;min-width:260px;min-height:50px}
.program-summary-card{width:min(100%,680px)}
@media(max-width:620px){
  .diagnostic-summary-card{gap:14px;margin-top:12px;padding:20px;border-radius:20px}
  .diagnostic-summary-card h1{font-size:29px}
  .diagnostic-summary-card__intro{font-size:15px}
  .diagnostic-summary-card__answers>div{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .diagnostic-summary-card>.primary{width:100%;min-width:0}
}

/* Correct answers on tasks 11–13 become a calm full-screen handoff from Olga. */
.workday-result-screen.screen--single{max-width:1040px}
.workday-result-screen>div{width:100%}
.workday-result-card{
  width:min(100%,820px);
  display:grid;
  gap:22px;
  margin:24px auto 0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--card);
  box-shadow:0 14px 42px rgba(28,29,34,.08);
}
.workday-result-card__status{
  width:max-content;
  display:flex;
  align-items:center;
  gap:8px;
  color:#39745e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.workday-result-card__status i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--good);color:#fff;font-style:normal;font-size:14px}
.workday-result-card__mentor{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start}
.workday-result-card__mentor>.mentor-hint__avatar{width:48px;height:48px;flex-basis:48px}
.workday-result-card__mentor b{display:block;color:var(--muted);font-size:12px}
.workday-result-card__mentor h1{max-width:650px;margin:8px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.08}
.workday-result-card__mentor p{max-width:650px;margin:0;color:var(--ink);font-size:16px;line-height:1.5}
.workday-result-card__takeaways{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.workday-result-card__takeaways article{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.workday-result-card__takeaways article:last-child{border-color:#d9d8ff;background:var(--soft-blue)}
.workday-result-card__takeaways span{display:block;margin-bottom:7px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.workday-result-card__takeaways p{margin:0;color:var(--ink);font-size:14px;line-height:1.45}
.workday-result-card__summary{margin:0;padding:13px 15px;border-radius:14px;background:var(--soft-blue);color:var(--ink);font-size:14px;line-height:1.45}
.workday-result-card__summary p{margin:0}
.workday-result-card__summary p+p{margin-top:5px}
.workday-result-card>.primary{width:100%;min-height:54px}
.inline-correct-confirmation{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:13px;
  border:1px solid #cee7db;
  border-radius:16px;
  background:#eef8f4;
}
.inline-correct-confirmation>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--good);color:#fff;font-size:18px;font-weight:800}
.inline-correct-confirmation b{display:block;color:#39745e;font-size:16px}
.inline-correct-confirmation p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.35}
.inline-correct-confirmation .primary{min-height:42px;padding:10px 15px;font-size:13px;white-space:nowrap}
@media(max-width:620px){
  .workday-result-card{gap:18px;margin-top:16px;padding:18px;border-radius:20px}
  .workday-result-card__mentor{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .workday-result-card__mentor>.mentor-hint__avatar{width:40px;height:40px;flex-basis:40px}
  .workday-result-card__mentor h1{font-size:28px}
  .workday-result-card__mentor p{font-size:15px}
  .workday-result-card__takeaways{grid-template-columns:1fr}
  .workday-result-card__takeaways article{padding:14px}
  .inline-correct-confirmation{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .inline-correct-confirmation>span{width:34px;height:34px}
  .inline-correct-confirmation .primary{grid-column:1/-1;width:100%}
}

/* Feedback in the profession tryout guides forward instead of grading. */
.feedback--gentle,
.client-path-success.is-gentle,
.mvp-success.is-gentle,
.chat-feedback .messenger-bubble.is-weak{
  border-color:#eadca6;
  background:#fff9e8;
  color:var(--ink);
  box-shadow:none;
}
.feedback--gentle h3,
.client-path-success.is-gentle h3,
.mvp-success.is-gentle h3,
.chat-feedback .messenger-bubble.is-weak>b{color:#806316}
.client-path-success.is-gentle>span,
.mvp-success.is-gentle>span,
.screen11-success__status.is-gentle i{background:#d7ad38;color:#fff}
.screen11-success__status.is-gentle{color:#806316}
.feedback p+p,
.client-path-success p+p,
.mvp-success p+p,
.chat-feedback .messenger-bubble p+p{margin-top:6px}
.mvp-candidate.is-hinted,
.decision-option.is-hinted,
.chat-answer-option.is-hinted .chat-answer-option__bubble{
  border-color:#7b76ee;
  background:#f2f1ff;
  box-shadow:0 0 0 2px rgba(91,85,231,.1);
}
.mvp-candidate.is-hinted:disabled,
.decision-option.is-hinted:disabled,
.client-path-messages>button.is-recommended:disabled{opacity:1}

/* Short celebration above a successful task popup. */
.success-salute{
  position:fixed;
  inset:0;
  z-index:270;
  overflow:hidden;
  pointer-events:none;
}
.success-salute i,
.success-salute b{
  position:absolute;
  left:calc(var(--x) * 1%);
  top:calc(var(--y) * 1%);
  pointer-events:none;
}
.success-salute i{
  width:6px;
  height:6px;
  border-radius:3px;
  background:var(--color);
  box-shadow:0 0 8px color-mix(in srgb,var(--color) 48%,transparent);
  opacity:0;
  animation:success-salute-particle 1150ms cubic-bezier(.2,.72,.3,1) var(--delay) both;
}
.success-salute i:nth-of-type(3n){width:4px;height:10px;border-radius:5px}
.success-salute i:nth-of-type(4n){border-radius:50%}
.success-salute b{
  width:12px;
  height:12px;
  border:2px solid rgba(255,205,87,.72);
  border-radius:50%;
  opacity:0;
  animation:success-salute-ring 620ms ease-out var(--delay) both;
}
@keyframes success-salute-particle{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}
  12%{opacity:.86}
  68%{opacity:.78}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.82) rotate(var(--turn))}
}
@keyframes success-salute-ring{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  18%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(3)}
}
@media(prefers-reduced-motion:reduce){
  .success-salute i{
    opacity:.78;
    animation:none;
    transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn));
  }
  .success-salute b{
    opacity:.46;
    animation:none;
    transform:translate(-50%,-50%) scale(3);
  }
}

/* One typography scale for diagnostic questions 1–5 and their interstitials. */
main>.diagnostic-question-screen,
main>.diagnostic-motivation-screen:not(.program-motivation-screen){
  --diagnostic-title-size:32px;
  --diagnostic-copy-size:16px;
  --diagnostic-title-line-height:1.1;
  --diagnostic-copy-line-height:1.5;
}
main>.diagnostic-question-screen h2,
main>.diagnostic-motivation-screen:not(.program-motivation-screen) h1{
  font-size:var(--diagnostic-title-size);
  line-height:var(--diagnostic-title-line-height);
  letter-spacing:-.025em;
}
main>.diagnostic-question-screen .lead,
main>.diagnostic-motivation-screen:not(.program-motivation-screen) .diagnostic-motivation-screen__body{
  font-size:var(--diagnostic-copy-size);
  line-height:var(--diagnostic-copy-line-height);
}
@media(max-width:800px){
  main>.diagnostic-question-screen,
  main>.diagnostic-motivation-screen:not(.program-motivation-screen){
    --diagnostic-title-size:26px;
    --diagnostic-copy-size:15px;
    --diagnostic-title-line-height:1.1;
    --diagnostic-copy-line-height:1.45;
  }
}

/* Screen 11: the manager task reads as a chat message, not a nested card. */
.simulation-question-screen--sales_interview .task-reminder{
  padding:0;
  border:0;
  background:transparent;
}
.simulation-question-screen--sales_interview .task-reminder p{
  width:fit-content;
  max-width:100%;
  padding:12px 14px;
  border-radius:6px 18px 18px;
  background:var(--card);
}

/* Screen 14 desktop: one heading scale and no nested frames around copy. */
@media(min-width:801px){
  .chat-task-screen .chat-task-brief h1,
  .chat-task-screen .chat-reply-panel h2{
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .chat-task-screen .chat-task-story,
  .chat-task-screen .chat-reply-panel,
  .chat-task-screen .chat-task-brief{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .chat-task-screen .chat-answer-options{gap:0}
  .chat-task-screen .chat-answer-option{
    padding:15px 4px;
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0;
    background:transparent;
  }
  .chat-task-screen .chat-answer-option:first-child{border-top:1px solid var(--line)}
  .chat-task-screen .chat-answer-option:hover{
    border-color:var(--line);
    background:#fafafd;
  }
  .chat-task-screen .chat-answer-option.is-selected{
    padding-right:12px;
    padding-left:12px;
    border-color:var(--blue);
    border-radius:12px;
    background:var(--soft-blue);
    box-shadow:none;
  }
}

/* SMM-inspired choice mechanics for diagnostic and route questions. */
.option__arrow{display:none}
.diagnostic-question-screen .options{gap:10px}
.diagnostic-question-screen .option{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 22px;
  gap:14px;
  align-items:center;
  min-height:62px;
  padding:15px 18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  font-size:16px;
  line-height:1.35;
  outline:0;
  box-shadow:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.diagnostic-question-screen .option:hover{
  border-color:var(--blue);
  background:var(--card);
  box-shadow:0 8px 24px rgba(91,85,231,.08);
  transform:translateY(-1px);
}
.diagnostic-question-screen .option.is-selected{
  border-color:var(--blue);
  background:var(--soft-blue);
  outline:0;
  box-shadow:0 0 0 2px var(--ui-accent-focus);
}
.diagnostic-question-screen .option__arrow{
  display:block;
  color:var(--blue);
  font-size:18px;
  line-height:1;
  text-align:right;
}
.diagnostic-question-screen .option .option__marker{
  width:20px;
  height:20px;
  border:1.5px solid #a8a8b2;
  border-radius:50%;
  background:transparent;
  color:transparent;
  font-size:0;
}
.diagnostic-question-screen .option:hover .option__marker,
.diagnostic-question-screen .option.is-selected .option__marker{
  border:6px solid var(--blue);
  background:var(--card);
}
@media(max-width:800px){
  .diagnostic-question-screen .options{gap:8px}
  .diagnostic-question-screen .option{
    grid-template-columns:20px minmax(0,1fr) 18px;
    gap:10px;
    min-height:56px;
    padding:12px 13px;
    border-radius:8px;
    font-size:14px;
  }
  .diagnostic-question-screen .option__arrow{font-size:16px}
  .diagnostic-question-screen .option .option__marker{width:20px;height:20px}
}

/* One answer typography scale across the whole funnel. */
@media(min-width:801px){
  .question-screen .option,
  .chat-task-screen .chat-answer-option__bubble b,
  #app .support-signals-screen .client-path-messages small,
  .mvp-screen .mvp-candidate b,
  .decision-screen .decision-option b{
    font-size:16px;
    line-height:1.35;
  }
  .question-screen .option small,
  .chat-task-screen .chat-answer-option__bubble small{
    font-size:13px;
    line-height:1.4;
  }
}

/* Age question: compact expandable list inspired by the graphdesigner funnel. */
.age-select-control{
  position:relative;
  width:min(100%,420px);
  margin-top:28px;
}
.age-select-trigger{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  gap:14px;
  align-items:center;
  width:100%;
  min-height:60px;
  padding:15px 18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  color:var(--ink);
  font:inherit;
  font-size:16px;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.age-select-trigger:hover,
.age-select-trigger.is-open{border-color:var(--blue);box-shadow:0 0 0 2px rgba(91,85,231,.1)}
.age-select-trigger .is-placeholder{color:var(--muted)}
.age-select-trigger svg{width:22px;height:22px;color:var(--blue);transition:transform .18s ease}
.age-select-trigger.is-open svg{transform:rotate(180deg)}
.age-select-list{
  position:absolute;
  z-index:20;
  top:calc(100% + 8px);
  right:0;
  left:0;
  display:none;
  max-height:min(320px,46svh);
  padding:6px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
  box-shadow:0 18px 48px rgba(28,29,34,.16);
  overflow-y:auto;
}
.age-select-list.is-open{display:grid}
.age-select-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  min-height:48px;
  padding:11px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:16px;
  text-align:left;
  cursor:pointer;
}
.age-select-option:hover,
.age-select-option:focus-visible{background:var(--soft-blue);outline:0}
.age-select-option.is-selected{background:var(--soft-blue);color:var(--blue);font-weight:600}
.age-select-option b{color:var(--blue);text-align:right}
@media(max-width:800px){
  .age-select-control{margin-top:22px}
  .age-select-trigger{min-height:56px;padding:12px 13px;border-radius:8px;font-size:14px}
  .age-select-option{min-height:46px;font-size:14px}
}
@media(max-width:800px){
  .question-screen .option,
  .chat-task-screen .chat-answer-option__bubble b,
  #app .support-signals-screen .client-path-messages small,
  .mvp-screen .mvp-candidate b,
  .decision-screen .decision-option b{
    font-size:14px;
    line-height:1.35;
  }
  .question-screen .option small,
  .chat-task-screen .chat-answer-option__bubble small{
    font-size:12px;
    line-height:1.4;
  }
}

/* Desktop frame cleanup: one main surface per screen, controls stay distinct. */
.brand,
.brand:hover,
.brand:focus-visible{
  padding:0;
  border:0;
  border-radius:0;
  outline-offset:6px;
  background:transparent;
  box-shadow:none;
}
.brand img{border:0;background:transparent;box-shadow:none}
.topbar{border:0;background:transparent;box-shadow:none}

/* The messenger device is the frame; its top-level section is only layout. */
#app>.internship-chat-screen{
  border:0;
  background:transparent;
  box-shadow:none;
}

/* Reward screens already have a complete inner card; the outer screen is layout only. */
#app>.simulation-build-screen,
#app>.simulation-ready-screen{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

/* Result pages already have their own continuous surface. */
#app>.culmination-screen,
#app>.internship-result-screen,
#app>.profile-preview-screen,
#app>.profile-gate-screen,
#app>.internship-gate-screen,
#app>.program-result-screen,
#app>.next-step-screen,
#app>.personalized-course-screen,
#app>.route-fit-screen,
#app>.learning-path-screen,
#app>.fit-result-screen{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

@media(min-width:801px){
  /* The workday header is a divider, not another card. */
  .workday-status,
  .simulation-question-screen--sales_interview .workday-status{
    padding:0 0 14px;
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  /* Screen 11: keep only the real Excel window as a nested frame. */
  .simulation-question-screen--sales_interview .task-reminder{
    padding:8px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .simulation-question-screen--sales_interview .simulation-question-screen__question{
    border:0;
    background:#f7f7fb;
    box-shadow:none;
  }

  /* Screens 12–13: columns are separated by tone, not card-inside-card borders. */
  .support-task__message{
    border:0;
    background:#f7f7fb;
    box-shadow:none;
  }
  .support-solution,
  .hypothesis-screen .hypothesis-solution{
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .support-task__focus{
    border:0;
    border-left:3px solid var(--blue);
    border-radius:0 12px 12px 0;
  }

  /* Screen 14: the messenger is already the main frame. */
  .chat-task-story,
  .chat-task-screen .chat-reply-panel,
  .chat-task-screen [data-screen17-reply].is-ready,
  .chat-task-brief{
    border:0;
    box-shadow:none;
  }
  .chat-task-story{background:#f7f7fb}
  .chat-task-screen .chat-reply-panel{background:transparent}

  /* Screens 15–16: preserve two columns without two additional large frames. */
  .mvp-layout .mvp-brief,
  .mvp-layout .mvp-builder,
  .decision-layout .decision-task,
  .decision-layout .decision-workspace{
    border:0;
    box-shadow:none;
  }
  .mvp-layout .mvp-brief,
  .decision-layout .decision-task{background:#f7f7fb}
  .mvp-layout .mvp-builder,
  .decision-layout .decision-workspace{background:transparent}
  .mvp-brief__focus,
  .decision-task__focus{
    border:0;
    border-left:3px solid var(--blue);
    border-radius:0 12px 12px 0;
    background:var(--soft-blue);
  }

  /* CTA is an action, not a white technical capsule around an action. */
  .question-screen .actions{
    padding:0;
    border-radius:0;
    background:transparent;
  }
}

/* Questions and interstitials share one surface and one type hierarchy. */
#app>.diagnostic-motivation-screen.screen--single{
  position:relative;
  width:min(100%,var(--workspace-width));
  max-width:var(--workspace-width);
  min-height:var(--workspace-min-height);
  margin:20px auto 40px;
  padding:var(--workspace-pad);
  place-items:start;
  align-content:start;
  border:1px solid var(--line);
  border-radius:var(--frame-main);
  background:var(--paper);
  box-shadow:var(--shadow);
  overflow:hidden;
}
#app>.diagnostic-motivation-screen--sky,
#app>.diagnostic-motivation-screen--mint,
#app>.diagnostic-motivation-screen--lilac,
#app>.diagnostic-motivation-screen--sand,
#app>.diagnostic-motivation-screen--finish{
  background:var(--paper);
}
#app>.diagnostic-motivation-screen::before{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  width:4px;
  height:auto;
  border-radius:0;
  background:var(--blue);
  content:"";
  pointer-events:none;
}
#app>.diagnostic-motivation-screen::after{display:none}
.diagnostic-motivation-screen__content{
  width:100%;
  max-width:840px;
  margin-right:auto;
  margin-left:auto;
}
.diagnostic-motivation-screen__tag{
  display:inline-flex;
  width:max-content;
  margin:0 0 16px;
  padding:7px 10px;
  border-radius:var(--frame-pill);
  background:var(--soft-blue);
  color:var(--blue);
  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
}
main>.diagnostic-motivation-screen h1,
main>.diagnostic-motivation-screen.program-motivation-screen h1{
  max-width:840px;
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.025em;
}
#app>.diagnostic-motivation-screen .diagnostic-motivation-screen__body{
  max-width:760px;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.5;
}
.diagnostic-motivation-screen__proof{
  margin:12px 0 0;
  color:var(--muted);
  font-size:12px;
}
.diagnostic-motivation-screen__note{
  max-width:760px;
  margin:18px 0 0;
  padding:14px 0 0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.diagnostic-motivation-screen__note::before{display:none}
.diagnostic-motivation-screen .primary{
  width:100%;
  min-width:0;
  min-height:54px;
  margin-top:24px;
}

@media(max-width:800px){
  #app>.diagnostic-motivation-screen.screen--single{
    width:100%;
    min-height:auto;
    margin:12px auto 24px;
    padding:var(--workspace-pad);
    border-radius:var(--frame-main);
  }
  .diagnostic-motivation-screen__tag{
    margin-bottom:14px;
    font-size:12px;
  }
  main>.diagnostic-motivation-screen h1,
  main>.diagnostic-motivation-screen.program-motivation-screen h1{
    font-size:26px;
    line-height:1.1;
  }
  #app>.diagnostic-motivation-screen .diagnostic-motivation-screen__body{
    margin-top:12px;
    font-size:15px;
    line-height:1.45;
  }
  .diagnostic-motivation-screen__note{margin-top:16px;padding-top:12px}
  .diagnostic-motivation-screen .primary{margin-top:20px}
}

/* Company invitation: a bold editorial cover without dashboard chrome. */
#app>.company-invitation-screen{
  display:block;
  width:min(100%,var(--workspace-width));
  max-width:var(--workspace-width);
  min-height:auto;
  margin:20px auto 40px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.company-invitation-window{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:var(--frame-main);
  background:radial-gradient(circle at 100% 0,rgba(91,85,231,.42),transparent 38%),#121219;
  color:#fff;
  box-shadow:0 22px 58px rgba(18,18,25,.18);
}
.company-invitation-window__header{
  padding:26px clamp(24px,5vw,64px);
  border-bottom:1px solid rgba(255,255,255,.14);
  background:transparent;
}
.company-invitation-window__body{
  display:block;
  padding:clamp(48px,7vw,84px) clamp(24px,6vw,78px) clamp(36px,5vw,58px);
}
.company-invitation-window__kicker{
  max-width:520px;
  margin:0 0 18px;
  color:#a9a5ff;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
}
.company-invitation-window__company{
  display:flex;
  align-items:center;
  gap:12px;
}
.company-invitation-window__company>img{
  display:block;
  flex:0 0 72px;
  width:72px;
  height:72px;
  object-fit:contain;
}
.company-invitation-window__company>div{display:grid;gap:3px}
.company-invitation-window__company b{font-size:16px}
.company-invitation-window__company small{color:rgba(255,255,255,.62);font-size:12px}
.company-invitation-window h1{
  max-width:820px;
  margin:0;
  font-size:clamp(46px,6vw,72px);
  line-height:.98;
}
.company-invitation-window__lead{
  max-width:760px;
  margin:26px 0 0;
  color:rgba(255,255,255,.68);
  font-size:18px;
  line-height:1.55;
}
.company-invitation-window__task{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(300px,1fr);
  column-gap:clamp(38px,6vw,76px);
  margin-top:clamp(42px,6vw,68px);
  padding-top:clamp(34px,5vw,52px);
  border-top:1px solid rgba(255,255,255,.16);
}
.company-invitation-window__task h2{grid-row:1/3;max-width:380px;margin:0;font-size:clamp(27px,3vw,38px);line-height:1.06}
.company-invitation-window__task>p{max-width:520px;margin:0 0 24px;color:rgba(255,255,255,.68);font-size:16px;line-height:1.55}
.company-invitation-window__footer{padding:0 clamp(24px,6vw,78px) clamp(32px,6vw,68px)}
.company-invitation-window__footer>.actions{display:block;width:100%;margin:0}
.company-invitation-window__footer .secondary{display:none}
.company-invitation-window__footer .primary{width:100%;min-height:62px;border:0;background:#fff;color:#121219;box-shadow:none}
.company-invitation-window__footer .primary:hover{background:#ececff;color:#121219}
@media(max-width:620px){
  #app>.company-invitation-screen{margin:12px auto 24px}
  .company-invitation-window__header{padding:18px}
  .company-invitation-window__company small{max-width:150px;line-height:1.3}
  .company-invitation-window__body{padding:38px 20px 28px}
  .company-invitation-window__kicker{max-width:280px;margin-bottom:16px;font-size:12px;line-height:1.4}
  .company-invitation-window h1{font-size:42px;line-height:1}
  .company-invitation-window__lead{margin-top:20px;font-size:15px;line-height:1.5}
  .company-invitation-window__task{display:block;margin-top:36px;padding-top:28px}
  .company-invitation-window__task h2{font-size:26px}
  .company-invitation-window__task>p{margin:16px 0 20px;font-size:14px}
  .company-invitation-window__footer{padding:0 20px 24px}
  .company-invitation-window__footer .primary{min-height:56px}
}
.self-identification-screen .panel {
  max-width: 760px;
}

.self-identification-note {
  margin: 18px 2px 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.asis-screen > div {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.asis-heading {
  max-width: 760px;
  margin: 26px 0 24px;
}

.asis-heading h1 {
  margin: 8px 0 12px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
}

.asis-heading > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.asis-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 18px;
  align-items: start;
}

.asis-deck,
.asis-sequence {
  min-width: 0;
  padding: 18px;
  border-radius: 24px;
  background: var(--card);
  box-shadow: 0 14px 38px rgba(33, 32, 66, .09);
}

.asis-sequence {
  background: #f7f7ff;
}

.asis-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.asis-section-title span {
  font-size: 16px;
  font-weight: 700;
}

.asis-section-title small {
  color: var(--muted);
  font-size: 13px;
}

.asis-source-card,
.asis-sequence-card {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 9px;
  padding: 13px 14px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(33, 32, 66, .08);
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.asis-source-card:hover,
.asis-sequence-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 24px rgba(61, 59, 255, .12);
}

.asis-source-card span,
.asis-sequence-card span {
  flex: 1;
  font-size: 15px;
  line-height: 1.35;
}

.asis-source-card b {
  color: var(--blue);
  font-size: 20px;
}

.asis-sequence-card i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
}

.asis-sequence-card b {
  color: var(--muted);
  font-size: 20px;
  font-weight: 400;
}

.asis-empty,
.asis-deck-empty {
  min-height: 106px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 20px;
  border-radius: 16px;
  color: var(--muted);
  background: rgba(255, 255, 255, .66);
  text-align: center;
  line-height: 1.45;
}

.asis-controls {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}

.asis-controls .actions {
  margin: 0;
  padding: 0;
  position: static;
  background: transparent;
}

.asis-hint {
  margin-top: 14px;
  padding: 13px 14px;
  border-radius: 14px;
  background: #f1f0ff;
  color: var(--text);
}

.asis-hint b {
  display: block;
  margin-bottom: 5px;
  color: var(--blue);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.asis-hint p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.tobe-inline-feedback,
.tobe-result,
.director-feedback {
  margin-top: 18px;
  padding: 18px;
  border-radius: 20px;
}

.tobe-inline-feedback.is-warning,
.director-feedback.is-warning {
  background: #fff6df;
  color: #3f3723;
}

.tobe-inline-feedback b,
.director-feedback b {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}

.tobe-inline-feedback p,
.director-feedback p,
.tobe-result p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.tobe-result {
  background: #eefbf5;
  box-shadow: 0 14px 38px rgba(36, 120, 83, .1);
}

.tobe-result > span {
  color: #1b7651;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.tobe-result h2 {
  margin: 7px 0 8px;
  font-size: 26px;
}

.tobe-result .primary,
.director-feedback .primary {
  margin-top: 16px;
}

.director-screen > div {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.director-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 20px;
  align-items: start;
  margin-top: 26px;
}

.director-message,
.director-task {
  padding: 22px;
  border-radius: 24px;
  background: var(--card);
  box-shadow: 0 14px 38px rgba(33, 32, 66, .09);
}

.director-message {
  position: sticky;
  top: 18px;
}

.director-message header {
  display: flex;
  align-items: center;
  gap: 11px;
}

.director-message header > div {
  display: grid;
  gap: 2px;
}

.director-message header b {
  font-size: 14px;
}

.director-message header small {
  color: var(--muted);
  font-size: 12px;
}

.director-message > p {
  margin: 18px 0;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.4;
}

.director-message__formula {
  display: grid;
  gap: 5px;
  padding: 14px;
  border-radius: 16px;
  background: #f3f2ff;
}

.director-message__formula span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.director-message__formula b {
  font-size: 14px;
  line-height: 1.4;
}

.director-task h1 {
  margin: 7px 0 9px;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.05;
}

.director-task > p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.director-options {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.director-option {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 15px;
  border: 0;
  border-radius: 17px;
  background: #f7f7fb;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.director-option:hover {
  transform: translateY(-1px);
  background: #f0efff;
  box-shadow: 0 8px 20px rgba(61, 59, 255, .1);
}

.director-option i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e5e4ee;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

.director-option span {
  font-size: 15px;
  line-height: 1.42;
}

.director-option b {
  color: var(--blue);
  font-size: 18px;
}

.director-option.is-selected {
  background: #ecebff;
  box-shadow: inset 0 0 0 2px rgba(61, 59, 255, .28);
}

.director-option.is-selected i {
  background: var(--blue);
  color: #fff;
}

.director-option.is-wrong {
  background: #fff1ed;
  box-shadow: inset 0 0 0 2px rgba(205, 93, 56, .2);
}

.director-option.is-hinted,
.data-metric-card.is-hinted {
  background: #f2f1ff;
  box-shadow: inset 0 0 0 2px #7b76ee, 0 0 0 3px rgba(91, 85, 231, .1);
  animation: answer-hint 1.5s ease-in-out infinite;
}

.director-option.is-hinted:disabled {
  opacity: 1;
}

.director-feedback.is-success {
  background: #eefbf5;
  color: #184f3b;
}

@media (max-width: 760px) {
  .director-layout {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
  }

  .director-message,
  .director-task {
    padding: 16px;
    border-radius: 18px;
  }

  .director-message {
    position: static;
  }

  .director-message > p {
    margin: 14px 0;
    font-size: 17px;
  }

  .director-task h1 {
    font-size: 30px;
  }

  .director-option {
    grid-template-columns: 26px minmax(0, 1fr) 18px;
    gap: 9px;
    padding: 12px;
  }

  .director-option span {
    font-size: 14px;
  }

  .tobe-result .primary,
  .director-feedback .primary {
    width: 100%;
  }
}

.short-result-screen {
  background: #f4f4f8;
}

.short-result-page {
  width: min(1040px, 100%);
  margin: 0 auto;
}

.short-result-heading {
  max-width: 860px;
  padding: 34px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(33, 32, 66, .09);
}

.short-result-heading h1 {
  max-width: 820px;
  margin: 9px 0 18px;
  font-size: clamp(36px, 5.4vw, 62px);
  line-height: 1.02;
}

.short-result-heading h1 span {
  color: var(--blue);
}

.short-result-heading > p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #4f4f58;
  font-size: 17px;
  line-height: 1.55;
}

.short-result-heading > p + p {
  margin-top: 10px;
}

.short-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

.short-result-card {
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(33, 32, 66, .07);
}

.short-result-card.is-shown {
  background: #eefbf5;
}

.short-result-card.is-learning {
  background: #f0efff;
}

.short-result-card ul {
  display: grid;
  gap: 11px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.short-result-card li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.35;
}

.short-result-card li i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(27, 118, 81, .12);
  color: #1b7651;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

.short-result-card.is-learning li i {
  background: rgba(61, 59, 255, .12);
  color: var(--blue);
}

.short-result-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 16px;
  padding: 17px 19px;
  border-radius: 18px;
  background: #fff;
  color: var(--muted);
  box-shadow: 0 10px 28px rgba(33, 32, 66, .06);
}

.short-result-note span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ecebff;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
}

.short-result-note p {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.short-result-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 16px;
  padding: 22px 24px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(33, 32, 66, .07);
}

.short-result-action > div {
  display: grid;
  gap: 4px;
}

.short-result-action b {
  font-size: 16px;
}

.short-result-action p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 700px) {
  .short-result-heading {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .short-result-heading h1 {
    font-size: 36px;
  }

  .short-result-heading > p:not(.eyebrow) {
    font-size: 15px;
  }

  .short-result-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 10px;
  }

  .short-result-card {
    padding: 18px;
    border-radius: 19px;
  }

  .short-result-card li {
    font-size: 15px;
  }

  .short-result-note {
    margin-top: 10px;
  }

  .short-result-action {
    align-items: stretch;
    flex-direction: column;
    margin-top: 10px;
    padding: 18px;
  }

  .short-result-action .primary {
    width: 100%;
  }
}

.route-extra-personal,
.route-course-bridge {
  border-top: 1px solid var(--line);
}

.route-extra-personal {
  display: grid;
  gap: 22px;
  background: #f7f7fa;
}

.route-extra-personal h2,
.route-course-bridge h2 {
  max-width: 800px;
  margin: 7px 0 11px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.08;
}

.route-extra-personal > div > p:not(.eyebrow),
.route-course-bridge__intro > p:not(.eyebrow) {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.route-extra-personal aside {
  max-width: 760px;
  margin-top: 15px;
  padding: 13px 15px;
  border-radius: 15px;
  background: var(--soft-blue);
  color: var(--ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

.route-extra-personal ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.route-extra-personal li {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 118px;
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(33, 32, 66, .06);
}

.route-extra-personal li i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}

.route-extra-personal li span {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
}

.route-extra-personal > button,
.route-course-bridge > button {
  justify-self: start;
}

.route-course-bridge {
  display: grid;
  gap: 18px;
  background: #fff;
}

.route-course-bridge article {
  padding: 20px;
  border-radius: 20px;
  background: #f0efff;
}

.route-course-bridge article span {
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.route-course-bridge article h3 {
  margin: 8px 0;
  font-size: 20px;
  line-height: 1.35;
}

.route-course-bridge article p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.route-course-proof {
  padding: 18px 20px;
  border-radius: 18px;
  background: #eef8f4;
}

.route-course-proof b {
  font-size: 15px;
}

.route-course-proof p {
  margin: 7px 0;
  font-size: 14px;
  line-height: 1.5;
}

.route-course-proof small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.route-consultation ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 22px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.route-consultation li {
  position: relative;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.route-consultation li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--blue);
  font-weight: 800;
}

.route-consultation small {
  display: block;
  margin-top: 16px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 820px) {
  .route-extra-personal ol {
    grid-template-columns: 1fr;
  }

  .route-extra-personal li {
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    min-height: 0;
  }

  .route-extra-personal > button,
  .route-course-bridge > button {
    width: 100%;
  }

  .route-consultation ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .asis-heading {
    margin-top: 18px;
  }

  .asis-heading h1 {
    font-size: 30px;
  }

  .asis-heading > p:last-child {
    font-size: 15px;
  }

  .asis-layout {
    grid-template-columns: 1fr;
  }

  .asis-deck,
  .asis-sequence {
    padding: 14px;
    border-radius: 18px;
  }

  .asis-controls {
    flex-direction: column-reverse;
  }

  .asis-controls > button,
  .asis-controls .actions,
  .asis-controls .actions button {
    width: 100%;
  }
}

.data-root-screen > div {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.data-root-heading {
  max-width: 760px;
  margin: 26px 0 22px;
}

.data-root-heading h1 {
  margin: 8px 0 12px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
}

.data-root-heading > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}

.data-metrics-section,
.data-cause-section {
  padding: 22px;
  border-radius: 24px;
  background: var(--card);
  box-shadow: 0 14px 38px rgba(33, 32, 66, .09);
}

.data-metrics-section h2,
.data-cause-section > h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.15;
}

.data-metrics-section > p {
  margin: 8px 0 0;
  color: var(--muted);
}

.data-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 18px;
}

.data-metric-card,
.data-cause-card {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 0;
  border-radius: 18px;
  background: #f7f7fb;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.data-metric-card:hover,
.data-cause-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 24px rgba(61, 59, 255, .1);
}

.data-metric-card strong {
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 26px;
  line-height: 1;
}

.data-metric-card span,
.data-cause-card span {
  flex: 1;
  line-height: 1.4;
}

.data-metric-card i,
.data-cause-card i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--blue);
  font-style: normal;
  font-weight: 700;
}

.data-metric-card.is-selected,
.data-cause-card.is-selected {
  background: #eeeeff;
  box-shadow: inset 0 0 0 2px var(--blue);
}

.data-metric-card.is-correct,
.data-cause-card.is-correct {
  background: var(--good-bg);
  box-shadow: inset 0 0 0 2px rgba(15, 107, 120, .32);
}

@media (prefers-reduced-motion: reduce) {
  .director-option.is-hinted,
  .data-metric-card.is-hinted {
    animation: none;
  }
}

.data-metrics-action,
.data-cause-action {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.data-metrics-action .actions,
.data-cause-action .actions {
  position: static;
  width: min(420px, 100%);
  margin: 0;
  padding: 0;
  background: transparent;
}

.data-inline-feedback {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 18px;
}

.data-inline-feedback.is-success {
  background: var(--good-bg);
  color: var(--good);
}

.data-inline-feedback.is-warning {
  background: #fff4da;
  color: var(--warn);
}

.data-inline-feedback b {
  display: block;
  font-size: 16px;
}

.data-inline-feedback p {
  margin: 6px 0 0;
  line-height: 1.48;
}

.data-case-note {
  display: block;
  margin-top: 14px;
  color: var(--muted);
  font-size: 12px;
}

.data-cause-section {
  margin-top: 18px;
  background: #f7f7ff;
}

.data-cause-section > .eyebrow {
  margin-bottom: 8px;
}

.data-cause-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.data-root-result {
  margin-top: 18px;
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(33, 32, 66, .1);
}

.data-root-result > span {
  color: var(--good);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.data-root-result h2 {
  margin: 8px 0 12px;
  font-size: clamp(25px, 3.5vw, 36px);
}

.data-root-result p {
  max-width: 800px;
  margin: 8px 0 0;
  line-height: 1.5;
}

.data-root-result .primary {
  margin-top: 20px;
}

@media (max-width: 700px) {
  .data-root-heading {
    margin-top: 18px;
  }

  .data-root-heading h1 {
    font-size: 30px;
  }

  .data-root-heading > p:last-child {
    font-size: 15px;
  }

  .data-metrics-section,
  .data-cause-section {
    padding: 15px;
    border-radius: 18px;
  }

  .data-metric-grid,
  .data-cause-options {
    grid-template-columns: 1fr;
  }

  .data-metric-card,
  .data-cause-card {
    padding: 14px;
  }

  .data-root-result {
    padding: 18px;
  }

.data-root-result .primary {
    width: 100%;
  }
}

/* First-screen benefits: three separate cards, following the cybersecurity hero pattern. */
.intro-screen .feature-grid.intro-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.intro-screen .intro-benefits .feature,
.intro-screen .intro-benefits .feature:nth-child(n){
  min-width:0;
  min-height:64px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid #e0e0e6;
  border-radius:16px;
  background:#f7f7f9;
  box-shadow:none;
}

.intro-screen .intro-benefits .feature::before{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:9px;
  background:#efefff;
  color:#3d3bff;
  font-size:10px;
  font-weight:750;
  line-height:1;
  content:"01";
}

.intro-screen .intro-benefits .feature:nth-child(2)::before{content:"02"}
.intro-screen .intro-benefits .feature:nth-child(3)::before{content:"03"}

.intro-screen .intro-benefits .feature b{
  margin:0;
  font-size:14px;
  line-height:1.2;
}

.intro-screen .intro-benefits .feature span{
  display:block;
  color:#5c5c66;
  font-size:13px;
  line-height:1.4;
}

@media(max-width:767px){
  .intro-screen .feature-grid.intro-benefits{
    grid-template-columns:1fr;
    gap:9px;
  }

  .intro-screen .intro-benefits .feature,
  .intro-screen .intro-benefits .feature:nth-child(n){
    min-height:0;
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #e0e0e6;
    border-radius:14px;
  }

  .intro-screen .intro-benefits .feature::before{
    width:28px;
    height:28px;
    border-radius:8px;
  }

  .intro-screen .intro-benefits .feature b{
    margin:0;
    font-size:13px;
  }

  .intro-screen .intro-benefits .feature span{
    font-size:11px;
    line-height:1.35;
  }
}

/* Compact first-screen facts live on the photo instead of adding another row. */
.intro-screen .hero-visual>.intro-stickers{
  position:absolute;
  inset:auto 14px 14px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
}

.intro-screen .hero-visual>.intro-stickers span{
  padding:7px 11px;
  border:1px solid rgba(218,218,228,.9);
  border-radius:999px;
  background:rgba(255,255,255,.94)!important;
  color:#20202a;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  box-shadow:0 5px 16px rgba(20,20,32,.13);
  backdrop-filter:blur(8px);
}

.intro-screen .hero-visual>.intro-stickers span::before,
.intro-screen .hero-visual>.intro-stickers span+span::before{
  display:none;
  content:none;
}

@media(max-width:767px){
  .intro-screen .hero-visual>.intro-stickers{
    inset:auto 8px 8px;
    gap:4px;
  }

  .intro-screen .hero-visual>.intro-stickers span{
    padding:5px 7px;
    font-size:10px;
  }
}

/* Screen 14: contradictions collected on a lightweight Miro-style board. */
.miro-board-heading{
  max-width:820px;
  margin:28px 0 22px;
}

.miro-board-heading h1{
  margin:8px 0 12px;
  font-size:clamp(36px,4.6vw,56px);
  line-height:1.04;
}

.miro-board-heading>p:last-child{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
}

.miro-board{
  position:relative;
  overflow:hidden;
  padding:18px 22px 30px;
  border:1px solid #dedee8;
  border-radius:24px;
  background-color:#f8f8fb;
  background-image:radial-gradient(#d8d8e3 1.2px,transparent 1.2px);
  background-size:22px 22px;
  box-shadow:0 18px 44px rgba(31,35,48,.08);
}

.miro-board__toolbar{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:-2px 0 24px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 24px rgba(31,35,48,.07);
  backdrop-filter:blur(8px);
}

.miro-board__toolbar>div{display:flex;align-items:center;gap:9px;min-width:0}
.miro-board__toolbar>div>span{display:block;width:10px;height:10px;border-radius:50%;background:#3d3bff;box-shadow:0 0 0 5px #efefff}
.miro-board__toolbar b{font-size:13px}
.miro-board__toolbar small{color:var(--muted);font-size:12px}
.miro-board__toolbar p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap}
.miro-board__toolbar p b{color:var(--blue)}

.miro-sticky-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 28px;
  padding:4px 14px 8px;
}

.miro-sticky{
  --sticky:#fff1a8;
  --turn:-1.2deg;
  position:relative;
  min-height:190px;
  padding:42px 52px 24px 24px;
  border:0;
  border-radius:3px;
  background:var(--sticky);
  color:#25252d;
  box-shadow:0 14px 28px rgba(39,39,50,.15),inset 0 -1px rgba(0,0,0,.06);
  text-align:left;
  transform:rotate(var(--turn));
  transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease;
}

.miro-sticky:nth-child(2){--sticky:#d9f4c7;--turn:1deg}
.miro-sticky:nth-child(3){--sticky:#ffd9e8;--turn:.6deg}
.miro-sticky:nth-child(4){--sticky:#dce6ff;--turn:-.8deg}
.miro-sticky:hover:not(:disabled){box-shadow:0 18px 34px rgba(39,39,50,.2);transform:rotate(0) translateY(-3px)}
.miro-sticky:focus-visible{outline:3px solid #3d3bff;outline-offset:4px}
.miro-sticky.is-selected,.miro-sticky.is-correct{outline:3px solid #3d3bff;outline-offset:3px;transform:rotate(0) translateY(-2px)}
.miro-sticky.is-hinted{outline:2px dashed #3d3bff;outline-offset:3px}
.miro-sticky:disabled:not(.is-correct):not(.is-hinted){opacity:.55}

.miro-sticky__number{
  position:absolute;
  top:18px;
  left:22px;
  color:rgba(37,37,45,.58);
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
}

.miro-sticky__pin{
  position:absolute;
  top:14px;
  left:50%;
  width:11px;
  height:11px;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  background:#ff6b6b;
  box-shadow:0 3px 7px rgba(0,0,0,.24);
  transform:translateX(-50%);
}

.miro-sticky b{font-size:18px;font-weight:600;line-height:1.36}
.miro-sticky>i{
  position:absolute;
  right:18px;
  bottom:18px;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#3d3bff;
  font-size:16px;
  font-style:normal;
  font-weight:750;
}

.contradictions-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
  gap:22px;
  align-items:start;
}

.contradictions-workspace .miro-board{padding:18px 18px 24px}
.contradictions-workspace .miro-sticky-grid{gap:18px 20px;padding:2px 10px 8px}

.miro-sticky--note{
  min-height:154px;
  padding:40px 20px 20px;
  pointer-events:none;
}

.miro-sticky--note small{
  display:block;
  margin-bottom:9px;
  color:rgba(37,37,45,.62);
  font-size:11px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.miro-sticky--note b{display:block;font-size:15px;line-height:1.4}

.contradictions-choice-panel{
  padding:24px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}

.contradictions-choice-panel h2{margin:7px 0 8px;font-size:28px;line-height:1.1}
.contradictions-choice-panel>p:not(.eyebrow){margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.45}
.contradictions-choice-panel .options{gap:9px}
.contradictions-choice-panel .option{padding:13px 14px}
.contradictions-choice-panel .option>span:nth-child(2){font-size:14px;line-height:1.35}
.contradictions-choice-panel .actions{display:block;margin-top:16px}
.contradictions-choice-panel .actions .secondary{display:none}
.contradictions-choice-panel .actions .primary{width:100%;min-width:0}

.miro-contradictions-screen .actions{margin-top:20px}
.miro-contradictions-screen .actions .primary{min-width:320px}

@media(max-width:700px){
  .miro-board-heading{margin:20px 0 18px}
  .miro-board-heading h1{font-size:31px}
  .miro-board-heading>p:last-child{font-size:14px}
  .miro-board{padding:12px 10px 20px;border-radius:18px}
  .miro-board__toolbar{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:16px}
  .miro-board__toolbar small{display:none}
  .miro-sticky-grid{grid-template-columns:1fr;gap:14px;padding:2px 7px}
  .miro-sticky{min-height:145px;padding:36px 46px 18px 18px;transform:none}
  .miro-sticky b{font-size:15px}
  .miro-sticky__number{top:14px;left:17px}
  .miro-sticky__pin{top:11px}
  .miro-sticky>i{right:14px;bottom:14px}
  .contradictions-workspace{grid-template-columns:1fr;gap:16px}
  .contradictions-workspace .miro-sticky-grid{grid-template-columns:1fr;gap:12px}
  .miro-sticky--note{min-height:112px;padding:34px 17px 16px}
  .miro-sticky--note b{font-size:14px}
  .contradictions-choice-panel{padding:18px;border-radius:18px}
  .contradictions-choice-panel h2{font-size:24px}
  .miro-contradictions-screen .actions{display:grid;grid-template-columns:1fr}
  .miro-contradictions-screen .actions .primary{width:100%;min-width:0}
}

/* Screens 10–19: shared navigation, action and feedback system. */
.flow-screen .flow-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:42px;
  margin:0 0 14px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card);
  color:var(--muted);
  box-shadow:none;
  font-size:14px;
  font-weight:650;
}

.flow-screen .flow-back:hover{
  border-color:#c9cbd3;
  background:#fafafd;
  color:var(--ink);
}

.flow-screen.screen--single>div{
  width:min(1180px,100%);
  margin-right:auto;
  margin-left:auto;
}

#app>.internship-chat-screen.flow-screen{
  box-sizing:border-box;
  padding:29px 19px 34px;
}

@media(min-width:801px){
  #app>.internship-chat-screen.flow-screen{
    padding-top:43px;
  }

  #app>.internship-chat-screen.flow-screen>.flow-back{
    margin-left:81px;
  }
}

.flow-screen .workday-status{
  margin-bottom:18px;
}

.flow-screen .primary{
  min-height:58px;
  padding:15px 22px;
  border-radius:15px;
  font-size:16px;
  font-weight:700;
}

.flow-screen .actions,
.flow-screen .actions .primary,
.flow-screen .inline-correct-confirmation .primary,
.flow-screen .workday-result-card>.primary,
.flow-screen .data-inline-feedback .primary,
.flow-screen .tobe-result .primary,
.flow-screen .director-feedback .primary{
  width:100%;
}

.flow-screen .actions{
  margin-top:18px;
}

.messenger-welcome>.flow-back{
  align-self:flex-start;
  flex:0 0 auto;
}

.messenger-welcome__content{
  display:flex;
  width:100%;
  flex:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.flow-screen .simulation-feedback-modal .program-insight-modal__card>.primary{
  width:100%;
  min-height:56px;
}

@media(max-width:800px){
  .flow-screen .flow-back{
    min-height:40px;
    margin-bottom:12px;
    padding:8px 12px;
    font-size:13px;
  }

  .flow-screen .workday-status{
    margin-bottom:14px;
  }

  .flow-screen .primary{
    min-height:56px;
    padding:14px 16px;
    font-size:15px;
  }

  .flow-screen .actions{
    margin-top:16px;
  }

  .messenger-welcome{
    min-height:calc(100svh - 190px);
    justify-content:flex-start;
  }
}

@media(max-width:520px){
  .flow-screen .program-insight-modal{
    padding:10px;
  }

  .flow-screen .program-insight-modal__card{
    width:100%;
    padding:20px 14px 14px;
    border-radius:20px;
  }

  .flow-screen .simulation-feedback-modal .screen11-mentor-reply{
    padding:11px;
  }
}

/* Screen 13: the left side now explains the order and timing of the failure. */
.order-trace{
  min-width:0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--card);
  box-shadow:0 14px 38px rgba(33,32,66,.08);
}

.order-trace__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}

.order-trace__header>div{display:grid;gap:3px}
.order-trace__header span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.order-trace__header b{font-size:18px}
.order-trace__header strong{padding:7px 10px;border-radius:999px;background:#fff0ed;color:#a84432;font-size:11px;white-space:nowrap}

.order-trace__timeline{
  display:grid;
  gap:0;
  margin:0;
  padding:18px 0 0;
  list-style:none;
}

.order-trace__event{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  min-width:0;
  padding-bottom:16px;
}

.order-trace__event:not(:last-child)::after{
  position:absolute;
  top:36px;
  bottom:0;
  left:18px;
  width:2px;
  background:var(--line);
  content:"";
}

.order-trace__marker{
  position:relative;
  z-index:1;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:3px solid var(--card);
  border-radius:50%;
  background:#e9f7f0;
  color:#277a58;
  box-shadow:0 0 0 1px #cfe7da;
  font-size:14px;
  font-weight:800;
}

.order-trace__event.is-warning .order-trace__marker{background:#fff4d8;color:#8c681d;box-shadow:0 0 0 1px #ead9a8}
.order-trace__event.is-error .order-trace__marker{background:#fff0ed;color:#a84432;box-shadow:0 0 0 1px #ebcfc8}
.order-trace__event>div{min-width:0;padding:1px 0 14px;border-bottom:1px solid var(--line)}
.order-trace__event:last-child{padding-bottom:0}
.order-trace__event:last-child>div{padding-bottom:0;border-bottom:0}
.order-trace__event header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.order-trace__event time{color:var(--ink);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.order-trace__event header span{color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase}
.order-trace__event h3{margin:0;font-size:16px;line-height:1.2}
.order-trace__event p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.42}
.order-trace__event>div>b{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:#fff4d8;color:#7d5f1e;font-size:10px}
.order-trace__event.is-error>div>b{background:#fff0ed;color:#9d4030}

.order-trace__insight{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  margin-top:18px;
  padding:14px;
  border-radius:16px;
  background:var(--soft-blue);
}

.order-trace__insight>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--blue);color:#fff;font-size:17px;font-weight:800}
.order-trace__insight p{margin:0;color:var(--ink);font-size:13px;line-height:1.42}
.order-trace__insight b{display:block;margin-bottom:3px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.04em}

@media(max-width:700px){
  .order-trace{padding:16px;border-radius:18px;box-shadow:none}
  .order-trace__header b{font-size:16px}
  .order-trace__timeline{padding-top:15px}
  .order-trace__event{grid-template-columns:34px minmax(0,1fr);gap:10px;padding-bottom:13px}
  .order-trace__marker{width:34px;height:34px;font-size:12px}
  .order-trace__event:not(:last-child)::after{top:32px;left:16px}
  .order-trace__event h3{font-size:15px}
  .order-trace__event p{font-size:12px}
  .order-trace__insight{margin-top:15px;padding:12px}
}

/* First screen: Skillbox course-page visual system. */
body:has(#app>.skillbox-course-hero){background:#f6f6f4}
body:has(#app>.skillbox-course-hero) .app-shell{width:min(1320px,100%);padding:0 24px 34px}
body:has(#app>.skillbox-course-hero) .topbar{height:86px;border:0}
body:has(#app>.skillbox-course-hero) .brand img{width:126px}
body:has(#app>.skillbox-course-hero) .progress{display:none}
body:has(#app>.skillbox-course-hero) .topbar__meta{display:none}

#app>.skillbox-course-hero{
  width:100%;
  max-width:none;
  min-height:0;
  display:block;
  margin:0 auto;
  padding:34px 28px 28px;
  overflow:hidden;
  border:0;
  border-radius:30px;
  background:#050505;
  color:#fff;
  font-family:"Graphik",Tahoma,sans-serif;
  box-shadow:none;
}

#app>.skillbox-course-hero::before{display:none}

.skillbox-course-hero .intro-screen__main{
  min-height:410px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:34px;
  align-items:center;
}

.skillbox-course-hero .intro-screen__content{min-width:0;padding:16px 0 28px}

.skillbox-course-hero .hero-kicker{
  display:block;
  width:auto;
  margin:0 0 22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  font-size:18px;
  font-weight:500;
  line-height:1.3;
}

.skillbox-course-hero:not(.intro-reference) h1{
  max-width:660px;
  color:#fff;
  font-size:clamp(50px,5.1vw,72px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.01em;
  text-wrap:balance;
}

#app>.skillbox-course-hero:not(.intro-reference) h1{letter-spacing:-.01em}

#app>.skillbox-course-hero .lead{
  max-width:610px;
  margin-top:22px;
  color:#c9c9ce;
  font-size:17px;
  font-weight:500;
  line-height:1.5;
}

.skillbox-course-hero__cta{display:block;width:100%;margin:18px 0 0}
.skillbox-course-hero__cta .actions{width:100%;margin:0}
.skillbox-course-hero__cta .primary{
  width:100%;
  min-height:58px;
  padding:15px 26px;
  border:0;
  border-radius:12px;
  background:#3d3bff;
  color:#fff;
  box-shadow:none;
  font-size:17px;
  font-weight:500;
}
.skillbox-course-hero__cta .primary:hover{background:#302ee6;box-shadow:0 12px 30px rgba(61,59,255,.3);transform:translateY(-1px)}

.skillbox-course-hero .hero-visual{
  position:relative;
  height:410px;
  min-height:410px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:28px 28px 0 28px;
  background:#c8ebff;
  box-shadow:none;
}
.skillbox-course-hero .hero-visual::before{
  display:block;
  z-index:1;
  background:linear-gradient(120deg,rgba(75,60,255,.44),transparent 42%,rgba(200,235,255,.1));
  content:"";
}
.skillbox-course-hero .hero-visual::after{
  display:block;
  inset:auto -45px -80px auto;
  z-index:1;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#fff 0 4%,#d5d8e1 20%,#8d9099 57%,#e5e6ea 60%,#777b83 76%);
  opacity:.76;
  content:"";
  pointer-events:none;
}
.skillbox-course-hero .hero-visual__image{z-index:0;object-position:49% center;filter:saturate(.86) contrast(.98)}

.skillbox-course-hero__metric{
  position:absolute;
  top:54px;
  left:26px;
  z-index:3;
  width:118px;
  min-height:118px;
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:#111;
  box-shadow:0 18px 45px rgba(23,19,82,.22);
}
.skillbox-course-hero__metric i{display:block;width:86px;height:86px;margin:0 auto;border-radius:50%;background:conic-gradient(#4b3cff 0 64%,#ff82cb 64% 78%,#ececf2 78%);mask:radial-gradient(circle,transparent 0 53%,#000 55%)}

.skillbox-course-hero__task{
  position:absolute;
  bottom:22px;
  left:26px;
  z-index:3;
  width:210px;
  padding:14px 48px 14px 16px;
  border-radius:14px;
  background:#fff;
  color:#111;
  box-shadow:0 16px 34px rgba(23,19,82,.18);
}
.skillbox-course-hero__task>i{display:block;width:112px;height:7px;border-radius:999px;background:#d7d7df}
.skillbox-course-hero__task>i+i{width:82px;margin-top:8px;background:#ececf2}
.skillbox-course-hero__task span{position:absolute;top:50%;right:14px;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#4b3cff;color:#fff;font-size:13px;transform:translateY(-50%)}

.skillbox-course-hero__pointer{
  position:absolute;
  right:24px;
  bottom:34px;
  z-index:3;
  width:72px;
  height:90px;
  background:#4b3cff;
  clip-path:polygon(0 0,100% 48%,62% 59%,82% 100%,62% 100%,42% 64%,17% 86%);
  filter:drop-shadow(0 9px 7px rgba(12,7,87,.3));
  transform:rotate(-8deg);
}

.skillbox-course-hero .hero-visual>.intro-stickers{inset:auto 16px 14px auto;z-index:4;max-width:210px;justify-content:flex-end;gap:5px}
.skillbox-course-hero .hero-visual>.intro-stickers span{
  padding:6px 9px;
  border:0;
  border-radius:8px;
  background:rgba(9,9,12,.86)!important;
  color:#fff;
  font-size:10px;
  font-weight:500;
  box-shadow:none;
  backdrop-filter:blur(6px);
}

.skillbox-course-hero .intro-benefits-block{margin-top:16px}
.skillbox-course-hero .feature-grid.intro-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.skillbox-course-hero .intro-benefits .feature,
.skillbox-course-hero .intro-benefits .feature:nth-child(n){
  min-height:126px;
  display:block;
  padding:20px;
  border:0;
  border-radius:22px;
  background:#fff;
  color:#111;
  box-shadow:none;
}
.skillbox-course-hero .intro-benefits .feature::before{display:none}
.skillbox-course-hero .intro-benefits .feature.feature--accent{background:#f2ff56}
.skillbox-course-hero .intro-benefits .feature b{margin:0;font-size:18px;font-weight:500;line-height:1.15}

@media(max-width:1050px){
  .skillbox-course-hero .intro-screen__main{grid-template-columns:minmax(0,1fr) minmax(370px,.86fr);gap:24px}
  .skillbox-course-hero:not(.intro-reference) h1{font-size:clamp(44px,5.5vw,58px)}
  .skillbox-course-hero .hero-visual{height:390px;min-height:390px}
}

@media(max-width:800px){
  body:has(#app>.skillbox-course-hero) .app-shell{padding:0 12px 24px}
  body:has(#app>.skillbox-course-hero) .topbar{height:66px;padding:0 4px}
  body:has(#app>.skillbox-course-hero) .brand img{width:106px}
  #app>.skillbox-course-hero{margin:0;padding:24px 16px 16px;border-radius:22px}
  .skillbox-course-hero .intro-screen__main{display:flex;flex-direction:column;gap:22px}
  .skillbox-course-hero .intro-screen__content{display:block;width:100%;padding:0}
  .skillbox-course-hero .hero-kicker{margin-bottom:14px;font-size:14px}
  .skillbox-course-hero:not(.intro-reference) h1{font-size:clamp(38px,11.5vw,52px);line-height:.98}
  #app>.skillbox-course-hero .lead{margin-top:16px;font-size:14px}
  .skillbox-course-hero__cta{margin-top:12px}
  .skillbox-course-hero__cta .actions,.skillbox-course-hero__cta .primary{width:100%}
  .skillbox-course-hero__cta .primary{min-height:54px}
  .skillbox-course-hero .intro-screen__main>.hero-visual:not(.hero-visual--intro-collage){order:initial;width:100%;height:320px;min-height:320px;margin:0;border-radius:20px}
  .skillbox-course-hero .hero-visual__image{object-position:53% center}
  .skillbox-course-hero__metric{top:18px;left:14px;width:90px;min-height:90px;padding:12px}
  .skillbox-course-hero__metric i{width:65px;height:65px;margin-top:10px}
  .skillbox-course-hero__task{bottom:14px;left:14px;width:178px;padding:11px 40px 11px 12px}
  .skillbox-course-hero__pointer{right:12px;bottom:54px;width:56px;height:72px}
  .skillbox-course-hero .hero-visual>.intro-stickers{right:10px;bottom:10px;left:auto;max-width:135px}
  .skillbox-course-hero .hero-visual>.intro-stickers span{padding:4px 6px;font-size:8px}
  .skillbox-course-hero .intro-benefits-block{margin-top:10px}
  .skillbox-course-hero .feature-grid.intro-benefits{grid-template-columns:1fr;gap:7px}
  .skillbox-course-hero .intro-benefits .feature,
  .skillbox-course-hero .intro-benefits .feature:nth-child(n){min-height:72px;display:flex;align-items:center;padding:15px;border-radius:16px}
  .skillbox-course-hero .intro-benefits .feature b{font-size:15px}
}

@media(max-width:420px){
  .skillbox-course-hero:not(.intro-reference) h1{font-size:37px}
  .skillbox-course-hero .feature-grid.intro-benefits{grid-template-columns:1fr}
  .skillbox-course-hero .intro-benefits .feature,
  .skillbox-course-hero .intro-benefits .feature:nth-child(n){min-height:0}
}

/* Screens 21–27: verified result evidence and complete course proof page. */
.skill-radar li:has(.skill-evidence-card){display:block;padding:0}
.skill-evidence-card{border:0;background:transparent}
.skill-evidence-card summary{display:grid;grid-template-columns:10px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:12px 0;cursor:pointer;list-style:none}
.skill-evidence-card summary::-webkit-details-marker{display:none}
.skill-evidence-card summary>i{width:9px;height:9px;border-radius:50%;background:var(--blue)}
.skill-radar li.status-growth .skill-evidence-card summary>i{background:#f3a43b}
.skill-radar li.status-strong .skill-evidence-card summary>i{background:#0e7490}
.skill-evidence-card summary>b{font-size:13px;line-height:1.3}
.skill-radar .skill-evidence-card summary>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--soft-blue);color:var(--blue);font-weight:800;transition:transform .2s ease}
.skill-evidence-card[open] summary>span{transform:rotate(45deg)}
.skill-evidence-card>div{padding:0 34px 14px 20px}
.skill-evidence-card>div>small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.skill-evidence-card>div>p,.skill-evidence-card footer p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.skill-evidence-card footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.skill-evidence-card footer>b{font-size:11px}

.route-fit-screen--complete.screen--single{width:min(100%,1180px);max-width:1180px}
.route-fit-screen--complete .route-fit-page{border-radius:30px;background:#fff}
.route-fit-screen--complete .route-fit-page>header,
.route-fit-screen--complete .route-fit-page>section,
.route-fit-screen--complete .route-fit-page>aside,
.route-fit-screen--complete .route-fit-page>footer{padding:34px 24px}
.route-fit-screen--complete .route-fit-hero{background:#f0f1f4}
.route-fit-screen--complete .route-fit-hero h1{max-width:900px;font-size:clamp(38px,7vw,68px);line-height:.98}
.route-fit-screen--complete .route-fit-hero>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:15px}
.route-fit-screen--complete .route-fit-summary{grid-template-columns:1fr}
.route-fit-screen--complete .route-fit-summary span{border-color:#d8dbe4;background:#fff}
.route-fit-screen--complete .route-fit-summary small{color:var(--blue)}
.route-fit-screen--complete .route-fit-summary b{font-size:14px}
.route-fit-screen--complete .route-fit-path ol{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;max-width:850px}
.route-fit-screen--complete .route-fit-path li{padding:0 0 28px!important}
.route-fit-screen--complete .route-fit-path li:not(:last-child)::before{display:block!important}
.route-fit-screen--complete .route-fit-path li>div{padding:2px 0 6px}
.route-fit-screen--complete .route-fit-path li small{display:inline-block;margin-top:10px;padding:7px 9px;border-radius:8px;background:#fff;color:var(--blue)}
.course-proof-intro{border-top:1px solid var(--line);background:#d2effc}
.course-proof-intro h2,.course-proof-section>h2,.course-proof-section>div>h2{max-width:880px;margin:0;font-size:clamp(30px,5vw,52px);line-height:1.04}
.course-proof-intro>p:last-child{max-width:760px;margin:14px 0 0;font-size:15px;line-height:1.55}
.course-proof-section{border-top:1px solid var(--line);background:#fff}
.course-proof-section>.eyebrow{margin-bottom:9px}
.course-proof-section.route-fit-matches>div,.learning-format>div,.support-section>div,.career-section>div,.ai-section>div{display:grid;grid-template-columns:1fr;gap:0;margin-top:24px;border-top:1px solid var(--line)}
.course-proof-section.route-fit-matches article,.learning-format>div article,.support-section>div article,.career-section>div article,.ai-section>div article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;padding:18px 0;border:0;border-bottom:1px solid var(--line)}
.course-proof-section.route-fit-matches article>i,.learning-format article>i,.support-section article>i,.career-section article>i,.ai-section article>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#d2effc;color:#111;font-size:10px;font-style:normal;font-weight:800}
.course-proof-section.route-fit-matches article h3,.learning-format article h3,.support-section article h3,.career-section article h3,.ai-section article h3{margin:0 0 6px;font-size:18px;line-height:1.25}
.course-proof-section.route-fit-matches article p,.learning-format article p,.support-section article p,.career-section article p,.ai-section article p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.tools-groups{display:grid;gap:24px;margin-top:24px}
.tools-groups>section>h3{margin:0 0 10px;font-size:14px}
.tools-groups>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tools-groups article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fafafa}
.tools-groups article>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#fff;color:#111;font-size:10px;font-style:normal;font-weight:900;box-shadow:inset 0 0 0 1px var(--line)}
.tools-groups article>span{font-size:12px;font-weight:750;line-height:1.2}
.tools-groups article>small{grid-column:2;color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}
.tools-groups article.is-highlighted{border-color:var(--blue);background:var(--soft-blue);box-shadow:inset 0 0 0 1px var(--blue)}
.tools-groups article.is-highlighted>i{background:var(--blue);color:#fff;box-shadow:none}
.learning-format>aside{max-width:760px;margin-top:18px;padding:16px 18px;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;background:var(--soft-blue);font-size:14px;line-height:1.5}
.partner-test{background:#111;color:#fff}
.partner-test *{color:inherit}
.partner-test>.eyebrow{color:#84d8ff}
.partner-test__grid{display:grid;gap:20px;margin-top:20px}
.partner-test__grid p{max-width:650px;margin:0;color:#d8d8de;font-size:14px;line-height:1.55}
.partner-test__logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.partner-test__logos b{padding:10px 13px;border:1px solid #45454b;border-radius:999px;background:#24242a;font-size:12px}
.partner-test__grid aside{padding:18px;border-radius:18px;background:#24242a}
.partner-test__grid aside p{margin-top:8px}
.partner-test__grid aside small{display:block;margin-top:12px;color:#aaaab3;font-size:11px;line-height:1.45}
.partner-test.is-priority{box-shadow:inset 5px 0 0 #84d8ff}
.product-carousel{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(270px,82%);gap:12px!important;margin-top:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin}
.product-carousel>article{display:block!important;min-height:210px;padding:20px!important;border:1px solid var(--line)!important;border-radius:20px;background:#f7f7f8;scroll-snap-align:start}
.product-carousel article>span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.product-carousel article>h3{margin:22px 0 9px;font-size:22px;line-height:1.12}
.product-carousel article>p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.ai-section{background:#f0f1f4}
.ai-section>p:not(.eyebrow){max-width:760px;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.ai-section>small{display:block;margin-top:16px;color:var(--muted);font-size:11px}
.program-section>div,.faq-section>div{display:grid;margin-top:24px;border-top:1px solid var(--line)}
.program-section details,.faq-section details{border-bottom:1px solid var(--line)}
.program-section summary,.faq-section summary{display:grid;grid-template-columns:auto minmax(0,1fr) 30px;gap:12px;align-items:center;padding:18px 0;cursor:pointer;list-style:none}
.faq-section summary{grid-template-columns:minmax(0,1fr) 30px}
.program-section summary::-webkit-details-marker,.faq-section summary::-webkit-details-marker{display:none}
.program-section summary>span{color:var(--blue);font-size:10px;font-weight:800}
.program-section summary>b,.faq-section summary>b{font-size:17px;line-height:1.3}
.program-section summary>i,.faq-section summary>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#f0f1f4;font-style:normal;transition:transform .2s ease}
.program-section details[open] summary>i,.faq-section details[open] summary>i{transform:rotate(45deg)}
.program-section details>p,.faq-section details>p{max-width:760px;margin:0;padding:0 42px 18px 30px;color:var(--muted);font-size:14px;line-height:1.55}
.faq-section details>p{padding-left:0}
.experts-section .product-carousel>article{min-height:235px}
.experts-section .product-carousel article>i{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#d2effc;color:#111;font-style:normal;font-weight:900}
.experts-section .product-carousel article>h3{margin-top:18px}
.experts-section .product-carousel article>small{display:block;margin-top:12px;color:var(--blue);font-size:11px;font-weight:800}
.experts-section>small{display:block;margin-top:14px;color:var(--muted);font-size:10px}
.trust-section,.business-studio-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.trust-section p,.business-studio-section p{max-width:720px;margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.trust-section small{display:block;margin-top:13px;color:var(--muted);font-size:11px;line-height:1.45}
.trust-section>i,.business-studio-section>i{display:grid;width:92px;height:92px;place-items:center;border-radius:24px;background:#f0f1f4;color:#111;font-size:22px;font-style:normal;font-weight:900}
.business-studio-section{background:#eef8f4}
.business-studio-section.is-personal{box-shadow:inset 5px 0 0 #15a271}
.business-studio-section>i{background:#15a271;color:#fff}
.price-section{background:#d2effc}
.price-section__grid{display:grid;gap:24px;margin-top:24px}
.price-section__grid article{padding:20px;border-radius:20px;background:#fff}
.price-section__grid article>span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
.price-section__grid article>strong{display:block;margin-top:12px;font-size:26px;line-height:1.1}
.price-section__grid article>p,.price-section__grid>div p{color:var(--muted);font-size:13px;line-height:1.5}
.price-section__grid a,.reviews-section>a{display:inline-flex;margin-top:12px;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}
.reviews-section .product-carousel>article{min-height:180px;background:#fff}
.route-fit-screen--complete .route-consultation{background:#111;color:#fff}
.route-fit-screen--complete .route-consultation *{color:inherit}
.route-fit-screen--complete .route-consultation .eyebrow{color:#84d8ff}
.route-fit-screen--complete .route-consultation p,.route-fit-screen--complete .route-consultation small{color:#cfcfd6}
.route-fit-screen--complete .route-consultation .primary{background:#84d8ff;color:#111}

@media(min-width:760px){
  .route-fit-screen--complete .route-fit-page>header,
  .route-fit-screen--complete .route-fit-page>section,
  .route-fit-screen--complete .route-fit-page>aside,
  .route-fit-screen--complete .route-fit-page>footer{padding:58px 52px}
  .route-fit-screen--complete .route-fit-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .course-proof-section.route-fit-matches>div,.learning-format>div,.support-section>div,.career-section>div,.ai-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
  .course-proof-section.route-fit-matches article:nth-child(even),.learning-format article:nth-child(even),.support-section article:nth-child(even),.career-section article:nth-child(even),.ai-section article:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}
  .tools-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .tools-groups>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-test__grid,.price-section__grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}
  .product-carousel{grid-auto-columns:minmax(300px,36%)}
  .route-fit-screen--complete .route-consultation{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}
}

@media(max-width:620px){
  .route-fit-screen--complete .route-fit-page{border-radius:22px}
  .route-fit-screen--complete .route-fit-hero h1{font-size:40px}
  .tools-groups>section>div{grid-template-columns:1fr}
  .product-carousel{grid-auto-columns:88%}
  .trust-section,.business-studio-section{grid-template-columns:1fr}
  .trust-section>i,.business-studio-section>i{grid-row:1;width:70px;height:70px;border-radius:18px;font-size:17px}
}

/* First screen redesign: premium career experience, original composition preserved. */
body:has(#app>.skillbox-course-hero){
  overflow-x:hidden;
  background:
    radial-gradient(circle at 14% 0,rgba(92,112,255,.12),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(119,211,255,.16),transparent 24%),
    #f5f7fa;
}

body:has(#app>.skillbox-course-hero) .app-shell{width:min(1380px,100%);padding:0 28px 40px}
body:has(#app>.skillbox-course-hero) .topbar{height:82px;padding:0 4px}

#app>.skillbox-course-hero{
  position:relative;
  isolation:isolate;
  overflow:visible;
  padding:42px 32px 30px;
  border-radius:34px;
  border:1px solid rgba(31,35,50,.08);
  background:
    radial-gradient(circle at 76% -8%,rgba(110,190,255,.24),transparent 31%),
    radial-gradient(circle at 8% 92%,rgba(136,126,255,.12),transparent 28%),
    linear-gradient(145deg,#fbfcff 0%,#f1f4f9 100%);
  color:#11131a;
  box-shadow:0 30px 80px rgba(39,45,70,.12);
}

#app>.skillbox-course-hero::after{
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background-image:
    linear-gradient(rgba(42,48,78,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,48,78,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(105deg,#000,transparent 72%);
  content:"";
  pointer-events:none;
}

.skillbox-course-hero .intro-screen__main{
  min-height:380px;
  grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr);
  gap:clamp(34px,4vw,64px);
}

.skillbox-course-hero .intro-screen__content{padding:22px 0 30px}
.skillbox-course-hero .hero-kicker{
  display:inline-flex;
  width:auto;
  margin-bottom:26px;
  padding:9px 17px;
  border:1px solid rgba(35,36,52,.08);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#3d3bff;
  box-shadow:0 16px 36px rgba(42,48,78,.12);
  backdrop-filter:blur(10px);
  font-size:14px;
  font-weight:650;
  line-height:1;
  letter-spacing:0;
}

.skillbox-course-hero:not(.intro-reference) h1{
  max-width:690px;
  font-size:clamp(52px,5.35vw,76px);
  font-weight:600;
  line-height:.94;
  letter-spacing:-.045em;
  color:#11131a;
}

.hero-title-spotlight{
  position:relative;
  display:inline-block;
  max-width:100%;
  background:linear-gradient(100deg,#4a46f2 0%,#4855ff 20%,#316fff 46%,#238cff 75%,#21b8f6 100%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  overflow-wrap:normal;
  opacity:1;
  vertical-align:baseline;
  white-space:normal;
  animation:none!important;
}

.hero-title-spotlight::after{
  content:none;
}

@keyframes hero-title-spotlight-in{
  from{opacity:0;filter:saturate(.85)}
  to{opacity:1;filter:saturate(1)}
}

#app>.skillbox-course-hero .lead{
  max-width:650px;
  margin-top:26px;
  color:#555a69;
  font-size:16px;
  font-weight:400;
  line-height:1.52;
}

.skillbox-course-hero .hero-visual{
  height:380px;
  min-height:380px;
  border-radius:30px 30px 8px 30px;
  background:#bce7f8;
  border:1px solid rgba(38,43,66,.09);
  box-shadow:0 24px 58px rgba(42,48,78,.17);
}

.skillbox-course-hero .hero-visual::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.02) 46%,rgba(35,43,66,.2) 100%),
    linear-gradient(125deg,rgba(116,103,255,.28),transparent 39%);
}

.skillbox-course-hero .hero-visual::after{
  inset:auto -58px -92px auto;
  width:270px;
  height:270px;
  background:
    radial-gradient(circle at 32% 29%,#f9fdff 0 3%,#d5dce4 12%,#818896 34%,#e9edf0 36%,#676e79 54%,#cfd6dd 56%,#555c67 71%);
  opacity:.42;
  filter:blur(.2px);
}

.skillbox-course-hero .hero-visual__image{object-position:15% center;filter:saturate(.78) contrast(1.02)}

.analyst-flow-card,
.analyst-insight-card,
.analyst-brief-card{
  position:absolute;
  z-index:4;
  border:1px solid rgba(255,255,255,.68);
  background:rgba(255,255,255,.9);
  color:#111118;
  box-shadow:0 15px 36px rgba(42,48,78,.16);
  backdrop-filter:blur(12px);
}

.analyst-flow-card{top:16px;left:18px;width:214px;padding:12px;border-radius:17px}
.analyst-flow-card header{display:flex;justify-content:space-between;gap:10px;align-items:center}
.analyst-flow-card header span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.analyst-flow-card header b{color:#5c5c67;font-size:9px;font-weight:500}
.analyst-flow-card>div{display:grid;grid-template-columns:18px 1fr 18px 1fr 18px 1fr 18px;align-items:center;margin-top:10px}
.analyst-flow-card i{width:18px;height:18px;border:4px solid #5b54ff;border-radius:6px;background:#dcd9ff}
.analyst-flow-card i.is-alert{border-color:#f051a6;background:#ffd7eb}
.analyst-flow-card em{height:2px;background:#a6a6b0}
.analyst-flow-card footer{display:flex;justify-content:space-between;margin-top:8px;color:#71717b;font-size:8px}

.analyst-insight-card{top:102px;right:16px;width:126px;padding:13px 13px 12px;border-radius:17px}
.analyst-insight-card span,.analyst-insight-card small{display:block;color:#696974;font-size:9px;line-height:1.2}
.analyst-insight-card strong{display:block;margin:7px 0 1px;color:#3d3bff;font-size:28px;font-weight:600;letter-spacing:-.05em}
.analyst-insight-card i{display:block;height:26px;margin-top:10px;background:linear-gradient(135deg,transparent 0 17%,#b7b5ff 18% 22%,transparent 23% 34%,#3d3bff 35% 40%,transparent 41% 58%,#ee78b6 59% 64%,transparent 65%);clip-path:polygon(0 72%,20% 58%,37% 72%,59% 27%,76% 44%,100% 0,100% 100%,0 100%)}

.analyst-brief-card{bottom:22px;left:22px;width:224px;padding:15px 16px;border-radius:18px}
.analyst-brief-card span{display:block;color:#3d3bff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.analyst-brief-card b{display:block;margin-top:7px;font-size:15px;line-height:1.18}
.analyst-brief-card small{display:block;margin-top:6px;color:#6a6a75;font-size:9px}

.analyst-cursor{
  position:absolute;
  right:25px;
  bottom:44px;
  z-index:5;
  width:70px;
  height:86px;
  background:linear-gradient(145deg,#625aff,#372dff);
  clip-path:polygon(0 0,100% 50%,61% 59%,80% 100%,60% 100%,41% 64%,17% 86%);
  filter:drop-shadow(0 10px 8px rgba(17,12,91,.35));
  transform:rotate(-7deg);
}

.skillbox-course-hero .hero-visual>.intro-stickers{right:14px;bottom:14px;left:auto;max-width:200px;gap:5px}
.skillbox-course-hero .hero-visual>.intro-stickers span{
  border:1px solid rgba(22,25,38,.1);
  background:rgba(255,255,255,.88)!important;
  color:#191b24;
  backdrop-filter:blur(8px);
}

.skillbox-course-hero .intro-benefits-block{margin-top:22px}
.skillbox-course-hero .feature-grid.intro-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:4px 0 2px;
  border-top:1px solid rgba(31,35,50,.13);
  border-bottom:1px solid rgba(31,35,50,.13);
}
.skillbox-course-hero .intro-benefits .feature,
.skillbox-course-hero .intro-benefits .feature:nth-child(n){
  min-height:76px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:15px 22px;
  border:0;
  border-right:1px solid rgba(31,35,50,.11);
  border-radius:0;
  background:transparent;
}
.skillbox-course-hero .intro-benefits .feature:last-child{border-right:0}
.skillbox-course-hero .intro-benefits .feature.feature--sky,
.skillbox-course-hero .intro-benefits .feature.feature--lilac,
.skillbox-course-hero .intro-benefits .feature.feature--accent{background:transparent}
.skillbox-course-hero .intro-benefits .feature>span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#e5e8ff;
  color:#3d3bff;
  font-size:10px;
  font-weight:700;
}
.skillbox-course-hero .intro-benefits .feature b{max-width:320px;color:#20232d;font-size:15px;font-weight:500;line-height:1.3}

.skillbox-course-hero>.intro-cta-block{margin-top:12px}
.skillbox-course-hero>.intro-cta-block .actions{margin:0}
.skillbox-course-hero>.intro-cta-block .primary{
  min-height:62px;
  border:0;
  border-radius:16px;
  background:linear-gradient(100deg,#4944ff,#312df0);
  box-shadow:0 14px 30px rgba(55,48,255,.2);
  font-size:16px;
  font-weight:600;
}
.skillbox-course-hero>.intro-cta-block .primary:hover{background:linear-gradient(100deg,#5d57ff,#3c37f6);transform:translateY(-1px)}

@media(max-width:1050px){
  .skillbox-course-hero .intro-screen__main{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:26px}
  .skillbox-course-hero:not(.intro-reference) h1{font-size:clamp(46px,5.7vw,60px)}
  .skillbox-course-hero .hero-visual{height:410px;min-height:410px}
}

@media(max-width:800px){
  body:has(#app>.skillbox-course-hero) .app-shell{padding:0 12px 24px}
  #app>.skillbox-course-hero{padding:26px 16px 16px;border-radius:24px}
  .skillbox-course-hero .intro-screen__main{gap:22px}
  .skillbox-course-hero .intro-screen__content{padding:0}
  .skillbox-course-hero .hero-kicker{margin-bottom:16px;padding:7px 10px;font-size:12px}
  .skillbox-course-hero:not(.intro-reference) h1{font-size:clamp(38px,11.2vw,50px);line-height:.97}
  #app>.skillbox-course-hero .lead{margin-top:17px;font-size:14px;line-height:1.5}
  .skillbox-course-hero .intro-screen__main>.hero-visual:not(.hero-visual--intro-collage){height:330px;min-height:330px;border-radius:22px 22px 6px 22px}
  .skillbox-course-hero .hero-visual__image{object-position:10% center}
  .analyst-flow-card{top:12px;left:10px;width:184px;padding:10px}
  .analyst-flow-card header b{display:none}
  .analyst-insight-card{top:auto;right:10px;bottom:82px;width:102px;padding:10px}
  .analyst-insight-card strong{font-size:23px}
  .analyst-brief-card{bottom:13px;left:12px;width:184px;padding:12px}
  .analyst-brief-card b{font-size:13px}
  .analyst-cursor{display:none}
  .skillbox-course-hero .hero-visual>.intro-stickers{right:8px;bottom:8px;max-width:112px}
  .skillbox-course-hero .hero-visual>.intro-stickers span{padding:4px 6px;font-size:7px}
  .skillbox-course-hero .intro-benefits-block{margin-top:17px}
  .skillbox-course-hero .feature-grid.intro-benefits{grid-template-columns:1fr;gap:0;padding:2px 0}
  .skillbox-course-hero .intro-benefits .feature,
  .skillbox-course-hero .intro-benefits .feature:nth-child(n){min-height:58px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:11px 4px;border-right:0;border-bottom:1px solid rgba(31,35,50,.1)}
  .skillbox-course-hero .intro-benefits .feature:last-child{border-bottom:0}
  .skillbox-course-hero .intro-benefits .feature b{font-size:15px}
  .skillbox-course-hero>.intro-cta-block .primary{min-height:56px;border-radius:14px}
}

@media(max-width:420px){
  .skillbox-course-hero:not(.intro-reference) h1{font-size:36px}
  .analyst-flow-card{width:172px}
  .analyst-insight-card{width:94px}
  .analyst-brief-card{width:168px}
}

@media(prefers-reduced-motion:reduce){
  .skillbox-course-hero>.intro-cta-block .primary{transition:none}
}

/* First-screen reference composition. */
.skillbox-course-hero .hero-visual.hero-visual--reference{
  aspect-ratio:1530/1028;
  height:auto;
  min-height:0;
  overflow:hidden;
  border-radius:30px;
  background:#000;
}

.skillbox-course-hero .hero-visual--reference::before,
.skillbox-course-hero .hero-visual--reference::after{display:none}

.skillbox-course-hero .hero-visual--reference .hero-visual__image{
  position:static;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}

@media(max-width:1050px){
  .skillbox-course-hero .hero-visual.hero-visual--reference{height:auto;min-height:0}
}

@media(max-width:800px){
  .skillbox-course-hero .intro-screen__main>.hero-visual.hero-visual--reference{
    aspect-ratio:1530/1028;
    height:auto;
    min-height:0;
    border-radius:20px;
  }
}

/* Neutral SMM-inspired scene: photo subject with code-built analyst frames. */
.skillbox-course-hero .hero-visual.hero-visual--analyst-scene{
  position:relative;
  isolation:isolate;
  height:400px;
  min-height:400px;
  overflow:visible;
  border:0;
  border-radius:30px;
  background:
    radial-gradient(ellipse at 26% 76%,rgba(216,255,84,.26),transparent 38%),
    radial-gradient(ellipse at 82% 28%,rgba(111,93,255,.2),transparent 42%),
    radial-gradient(ellipse at 60% 6%,rgba(255,122,210,.12),transparent 36%),
    linear-gradient(145deg,#fbfbf8 0%,#f4f6ff 48%,#edf7ff 100%);
  box-shadow:0 24px 58px rgba(42,48,78,.12);
}

.skillbox-course-hero .hero-visual--analyst-scene::before{
  display:block;
  inset:0;
  z-index:0;
  background-image:radial-gradient(rgba(61,59,255,.16) 1px,transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(120deg,transparent 15%,#000 60%,transparent 94%);
  opacity:.35;
  border-radius:inherit;
}

.skillbox-course-hero .hero-visual--analyst-scene::after{display:none}

.hero-visual__woman{
  position:absolute;
  z-index:3;
  left:calc(55% - 10px);
  bottom:-86px;
  width:auto;
  height:116%;
  filter:drop-shadow(0 18px 18px rgba(45,42,79,.14));
  clip-path:inset(0 0 86px 0);
  transform:translateX(-50%);
}

.analyst-scene-flower{
  position:absolute;
  z-index:2;
  right:-18%;
  bottom:-4%;
  width:34%;
  height:auto;
  filter:drop-shadow(0 18px 22px rgba(118,48,91,.2));
  pointer-events:none;
  transform:rotate(-7deg);
}

.analyst-skills-panel,
.analyst-process-panel,
.analyst-chart-panel,
.analyst-scene-badges span{
  border:1px solid rgba(35,36,52,.08);
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 36px rgba(42,48,78,.12);
  backdrop-filter:blur(10px);
}

.analyst-skills-panel{
  position:absolute;
  z-index:2;
  top:24px;
  left:55%;
  width:210px;
  padding:13px 14px;
  border-radius:22px;
  transform:translateX(calc(-156% - 30px));
}

.analyst-skills-panel>div{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:7px 0}
.analyst-skills-panel p{margin:0;color:#16171d;line-height:1.02}
.analyst-skills-panel small{display:block;margin-bottom:4px;font-size:8px;font-weight:700}
.analyst-skills-panel b{font-size:14px;font-weight:600}
.analyst-skill-icon{position:relative;display:block;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#8178ff,#4a3fe8);box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 18px rgba(71,61,218,.2)}
.analyst-skills-panel>div:nth-child(2) .analyst-skill-icon{background:linear-gradient(145deg,#dff8bc,#a9dd73)}
.analyst-skills-panel>div:nth-child(3) .analyst-skill-icon{background:linear-gradient(145deg,#ece9ff,#c8c0fa)}
.analyst-skill-icon--chart::before{position:absolute;right:8px;bottom:9px;left:9px;height:22px;background:linear-gradient(90deg,#dedaff 0 17%,transparent 17% 24%,#c4bfff 24% 46%,transparent 46% 54%,#a49cff 54% 76%,transparent 76% 83%,#8075f8 83%);content:""}
.analyst-skill-icon--chart::after{position:absolute;top:9px;right:7px;left:7px;height:12px;border-top:3px solid #fff;border-right:3px solid #fff;content:"";transform:skewY(-25deg)}
.analyst-skill-icon--brief::before{position:absolute;inset:10px 8px 12px;border-radius:5px;background:#a59bf2;box-shadow:0 5px 10px rgba(63,50,164,.18);content:""}
.analyst-skill-icon--brief::after{position:absolute;top:17px;left:13px;width:18px;height:3px;border-radius:4px;background:#5d51dc;box-shadow:0 7px #5d51dc,0 14px 0 -1px #5d51dc;content:""}
.analyst-skill-icon--flow::before{position:absolute;top:9px;left:17px;width:10px;height:10px;border-radius:2px;background:#6759e9;box-shadow:-12px 23px #8175ef,12px 23px #8175ef;content:""}
.analyst-skill-icon--flow::after{position:absolute;top:20px;left:10px;width:24px;height:13px;border:2px solid #6058a9;border-top:0;content:""}

.analyst-process-panel{position:absolute;z-index:1;top:30px;right:15px;width:188px;height:155px;border-radius:24px;background:rgba(229,225,255,.88);transform:rotate(-2deg)}
.analyst-process-panel svg{width:100%;height:100%;overflow:visible}
.analyst-process-panel path{fill:none;stroke:#7771b4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.analyst-process-panel rect{fill:#7467ee;stroke:rgba(255,255,255,.62);stroke-width:2}
.analyst-process-panel rect:nth-of-type(2){fill:#b8e85d}
.analyst-process-panel rect:nth-of-type(3){fill:#efedff}

.analyst-chart-panel{position:absolute;z-index:4;top:153px;right:13px;display:flex;width:126px;height:84px;align-items:center;gap:11px;padding:12px;border-radius:19px;transform:rotate(2deg)}
.analyst-chart-panel>i{display:block;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:conic-gradient(#6658e8 0 39%,#b8e85d 39% 66%,#a99cf5 66%)}
.analyst-chart-panel>span{display:grid;gap:8px;width:40px}
.analyst-chart-panel b{height:6px;border-radius:6px;background:#6d5fe8}
.analyst-chart-panel b:nth-child(2){width:31px;background:#b8e85d}
.analyst-chart-panel b:nth-child(3){width:35px;background:#c8c4df}

.analyst-scene-badges{position:absolute;z-index:5;right:14px;bottom:18px;display:grid;justify-items:end;gap:7px;transform:translateX(-20%) scale(1.06);transform-origin:right center}
.analyst-scene-badges span{display:block;padding:9px 17px;border-radius:999px;color:#11131a;font-size:14px;font-weight:650;line-height:1}
.analyst-scene-badges span:last-child{margin-right:14px}

@media(min-width:1051px){
  .analyst-skills-panel{
    z-index:6;
    border-color:rgba(255,255,255,.82);
    box-shadow:-12px 24px 48px rgba(48,43,104,.24),0 5px 14px rgba(48,43,104,.12),inset 0 1px rgba(255,255,255,.95);
    transform:translateX(calc(-156% - 30px));
  }
}

@media(max-width:1050px){
  .skillbox-course-hero .hero-visual.hero-visual--analyst-scene{height:400px;min-height:400px}
  .analyst-skills-panel{width:190px}
  .analyst-process-panel{width:170px}
}

@media(min-width:801px) and (max-width:1050px){
  .skillbox-course-hero .intro-screen__main{display:flex;flex-direction:column;gap:28px}
  .skillbox-course-hero .intro-screen__content{width:100%;padding-bottom:0}
  .skillbox-course-hero .intro-screen__main>.hero-visual.hero-visual--analyst-scene{width:min(100% - 72px,620px);margin:0 auto}
  .analyst-skills-panel{transform:translateX(calc(-156% - 30px))}
}

@media(max-width:800px){
  .skillbox-course-hero .intro-screen__main>.hero-visual.hero-visual--analyst-scene{width:calc(100% - 24px);height:330px;min-height:330px;margin-left:24px;border-radius:20px}
  .hero-visual__woman{left:55%;bottom:-73px;width:auto;height:116%;clip-path:inset(0 0 73px 0)}
  .analyst-scene-flower{right:-26%;bottom:-4%;width:48%}
  .analyst-skills-panel{top:13px;left:-32px;z-index:6;width:132px;padding:7px 8px;border-color:rgba(255,255,255,.86);border-radius:15px;box-shadow:-9px 19px 34px rgba(48,43,104,.24),0 4px 12px rgba(48,43,104,.12),inset 0 1px rgba(255,255,255,.96);transform:none}
  .analyst-skills-panel>div{grid-template-columns:34px 1fr;gap:7px;padding:4px 0}
  .analyst-skills-panel b{font-size:10px}.analyst-skills-panel small{font-size:6px}
  .analyst-skill-icon{width:32px;height:32px;border-radius:9px;transform:scale(.74);transform-origin:center}
  .analyst-process-panel{top:16px;right:7px;width:125px;height:112px;border-radius:17px}
  .analyst-chart-panel{top:104px;right:7px;width:93px;height:64px;gap:7px;padding:9px;border-radius:14px}
  .analyst-chart-panel>i{width:39px;height:39px;flex-basis:39px}.analyst-chart-panel>span{gap:5px;width:28px}.analyst-chart-panel b{height:4px}
  .analyst-scene-badges{right:7px;bottom:10px;gap:5px;transform:none}.analyst-scene-badges span{padding:7px 10px;font-size:9px}.analyst-scene-badges span:last-child{margin-right:6px}
}

/* Screens 02–06: Career Field Notes visual direction. */
body:has(#app>.company-invitation-screen),
body:has(#app>.career-calibration-screen){
  background:
    radial-gradient(circle at 10% 0,rgba(98,117,255,.1),transparent 25%),
    radial-gradient(circle at 92% 12%,rgba(116,214,255,.13),transparent 23%),
    #f5f7fa;
}

body:has(#app>.company-invitation-screen) .app-shell,
body:has(#app>.career-calibration-screen) .app-shell{width:min(1380px,100%);padding:0 28px 40px}
body:has(#app>.company-invitation-screen) .topbar,
body:has(#app>.career-calibration-screen) .topbar{height:82px;padding:0 4px;border:0}

/* Screen 02: light editorial work brief. */
#app>.company-invitation-screen{width:100%;max-width:none;margin:0 auto 36px}
.company-invitation-window{
  border:1px solid rgba(31,35,50,.08);
  border-radius:34px;
  background:
    radial-gradient(circle at 86% 4%,rgba(113,198,255,.25),transparent 31%),
    radial-gradient(circle at 8% 100%,rgba(143,132,255,.13),transparent 27%),
    linear-gradient(145deg,#fcfdff,#f0f4f9);
  color:#151821;
  box-shadow:0 30px 80px rgba(39,45,70,.12);
}
.company-invitation-window::before{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(43,49,76,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,49,76,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(110deg,#000,transparent 68%);
  content:"";
  pointer-events:none;
}
.company-invitation-window__header{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 32px;
  border-bottom:1px solid rgba(31,35,50,.09);
}
.company-invitation-window__company b{color:#171a22;font-size:17px}
.company-invitation-window__company small{color:#6a6f7d}
.company-invitation-window__body{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr);
  gap:clamp(36px,5vw,72px);
  align-items:center;
  padding:clamp(48px,6vw,76px) clamp(28px,5vw,68px) 34px;
}
.company-invitation-window__kicker{
  display:inline-flex;
  width:fit-content;
  max-width:none;
  margin-bottom:22px;
  padding:8px 11px;
  border-radius:999px;
  background:#e7e9ff;
  color:#3d3bff;
  font-size:12px;
}
.company-invitation-window h1{max-width:720px;color:#11131a;font-size:clamp(48px,5.6vw,70px);font-weight:600;line-height:.96;letter-spacing:-.045em}
.company-invitation-window__lead{max-width:680px;margin-top:24px;color:#575c6a;font-size:16px;line-height:1.55}
.company-invitation-window__task{
  display:block;
  margin:0;
  padding:22px;
  border:1px solid rgba(31,35,50,.1);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 20px 48px rgba(45,52,82,.13);
  backdrop-filter:blur(10px);
}
.company-invitation-window__task h2{max-width:360px;margin:0;color:#161922;font-size:29px;line-height:1.05}
.company-invitation-window__task>p{max-width:420px;margin:14px 0 18px;color:#616674;font-size:14px;line-height:1.5}
.company-invitation-window__footer{position:relative;padding:0 clamp(28px,5vw,68px) clamp(28px,4vw,42px)}
.company-invitation-window__footer .primary{min-height:60px;border-radius:16px;background:linear-gradient(100deg,#4944ff,#312df0);color:#fff;box-shadow:0 14px 30px rgba(55,48,255,.2)}
.company-invitation-window__footer .primary:hover{background:linear-gradient(100deg,#5d57ff,#3c37f6);color:#fff}

/* Screens 03–06: editorial career calibration instead of a plain form. */
#app>.career-calibration-screen{
  --calibration-tint:#eaf5ff;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0 auto 36px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(31,35,50,.08);
  border-radius:32px;
  background:linear-gradient(140deg,var(--calibration-tint),#f7f9fc 62%);
  box-shadow:0 28px 74px rgba(39,45,70,.11);
}
#app>.diagnostic-question-screen--profession_familiarity{--calibration-tint:#eceaff}
#app>.diagnostic-question-screen--desired_change{--calibration-tint:#fff5d8}
#app>.diagnostic-question-screen--existing_skills{--calibration-tint:#e6f6ef}
#app>.career-calibration-screen>div{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(460px,1fr);
  grid-template-rows:auto auto auto 1fr;
  column-gap:clamp(42px,5vw,78px);
  min-height:600px;
  padding:36px clamp(28px,4vw,56px) 42px;
}
#app>.career-calibration-screen>div::before{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(43,49,76,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,49,76,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(120deg,#000,transparent 78%);
  content:"";
  pointer-events:none;
}
#app>.career-calibration-screen>div>*{position:relative}
.career-calibration-screen .question-back{grid-column:1;align-self:flex-start;justify-self:start;margin:0 0 52px;padding:8px 12px;border:1px solid rgba(31,35,50,.09);border-radius:999px;background:rgba(255,255,255,.7);font-size:13px;text-decoration:none}
.career-calibration-screen .eyebrow{grid-column:1;align-self:start;justify-self:start;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.68);color:#3d3bff;font-size:10px;letter-spacing:.06em}
main>.career-calibration-screen h2{grid-column:1;max-width:540px;color:#171922;font-size:clamp(36px,4.2vw,52px);font-weight:600;line-height:1.02;letter-spacing:-.045em}
main>.career-calibration-screen .lead{grid-column:1;max-width:520px;margin-top:18px;color:#5d6270;font-size:15px;line-height:1.5}
.career-calibration-screen>div>.panel{
  grid-column:2;
  grid-row:1/5;
  align-self:stretch;
  margin:0!important;
  padding:34px!important;
  border:0!important;
  border-left:1px solid rgba(31,35,50,.09)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}
.career-calibration-screen .options{gap:8px}
.career-calibration-screen .option{
  min-height:60px;
  grid-template-columns:22px minmax(0,1fr);
  gap:12px;
  padding:13px 14px;
  border:1px solid #e1e4e9;
  border-radius:14px;
  background:rgba(255,255,255,.76);
  color:#242730;
  font-size:15px;
}
.career-calibration-screen .option__arrow{display:none}
.career-calibration-screen .option .option__marker{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border:1.5px solid #a9adb8;
  border-radius:50%;
  background:transparent;
  color:transparent;
  font-size:0;
}
.career-calibration-screen .option--check .option__marker{border-radius:6px}
.career-calibration-screen .option:hover{border-color:var(--ui-accent);background:#fff;box-shadow:0 10px 25px rgba(61,59,255,.07)}
.career-calibration-screen .option.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.career-calibration-screen .option.is-selected .option__marker{border-color:var(--ui-accent);background:var(--ui-accent);color:#fff}
.career-calibration-screen .option.is-selected .option__marker::after{color:#fff;font-size:11px;font-weight:800;content:"✓"}
.career-calibration-screen .actions{position:static;margin-top:16px;padding:0;background:transparent}
.career-calibration-screen .actions .primary{min-height:54px;border-radius:14px}

@media(max-width:900px){
  .company-invitation-window__body{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:28px}
  #app>.career-calibration-screen>div{grid-template-columns:minmax(0,.75fr) minmax(420px,1fr)}
}

@media(max-width:760px){
  body:has(#app>.company-invitation-screen) .app-shell,
  body:has(#app>.career-calibration-screen) .app-shell{padding:0 12px 24px}
  body:has(#app>.company-invitation-screen) .topbar,
  body:has(#app>.career-calibration-screen) .topbar{height:66px}
  #app>.company-invitation-screen,#app>.career-calibration-screen{margin:0 auto 24px;border-radius:24px}
  .company-invitation-window{border-radius:24px}
  .company-invitation-window__header{padding:16px}
  .company-invitation-window__body{display:block;padding:30px 16px 18px}
  .company-invitation-window__kicker{margin-bottom:16px;font-size:10px}
  .company-invitation-window h1{font-size:clamp(38px,10.8vw,46px);line-height:.98}
  .company-invitation-window__lead{margin-top:17px;font-size:14px;line-height:1.48}
  .company-invitation-window__task{margin-top:24px;padding:16px;border-radius:18px}
  .company-invitation-window__task h2{font-size:24px}
  .company-invitation-window__task>p{font-size:13px}
  .company-invitation-window__footer{padding:0 16px 16px}
  .company-invitation-window__footer .primary{min-height:56px;border-radius:14px}
  #app>.career-calibration-screen>div{display:block;min-height:0;padding:20px 18px 16px}
  .career-calibration-screen .question-back{margin-bottom:28px}
  .career-calibration-screen .eyebrow{margin-bottom:14px}
  main>.career-calibration-screen h2{font-size:clamp(30px,8.6vw,36px);line-height:1.04}
  main>.career-calibration-screen .lead{margin-top:12px;font-size:14px}
  .career-calibration-screen>div>.panel{margin-top:22px!important;padding:16px 14px!important;border-top:1px solid rgba(31,35,50,.09)!important;border-left:0!important;border-radius:18px!important;background:rgba(255,255,255,.74)!important}
  .career-calibration-screen .option{min-height:54px;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:10px 11px;border-radius:12px;font-size:14px}
  .career-calibration-screen .option .option__marker{width:19px;height:19px}
  .career-calibration-screen .actions{position:sticky;bottom:8px;margin-top:12px;padding:6px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}
}

/* Screens 02–06: subtle iridescence and tactile interaction feedback. */
body:has(#app>.company-invitation-screen),
body:has(#app>.career-calibration-screen){
  background-size:130% 130%,135% 135%,auto;
  animation:career-body-aurora 14s ease-in-out infinite alternate;
}

.company-invitation-window,
#app>.career-calibration-screen{isolation:isolate;overflow:hidden}

.company-invitation-window::after,
#app>.career-calibration-screen::after{
  position:absolute;
  inset:-22%;
  z-index:0;
  background:
    radial-gradient(circle at 22% 34%,rgba(127,111,255,.16),transparent 24%),
    radial-gradient(circle at 72% 20%,rgba(92,205,255,.18),transparent 25%),
    radial-gradient(circle at 66% 78%,rgba(255,180,218,.13),transparent 23%),
    radial-gradient(circle at 28% 86%,rgba(255,225,122,.1),transparent 20%);
  filter:blur(18px);
  transform:translate3d(-2%,-1%,0) scale(1.02);
  animation:career-surface-aurora 11s ease-in-out infinite alternate;
  content:"";
  pointer-events:none;
}

.company-invitation-window__header,
.company-invitation-window__body,
.company-invitation-window__footer,
#app>.career-calibration-screen>div{position:relative;z-index:1}

.company-invitation-window__task{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}

@media(hover:hover){
  .company-invitation-window__task:hover{
    border-color:rgba(98,91,255,.2);
    background:rgba(255,255,255,.92);
    box-shadow:0 24px 58px rgba(74,72,145,.16);
    transform:translateY(-3px);
  }
  .career-calibration-screen .option:hover{
    border-color:var(--ui-accent);
    background:rgba(255,255,255,.96);
    box-shadow:0 13px 30px rgba(61,59,255,.12),0 0 0 3px rgba(61,59,255,.05);
    transform:translateY(-2px) scale(1.006);
  }
  .career-calibration-screen .option:hover .option__marker{border-color:var(--ui-accent);transform:scale(1.08)}
  .company-invitation-window__footer .primary:hover{
    background-position:100% 50%;
    box-shadow:0 17px 36px rgba(61,59,255,.28),0 0 0 5px rgba(61,59,255,.06);
    transform:translateY(-2px);
  }
  .career-calibration-screen .primary:hover{
    background:var(--ui-accent-hover);
    box-shadow:0 17px 36px rgba(61,59,255,.28),0 0 0 5px rgba(61,59,255,.06);
    transform:translateY(-2px);
  }
}

.career-calibration-screen .option{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.career-calibration-screen .option .option__marker{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.career-calibration-screen .option.is-selected{animation:career-choice-pop .34s cubic-bezier(.2,.9,.25,1.2)}
.career-calibration-screen .option.is-selected::after{
  position:absolute;
  inset:-60% auto -60% -32%;
  width:30%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.78),transparent);
  transform:skewX(-18deg);
  animation:career-choice-sheen .55s ease-out both;
  content:"";
  pointer-events:none;
}

.company-invitation-window__footer .primary{
  position:relative;
  overflow:hidden;
  background-image:linear-gradient(105deg,#4944ff 0%,#3732f0 45%,#655eff 100%);
  background-size:180% 100%;
  background-position:0 50%;
  transition:transform .18s ease,box-shadow .22s ease,background-position .45s ease;
}
.career-calibration-screen .primary{
  position:relative;
  overflow:hidden;
  background:var(--ui-accent);
  transition:transform .18s ease,box-shadow .22s ease,background .18s ease;
}

.company-invitation-window__footer .primary:active,
.career-calibration-screen .option:active{
  transform:scale(.982);
  box-shadow:0 5px 14px rgba(61,59,255,.16);
}
.career-calibration-screen .primary:active{transform:scale(.982);box-shadow:0 5px 14px rgba(61,59,255,.16)}

@keyframes career-body-aurora{
  from{background-position:0 0,100% 0,0 0}
  to{background-position:12% 8%,88% 12%,0 0}
}
@keyframes career-surface-aurora{
  0%{transform:translate3d(-3%,-2%,0) scale(1.02);opacity:.72}
  50%{transform:translate3d(3%,2%,0) scale(1.08);opacity:1}
  100%{transform:translate3d(-1%,4%,0) scale(1.04);opacity:.82}
}
@keyframes career-choice-pop{
  0%{transform:scale(.985)}
  62%{transform:scale(1.012)}
  100%{transform:scale(1)}
}
@keyframes career-choice-sheen{
  from{left:-32%;opacity:0}
  18%{opacity:1}
  to{left:112%;opacity:0}
}

@media(prefers-reduced-motion:reduce){
  body:has(#app>.company-invitation-screen),
  body:has(#app>.career-calibration-screen),
  .company-invitation-window::after,
  #app>.career-calibration-screen::after,
  .career-calibration-screen .option.is-selected,
  .career-calibration-screen .option.is-selected::after{animation:none}
  .company-invitation-window__task,
  .career-calibration-screen .option,
  .career-calibration-screen .option .option__marker,
  .company-invitation-window__footer .primary,
  .career-calibration-screen .primary{transition:none}
}

/* Screens 02–08: compact professional calibration flow. */
body:has(#app>.company-invitation-screen),
body:has(#app>.career-calibration-screen),
body:has(#app>.simulation-build-screen){
  background:
    radial-gradient(circle at 12% 8%,rgba(105,101,255,.1),transparent 27%),
    radial-gradient(circle at 88% 14%,rgba(103,204,238,.11),transparent 24%),
    linear-gradient(rgba(47,52,74,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,52,74,.025) 1px,transparent 1px),
    #f6f7fa;
  background-size:auto,auto,44px 44px,44px 44px,auto;
}

body:has(#app>.career-calibration-screen) .app-shell,
body:has(#app>.simulation-build-screen) .app-shell{width:min(1040px,100%);padding:0 24px 32px}
body:has(#app>.career-calibration-screen) .topbar,
body:has(#app>.simulation-build-screen) .topbar{height:68px}
body:has(#app>.career-calibration-screen) .progress{display:none}

#app>.career-calibration-screen{
  width:min(760px,100%);
  margin:8px auto 24px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#app>.career-calibration-screen::after{display:none}
#app>.career-calibration-screen>div{
  display:block;
  width:100%;
  max-width:760px;
  min-height:0;
  margin:0 auto;
  padding:10px 0 28px;
}
#app>.career-calibration-screen>div::before{display:none}
.career-calibration-screen .question-back{
  margin:0 0 17px;
  padding:6px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#626673;
  font-size:13px;
  transition:color .16s ease,transform .16s ease;
}
.career-calibration-screen .question-back:hover{color:#3d3bff;transform:translateX(-2px)}
.section-progress{display:flex;width:100%;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5)}
.section-progress>span{flex:0 0 auto;color:var(--ui-accent);font-size:13px;font-weight:600;line-height:1.4}
.section-progress__segments{position:relative;display:block;min-width:0;height:var(--space-1);border-radius:var(--radius-pill);background:var(--ui-border);overflow:hidden;flex:1}
.section-progress__segments::before{position:absolute;inset:0 auto 0 0;width:var(--section-progress-value);border-radius:inherit;background:var(--ui-accent);content:"";transition:width .2s ease}
.section-progress__segments i{display:none}
.career-calibration-screen .eyebrow{
  display:block;
  width:auto;
  margin:0 0 8px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#777b87;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
}
main>.career-calibration-screen h2{
  max-width:720px;
  color:#171922;
  font-size:clamp(29px,3.1vw,35px);
  font-weight:650;
  line-height:1.08;
  letter-spacing:-.032em;
}
main>.career-calibration-screen .lead{max-width:680px;margin-top:9px;color:#676b78;font-size:14px;line-height:1.4}
.career-calibration-screen>div>.panel{
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none;
}
.career-calibration-screen .options{display:grid;gap:8px}
.diagnostic-question-screen--desired_change .options{grid-template-columns:1fr}
.career-calibration-screen .option{
  min-height:52px;
  grid-template-columns:20px minmax(0,1fr);
  gap:11px;
  padding:10px 13px;
  border:1px solid #dfe1e7;
  border-radius:11px;
  background:rgba(255,255,255,.82);
  color:#292c35;
  font-size:14px;
  line-height:1.3;
  box-shadow:0 2px 8px rgba(34,37,53,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.career-calibration-screen .option .option__marker{width:18px;height:18px;border-width:1.5px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.career-calibration-screen .option:hover{
  border-color:var(--ui-accent);
  background:#fff;
  box-shadow:0 7px 18px rgba(61,59,255,.08);
  transform:translateY(-1px);
}
.career-calibration-screen .option.is-selected{
  border-color:var(--ui-accent);
  background:var(--ui-accent-soft);
  box-shadow:0 0 0 2px var(--ui-accent-focus),0 6px 16px rgba(61,59,255,.07);
  animation:career-choice-pop .18s ease-out;
}
.career-calibration-screen .option.is-selected::after{animation-duration:.28s}
.career-calibration-screen .actions{position:static;margin-top:11px;padding:0;background:transparent;backdrop-filter:none}
.career-calibration-screen .actions .primary{width:100%;min-height:48px;border-radius:11px;font-size:15px}
.career-calibration-screen .primary,
.career-calibration-screen .option{touch-action:manipulation}

.diagnostic-insight-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px}
.diagnostic-insight-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(31,33,42,.28);backdrop-filter:blur(6px);animation:diagnostic-overlay-in .16s ease-out both}
.diagnostic-insight-modal__card{
  --insight-accent:#625cff;
  position:relative;
  z-index:1;
  width:min(520px,100%);
  max-height:calc(100svh - 40px);
  padding:27px 28px 25px;
  overflow:auto;
  border:1px solid rgba(33,35,48,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(25,27,43,.22);
  animation:diagnostic-modal-in .18s cubic-bezier(.2,.8,.3,1) both;
}
.diagnostic-insight-modal--mint .diagnostic-insight-modal__card{--insight-accent:#25836c}
.diagnostic-insight-modal--lilac .diagnostic-insight-modal__card{--insight-accent:#625cff}
.diagnostic-insight-modal--sand .diagnostic-insight-modal__card{--insight-accent:#9b6827}
.diagnostic-insight-modal__card::before{position:absolute;inset:0 0 auto;height:3px;background:var(--insight-accent);content:""}
.diagnostic-insight-modal .diagnostic-motivation-screen__tag{margin:0 0 11px;color:var(--insight-accent);font-size:10px;letter-spacing:.1em}
.diagnostic-insight-modal__card h2{margin:0;color:#1b1d25;font-size:clamp(23px,3vw,27px);font-weight:650;line-height:1.12;letter-spacing:-.025em}
.diagnostic-insight-modal .diagnostic-motivation-screen__body{margin:14px 0 20px;color:#555a67;font-size:15px;line-height:1.42}
.diagnostic-insight-modal .primary{width:100%;min-height:48px;border-radius:11px;font-size:15px}

/* Screen 02 remains an invitation, but no longer feels like a second hero. */
body:has(#app>.company-invitation-screen) .app-shell{width:min(1120px,100%);padding:0 24px 32px}
body:has(#app>.company-invitation-screen) .topbar{height:68px}
#app>.company-invitation-screen{width:min(1000px,100%);margin:14px auto 24px}
.company-invitation-window{border-radius:22px;box-shadow:0 20px 55px rgba(39,45,70,.1)}
.company-invitation-window__header{padding:16px 22px}
.company-invitation-window__body{grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:32px;padding:30px 32px 20px}
.company-invitation-window__kicker{margin-bottom:12px;padding:6px 8px;font-size:10px}
.company-invitation-window h1{max-width:590px;font-size:clamp(36px,4.2vw,46px);line-height:1.02}
.company-invitation-window__lead{margin-top:15px;font-size:14px;line-height:1.46}
.company-invitation-window__task{padding:18px;border-radius:15px;box-shadow:0 10px 26px rgba(45,52,82,.08)}
.company-invitation-window__task h2{font-size:23px;line-height:1.12}
.company-invitation-window__task>p{margin:10px 0 0;font-size:13px;line-height:1.42}
.company-invitation-window__footer{padding:0 32px 26px}
.company-invitation-window__footer .primary{min-height:50px;border-radius:11px;font-size:15px}

/* Screen 08: quick handoff into the simulation. */
#app>.simulation-build-screen.screen--single{width:min(620px,100%);min-height:0;margin:22px auto 30px;padding:0}
.simulation-build-card{padding:25px 28px;border-radius:18px;box-shadow:0 18px 52px rgba(29,29,39,.1)}
.simulation-build-orbit{width:60px;height:60px;margin-bottom:17px}
.simulation-build-orbit b{font-size:16px}
.simulation-build-orbit span{width:8px;height:8px}
.simulation-build-orbit span:nth-child(1){top:-7px;left:27px}
.simulation-build-card h1{font-size:30px;line-height:1.08}
.simulation-build-card .lead{margin-top:8px;font-size:14px}
.simulation-build-list{gap:6px;margin-top:18px}
.simulation-build-list .loading-item{min-height:42px;padding:10px 12px;border-radius:10px;font-size:13px}
.simulation-build-final{margin-top:14px}

@keyframes diagnostic-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes diagnostic-modal-in{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:760px){
  body:has(#app>.career-calibration-screen) .app-shell,
  body:has(#app>.company-invitation-screen) .app-shell,
  body:has(#app>.simulation-build-screen) .app-shell{padding:0 12px 22px}
  body:has(#app>.career-calibration-screen) .topbar,
  body:has(#app>.company-invitation-screen) .topbar,
  body:has(#app>.simulation-build-screen) .topbar{height:62px}
  #app>.career-calibration-screen{margin:0 auto 20px}
  #app>.career-calibration-screen>div{display:block;padding:8px 2px 20px}
  .career-calibration-screen .question-back{margin-bottom:10px}
  .section-progress{margin-bottom:var(--space-4)}
  .career-calibration-screen .eyebrow{margin-bottom:6px}
  main>.career-calibration-screen h2{font-size:clamp(27px,7.7vw,32px);line-height:1.08}
  main>.career-calibration-screen .lead{margin-top:8px;font-size:13px;line-height:1.38}
  .career-calibration-screen>div>.panel{margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important}
  .diagnostic-question-screen--desired_change .options{grid-template-columns:1fr}
  .career-calibration-screen .option{min-height:48px;padding:9px 11px;border-radius:10px;font-size:13.5px}
  .career-calibration-screen .actions{margin-top:9px;padding:0}
  .career-calibration-screen .actions .primary{min-height:48px}
  .diagnostic-insight-modal{align-items:center;padding:14px}
  .diagnostic-insight-modal__card{max-height:calc(100svh - 28px);padding:22px 20px 20px;border-radius:15px}
  .diagnostic-insight-modal__card h2{font-size:23px}
  .diagnostic-insight-modal .diagnostic-motivation-screen__body{margin:12px 0 17px;font-size:14px;line-height:1.4}
  #app>.company-invitation-screen{margin:6px auto 20px;border-radius:18px}
  .company-invitation-window{border-radius:18px}
  .company-invitation-window__header{padding:13px 15px}
  .company-invitation-window__body{display:block;padding:22px 16px 14px}
  .company-invitation-window h1{font-size:34px;line-height:1.02}
  .company-invitation-window__lead{margin-top:12px;font-size:13.5px}
  .company-invitation-window__task{margin-top:17px;padding:14px}
  .company-invitation-window__task h2{font-size:21px}
  .company-invitation-window__footer{padding:0 16px 16px}
  .company-invitation-window__footer .primary{min-height:48px}
  #app>.simulation-build-screen.screen--single{margin:10px auto 22px}
  .simulation-build-card{padding:21px 16px}
  .simulation-build-card h1{font-size:27px}
  .simulation-build-list{margin-top:15px}
  .simulation-build-list .loading-item{min-height:42px;padding:9px 11px;font-size:12.5px}
}

@media(prefers-reduced-motion:reduce){
  .diagnostic-insight-modal__backdrop,
  .diagnostic-insight-modal__card{animation:none}
}

/* Stable answer geometry and rewarding insight feedback. */
.option__marker-check{display:none}
.career-calibration-screen .option{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  column-gap:14px;
  align-items:center;
  border-width:1px;
}
.career-calibration-screen .option>span:nth-child(2){grid-column:2;grid-row:1;min-width:0}
.career-calibration-screen .option .option__marker{
  grid-column:1;
  grid-row:1;
  display:grid;
  flex:0 0 22px;
  width:22px;
  min-width:22px;
  height:22px;
  min-height:22px;
  place-items:center;
  align-self:center;
  justify-self:start;
  margin:0;
  padding:0;
  border:1.5px solid #b0b3bd;
  border-radius:50%;
  background:#fff;
  color:transparent;
  line-height:0;
  transform:none;
  overflow:hidden;
  flex-shrink:0;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.career-calibration-screen .option__marker-label{display:none}
.career-calibration-screen .option__marker-check{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  opacity:0;
  transform:scale(.86);
  transition:opacity .14s ease,transform .16s ease;
}
.career-calibration-screen .option__marker-check path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.career-calibration-screen .option--check .option__marker{border-radius:50%}
.career-calibration-screen .option.is-selected .option__marker{
  border:1.5px solid var(--ui-accent);
  background:var(--ui-accent);
  color:#fff;
  box-shadow:0 2px 7px rgba(61,59,255,.2);
  transform:none;
}
.career-calibration-screen .option.is-selected .option__marker::after{display:none;content:none}
.career-calibration-screen .option.is-selected .option__marker-check{opacity:1;transform:scale(1)}
.career-calibration-screen .option:hover .option__marker{border:1.5px solid var(--ui-accent);transform:none}
.career-calibration-screen .option.is-selected:hover .option__marker{border-color:var(--ui-accent-hover)}
.career-calibration-screen .option:active{transform:scale(.995);box-shadow:0 3px 10px rgba(61,59,255,.08)}
.career-calibration-screen .option:focus{outline:0}
.career-calibration-screen .option:focus-visible{
  outline:3px solid var(--ui-accent-focus);
  outline-offset:2px;
  box-shadow:0 0 0 1px #fff,0 8px 20px rgba(61,59,255,.1);
}
.career-calibration-screen .option.is-selected:focus-visible{
  outline-color:var(--ui-accent-focus);
  box-shadow:0 0 0 2px var(--ui-accent-focus),0 7px 18px rgba(61,59,255,.1);
}
.career-calibration-screen .option:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}

.diagnostic-insight-modal__card{
  background:
    radial-gradient(circle at 100% 0,rgba(98,92,255,.09),transparent 32%),
    #fff;
}
.diagnostic-insight-modal__marker{
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:9px;
  background:color-mix(in srgb,var(--insight-accent) 12%,white);
  color:var(--insight-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--insight-accent) 18%,transparent);
  margin:0 0 12px;
}
.diagnostic-insight-modal__marker svg{width:17px;height:17px}
.diagnostic-insight-modal__marker path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.diagnostic-insight-modal .primary{
  position:relative;
  overflow:hidden;
  border:0;
  background:var(--ui-accent);
  box-shadow:var(--shadow-primary);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.diagnostic-insight-modal .primary:hover{background:var(--ui-accent-hover);box-shadow:0 13px 28px rgba(61,59,255,.27);transform:translateY(-1px)}
.diagnostic-insight-modal .primary:active{transform:scale(.992);box-shadow:0 5px 13px rgba(61,59,255,.18)}
.diagnostic-insight-modal .primary:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:3px}
.diagnostic-insight-modal.is-closing .diagnostic-insight-modal__backdrop{animation:diagnostic-overlay-out .14s ease-in both}
.diagnostic-insight-modal.is-closing .diagnostic-insight-modal__card{animation:diagnostic-modal-out .14s ease-in both}

@keyframes diagnostic-overlay-out{to{opacity:0}}
@keyframes diagnostic-modal-out{to{opacity:0;transform:translateY(3px) scale(.985)}}

@media(max-width:760px){
  .career-calibration-screen .option{grid-template-columns:22px minmax(0,1fr);column-gap:12px;min-height:48px}
  .career-calibration-screen .option .option__marker{width:22px;min-width:22px;height:22px;min-height:22px}
  .diagnostic-insight-modal__marker{margin-bottom:10px}
}

@media(prefers-reduced-motion:reduce){
  .career-calibration-screen .option,
  .career-calibration-screen .option .option__marker,
  .career-calibration-screen .option__marker-check,
  .diagnostic-insight-modal .primary{transition:none}
  .diagnostic-insight-modal.is-closing .diagnostic-insight-modal__backdrop,
  .diagnostic-insight-modal.is-closing .diagnostic-insight-modal__card{animation:none}
}

/* Screens 03–08: 110% typography scale without changing the composition. */
.career-calibration-screen .question-back{font-size:14.3px}
.career-calibration-screen .eyebrow{font-size:11px}
main>.career-calibration-screen h2{font-size:clamp(31.9px,3.41vw,38.5px)}
main>.career-calibration-screen .lead{font-size:15.4px}
.career-calibration-screen .option{font-size:15.4px}
.career-calibration-screen .actions .primary{font-size:16.5px}
.diagnostic-insight-modal__card h2{font-size:clamp(25.3px,3.3vw,29.7px)}
.diagnostic-insight-modal .diagnostic-motivation-screen__body{font-size:16.5px}
.diagnostic-insight-modal .primary{font-size:16.5px}
.simulation-build-screen .eyebrow{font-size:14.3px}
.simulation-build-orbit b{font-size:17.6px}
main>.simulation-build-screen .simulation-build-card h1{font-size:48.4px}
main>.simulation-build-screen .simulation-build-card .lead{font-size:17.6px}
.simulation-build-list .loading-item{font-size:14.3px}
.simulation-build-final{font-size:14.3px}

@media(max-width:760px){
  main>.career-calibration-screen h2{font-size:clamp(29.7px,8.47vw,35.2px)}
  main>.career-calibration-screen .lead{font-size:14.3px}
  .career-calibration-screen .option{font-size:14.85px}
  .diagnostic-insight-modal__card h2{font-size:25.3px}
  .diagnostic-insight-modal .diagnostic-motivation-screen__body{font-size:15.4px}
  main>.simulation-build-screen .simulation-build-card h1{font-size:35.2px}
  main>.simulation-build-screen .simulation-build-card .lead{font-size:16.5px}
  .simulation-build-list .loading-item{font-size:13.75px}
  .simulation-build-final{font-size:15.4px}
}

/* Production pass: approved visual direction across screens 08–27. */
body:has(#app>.simulation-build-screen),
body:has(#app>.simulation-ready-screen),
body:has(#app>.route-question-screen),
body:has(#app>.program-route-question-screen),
body:has(#app>.flow-screen),
body:has(#app>.internship-chat-screen),
body:has(#app>.internship-gate-screen),
body:has(#app>.fit-result-screen),
body:has(#app>.route-fit-screen--complete){
  background:
    radial-gradient(circle at 12% 0,rgba(86,100,255,.09),transparent 28%),
    radial-gradient(circle at 92% 7%,rgba(95,202,240,.11),transparent 24%),
    #f5f7fa;
}

/* Transition into the professional scenario. */
#app>.simulation-ready-screen.screen--single{width:min(920px,100%);margin:14px auto 28px;padding:0}
.simulation-ready-screen .simulation-ready-card{
  position:relative;
  overflow:hidden;
  padding:42px 48px;
  border:1px solid rgba(36,40,65,.1);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0,rgba(72,165,255,.22),transparent 38%),
    radial-gradient(circle at 4% 100%,rgba(89,78,255,.13),transparent 35%),
    linear-gradient(145deg,#fbfcff,#eef3f9);
  color:#171922;
  box-shadow:0 24px 70px rgba(39,45,70,.12);
}
.simulation-ready-screen .simulation-ready-aurora{opacity:.38}
.simulation-ready-screen .simulation-ready-content{position:relative;z-index:1}
.simulation-ready-screen .simulation-ready-status{width:max-content;margin:0 auto 20px;border-color:rgba(37,131,108,.18);background:rgba(255,255,255,.8);color:#25836c}
.simulation-ready-screen .simulation-ready-icon{width:72px;height:72px;margin-bottom:18px;border:1px solid rgba(61,59,255,.16);background:linear-gradient(145deg,#fff,#e8edff);color:#403bea;box-shadow:0 14px 35px rgba(61,59,255,.13)}
.simulation-ready-screen .simulation-ready-icon b{font-size:19px;letter-spacing:-.04em}
.simulation-ready-screen .simulation-ready-icon small{color:#6b6f7c}
.simulation-ready-screen .eyebrow{background:rgba(255,255,255,.78);color:#4b46e8!important}
.simulation-ready-screen .simulation-ready-card h1{max-width:670px;color:#171922;font-size:clamp(38px,4.6vw,52px);line-height:1;letter-spacing:-.04em}
.simulation-ready-screen .simulation-ready-card .lead{max-width:620px;color:#626774;font-size:16px}
.simulation-ready-screen .simulation-ready-details{gap:8px;margin-top:25px}
.simulation-ready-screen .simulation-ready-details article{min-height:76px;border:1px solid rgba(37,42,67,.09);background:rgba(255,255,255,.7);box-shadow:none}
.simulation-ready-screen .simulation-ready-details article>span{background:#ececff;color:#4b46e8}
.simulation-ready-screen .actions{max-width:620px;margin:20px auto 0}
.simulation-ready-screen .primary{min-height:54px;border-radius:13px;background:linear-gradient(100deg,#4944ff,#2d67f6);color:#fff;box-shadow:0 12px 28px rgba(55,63,220,.2)}

/* Work chat as a real, compact professional surface. */
#app>.internship-chat-screen.flow-screen{width:min(1080px,100%);margin:16px auto 30px}
.internship-chat-screen>.messenger-device{border:1px solid rgba(36,40,65,.11);border-radius:23px;background:#fff;box-shadow:0 20px 62px rgba(39,45,70,.1)}
.messenger-welcome{min-height:510px;background:linear-gradient(145deg,#fff 0%,#f7f8fc 100%)}
.internship-chat-screen:not(.chat-task-screen)>.messenger-device{min-height:0}
.messenger-welcome__content{max-width:680px;padding:72px 32px}
.messenger-welcome__icon{display:grid;width:64px;height:64px;margin:0 auto 23px;place-items:center;border:1px solid rgba(61,59,255,.14);border-radius:18px;background:linear-gradient(145deg,#f1f0ff,#e5f6ff);color:#443ff0;font-size:18px;font-weight:800;letter-spacing:-.04em;box-shadow:0 14px 34px rgba(62,60,174,.1)}
.messenger-welcome h1{font-size:clamp(38px,4.4vw,50px);line-height:1;letter-spacing:-.04em}
.messenger-welcome p{max-width:600px;color:#626774;font-size:16px;line-height:1.5}
.messenger-welcome .actions{max-width:540px;margin:24px auto 0}
.case-context-screen .messenger-feed{padding:26px 32px 32px}
.case-context-screen .case-email-gate{max-width:640px;border-color:rgba(36,40,65,.1);border-radius:17px;background:#fbfcff;box-shadow:0 16px 42px rgba(39,45,70,.08)}

/* Workday tasks: one restrained frame, believable artefacts inside. */
#app>.question-screen.flow-screen,
#app>.workday-result-screen.flow-screen{width:min(1180px,100%);max-width:1180px;margin:14px auto 30px;padding:26px 28px 32px;border:1px solid rgba(36,40,65,.08);border-radius:24px;background:rgba(248,249,252,.88);box-shadow:0 18px 54px rgba(39,45,70,.07)}
#app>.question-screen.flow-screen>div,
#app>.workday-result-screen.flow-screen>div{max-width:none}
.flow-screen .workday-status{margin-bottom:26px}
.flow-screen .workday-status__timeline span b{background:var(--ui-accent)}
.flow-screen .combined-interview-heading,
.flow-screen .miro-board-heading,
.flow-screen .asis-heading,
.flow-screen .data-root-heading{margin:22px 0 24px}
.flow-screen .combined-interview-heading h1,
.flow-screen .miro-board-heading h1,
.flow-screen .asis-heading h1,
.flow-screen .data-root-heading h1,
.flow-screen .director-task h1{max-width:850px;font-size:clamp(36px,4vw,48px);line-height:1.01;letter-spacing:-.04em}
.flow-screen .combined-interview-heading>p:last-child,
.flow-screen .miro-board-heading>p:last-child,
.flow-screen .asis-heading>p:last-child,
.flow-screen .data-root-heading>p:last-child{max-width:900px;color:#646976;font-size:16px;line-height:1.48}
.combined-interview-messenger,
.order-trace,
.asis-deck,
.asis-sequence,
.data-metrics-section,
.director-message,
.director-task{border-color:rgba(36,40,65,.1);box-shadow:0 12px 34px rgba(39,45,70,.06)}
.order-trace__header{background:linear-gradient(100deg,#504aff,#376df3)}
.flow-screen .option,
.director-option,
.data-metric-card{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.flow-screen .option:hover,
.director-option:hover,
.data-metric-card:hover{border-color:#9894f5;box-shadow:0 8px 20px rgba(61,59,255,.08);transform:translateY(-1px)}
.flow-screen .option:active,
.director-option:active,
.data-metric-card:active{transform:scale(.995)}
.flow-screen .option:focus-visible,
.director-option:focus-visible,
.data-metric-card:focus-visible{outline:3px solid rgba(76,70,238,.22);outline-offset:2px}

/* Success between tasks is an insight, not a new hero. */
.workday-result-screen .workday-result-card{max-width:920px;margin:0 auto;padding:28px 30px;border:1px solid rgba(36,40,65,.1);border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(39,45,70,.09)}
.workday-result-card__status{margin-bottom:16px}
.workday-result-card__mentor h1{font-size:clamp(34px,3.8vw,45px);line-height:1.02}
.workday-result-card__takeaways{gap:9px;margin-top:18px}
.workday-result-card__takeaways article{padding:16px;border-radius:13px;background:#f4f5f8}
.workday-result-card__takeaways article:last-child{background:#efefff}
.workday-result-card>.primary{min-height:52px;margin-top:18px;border-radius:12px}

/* Compact route questions: same language as the approved onboarding. */
body:has(#app>.route-question-screen) .app-shell,
body:has(#app>.program-route-question-screen) .app-shell{width:min(1160px,100%);padding:0 24px 34px}
#app>.route-question-screen,
#app>.program-route-question-screen{position:relative;width:min(780px,100%);min-height:0;margin:18px auto 28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#app>.route-question-screen>div,
#app>.program-route-question-screen>div{max-width:780px;padding:18px 0 24px}
.route-question-screen .question-back,
.program-route-question-screen .question-back{margin-bottom:22px;padding:6px 0;border:0;background:transparent;color:#626673;font-size:14px}
main>.route-question-screen h2,
main>.program-route-question-screen h2{max-width:760px;font-size:clamp(34px,3.8vw,44px);font-weight:650;line-height:1.03;letter-spacing:-.04em}
.route-question-screen>div>.panel,
.program-route-question-screen>div>.panel{margin-top:23px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none}
.route-question-screen .options,
.program-route-question-screen .options{gap:8px}
.route-question-screen .option,
.program-route-question-screen .option{min-height:56px;padding:11px 14px;border:1px solid #dfe1e7;border-radius:12px;background:rgba(255,255,255,.88);font-size:15.5px;box-shadow:0 2px 8px rgba(34,37,53,.025)}
.route-question-screen .option:hover,
.program-route-question-screen .option:hover{border-color:#aaa7ff;background:#fff;box-shadow:0 8px 20px rgba(63,59,154,.08);transform:translateY(-1px)}
.route-question-screen .option.is-selected,
.program-route-question-screen .option.is-selected{border-color:#625cff;background:#f0efff;box-shadow:0 0 0 2px rgba(86,80,239,.08)}
.route-question-screen .actions,
.program-route-question-screen .actions{position:static;margin-top:11px;padding:0;background:transparent}
.route-question-screen .primary,
.program-route-question-screen .primary{min-height:52px;border-radius:12px;font-size:16px}
.route-question-screen--age .age-select-control{max-width:none;margin-top:23px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.route-question-screen--age .age-select-trigger{width:100%;min-height:58px;border-color:#dfe1e7;border-radius:12px;background:#fff;font-size:16px}
.route-question-screen--age .actions{margin-top:10px}

/* Result gate and assessment report. */
#app>.internship-gate-screen.screen--single{width:min(1120px,100%);max-width:1120px;margin:14px auto 30px}
.internship-gate-page{border-color:rgba(36,40,65,.09);border-radius:22px;box-shadow:0 20px 62px rgba(39,45,70,.09)}
.internship-gate-heading{background:linear-gradient(145deg,#fbfcff,#f0f3f9)}
.internship-report-preview{border:2px solid var(--ui-accent);background:linear-gradient(145deg,var(--ui-accent-soft),var(--ui-surface) 58%);box-shadow:var(--shadow-elevated),0 0 0 6px var(--ui-accent-focus)}
.internship-report-preview__bar{padding:16px 18px;background:var(--messenger-titlebar-gradient);color:var(--ui-surface);font-size:13px}
.internship-report-preview__bar b{color:var(--ui-surface)}
.internship-report-preview__body{padding:26px 22px}
.internship-report-preview__score strong{font-size:32px}
.internship-gate-mobile-teaser{display:none}
.internship-gate-form{background:#f7f8fb!important}
@media(min-width:760px){
  .internship-gate-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}
}
@media(max-width:759px){
  .internship-gate-mobile-teaser{display:block;order:1;margin:var(--space-5) var(--space-5) 0;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-accent-soft);box-shadow:var(--shadow-card)}
  .internship-gate-mobile-teaser b{display:block;font-size:15px;line-height:1.3}
  .internship-gate-mobile-teaser p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.4}
  .internship-gate-form{order:2}
  .internship-report-preview{order:3}
  .internship-gate-mobile-submit{display:block;order:4;width:auto;margin:0 var(--space-5) var(--space-5)}
}

#app>.fit-result-screen.screen--single{width:min(1120px,100%);max-width:1120px;margin:14px auto 32px}
.fit-result-screen .fit-result-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-color:rgba(36,40,65,.09);border-radius:24px;background:#fff;box-shadow:0 22px 66px rgba(39,45,70,.09)}
.fit-result-page>header,.fit-result-page>section,.fit-result-page>footer{padding:32px 34px}
.fit-result-page>.fit-result-hero:first-child,
.fit-result-page>.short-result-page,
.fit-result-page>.fit-chart,
.fit-result-page>.fit-result-next{grid-column:1/-1}
.fit-result-page>.fit-result-hero:first-child{background:linear-gradient(125deg,#262251 0%,#504aff 56%,#3089ef 130%)}
.fit-result-page>.fit-result-hero:first-child h1{max-width:760px;font-size:clamp(38px,4.6vw,54px);line-height:1}
.fit-result-page>.short-result-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;background:#f7f8fb}
.fit-result-page>.short-result-page .short-result-heading{grid-column:1}
.fit-result-page>.short-result-page .short-result-grid{grid-column:2;grid-row:1/span 2;grid-template-columns:1fr;align-self:start}
.fit-result-page>.short-result-page .short-result-note{grid-column:1}
.fit-result-page>.fit-chart{border-top:1px solid #e2e4ea}
.fit-result-page>.fit-result-hero:not(:first-child){background:#eef0ff;color:#171922}
.fit-result-page>.fit-result-hero:not(:first-child) .eyebrow{background:#fff;color:#4b46e8}
.fit-result-page>.fit-result-hero:not(:first-child)>p,
.fit-result-page>.fit-result-hero:not(:first-child)>small{color:#5e6370}
.fit-result-page>.fit-result-hero:not(:first-child) .fit-result-meter{border-color:#d9dcf0;background:#fff}
.fit-result-page>.fit-strengths,
.fit-result-page>.learning-path-steps{border-top:1px solid #e2e4ea}
.fit-result-page>.fit-value,
.fit-result-page>.internship-salary{border-top:1px solid #e2e4ea;background:#f7f8fb}
.fit-result-page>.fit-value{border-right:1px solid #e2e4ea}
.fit-result-page>.fit-value>div{grid-template-columns:1fr}
.fit-result-page>.fit-value article{padding:13px 0;border-bottom:1px solid #e2e4ea}
.fit-result-page>.internship-salary .salary-scale{grid-template-columns:1fr;gap:13px}
.fit-result-page>.fit-result-next{background:linear-gradient(120deg,#dff5ff,#e9e8ff)}

/* Final route: varied editorial compositions instead of one endless stack. */
#app>.route-fit-screen--complete.screen--single{width:min(1180px,100%);margin:14px auto 34px}
.route-fit-screen--complete .route-fit-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid rgba(36,40,65,.09);border-radius:24px;background:#fff;box-shadow:0 24px 72px rgba(39,45,70,.1)}
.route-fit-screen--complete .route-fit-page>header,
.route-fit-screen--complete .route-fit-page>section,
.route-fit-screen--complete .route-fit-page>aside,
.route-fit-screen--complete .route-fit-page>footer{min-width:0;padding:34px 36px}
.route-fit-screen--complete .route-fit-hero,
.route-fit-screen--complete .route-fit-path,
.route-fit-screen--complete .course-proof-intro,
.route-fit-screen--complete .tools-section,
.route-fit-screen--complete .route-consultation{grid-column:1/-1}
.route-fit-screen--complete .route-fit-hero{background:linear-gradient(145deg,#f8f9fd,#eef2f8)}
.route-fit-screen--complete .route-fit-hero h1{font-size:clamp(46px,5.3vw,66px);line-height:.97}
.route-fit-screen--complete .route-fit-path ol{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:none}
.route-fit-screen--complete .route-fit-path li{display:block!important;padding:0!important}
.route-fit-screen--complete .route-fit-path li::before{display:none!important}
.route-fit-screen--complete .route-fit-path li>i{margin-bottom:14px}
.route-fit-screen--complete .route-fit-path li>div{padding:0}
.route-fit-screen--complete .route-fit-path li p{font-size:13px;line-height:1.45}
.route-fit-screen--complete .course-proof-intro{background:linear-gradient(120deg,#dff5ff,#e9e8ff)}
.route-fit-screen--complete .course-proof-intro h2,
.route-fit-screen--complete .course-proof-section>h2,
.route-fit-screen--complete .course-proof-section>div>h2{font-size:clamp(28px,3.4vw,42px)}
.route-fit-screen--complete .route-fit-matches,
.route-fit-screen--complete .support-section,
.route-fit-screen--complete .ai-section,
.route-fit-screen--complete .trust-section,
.route-fit-screen--complete .reviews-section{border-right:1px solid #e2e4ea}
.route-fit-screen--complete .learning-format,
.route-fit-screen--complete .career-section,
.route-fit-screen--complete .business-studio-section,
.route-fit-screen--complete .faq-section{border-left:0}
.route-fit-screen--complete .product-carousel{grid-auto-columns:minmax(260px,31%)}
.route-fit-screen--complete .product-carousel>article{min-height:190px;padding:18px!important;border-radius:16px}
.route-fit-screen--complete .tools-groups{gap:18px;margin-top:19px}
.route-fit-screen--complete .tools-groups article{min-height:60px;border-radius:12px}
.route-fit-screen--complete .program-section>div,
.route-fit-screen--complete .faq-section>div{margin-top:18px}
.route-fit-screen--complete .partner-test__grid,
.route-fit-screen--complete .price-section__grid{grid-template-columns:1fr}
.route-fit-screen--complete .portfolio-section .product-carousel,
.route-fit-screen--complete .alumni-section .product-carousel,
.route-fit-screen--complete .experts-section .product-carousel,
.route-fit-screen--complete .reviews-section .product-carousel{grid-auto-columns:86%}

/* Keep the route insight copy, but remove the sticker-like treatment. */
.program-insight-modal:not(.simulation-feedback-modal) .program-insight-modal__card>span{
  display:block;
  margin:0 0 10px;
  padding:0;
  border:0;
  background:none;
  color:#626673;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}

@media(max-width:800px){
  #app>.simulation-ready-screen.screen--single,
  #app>.internship-chat-screen.flow-screen,
  #app>.question-screen.flow-screen,
  #app>.workday-result-screen.flow-screen,
  #app>.internship-gate-screen.screen--single,
  #app>.fit-result-screen.screen--single,
  #app>.route-fit-screen--complete.screen--single{margin:6px auto 22px}
  .simulation-ready-screen .simulation-ready-card{padding:28px 18px;border-radius:20px}
  .simulation-ready-screen .simulation-ready-card h1{font-size:36px}
  .simulation-ready-screen .simulation-ready-details{grid-template-columns:1fr}
  .simulation-ready-screen .simulation-ready-details article{min-height:64px}
  .messenger-welcome{min-height:470px}
  .messenger-welcome__content{padding:55px 18px}
  .messenger-welcome h1{font-size:36px}
  .case-context-screen .messenger-feed{padding:18px 14px 22px}
  #app>.question-screen.flow-screen,#app>.workday-result-screen.flow-screen{padding:18px 14px 24px;border-radius:20px}
  .flow-screen .combined-interview-heading h1,.flow-screen .miro-board-heading h1,.flow-screen .asis-heading h1,.flow-screen .data-root-heading h1,.flow-screen .director-task h1{font-size:34px}
  .workday-result-screen .workday-result-card{padding:22px 17px;border-radius:17px}
  .workday-result-card__mentor h1{font-size:32px}
  .workday-result-card__takeaways{grid-template-columns:1fr}
  #app>.route-question-screen,#app>.program-route-question-screen{margin:6px auto 22px}
  #app>.route-question-screen>div,#app>.program-route-question-screen>div{padding:10px 2px 20px}
  main>.route-question-screen h2,main>.program-route-question-screen h2{font-size:31px;line-height:1.05}
  .route-question-screen>div>.panel,.program-route-question-screen>div>.panel{margin-top:18px!important;padding:0!important;border-radius:0!important}
  .route-question-screen .option,.program-route-question-screen .option{min-height:52px;padding:10px 12px;font-size:15px}
  .route-question-screen--age .age-select-control{margin-top:18px;padding:0;border-radius:0}
  .fit-result-screen .fit-result-page,.route-fit-screen--complete .route-fit-page{grid-template-columns:1fr;border-radius:20px}
  .fit-result-page>header,.fit-result-page>section,.fit-result-page>footer{padding:26px 18px}
  .fit-result-page>.fit-result-hero:first-child,.fit-result-page>.short-result-page,.fit-result-page>.fit-chart,.fit-result-page>.fit-result-next{grid-column:1}
  .fit-result-page>.short-result-page{display:block}
  .fit-result-page>.short-result-page .short-result-grid{margin-top:18px}
  .fit-result-page>.short-result-page .short-result-note{margin-top:12px}
  .fit-result-page>.fit-value{border-right:0}
  .route-fit-screen--complete .route-fit-page>header,.route-fit-screen--complete .route-fit-page>section,.route-fit-screen--complete .route-fit-page>aside,.route-fit-screen--complete .route-fit-page>footer{grid-column:1;padding:28px 18px}
  .route-fit-screen--complete .route-fit-hero h1{font-size:40px}
  .route-fit-screen--complete .route-fit-path ol{grid-template-columns:1fr!important;gap:0!important}
  .route-fit-screen--complete .route-fit-path li{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px;padding:0 0 22px!important}
  .route-fit-screen--complete .route-fit-matches,.route-fit-screen--complete .support-section,.route-fit-screen--complete .ai-section,.route-fit-screen--complete .trust-section,.route-fit-screen--complete .reviews-section{border-right:0}
  .route-fit-screen--complete .product-carousel{grid-auto-columns:88%}
}

/* Second polish pass: denser professional workspace, sourced from screens 01–05. */
body:has(#app>.simulation-build-screen),
body:has(#app>.simulation-ready-screen),
body:has(#app>.route-question-screen),
body:has(#app>.program-route-question-screen),
body:has(#app>.flow-screen),
body:has(#app>.internship-chat-screen),
body:has(#app>.internship-gate-screen),
body:has(#app>.fit-result-screen),
body:has(#app>.route-fit-screen--complete){
  background:
    radial-gradient(circle at 12% 0,rgba(86,100,255,.085),transparent 28%),
    radial-gradient(circle at 92% 7%,rgba(95,202,240,.1),transparent 24%),
    linear-gradient(rgba(80,88,119,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,88,119,.045) 1px,transparent 1px),
    #f7f8fb;
  background-size:auto,auto,32px 32px,32px 32px,auto;
}

/* Professional tasks should read as a workspace, not as a card around cards. */
#app>.question-screen.flow-screen,
#app>.workday-result-screen.flow-screen{
  margin:8px auto 26px;
  padding:18px 0 28px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.flow-screen .workday-status{margin-bottom:17px;padding-bottom:13px}
.flow-screen .combined-interview-heading,
.flow-screen .miro-board-heading,
.flow-screen .asis-heading,
.flow-screen .data-root-heading{margin:14px 0 18px}
.flow-screen .combined-interview-heading h1,
.flow-screen .miro-board-heading h1,
.flow-screen .asis-heading h1,
.flow-screen .data-root-heading h1,
.flow-screen .director-task h1{
  max-width:800px;
  font-size:clamp(35px,3.55vw,43px);
  line-height:1.015;
}
.flow-screen .combined-interview-heading>p:last-child,
.flow-screen .miro-board-heading>p:last-child,
.flow-screen .asis-heading>p:last-child,
.flow-screen .data-root-heading>p:last-child{
  max-width:940px;
  font-size:15px;
  line-height:1.43;
}
.combined-interview-layout{gap:22px}
.combined-interview-task h2{font-size:27px}
.asis-deck,.asis-sequence,.data-metrics-section,.director-message,.director-task{border:1px solid rgba(36,40,65,.085)}

/* The welcome screen keeps the chat metaphor without an oversized empty hero. */
.messenger-welcome{min-height:420px}
.messenger-welcome__content{padding:46px 32px}
.messenger-welcome__icon{margin-bottom:18px}
.messenger-welcome h1{font-size:clamp(36px,4vw,46px)}
.messenger-welcome .actions{margin-top:20px}

/* Believable data workspace for the evidence task. */
.data-metrics-section{
  display:grid;
  grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);
  gap:22px;
  align-items:start;
  padding:18px;
}
.data-metrics-choice{min-width:0}
.data-metrics-choice>p{margin:7px 0 0;color:var(--muted)}
.data-metrics-choice .data-metric-grid{gap:8px;margin-top:14px}
.data-metrics-choice .data-metric-card{min-height:70px;padding:13px;border:1px solid rgba(36,40,65,.055);border-radius:14px}
.data-metrics-choice .data-metric-card strong{font-size:24px}
.data-metrics-choice .data-metric-card span{font-size:13px;line-height:1.32}
.data-metrics-choice .data-metric-card i{width:27px;height:27px;flex-basis:27px}
.data-workbook{min-width:0;overflow:hidden;border:1px solid #dcdfe8;border-radius:15px;background:#fff;box-shadow:0 14px 34px rgba(39,45,70,.08)}
.data-workbook>header{display:flex;min-height:44px;align-items:end;justify-content:space-between;gap:10px;padding:9px 11px 0;border-bottom:1px solid #e3e5ec;background:#f5f7fa}
.data-workbook>header>div{display:flex;gap:4px}
.data-workbook>header span{padding:8px 10px 9px;color:#747986;font-size:10px}
.data-workbook>header span.is-active{border:1px solid #e1e3ea;border-bottom-color:#fff;border-radius:8px 8px 0 0;background:#fff;color:#282b34;font-weight:700}
.data-workbook>header b{align-self:center;color:#747986;font-size:10px;font-weight:600}
.data-workbook__toolbar{display:flex;gap:6px;padding:9px 10px;border-bottom:1px solid #eceef3}
.data-workbook__toolbar span{padding:5px 7px;border:1px solid #e3e5eb;border-radius:6px;background:#fafbfc;color:#666b77;font-size:9px}
.data-workbook__table{min-width:0}
.data-workbook__row{display:grid;grid-template-columns:58px 1.05fr .92fr 64px 66px;align-items:center;min-height:43px;border-bottom:1px solid #eceef3;font-size:9px}
.data-workbook__row>*{min-width:0;padding:8px 9px;border-right:1px solid #eceef3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.data-workbook__row>*:last-child{border-right:0}
.data-workbook__row--head{min-height:36px;background:#f7f8fb;color:#747986;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.data-workbook__row .is-alert{color:#b34a45;font-weight:650}
.data-workbook__row .is-warn{color:#a26618;font-weight:650}
.data-workbook>footer{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:#f7f8fb;color:#747986;font-size:9px}
.data-workbook>footer strong{color:#4c47e9;font-weight:650}
.data-metrics-action{margin-top:12px}
.data-case-note{margin-top:10px}

/* Editorial result pages stay substantial without returning to giant landing heroes. */
.fit-result-page>.fit-result-hero:first-child h1{font-size:clamp(38px,4.15vw,50px)}
.route-fit-screen--complete .route-fit-hero h1{max-width:870px;font-size:clamp(42px,4.55vw,58px);line-height:.99}
.route-fit-screen--complete .route-fit-page{border-radius:20px;box-shadow:0 18px 58px rgba(39,45,70,.085)}

@media(max-width:800px){
  #app>.question-screen.flow-screen,#app>.workday-result-screen.flow-screen{padding:12px 0 22px;border-radius:0}
  .flow-screen .workday-status{margin-bottom:14px;padding-bottom:11px}
  .flow-screen .combined-interview-heading,.flow-screen .miro-board-heading,.flow-screen .asis-heading,.flow-screen .data-root-heading{margin:12px 0 16px}
  .flow-screen .combined-interview-heading h1,.flow-screen .miro-board-heading h1,.flow-screen .asis-heading h1,.flow-screen .data-root-heading h1,.flow-screen .director-task h1{font-size:31px;line-height:1.035}
  .messenger-welcome{min-height:390px}
  .messenger-welcome__content{padding:38px 18px}
  .messenger-welcome h1{font-size:34px}
  .data-metrics-section{grid-template-columns:1fr;gap:14px;padding:14px}
  .data-workbook{overflow:hidden}
  .data-workbook>header,.data-workbook__toolbar,.data-workbook__table,.data-workbook>footer{min-width:0}
  .data-workbook__row--head{display:none}
  .data-workbook__row{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr);min-height:82px;padding:8px 0;font-size:10px}
  .data-workbook__row>*{padding:7px 9px;border:0;white-space:normal}
  .data-workbook__row>*:first-child{grid-row:1/3;align-self:stretch;display:flex;align-items:center;border-right:1px solid #eceef3}
  .data-workbook__row>*:nth-child(n+2)::before{display:block;margin-bottom:3px;color:#8a8f9a;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .data-workbook__row>*:nth-child(2)::before{content:"Склад"}
  .data-workbook__row>*:nth-child(3)::before{content:"Адрес"}
  .data-workbook__row>*:nth-child(4)::before{content:"Передача"}
  .data-workbook__row>*:nth-child(5)::before{content:"Итог"}
  .data-workbook>footer{flex-wrap:wrap}
  .data-metrics-choice .data-metric-grid{grid-template-columns:1fr}
  .data-metrics-choice .data-metric-card{min-height:64px}
  .route-fit-screen--complete .route-fit-hero h1{font-size:38px}
}

/* Screen 09: restore the previously approved version. */
body:has(#app>.simulation-ready-screen){
  background:radial-gradient(circle at 90% 10%,#f1f0ff 0,transparent 32%),var(--paper);
  background-size:auto;
}
#app>.simulation-ready-screen.screen--single{
  width:100%;
  max-width:920px;
  min-height:calc(100vh - 100px);
  margin:0 auto;
  padding:28px 0;
  place-items:center;
}
.simulation-ready-screen .simulation-ready-card{
  padding:32px 20px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:30px;
  background:linear-gradient(145deg,#171429 0%,#32209b 46%,#175cdb 74%,#53cdf5 125%);
  color:#fff;
  box-shadow:0 32px 90px rgba(39,37,140,.28);
}
.simulation-ready-screen .simulation-ready-aurora{opacity:1}
.simulation-ready-screen .simulation-ready-status{
  margin-bottom:18px;
  border-color:rgba(255,255,255,.2);
  background:rgba(9,8,32,.28);
  color:#fff;
}
.simulation-ready-screen .simulation-ready-icon{
  width:96px;
  height:96px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.5);
  background:radial-gradient(circle at 34% 28%,#fff 0%,#a9f1ff 30%,#59c7ff 72%);
  color:#111;
  box-shadow:0 0 0 10px rgba(255,255,255,.08),0 18px 50px rgba(1,7,38,.34);
}
.simulation-ready-screen .simulation-ready-icon b{font-size:40px;letter-spacing:normal;transform:translateY(4px)}
.simulation-ready-screen .simulation-ready-icon small{color:inherit}
.simulation-ready-screen .eyebrow{background:transparent;color:#8cecff!important}
.simulation-ready-screen .simulation-ready-card h1{max-width:680px;color:#fff;font-size:clamp(34px,7vw,54px);line-height:.98;letter-spacing:-.045em}
.simulation-ready-screen .simulation-ready-card .lead{max-width:590px;color:rgba(255,255,255,.78);font-size:15px}
.simulation-ready-screen .simulation-ready-details{gap:10px;margin-top:26px}
.simulation-ready-screen .simulation-ready-details article{min-height:0;border:1px solid rgba(255,255,255,.18);background:rgba(8,9,35,.2);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.simulation-ready-screen .simulation-ready-details article>span{background:rgba(255,255,255,.13);color:#8cecff}
.simulation-ready-screen .actions{max-width:430px;margin:22px auto 0}
.simulation-ready-screen .primary{min-height:56px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:#fff;color:#171429;box-shadow:0 16px 40px rgba(4,5,42,.32),0 0 28px rgba(255,255,255,.52),0 0 48px rgba(140,236,255,.38)}
.simulation-ready-screen .primary:hover{box-shadow:0 20px 46px rgba(4,5,42,.42),0 0 34px rgba(255,255,255,.62),0 0 58px rgba(140,236,255,.46)}
@media(min-width:760px){.simulation-ready-screen .simulation-ready-card{padding:38px 52px 40px}}
@media(max-width:620px){
  #app>.simulation-ready-screen.screen--single{min-height:calc(100vh - 88px);padding:12px 0}
  .simulation-ready-screen .simulation-ready-card{padding:24px 16px;border-radius:22px}
  .simulation-ready-screen .simulation-ready-status{margin-bottom:14px}
  .simulation-ready-screen .simulation-ready-icon{width:78px;height:78px;margin-bottom:14px}
  .simulation-ready-screen .simulation-ready-icon b{font-size:34px}
  .simulation-ready-screen .simulation-ready-card h1{font-size:34px}
  .simulation-ready-screen .simulation-ready-card .lead{margin-top:12px}
  .simulation-ready-screen .simulation-ready-details{grid-template-columns:1fr;gap:7px;margin-top:18px}
  .simulation-ready-screen .simulation-ready-details article{padding:10px 12px}
  .simulation-ready-screen .actions{margin-top:17px}
}

/* Screen 10: restore the previously approved welcome screen. */
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen):not(.funnel-screen-layout){
  width:100%;
  margin:0 auto;
  padding:24px 19px 34px;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen)>.messenger-device{
  width:min(760px,100%);
  margin:0 auto;
  border:1px solid #dedede;
  border-radius:26px;
  background:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.12);
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome{
  min-height:520px;
  background:transparent;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome__content{
  max-width:none;
  padding:0;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome__icon{
  display:block;
  width:auto;
  height:auto;
  margin:0 0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:44px;
  font-weight:400;
  letter-spacing:normal;
  box-shadow:none;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome h1{
  max-width:620px;
  font-size:clamp(28px,8vw,42px);
  line-height:1.04;
  letter-spacing:-.03em;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome p{
  max-width:520px;
  margin:14px 0 0;
  color:inherit;
  font-size:16px;
  line-height:1.5;
}
#app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome .actions{
  width:min(460px,100%);
  max-width:none;
  margin:24px auto 0;
}
@media(max-width:800px){
  #app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen):not(.funnel-screen-layout){margin:0 auto;padding:16px 19px 34px}
  #app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome{min-height:calc(100svh - 190px)}
  #app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome__content{padding:0}
  #app>.internship-chat-screen.flow-screen:not(.case-context-screen):not(.chat-task-screen) .messenger-welcome h1{font-size:32px;line-height:1.06}
}

/* Screen 11: personal messenger and email gate follow the graphdesigner funnel. */
#app>.case-context-screen.flow-screen{
  width:100%;
  margin:0 auto;
  padding:24px 16px 32px;
}
#app>.case-context-screen.flow-screen>.flow-back{
  display:flex;
  width:max-content;
  margin:0 0 12px max(0px,calc((100% - 720px)/2));
}
#app>.case-context-screen.flow-screen>.messenger-device{
  display:flex;
  width:min(720px,100%);
  min-height:76vh;
  flex-direction:column;
  margin:0 auto;
  overflow:hidden;
  border:1px solid #dedede;
  border-radius:26px;
  background:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.12);
}
.case-context-screen .messenger-titlebar{
  position:relative;
  min-height:54px;
  padding:10px 14px;
  border-bottom:0;
  background:var(--messenger-titlebar-gradient);
  color:#fff;
}
.case-context-screen .messenger-lights{padding:0;background:transparent}
.case-context-screen .messenger-tab{
  max-width:68%;
  margin:0 auto;
  padding:5px 14px 5px 5px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#000;
  font-size:12px;
  font-weight:500;
}
.case-context-screen .messenger-tab>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-context-screen .messenger-tab small{color:#777b86;font-size:inherit}
.case-context-screen .case-chat-tab-avatar{width:22px;height:22px;flex-basis:22px;font-size:9px}
.case-context-screen .messenger-feed{
  display:flex;
  flex:1;
  overflow-y:auto;
  padding:24px 32px 28px;
  background:#fff;
}
.case-chat-scroll{display:flex;width:100%;min-height:100%;flex-direction:column}
.case-context-screen .messenger-time{margin-bottom:18px}
.case-context-screen .messenger-thread{display:block}
.case-context-screen .case-chat-group.is-visible{display:flex;flex-direction:column;gap:8px}
.case-chat-row{
  width:100%;
  align-items:flex-end;
  gap:8px;
}
.case-chat-message.is-visible{display:flex}
.case-chat-row .messenger-avatar,.case-chat-typing>.messenger-avatar{width:32px;height:32px;flex-basis:32px}
.case-chat-row .messenger-bubble{
  width:max-content;
  max-width:80%;
  margin:0;
  padding:10px 14px;
  border-radius:18px 18px 18px 6px;
  background:#f0f0f0;
  color:#171922;
  font-size:15px;
  line-height:1.4;
}
.case-chat-typing{
  width:100%;
  align-items:flex-end;
  gap:8px;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
}
.case-chat-typing__bubble{display:flex;gap:4px;padding:13px 15px;border-radius:18px 18px 18px 6px;background:#f0f0f0}
.case-chat-typing__bubble i{width:6px;height:6px;border-radius:50%;background:#85858e;animation:chat-typing-dot .8s ease-in-out infinite}
.case-chat-typing__bubble i:nth-child(2){animation-delay:.12s}
.case-chat-typing__bubble i:nth-child(3){animation-delay:.24s}
.case-context-screen .case-email-gate{
  width:100%;
  max-width:none;
  margin:24px 0 0;
  padding:20px;
  border:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 48px rgba(29,29,39,.12);
}
.case-context-screen .case-email-gate h2{font-size:23px}
.case-context-screen .case-email-gate .field input{background:#fff}
.case-context-screen .case-email-gate .primary{margin:0;box-shadow:none}

@media(max-width:767px){
  #app>.case-context-screen.flow-screen{padding:16px 12px 24px}
  #app>.case-context-screen.flow-screen>.flow-back{margin:0 0 10px}
  #app>.case-context-screen.flow-screen>.messenger-device{min-height:calc(100svh - 140px);border-radius:22px}
  .case-context-screen .messenger-feed{padding:20px 16px 24px}
  .case-context-screen .messenger-tab{max-width:72%}
  .case-context-screen .messenger-tab small{display:none}
  .case-chat-row .messenger-bubble{max-width:calc(100% - 40px);font-size:14px}
  .case-context-screen .case-email-gate{padding:18px 16px}
}

/* Screen 12: the team interview unfolds as a live conversation. */
.combined-interview-brief{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  align-items:start;
  max-width:940px;
  margin-top:18px;
  padding:15px 17px;
  border:1px solid rgba(66,74,221,.14);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(239,243,255,.92));
  box-shadow:0 12px 32px rgba(53,61,150,.07);
}
.combined-interview-brief>.messenger-avatar{
  width:44px;
  height:44px;
  flex-basis:44px;
  border:2px solid #fff;
  box-shadow:0 0 0 2px rgba(72,76,226,.16),0 7px 16px rgba(41,49,135,.13);
}
.combined-interview-brief b{display:block;margin:1px 0 5px;color:#292d53;font-size:14px}
.combined-interview-brief p{margin:0;color:#5e6473;font-size:15px;line-height:1.45}

.combined-interview-messenger .messenger-feed{
  max-height:520px;
  overflow-y:auto;
  scroll-behavior:smooth;
}
.app-shell .combined-interview-messenger{
  display:flex;
  min-height:0!important;
  flex-direction:column;
}
.combined-interview-messenger .messenger-thread{min-height:220px}
.combined-interview-message[data-combined-message]{display:none;opacity:0}
.combined-interview-message[data-combined-message].is-active,
.combined-interview-message[data-combined-message].is-visible{
  display:grid;
  animation:combined-message-in .24s cubic-bezier(.2,.8,.2,1) forwards;
}
.combined-interview-message .messenger-bubble:not([hidden]){
  animation:combined-message-in .2s cubic-bezier(.2,.8,.2,1) both;
}
.combined-interview-typing{
  align-items:center;
  gap:8px;
  margin:6px 0 2px 41px;
  color:var(--ui-text-soft);
  font-size:12px;
  line-height:1.3;
}
.combined-interview-typing:not([hidden]){display:flex}
.combined-interview-typing__label{white-space:nowrap}
.combined-interview-typing__bubble{
  display:flex;
  gap:4px;
  padding:7px 9px;
  border-radius:var(--radius-pill);
  background:#f0f0f4;
}
.combined-interview-typing__bubble i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#85858e;
  animation:chat-typing-dot .8s ease-in-out infinite;
}
.combined-interview-typing__bubble i:nth-child(2){animation-delay:.12s}
.combined-interview-typing__bubble i:nth-child(3){animation-delay:.24s}

.combined-interview-message--olga{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.combined-interview-message--olga .messenger-group__meta>.messenger-avatar{
  border:1px solid #d9e0ff;
  box-shadow:none;
}
.combined-interview-message--olga .messenger-group__meta b{color:#34366f}
.combined-interview-message--olga .messenger-bubble{
  border-color:#dce2ff;
  background:#eef2ff;
  color:#292c52;
}
.combined-interview-message--olga .combined-interview-typing__bubble{background:#eef2ff}

.combined-interview-controls{
  flex:0 0 auto;
  padding:var(--space-3) var(--space-5) var(--space-4);
  border-top:1px solid var(--ui-border-soft);
  background:var(--ui-surface);
}
.combined-interview-controls[hidden]{display:none}
.combined-interview-next{
  width:100%;
  min-height:58px;
  padding:0 22px;
  border-radius:var(--radius-control);
  font-size:16px;
  font-weight:600;
  line-height:1.2;
}
.combined-interview-controls.is-ready{
  animation:combined-control-in .24s cubic-bezier(.2,.8,.2,1) both;
}
.combined-interview-controls.is-ready .combined-interview-next{
  animation:combined-cta-ready .28s ease-out;
}
.combined-interview-message.is-fresh .messenger-group__meta>.messenger-avatar{
  animation:combined-avatar-pop .24s cubic-bezier(.2,.8,.2,1);
}
.combined-interview-message.is-fresh .messenger-bubble:not([hidden]){
  animation:combined-bubble-pop .28s cubic-bezier(.2,.8,.2,1) both;
}

.combined-interview-task[data-combined-task]{
  display:none;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
}
.combined-interview-task[data-combined-task].is-visible{
  display:block;
  opacity:1;
  transform:none;
  pointer-events:auto;
  animation:combined-message-in .24s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes combined-message-in{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
@keyframes combined-control-in{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@keyframes combined-cta-ready{
  0%{box-shadow:var(--shadow-primary)}
  55%{box-shadow:0 0 0 7px var(--ui-accent-focus)}
  100%{box-shadow:var(--shadow-primary)}
}
@keyframes combined-avatar-pop{
  0%{opacity:.3;transform:scale(.76)}
  70%{transform:scale(1.08)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes combined-bubble-pop{
  0%{opacity:0;transform:translateY(8px) scale(.97);box-shadow:0 0 0 0 var(--ui-accent-focus)}
  70%{opacity:1;transform:translateY(0) scale(1.01);box-shadow:0 0 0 4px var(--ui-accent-focus)}
  100%{opacity:1;transform:none;box-shadow:none}
}

@media(max-width:800px){
  .combined-interview-brief{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px 14px}
  .combined-interview-brief>.messenger-avatar{width:38px;height:38px;flex-basis:38px}
  .combined-interview-brief p{font-size:14px}
  .combined-interview-messenger .messenger-feed{max-height:460px}
  .combined-interview-message--olga .messenger-bubble{margin-left:0}
  .combined-interview-typing{margin-left:40px}
  .combined-interview-controls{padding:var(--space-3) var(--space-4) var(--space-4)}
}

@media(prefers-reduced-motion:reduce){
  .combined-interview-message[data-combined-message].is-active,
  .combined-interview-message[data-combined-message].is-visible{animation:none;opacity:1}
  .combined-interview-message .messenger-bubble:not([hidden]){animation:none}
  .combined-interview-message.is-fresh .messenger-group__meta>.messenger-avatar,
  .combined-interview-message.is-fresh .messenger-bubble:not([hidden]),
  .combined-interview-controls.is-ready,
  .combined-interview-controls.is-ready .combined-interview-next{animation:none}
  .combined-interview-typing__bubble i{animation:none;opacity:.7}
  .combined-interview-task[data-combined-task].is-visible{animation:none}
}

/* One approved popup language across the whole funnel. */
:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal){
  --popup-accent:#625cff;
  position:fixed;
  inset:0;
  z-index:240;
  display:grid;
  place-items:center;
  padding:20px;
}
.screen11-success-modal:not(:has(.screen11-success__status.is-gentle)){--popup-accent:#25836c}
.program-insight-modal.screen11-success-modal .program-insight-modal__card{
  width:min(520px,100%);
  border:1px solid rgba(33,35,48,.1);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--popup-accent) 9%,transparent),transparent 32%),
    #fff;
  color:#1b1d25;
  box-shadow:0 28px 80px rgba(25,27,43,.22);
}

:is(.diagnostic-insight-modal__backdrop,.program-insight-modal__backdrop,.simulation-name-modal__backdrop){
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(31,33,42,.28);
  backdrop-filter:blur(6px);
  cursor:pointer;
  animation:diagnostic-overlay-in .16s ease-out both;
}

:is(.diagnostic-insight-modal__card,.program-insight-modal__card,.simulation-name-modal__card){
  position:relative;
  z-index:1;
  width:min(520px,100%);
  max-height:calc(100svh - 40px);
  padding:27px 28px 25px;
  overflow-y:auto;
  border:1px solid rgba(33,35,48,.1);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--popup-accent) 9%,transparent),transparent 32%),
    #fff;
  color:#1b1d25;
  box-shadow:0 28px 80px rgba(25,27,43,.22);
  animation:diagnostic-modal-in .18s cubic-bezier(.2,.8,.3,1) both;
}
:is(.program-insight-modal__card,.simulation-name-modal__card)::before{
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--popup-accent);
  content:"";
}

:is(.program-insight-modal__close,.simulation-name-modal__close){
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:grid;
  width:34px;
  height:34px;
  padding:0;
  place-items:center;
  border:1px solid rgba(33,35,48,.1);
  border-radius:50%;
  background:rgba(255,255,255,.84);
  color:#626673;
  font-size:20px;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
  transition:color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
:is(.program-insight-modal__close,.simulation-name-modal__close):hover{
  background:#fff;
  color:var(--popup-accent);
  box-shadow:0 6px 18px rgba(47,48,72,.1);
  transform:translateY(-1px);
}
:is(.program-insight-modal__close,.simulation-name-modal__close):active{transform:scale(.96)}
:is(.program-insight-modal__close,.simulation-name-modal__close):focus-visible{outline:3px solid rgba(84,78,231,.24);outline-offset:2px}
.screen11-success-modal .program-insight-modal__close{
  border:1px solid rgba(33,35,48,.1);
  background:rgba(255,255,255,.84);
  color:#626673;
  box-shadow:none;
}
.screen11-success-modal .program-insight-modal__close:hover{background:#fff;color:var(--popup-accent);box-shadow:0 6px 18px rgba(47,48,72,.1)}

.program-insight-modal__card>span,
.simulation-name-modal__card>.eyebrow{
  display:block;
  width:auto;
  margin:0 44px 10px 0;
  padding:0;
  border:0;
  background:none;
  color:#626673!important;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
.diagnostic-insight-modal__card>.popup-copy,
.program-insight-modal__card>.popup-copy,
.simulation-name-modal__card>.popup-copy{
  max-width:430px;
  margin:0 44px 0 0;
  color:#555a67;
  font-size:16px;
  font-weight:400;
  line-height:1.42;
}

.screen11-success-modal .screen11-success__status{
  display:block;
  margin:0 44px 11px 0;
  color:var(--popup-accent);
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
.screen11-success-modal .screen11-success__status i{display:none}
.screen11-success-modal .screen11-mentor-reply{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.screen11-success-modal .screen11-mentor-reply .messenger-avatar{
  width:42px;
  height:42px;
  border:2px solid #fff;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--popup-accent) 16%,transparent),0 7px 16px rgba(41,49,135,.12);
}
.screen11-success-modal .screen11-mentor-reply b{
  display:block;
  color:#626673;
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}
.screen11-success-modal .screen11-mentor-reply h3{
  margin:4px 0 8px;
  color:#1b1d25;
  font-size:clamp(23px,3vw,27px);
  font-weight:650;
  line-height:1.12;
  letter-spacing:-.025em;
}
.screen11-success-modal .screen11-mentor-reply p{
  margin:7px 0 0;
  color:#555a67;
  font-size:15px;
  line-height:1.45;
}
.screen11-success-modal .screen11-transfer{
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid rgba(33,35,48,.09);
  color:#555a67;
}
.flow-screen .simulation-feedback-modal .program-insight-modal__card>.primary{min-height:48px;margin-top:20px}

:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary{
  position:relative;
  width:100%;
  min-height:48px;
  margin-top:20px;
  overflow:hidden;
  border:0;
  border-radius:11px;
  background:var(--ui-accent);
  color:#fff;
  font-size:16px;
  box-shadow:var(--shadow-primary);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary:hover{
  background:var(--ui-accent-hover);
  box-shadow:0 13px 28px rgba(61,59,255,.27);
  transform:translateY(-1px);
}
:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary:active{transform:scale(.992);box-shadow:0 5px 13px rgba(61,59,255,.18)}
:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:3px}

.simulation-name-modal__card .field{margin-top:17px}
.simulation-name-modal__card .field label{color:#30333e;font-size:13px;font-weight:600}
.simulation-name-modal__card .field input{
  min-height:50px;
  border:1px solid rgba(33,35,48,.14);
  border-radius:11px;
  background:#fff;
  color:#1b1d25;
  box-shadow:inset 0 1px 2px rgba(29,31,43,.03);
}
.simulation-name-modal__card .field input:focus{border-color:#7974ed;outline:3px solid rgba(84,78,231,.15)}

@media(max-width:760px){
  :is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal){align-items:center!important;padding:14px}
  :is(.diagnostic-insight-modal__card,.program-insight-modal__card,.simulation-name-modal__card){
    width:min(520px,100%);
    max-height:calc(100svh - 28px);
    padding:22px 20px 20px;
    border-radius:15px;
  }
  .diagnostic-insight-modal__card>.popup-copy,
  .program-insight-modal__card>.popup-copy,
  .simulation-name-modal__card>.popup-copy{font-size:14px;line-height:1.4}
  .screen11-success-modal .screen11-mentor-reply{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:0}
  .screen11-success-modal .screen11-mentor-reply .messenger-avatar{width:36px;height:36px}
  .screen11-success-modal .screen11-mentor-reply p{font-size:14px;line-height:1.4}
  :is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary{min-height:48px;margin-top:17px;font-size:15px}
  .flow-screen .program-insight-modal{align-items:center!important;padding:14px}
  .flow-screen .program-insight-modal__card,
  .program-insight-modal.screen11-success-modal .program-insight-modal__card{
    width:min(520px,100%);
    max-height:calc(100svh - 28px);
    padding:22px 20px 20px;
    border-radius:15px;
  }
  .flow-screen .simulation-feedback-modal .screen11-mentor-reply{padding:0}
  .flow-screen .simulation-feedback-modal .program-insight-modal__card>.primary{min-height:48px;margin-top:17px}
}

@media(prefers-reduced-motion:reduce){
  :is(.diagnostic-insight-modal__backdrop,.program-insight-modal__backdrop,.simulation-name-modal__backdrop),
  :is(.diagnostic-insight-modal__card,.program-insight-modal__card,.simulation-name-modal__card),
  :is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary::after{animation:none}
  :is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal) .primary,
  :is(.program-insight-modal__close,.simulation-name-modal__close){transition:none}
}

/* Compact Skillbox-style engineering navigation. */
.engineering-menu{
  right:18px;
  bottom:18px;
  z-index:260;
  width:min(336px,calc(100vw - 24px));
  gap:9px;
  color:#171922;
}
.engineering-menu__toggle{
  min-height:44px;
  gap:9px;
  padding:6px 7px 6px 14px;
  border:1px solid rgba(30,32,43,.12);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#171922;
  box-shadow:0 12px 32px rgba(29,31,45,.14);
  font-size:13px;
  font-weight:600;
  backdrop-filter:blur(10px);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.engineering-menu__toggle:hover{border-color:#8d88ed;box-shadow:0 15px 36px rgba(29,31,45,.18);transform:translateY(-1px)}
.engineering-menu__toggle:active{transform:scale(.985)}
.engineering-menu__toggle:focus-visible{outline:3px solid rgba(84,78,231,.24);outline-offset:2px}
.engineering-menu__toggle strong{
  min-width:31px;
  height:31px;
  border-radius:50%;
  background:linear-gradient(135deg,#504aff,#3b35ef);
  color:#fff;
  font-size:11px;
  box-shadow:0 5px 14px rgba(62,56,223,.22);
}

.engineering-menu__panel{
  width:100%;
  max-height:min(78svh,680px);
  border:1px solid rgba(30,32,43,.11);
  border-radius:20px;
  background:#fff;
  color:#171922;
  box-shadow:0 28px 80px rgba(27,29,43,.2);
  animation:engineering-menu-in .18s cubic-bezier(.2,.8,.3,1) both;
}
.engineering-menu__head{
  align-items:center;
  padding:15px 15px 13px;
  border-bottom:1px solid #ececf1;
  background:#fff;
}
.engineering-menu__head div{gap:3px}
.engineering-menu__head span{
  color:#777b87;
  font-size:11px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0;
  text-transform:none;
}
.engineering-menu__head span b{color:#504aff;font-weight:650}
.engineering-menu__head strong{
  color:#171922;
  font-size:16px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.015em;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.engineering-menu__close{
  flex-basis:32px;
  width:32px;
  height:32px;
  border:1px solid #e0e1e7;
  border-radius:50%;
  background:#f7f7f9;
  color:#626673;
  font-size:20px;
  transition:color .16s ease,background-color .16s ease,transform .16s ease;
}
.engineering-menu__close:hover{background:#efefff;color:#504aff}
.engineering-menu__close:active{transform:scale(.95)}
.engineering-menu__close:focus-visible{outline:3px solid rgba(84,78,231,.22);outline-offset:2px}

.engineering-menu__body{
  gap:9px;
  padding:11px;
  overflow:hidden;
}
.engineering-menu__row{gap:7px}
.engineering-menu__button{
  min-height:39px;
  padding:8px 11px;
  border:1px solid #e1e2e8;
  border-radius:10px;
  background:#f7f7f9;
  color:#30333e;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease;
}
.engineering-menu__button:hover{border-color:#aaa7f2;background:#f0efff;color:#403be2}
.engineering-menu__button:active{transform:scale(.985)}
.engineering-menu__button:focus-visible{outline:3px solid rgba(84,78,231,.2);outline-offset:1px}
.engineering-menu__button:disabled{opacity:.38;transform:none}
.engineering-menu__button--accent{
  border:0;
  background:linear-gradient(105deg,#504aff,#3832ec);
  color:#fff;
  box-shadow:0 8px 20px rgba(62,56,223,.17);
}
.engineering-menu__button--accent:hover{border:0;background:linear-gradient(105deg,#453ff2,#302ae2);color:#fff}

.engineering-menu__search{
  grid-template-columns:20px minmax(0,1fr);
  min-height:41px;
  padding:0 10px;
  border:1px solid #dfe1e7;
  border-radius:10px;
  background:#fff;
  color:#8a8e99;
  box-shadow:0 0 0 0 rgba(84,78,231,0);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.engineering-menu__search:focus-within{border-color:#7f7aed;box-shadow:0 0 0 3px rgba(84,78,231,.12)}
.engineering-menu__search span{font-size:17px}
.engineering-menu__search input{height:39px;color:#171922;font-size:13px}
.engineering-menu__search input::placeholder{color:#9a9da7}

.engineering-screen-list{
  display:grid;
  gap:3px;
  min-height:120px;
  max-height:min(48svh,390px);
  padding:2px 3px 2px 0;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#d5d6dd transparent;
}
.engineering-screen-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 16px;
  gap:9px;
  min-height:43px;
  padding:5px 8px 5px 6px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#30333e;
  box-shadow:none;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease;
}
.engineering-screen-item:hover{border-color:#e1e1f7;background:#f6f6ff;color:#302ccd}
.engineering-screen-item b{
  width:30px;
  height:30px;
  border-radius:9px;
  background:#f0efff;
  color:#504aff;
  font-size:10px;
  font-weight:700;
}
.engineering-screen-item span{
  color:inherit;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  white-space:nowrap;
}
.engineering-screen-item i{
  color:#b1b3bd;
  font-size:13px;
  font-style:normal;
  opacity:0;
  transition:opacity .14s ease,transform .14s ease;
}
.engineering-screen-item:hover i{opacity:1;transform:translateX(1px)}
.engineering-screen-item.is-current{
  border-color:#d6d4ff;
  background:#efefff;
  color:#302ccd;
}
.engineering-screen-item.is-current b{background:#504aff;color:#fff}
.engineering-screen-item.is-current i{color:#504aff;opacity:1}
.engineering-screen-list__empty{margin:24px 0;color:#8a8e99;font-size:12px}

.engineering-menu__tools{
  margin-top:1px;
  border-top:1px solid #ececf1;
}
.engineering-menu__tools summary{
  padding:9px 2px 0;
  color:#777b87;
  font-size:11px;
  font-weight:500;
}
.engineering-menu__tools[open] summary{color:#504aff}
.engineering-menu__tools-body{gap:8px;padding-top:10px}
.engineering-menu__field{
  gap:5px;
  color:#777b87;
  font-size:10px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.engineering-menu__field select{
  min-height:39px;
  border:1px solid #dfe1e7;
  border-radius:10px;
  background:#fff;
  color:#30333e;
}
.engineering-menu__section--actions{gap:7px}

@keyframes engineering-menu-in{
  from{opacity:0;transform:translateY(6px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:520px){
  .engineering-menu{right:12px;bottom:12px;width:min(328px,calc(100vw - 24px))}
  .engineering-menu__panel{max-height:min(76svh,620px);border-radius:18px}
  .engineering-menu__head{padding:13px}
  .engineering-menu__head strong{font-size:15px}
  .engineering-screen-list{max-height:43svh}
}

@media(max-width:700px){
  body.result-consultation-popup-open .engineering-menu{
    z-index:1100;
    top:12px;
    bottom:auto;
    flex-direction:column-reverse;
  }
}

@media(prefers-reduced-motion:reduce){
  .engineering-menu__panel{animation:none}
  .engineering-menu__toggle,
  .engineering-menu__close,
  .engineering-menu__button,
  .engineering-menu__search,
  .engineering-screen-item,
  .engineering-screen-item i{transition:none}
}

/* Screen 11: calmer email access block with deliberate spacing. */
.case-context-screen .case-email-gate{
  gap:16px;
  margin-top:28px;
  padding:26px;
}
.case-context-screen .case-email-gate>div:first-child{display:grid;gap:7px}
.case-context-screen .case-email-gate>div:first-child>span{
  margin:0;
  color:#504aff;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.06em;
}
.case-context-screen .case-email-gate h2{
  margin:0;
  max-width:460px;
  font-size:25px;
  line-height:1.12;
}
.case-context-screen .case-email-field{display:grid;gap:0;margin-top:2px}
.case-context-screen .case-email-field input{
  min-height:52px;
  padding:13px 15px;
  border-color:#d9dbe3;
  border-radius:12px;
  background:#fff;
}
.case-context-screen .case-email-field input:focus{border-color:#7772ed;box-shadow:0 0 0 3px rgba(84,78,231,.12)}
.case-context-screen .case-email-field .error:not(:empty){margin-top:7px}
.case-context-screen .case-email-gate .skb-consent{margin:0}
.case-context-screen .case-email-gate .primary{min-height:52px;margin:2px 0 0}

@media(max-width:767px){
  .case-context-screen .case-email-gate{gap:14px;margin-top:24px;padding:21px 18px}
  .case-context-screen .case-email-gate h2{font-size:23px}
  .case-context-screen .case-email-field input{min-height:50px}
  .case-context-screen .case-email-gate .primary{min-height:50px}
}

/* Workday screens: keep the content, remove repetitive service stickers. */
.messenger-channel,
.screen11-step,
.flow-screen .combined-interview-heading>.eyebrow,
.flow-screen .miro-board-heading>.eyebrow,
.flow-screen .asis-heading>.eyebrow,
.flow-screen .data-root-heading>.eyebrow,
.flow-screen .director-task>.eyebrow,
.flow-screen .contradictions-choice-panel>.eyebrow,
.flow-screen .chat-task-brief>span,
.flow-screen .support-task__message>span{
  display:none!important;
}

.workday-status--without-lunch .workday-status__top{grid-template-columns:1fr}
.workday-status--without-lunch .workday-status__now{
  grid-column:1;
  justify-self:center;
}

.flow-screen .combined-interview-heading h1,
.flow-screen .combined-interview-task h2,
.flow-screen .miro-board-heading h1,
.flow-screen .asis-heading h1,
.flow-screen .data-root-heading h1,
.flow-screen .director-task h1,
.flow-screen .contradictions-choice-panel h2{
  margin-top:0;
}

/* Screen 12: one compact workspace — conversation first, decision below. */
#app>.combined-interview-screen.flow-screen{
  width:min(1040px,100%);
  margin:12px auto 32px;
  padding:0;
}

#app>.combined-interview-screen.flow-screen>div{
  width:100%;
  padding:22px 26px 26px;
  border:1px solid rgba(36,40,65,.1);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(80,74,255,.07),transparent 30%),
    linear-gradient(145deg,#fff 0%,#f8f9fd 100%);
  box-shadow:0 20px 58px rgba(39,45,70,.09);
}

.combined-interview-screen .flow-back{margin-bottom:12px}
.combined-interview-screen .workday-status{margin-bottom:18px;padding-bottom:12px}
.combined-interview-screen .combined-interview-heading{margin:16px 0 18px}
.combined-interview-screen .combined-interview-heading h1{
  max-width:680px;
  font-size:clamp(32px,3.2vw,40px);
  line-height:1.02;
}

.combined-interview-screen .combined-interview-brief,
.causal-analysis-screen .combined-interview-brief{
  max-width:none;
  margin-top:14px;
  padding:13px 15px;
  border-color:rgba(66,74,221,.1);
  background:rgba(244,246,255,.76);
  box-shadow:none;
}
.combined-interview-screen .combined-interview-brief p,
.causal-analysis-screen .combined-interview-brief p{font-size:14px;line-height:1.4}

.combined-interview-screen .combined-interview-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  overflow:hidden;
  border:1px solid rgba(36,40,65,.11);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(39,45,70,.06);
}

.combined-interview-screen .combined-interview-messenger{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.combined-interview-screen .combined-interview-messenger .messenger-titlebar{
  min-height:62px;
  padding:10px 16px;
  border-bottom:0;
  background:var(--messenger-titlebar-gradient);
  color:#fff;
}
.combined-interview-screen .combined-interview-messenger .messenger-lights{border:0;background:transparent}
.combined-interview-screen .combined-interview-messenger .messenger-tab{
  margin:0 auto;
  color:#fff;
}
.combined-interview-screen .combined-interview-messenger .messenger-channel{color:rgba(255,255,255,.72)}
.combined-interview-screen .combined-interview-messenger .messenger-feed{
  max-height:440px;
  padding:20px 22px 24px;
  border-bottom:1px solid rgba(36,40,65,.09);
  background:#fff;
}
.combined-interview-screen .combined-interview-messenger .messenger-time{
  display:flex;
  width:100%;
  margin:0 0 24px;
  padding:0;
  align-items:center;
  gap:12px;
  background:transparent;
  color:#8a8d95;
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
}
.combined-interview-screen .combined-interview-messenger .messenger-time::before,
.combined-interview-screen .combined-interview-messenger .messenger-time::after{
  height:1px;
  background:#e7e8eb;
  content:"";
  flex:1;
}
.combined-interview-screen .combined-interview-messenger .messenger-thread{min-height:0;gap:17px}
.combined-interview-screen .combined-interview-messenger .combined-interview-message{
  box-sizing:border-box;
  min-width:0;
  width:100%;
}
.combined-interview-screen .combined-interview-messenger .messenger-group__meta{
  min-height:32px;
  margin:0 0 6px;
  align-items:center;
}
.combined-interview-screen .combined-interview-messenger .messenger-group__meta>.messenger-avatar{
  width:32px;
  height:32px;
  flex-basis:32px;
}
.combined-interview-screen .combined-interview-avatar--photo img{
  transform:scale(2);
  transform-origin:50% 38%;
}
.combined-interview-screen .combined-interview-messenger .messenger-group__meta b{font-size:13px}
.combined-interview-screen .combined-interview-messenger .messenger-brief__time{margin-left:2px;color:#8a8d95;font-size:11px}
.combined-interview-screen .combined-interview-messenger .messenger-bubble{
  box-sizing:border-box;
  width:fit-content;
  max-width:min(calc(100% - 42px),620px);
  margin-left:41px;
  padding:10px 13px;
  border:1px solid #e5e6e9;
  border-radius:16px 16px 16px 5px;
  background:#f2f3f5;
  font-size:14px;
  line-height:1.42;
  overflow-wrap:anywhere;
  box-shadow:none;
}
.combined-interview-screen .combined-interview-messenger .combined-interview-message--olga .messenger-bubble{
  border-color:#dce2ff;
  background:#eef2ff;
  color:#292c52;
}
.combined-interview-screen .combined-interview-messenger .combined-interview-message[data-combined-message="1"] .messenger-bubble{
  border-color:color-mix(in srgb,var(--ui-warning) 20%,var(--ui-border));
  background:var(--ui-warning-bg);
}
.combined-interview-screen .combined-interview-messenger .combined-interview-message[data-combined-message="2"] .messenger-bubble{
  border-color:color-mix(in srgb,var(--ui-success) 20%,var(--ui-border));
  background:var(--ui-success-bg);
}
.combined-interview-screen .combined-interview-messenger .messenger-bubble+.messenger-bubble{margin-top:6px}

.combined-interview-screen .combined-interview-task{
  padding:22px 24px 24px;
  background:linear-gradient(180deg,#fff,#fbfbfe);
}
.combined-interview-screen .combined-interview-task h2{margin:0 0 6px;font-size:27px}
.combined-interview-screen .combined-interview-task>p:not(.screen11-step):not(.counter){margin-bottom:14px;font-size:14px}
.combined-interview-screen .combined-interview-task .options{gap:7px}
.combined-interview-screen .combined-interview-task .option{
  min-height:58px;
  padding:11px 14px;
  border-color:rgba(36,40,65,.1);
  border-radius:13px;
  background:#fff;
  font-size:14px;
}
.combined-interview-screen .combined-interview-task .actions{margin-top:12px}
.combined-interview-screen .combined-interview-task .primary{min-height:52px}
.combined-interview-screen .combined-interview-result{margin:14px 0 0}

@media(max-width:700px){
  #app>.combined-interview-screen.flow-screen{margin:6px auto 22px}
  #app>.combined-interview-screen.flow-screen>div{padding:14px;border-radius:20px}
  .combined-interview-screen .workday-status{margin-bottom:14px}
  .combined-interview-screen .combined-interview-heading{margin:13px 0 15px}
  .combined-interview-screen .combined-interview-heading h1{font-size:30px}
  .combined-interview-screen .combined-interview-brief,
  .causal-analysis-screen .combined-interview-brief{grid-template-columns:36px minmax(0,1fr);padding:12px}
  .combined-interview-screen .combined-interview-brief>.messenger-avatar,
  .causal-analysis-screen .combined-interview-brief>.messenger-avatar{width:36px;height:36px;flex-basis:36px}
  .combined-interview-screen .combined-interview-messenger .messenger-feed{max-height:480px;padding:18px 14px 20px}
  .combined-interview-screen .combined-interview-messenger .messenger-time{margin-bottom:20px}
  .combined-interview-screen .combined-interview-messenger .messenger-thread{gap:15px}
  .combined-interview-screen .combined-interview-messenger .messenger-bubble{max-width:calc(100% - 40px);margin-left:40px}
  .combined-interview-screen .combined-interview-task{padding:18px 14px 16px}
  .combined-interview-screen .combined-interview-task h2{font-size:24px}
  .combined-interview-screen .combined-interview-task .option{min-height:56px;padding:11px 12px;font-size:13px}
}

/* Screen 13: causes → consequences analytical workspace. */
#app>.causal-analysis-screen.flow-screen{
  width:min(1320px,100%);
  max-width:1320px;
  margin:6px auto 28px;
  padding:14px 0 28px;
}
.causal-analysis-screen>div{max-width:none}
.causal-analysis-screen .flow-back{margin-bottom:12px}

.causal-heading{
  margin-bottom:18px;
}
.causal-heading h1{
  max-width:840px;
  margin:0;
  font-size:clamp(34px,3.35vw,46px);
  line-height:1.01;
  letter-spacing:-.04em;
}
.causal-heading>div>p{max-width:790px;margin:12px 0 0;color:#5e6473;font-size:15px;line-height:1.45}
.causal-workspace__progress{display:flex;justify-content:flex-end;padding:13px 24px;border-bottom:1px solid #ececf2;background:linear-gradient(90deg,#fff,#fafaff)}
.causal-progress{display:flex;align-items:center;gap:9px;white-space:nowrap}
.causal-progress__ring{--causal-progress:0%;position:relative;display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,#514aff 0 var(--causal-progress),#e7e7ef var(--causal-progress) 100%);box-shadow:0 7px 18px rgba(81,74,255,.16)}
.causal-progress__ring::before{content:"";position:absolute;inset:6px;border-radius:inherit;background:#fff;box-shadow:inset 0 0 0 1px rgba(81,74,255,.08)}
.causal-progress__ring strong{position:relative;display:flex;align-items:baseline;gap:2px;color:#696d7c;font-weight:600;line-height:1}
.causal-progress__ring strong b{color:#514aff;font-size:18px;font-weight:760}
.causal-progress__ring strong span{font-size:10px}
.causal-progress>small{color:#696d7c;font-size:12px;font-weight:600}

.causal-workspace{
  overflow:hidden;
  border:1px solid rgba(36,40,65,.1);
  border-radius:22px;
  background:rgba(255,255,255,.91);
  box-shadow:0 18px 54px rgba(39,45,70,.08);
}
.causal-map{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);
  gap:18px;
  padding:20px 24px 22px;
}
.causal-column{position:relative;z-index:2;min-width:0}
.causal-column>header{margin-bottom:13px}
.causal-column>header h2{margin:0;font-size:18px;line-height:1.15;letter-spacing:-.02em}
.causal-column>header p{margin:3px 0 0;color:#767c89;font-size:12px}
.causal-card-list{display:grid;gap:8px}

.causal-card{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:12px;
  min-height:78px;
  align-items:center;
  padding:12px 18px 12px 13px;
  border:1px solid #e2e4ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(39,45,70,.035);
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.causal-card:focus-visible{outline:3px solid rgba(84,78,231,.22);outline-offset:2px}
.causal-card__index{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#ecebff;color:#514bea;font-size:12px;font-weight:750}
.causal-card--fact:nth-child(2) .causal-card__index{background:#fff3d8;color:#a36b00}
.causal-card--fact:nth-child(3) .causal-card__index{background:#e8f1ff;color:#2f72c7}
.causal-card--fact:nth-child(4) .causal-card__index{background:#e7f5ee;color:#21845a}
.causal-card--consequence .causal-card__index{background:#ffebee;color:#be3f54}
.causal-card h3{margin:0;color:#20232e;font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.01em}
.causal-card p{margin:4px 0 0;color:#676d7b;font-size:12px;line-height:1.35}
.causal-card--consequence{grid-template-columns:32px minmax(0,1fr)}
.causal-card--consequence.has-connection{border-color:#ccc9fa;background:#fdfdff}
.causal-mobile-selection,.causal-pair-label{display:none}
.causal-card.is-active{border-color:#6c66ed;background:#f7f6ff;box-shadow:0 0 0 3px rgba(84,78,231,.1)}
.causal-card.is-drop-target{border-color:#6963ec;background:#f3f2ff;box-shadow:0 0 0 4px rgba(84,78,231,.1);transform:translateY(-1px)}

.causal-handle{
  position:absolute;
  top:50%;
  z-index:5;
  width:17px;
  height:17px;
  padding:0;
  border:2px solid #b9bfca;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(39,45,70,.12);
  cursor:crosshair;
  transform:translateY(-50%);
  transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.causal-handle--source{right:-10px}
.causal-handle--target{left:-10px}
.causal-handle:hover,.causal-handle:focus-visible{border-color:#5b55e7;box-shadow:0 0 0 5px rgba(84,78,231,.11);transform:translateY(-50%) scale(1.06);outline:0}
.causal-map.is-connecting .causal-handle--target{border-color:#8984ec;box-shadow:0 0 0 4px rgba(84,78,231,.08)}

.causal-link-zone{position:relative;z-index:0;display:grid;place-items:start center;padding-top:51px}
.causal-link-zone span{padding:8px 10px;border-radius:9px;background:#f4f3ff;color:#777c8a;font-size:10px;line-height:1.3;text-align:center}
.causal-lines{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}
.causal-link{fill:none;stroke:#6c66e9;stroke-width:3;stroke-linecap:round;opacity:.88;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 2px 2px rgba(67,61,200,.12));transition:stroke .16s ease,opacity .16s ease,stroke-width .16s ease}
.causal-link:hover,.causal-link:focus{stroke-width:5;opacity:1;outline:0}
.causal-link.is-correct{stroke:#3c937f}
.causal-link.is-review{stroke:#c67a79;stroke-dasharray:7 5}
.causal-link.is-locked{pointer-events:none}
.causal-link--draft{stroke:#5b55e7;stroke-width:3;stroke-dasharray:6 5;opacity:.75;pointer-events:none}

.causal-workspace__footer{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:18px 24px;
  border-top:1px solid #e9eaf0;
  background:linear-gradient(100deg,#fafaff,#f6f7fb);
}
.causal-workspace__footer .primary{width:100%;min-height:52px;border:0;box-shadow:0 9px 20px rgba(62,56,223,.17)}
.causal-check-feedback{grid-column:1/-1;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:11px!important;padding:12px 14px;border:1px solid #eadbd0;border-radius:12px;background:#fff9f4}
.causal-check-feedback>i{display:grid!important;width:36px!important;height:36px!important;place-items:center;border-radius:50%!important;background:#f7e8dd!important;color:#9a6544!important;font-style:normal}
.causal-check-feedback p{display:block;margin:3px 0 0;color:#6f6259}
.causal-check-feedback.is-success{border-color:#cfe4dc;background:#fbfffd}
.causal-check-feedback.is-success>i{background:#e5f5ef!important;color:#25836c!important}
.causal-check-feedback.is-success p{color:#566c65}
.causal-check-feedback.is-success .primary{width:100%;min-height:48px;margin-top:12px}

@media(max-width:1100px){
  .causal-map{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:14px;padding-right:18px;padding-left:18px}
  .causal-card{grid-template-columns:30px minmax(0,1fr);gap:9px;padding-right:14px;padding-left:10px}
  .causal-card__index{width:30px;height:30px}
  .causal-card h3{font-size:13px}
  .causal-card p{font-size:11px}
  .causal-link-zone span{font-size:9px}
}

@media(max-width:760px){
  #app>.causal-analysis-screen.flow-screen{margin:4px auto 22px;padding:10px 0 22px}
  .causal-heading{grid-template-columns:1fr;gap:13px;margin-bottom:15px}
  .causal-heading h1{font-size:31px;line-height:1.035}
  .causal-heading>div>p{margin-top:9px;font-size:14px}
  .causal-workspace__progress{padding:11px 13px}
  .causal-progress{justify-content:flex-end}
  .causal-workspace{border-radius:18px}
  .causal-map{grid-template-columns:1fr;gap:18px;padding:16px 13px 18px}
  .causal-link-zone,.causal-lines{display:none}
  .causal-column--consequences{padding-top:4px;border-top:1px solid #e8e9ef}
  .causal-column--consequences::before{display:block;margin:12px 0;padding:9px 11px;border-radius:10px;background:#f4f3ff;color:#676c7a;font-size:11px;line-height:1.35;content:"Сначала выберите факт, затем отметьте одно последствие."}
  .causal-column--consequences.has-active-fact::before{display:none}
  .causal-mobile-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:12px 0;padding:11px 12px;border:1px solid #dedcfb;border-radius:12px;background:#f5f4ff;scroll-margin-top:12px}
  .causal-mobile-selection>div{display:grid;gap:3px;min-width:0}
  .causal-mobile-selection span{color:#5b55e7;font-size:10px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}
  .causal-mobile-selection b{overflow:hidden;color:#2c3040;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
  .causal-mobile-selection button{min-height:40px;padding:8px 10px;border:1px solid #cbc8f4;border-radius:9px;background:#fff;color:#504aff;font-size:11px;font-weight:700;cursor:pointer}
  .causal-mobile-selection button:focus-visible{outline:3px solid rgba(84,78,231,.2);outline-offset:2px}
  .causal-column>header{margin-bottom:10px}
  .causal-card{grid-template-columns:30px minmax(0,1fr);min-height:72px;padding:10px 12px}
  .causal-card.has-pair{grid-template-columns:30px minmax(0,1fr) auto}
  .causal-pair-label{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:6px 7px;border-radius:999px;background:#ebeaff;color:#514bea;font-size:10px;font-weight:800;white-space:nowrap}
  .causal-card--consequence .causal-pair-label{background:#fff0f2;color:#b63f53}
  .causal-card h3{font-size:13px}
  .causal-card p{font-size:11px}
  .causal-handle{display:none}
  .causal-card--consequence{cursor:pointer}
  .causal-workspace__footer{grid-template-columns:1fr;gap:11px;padding:15px 13px}
  .causal-check-feedback{grid-column:1}
}

/* Screen 21: Skillbox-style desktop result with a clear final point and mentor bubble. */
.fit-result-screen .fit-result-page{
  gap:12px;
  padding:12px;
  border:0;
  border-radius:28px;
  background:#eef0f4;
  box-shadow:0 22px 64px rgba(39,45,70,.1);
}
.fit-result-screen .fit-result-page>header,
.fit-result-screen .fit-result-page>section,
.fit-result-screen .fit-result-page>footer{
  overflow:hidden;
  border:0;
  border-radius:24px;
}
.fit-result-page>.fit-result-hero:first-child{
  padding:32px 34px 34px;
  background:
    radial-gradient(circle at 92% 4%,rgba(94,87,255,.13),transparent 32%),
    linear-gradient(145deg,#fbfcff,#f1f4fa);
}
.fit-result-page>.fit-result-hero:first-child>.eyebrow{
  display:flex;
  width:100%;
  min-height:78px;
  max-width:none;
  align-items:center;
  gap:15px;
  margin:0 0 28px;
  padding:17px 20px;
  border-radius:18px;
  background:linear-gradient(105deg,#4a43ff,#665fff);
  color:#fff!important;
  font-size:clamp(20px,2.2vw,25px);
  font-weight:650;
  line-height:1.05;
  letter-spacing:-.035em;
  text-transform:none;
}
.fit-result-page>.fit-result-hero:first-child>.eyebrow::before{
  display:grid;
  width:44px;
  height:44px;
  flex:0 0 44px;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#4a43ff;
  font-size:21px;
  content:"✓";
}
.fit-result-page>.fit-result-hero:first-child>h1{
  max-width:760px;
  margin:0;
  color:#171922;
  font-size:clamp(38px,4.2vw,48px);
  font-weight:600;
  line-height:1.01;
  letter-spacing:-.045em;
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:13px;
  align-items:start;
  margin-top:26px;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga .mentor-hint__avatar{
  width:50px;
  height:50px;
  background:#4a43ff;
  color:#fff;
  font-size:16px;
  box-shadow:0 0 0 5px rgba(74,67,255,.08);
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga>div{
  position:relative;
  padding:18px 20px;
  border:1px solid #e1e4eb;
  border-radius:20px 20px 20px 7px;
  background:#fff;
  box-shadow:0 12px 30px rgba(39,45,70,.08);
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga>div::before{
  position:absolute;
  top:18px;
  left:-9px;
  width:18px;
  height:18px;
  background:#fff;
  clip-path:polygon(100% 0,100% 100%,0 50%);
  content:"";
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga>div>b{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  color:#433dff;
  font-size:13px;
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga>div>b::after{
  color:#92929a;
  font-size:11px;
  font-weight:400;
  content:"18:10";
}
.fit-result-page>.fit-result-hero:first-child>.internship-olga p{
  max-width:880px;
  margin:6px 0;
  color:#292930;
  font-size:14px;
  line-height:1.5;
}

.fit-result-page>.short-result-page{
  width:100%;
  margin:0;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:14px;
  padding:14px;
  background:#fff;
}
.fit-result-page>.short-result-page .short-result-heading{
  display:flex;
  min-height:100%;
  padding:28px;
  border-radius:22px;
  background:#493fff;
  color:#fff;
  box-shadow:none;
  flex-direction:column;
  justify-content:center;
}
.fit-result-page>.short-result-page .short-result-heading>.eyebrow{
  width:fit-content;
  margin:0 0 16px;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  color:#493fff!important;
  font-size:11px;
}
.fit-result-page>.short-result-page .short-result-heading h2{
  max-width:560px;
  margin:0;
  font-size:clamp(32px,3.6vw,40px);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.045em;
}
.fit-result-page>.short-result-page .short-result-heading>p:not(.eyebrow){
  max-width:600px;
  margin:16px 0 0;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.5;
}
.fit-result-page>.short-result-page .short-result-heading>p+p{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.22);
  color:#fff;
}
.fit-result-page>.short-result-page .short-result-grid{
  grid-row:1;
  gap:12px;
  margin:0;
}
.fit-result-page>.short-result-page .short-result-card{
  min-height:0;
  padding:21px;
  border-radius:20px;
  box-shadow:none;
}
.fit-result-page>.short-result-page .short-result-card.is-shown{background:#edf8f2}
.fit-result-page>.short-result-page .short-result-card.is-learning{background:#eeecff}
.fit-result-page>.short-result-page .short-result-card>.eyebrow{
  color:#111;
  font-size:12px;
  letter-spacing:.02em;
}
.fit-result-page>.short-result-page .short-result-card ul{gap:10px;margin-top:18px}
.fit-result-page>.short-result-page .short-result-card li{font-size:14px}
.fit-result-page>.short-result-page .short-result-card.is-shown li i{
  background:#1b7651;
  color:#fff;
}
.fit-result-page>.short-result-page .short-result-card.is-learning li i{
  background:#493fff;
  color:#fff;
  font-size:0;
}
.fit-result-page>.short-result-page .short-result-card.is-learning li i::before{
  font-size:13px;
  content:"→";
}
.fit-result-page>.short-result-page .short-result-note{
  grid-column:1/-1;
  grid-row:2;
  margin:0;
  border:1px solid #e5e5e8;
  background:#f7f7f8;
  box-shadow:none;
}

.fit-result-page>.fit-chart{background:#f5f5f6}
.fit-result-page>.fit-chart>.skill-radar{border:0;border-radius:22px}
.fit-result-page>.fit-result-hero:not(:first-child){display:flex;background:#eef0ff;color:#111;flex-direction:column;justify-content:center}
.fit-result-page>.fit-result-hero:not(:first-child) .eyebrow{background:#fff;color:#4a43ff!important}
.fit-result-page>.fit-result-hero:not(:first-child) .fit-result-meter{margin-top:30px;padding:20px;border:0;background:#fff}
.fit-result-page>.fit-result-hero:not(:first-child)>p,
.fit-result-page>.fit-result-hero:not(:first-child)>small{color:#36363c}
.fit-result-page>.fit-result-hero:not(:first-child)>small{display:block;margin-top:18px;padding-top:0}
.fit-result-page>.fit-strengths{background:#fff}
.fit-result-page>.fit-strengths>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fit-result-page>.fit-strengths article{border:0;border-radius:18px;background:#f2f2f4}
.fit-result-page>.learning-path-steps{background:#f7f8fb;color:#1c1d22}
.fit-result-page>.learning-path-steps>.eyebrow{color:#4a43ff!important}
.fit-result-page>.learning-path-steps>p{color:#60636d}
.fit-result-page>.learning-path-steps li>i{background:#4a43ff;color:#fff}
.fit-result-page>.learning-path-steps li span{color:#777b85}
.fit-result-page>.fit-value{background:#eeecff}
.fit-result-page>.fit-value article{border-color:rgba(45,42,96,.13)}
.fit-result-page>.fit-value article>span{background:#493fff;color:#fff}
.fit-result-page>.internship-salary{background:#fff;color:#1c1d22}
.fit-result-page>.internship-salary .internship-salary__intro{color:#565962}
.fit-result-page>.internship-salary .salary-scale article{border-color:#e1e3e8;background:#f5f5f6}
.fit-result-page>.internship-salary .salary-scale article>div{background:#dde1e7}
.fit-result-page>.internship-salary .salary-scale article p{color:#565962}
.fit-result-page>.internship-salary>small{color:#777b85}
.fit-result-page>.fit-result-next{
  background:linear-gradient(135deg,#eef0ff,#e8f3ff);
  color:#171922;
}
.fit-result-page>.fit-result-next p{color:#5c606a}
.fit-result-page>.fit-result-next .primary{
  background:#4a43ff;
  color:#fff!important;
}

.fit-result-page>.fit-chart h2,
.fit-result-page>.fit-strengths h2,
.fit-result-page>.learning-path-steps h2,
.fit-result-page>.fit-value h2,
.fit-result-page>.internship-salary h2,
.fit-result-page>.fit-result-next h2{font-size:clamp(27px,3.2vw,34px);line-height:1.05}

@media(min-width:801px){
  .fit-result-page>.internship-salary{grid-column:1/-1}
  .fit-result-page>.internship-salary .salary-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .fit-result-page>.internship-salary .salary-scale article{min-height:210px}
  .fit-result-page>.internship-salary .salary-scale header{display:grid;gap:7px;align-items:start}
  .fit-result-page>.internship-salary .salary-scale header b{line-height:1.15;white-space:normal}
}

@media(max-width:900px){
  .fit-result-screen .fit-result-page{grid-template-columns:1fr;gap:8px;padding:8px;border-radius:22px}
  .fit-result-page>.fit-result-hero:first-child{padding:24px 20px 27px}
  .fit-result-page>.fit-result-hero:first-child>.eyebrow{min-height:70px;gap:12px;margin-bottom:24px;padding:14px 16px;border-radius:17px;font-size:20px}
  .fit-result-page>.fit-result-hero:first-child>.eyebrow::before{width:40px;height:40px;flex-basis:40px;font-size:19px}
  .fit-result-page>.fit-result-hero:first-child>h1{font-size:38px}
  .fit-result-page>.fit-result-hero:first-child>.internship-olga{grid-template-columns:1fr;gap:11px;margin-top:26px}
  .fit-result-page>.fit-result-hero:first-child>.internship-olga .mentor-hint__avatar{width:44px;height:44px}
  .fit-result-page>.fit-result-hero:first-child>.internship-olga>div{padding:18px;border-radius:19px 19px 19px 6px}
  .fit-result-page>.fit-result-hero:first-child>.internship-olga>div::before{display:none}
  .fit-result-page>.fit-result-hero:first-child>.internship-olga p{font-size:14px}
  .fit-result-page>.short-result-page{padding:10px}
  .fit-result-page>.short-result-page .short-result-heading{min-height:0;padding:27px 22px}
  .fit-result-page>.short-result-page .short-result-heading h2{font-size:34px}
  .fit-result-page>.short-result-page .short-result-grid{gap:8px;margin-top:8px}
  .fit-result-page>.short-result-page .short-result-card{min-height:0;padding:21px}
  .fit-result-page>.short-result-page .short-result-note{margin-top:8px}
  .fit-result-page>.fit-strengths>div{grid-template-columns:1fr}
}

/* Fictional home-goods store branding. */
.home-store-chat-brand{
  gap:7px;
}
.home-store-chat-brand__copy{
  display:grid;
  gap:2px;
  line-height:1.1;
}
.home-store-chat-brand__copy b{font-size:13px}
.home-store-chat-brand__copy small{color:rgba(255,255,255,.72);font-size:10px;font-weight:400}
.home-store-chat-brand__mark{
  display:flex;
  flex:0 0 26px;
  width:26px;
  height:26px;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.38);
  border-radius:7px;
  background:var(--ui-surface);
}
.home-store-chat-brand__mark img{
  display:block;
  width:42px;
  max-width:none;
  height:42px;
  margin-top:-1px;
}

/* Screen 02: invitation in the visual language of the main funnel. */
.company-invitation-window{
  position:relative;
  min-height:628px;
  overflow:hidden;
  border:0;
  border-radius:30px;
  background:var(--ui-surface);
  box-shadow:0 24px 60px rgba(39,45,70,.1);
}
.company-invitation-window::before{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(54,62,101,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(54,62,101,.035) 1px,transparent 1px);
  background-size:36px 36px;
  content:"";
}
.company-invitation-window__body{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  min-height:628px;
  padding:0;
  flex:1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.company-invitation-window__copy{
  display:flex;
  min-width:0;
  padding:clamp(40px,4vw,56px);
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.company-invitation-window__kicker{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  gap:9px;
  margin:0 0 22px;
  padding:0 14px;
  border:1px solid var(--ui-border-soft);
  border-radius:var(--radius-pill);
  background:var(--ui-surface);
  color:var(--ui-accent);
  box-shadow:var(--shadow-card);
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:none;
}
.company-invitation-window h1{
  max-width:560px;
  color:var(--ui-text);
  font-size:clamp(46px,4.2vw,60px);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.03em;
}
.company-invitation-window h1>span{color:var(--ui-accent)}
.company-invitation-window__lead{
  max-width:560px;
  margin:22px 0 0;
  color:var(--ui-text-muted);
  font-size:17px;
  line-height:1.5;
}
.company-invitation-window__lead strong{color:var(--ui-accent);font-weight:700}
.company-invitation-window__footer{
  display:flex;
  width:auto;
  margin-top:30px;
  padding:0;
  align-items:center;
  gap:16px;
}
.company-invitation-window__footer>.actions{width:auto;margin:0}
.company-invitation-window__footer .primary{
  width:auto;
  min-height:58px;
  padding:0 30px;
  border:0;
  border-radius:15px;
  background:linear-gradient(100deg,#4b49ff,#322df0);
  color:var(--ui-surface);
  font-size:16px;
  font-weight:600;
  box-shadow:0 12px 25px rgba(55,48,255,.22),0 0 22px rgba(61,59,255,.12);
}
.company-invitation-window__footer .primary:hover{
  background:linear-gradient(100deg,#4b49ff,#322df0);
  color:var(--ui-surface);
  box-shadow:0 15px 34px rgba(55,48,255,.3),0 0 30px rgba(61,59,255,.2);
  transform:translateY(-1px);
}
.company-invitation-window__footer>small{
  display:block;
  max-width:190px;
  color:var(--ui-text-muted);
  font-size:12px;
  line-height:1.3;
}
.company-invitation-window__visual{
  position:relative;
  min-width:0;
  min-height:628px;
  margin:0;
  padding:0;
  overflow:hidden;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.company-invitation-window__visual::before{
  position:absolute;
  right:1%;
  bottom:-7%;
  left:11%;
  height:69%;
  border-radius:50% 50% 0 0;
  background:radial-gradient(circle at 54% 42%,rgba(184,232,93,.8),rgba(184,232,93,.2) 58%,transparent 74%);
  content:"";
}
.company-invitation-window__visual::after{
  position:absolute;
  right:4%;
  bottom:12%;
  width:72%;
  height:42%;
  border:1.5px dashed rgba(79,87,255,.24);
  border-radius:50%;
  content:"";
  transform:rotate(-8deg);
}
.company-invitation-window__collage{position:absolute;z-index:1;inset:0;min-height:0}
.company-invitation-card{
  position:absolute;
  z-index:3;
  margin:0;
  padding:18px;
  border:1px solid var(--ui-border-soft);
  border-radius:var(--radius-card);
  background:var(--ui-surface);
  color:var(--ui-text);
  box-shadow:var(--shadow-card);
}
.company-invitation-card>strong{display:block;margin:0;font-size:clamp(16px,1.4vw,22px);font-weight:700;line-height:1.15}
.company-invitation-card--progress{top:10%;left:0;width:32%;transform:rotate(-4deg)}
.company-invitation-card--progress>p{margin:7px 0 0;color:var(--ui-text-soft);font-size:12px}
.company-invitation-progress{display:flex;margin-top:16px;align-items:center}
.company-invitation-progress i{display:block;width:11px;height:11px;flex:none;border-radius:50%;background:var(--ui-accent)}
.company-invitation-progress i:last-child{background:var(--ui-border)}
.company-invitation-progress span{height:3px;flex:1;background:var(--ui-accent)}
.company-invitation-progress span:nth-of-type(2){background:var(--ui-border)}
.company-invitation-card--focus{display:none}
.company-invitation-card--tools{top:4%;right:0;width:40%;transform:rotate(2deg)}
.company-invitation-card--tools>p{margin:0;font-size:clamp(11px,1vw,14px);font-weight:400;line-height:1.4}
.company-invitation-insight{
  position:absolute;
  z-index:5;
  right:0;
  bottom:7%;
  width:30%;
  margin:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--ui-text);
  color:var(--ui-surface);
  box-shadow:var(--shadow-card);
  transform:rotate(2deg);
}
.company-invitation-insight>span{display:block;color:var(--ui-border);font-size:10px;font-weight:600;line-height:1.3}
.company-invitation-insight>strong{display:block;margin-top:var(--space-2);font-size:18px;font-weight:700;line-height:1.08;letter-spacing:-.03em}
.company-invitation-insight__flow{
  display:grid;
  margin-top:var(--space-3);
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:var(--space-1);
}
.company-invitation-insight__flow b{
  padding:var(--space-2);
  border-radius:var(--radius-control);
  background:var(--ui-surface);
  color:var(--ui-text);
  font-size:10px;
  font-weight:600;
  text-align:center;
}
.company-invitation-insight__flow i{
  color:var(--ui-highlight);
  font-size:14px;
  font-style:normal;
  font-weight:700;
}
.company-invitation-mentor{
  position:absolute;
  z-index:4;
  right:auto;
  bottom:-10%;
  left:50%;
  width:82%;
  height:92%;
  overflow:visible;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translateX(-50%);
}
.company-invitation-mentor img{
  position:absolute;
  bottom:0;
  left:50%;
  display:block;
  width:auto;
  max-width:none;
  height:100%;
  filter:drop-shadow(0 22px 24px rgba(45,42,79,.15));
  transform:translateX(-50%);
}
.company-invitation-person-card{
  position:absolute;
  z-index:6;
  bottom:16%;
  left:0;
  display:grid;
  min-width:180px;
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--ui-border-soft);
  border-radius:var(--radius-card);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
  gap:var(--space-1);
}
.company-invitation-person-card strong{font-size:15px;font-weight:700;line-height:1.15}
.company-invitation-person-card span{color:var(--ui-text-muted);font-size:11px;font-weight:500;line-height:1.25}
@media(min-width:901px){
  .company-invitation-window__visual{overflow:visible}
  .company-invitation-window__collage{transform:translateX(calc(-15% - 10px)) scale(.9);transform-origin:center bottom}
  .company-invitation-card--focus{top:40%;left:1%;display:block;width:27%;padding:var(--space-4);transform:rotate(2deg)}
  .company-invitation-card--focus>span{display:block;color:var(--ui-accent);font-size:10px;font-weight:600;line-height:1.2;text-transform:uppercase}
  .company-invitation-card--focus>strong{margin-top:var(--space-2);font-size:15px;line-height:1.2}
}
@media(max-width:1100px) and (min-width:901px){
  .company-invitation-window__body{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}
  .company-invitation-window__copy{padding:32px}
  .company-invitation-window h1{font-size:42px}
  .company-invitation-window__lead{font-size:16px}
  .company-invitation-window__footer{display:block}
  .company-invitation-window__footer>small{width:max-content;margin-top:10px}
  .company-invitation-card{padding:14px}
  .company-invitation-card--progress{width:34%}
  .company-invitation-card--tools{width:43%}
}

@media(max-width:900px){
  .company-invitation-window{min-height:0;border-radius:22px}
  .company-invitation-window__body{display:flex;min-height:0;padding:22px 20px 24px;flex-direction:column}
  .company-invitation-window__copy{display:contents}
  .company-invitation-window__kicker{order:1;margin:0;align-self:flex-start}
  .company-invitation-window h1{order:2;margin-top:16px;font-size:32px;line-height:1.06;letter-spacing:-.03em}
  .company-invitation-window__lead{order:3;margin-top:16px;font-size:15px;line-height:1.45}
  .company-invitation-window__visual{order:4;width:calc(100% + 8px);min-height:clamp(310px,47vw,430px);margin:14px -4px 0;overflow:visible}
  .company-invitation-window__visual::before{right:4%;bottom:-4%;left:8%;height:73%}
  .company-invitation-window__visual::after{right:3%;bottom:12%;width:76%;height:43%}
  .company-invitation-card{padding:11px;border-radius:var(--radius-card)}
  .company-invitation-card>strong{font-size:12px;line-height:1.18}
  .company-invitation-card--progress{top:8%;left:0;width:35%}
  .company-invitation-card--progress>p{margin-top:4px;font-size:9px}
  .company-invitation-progress{margin-top:9px}
  .company-invitation-progress i{width:8px;height:8px}
  .company-invitation-progress span{height:2px}
  .company-invitation-card--tools{top:4%;right:-2%;width:43%}
  .company-invitation-card--tools>p{font-size:9px;line-height:1.3}
  .company-invitation-insight{right:-2%;bottom:3%;width:38%;padding:var(--space-3)}
  .company-invitation-insight>span{font-size:8px}
  .company-invitation-insight>strong{margin-top:var(--space-1);font-size:12px}
  .company-invitation-insight__flow{margin-top:var(--space-2)}
  .company-invitation-insight__flow b{padding:var(--space-1);font-size:8px}
  .company-invitation-insight__flow i{font-size:11px}
  .company-invitation-mentor{right:auto;bottom:-10%;left:50%;width:86%;height:88%}
  .company-invitation-person-card{bottom:14%;left:0;min-width:0;padding:var(--space-2) var(--space-3)}
  .company-invitation-person-card strong{font-size:12px}
  .company-invitation-person-card span{font-size:9px}
  .company-invitation-window__footer{order:5;display:block;width:100%;margin-top:14px}
  .company-invitation-window__footer>.actions{width:100%}
  .company-invitation-window__footer .primary{width:100%;min-height:58px;padding:0 18px;font-size:16px}
  .company-invitation-window__footer>small{max-width:none;margin-top:10px;text-align:center;font-size:11px}
}

@media(max-width:600px){
  .company-invitation-window__body{gap:0}
  .company-invitation-window__lead{margin-top:var(--space-6)}
  .company-invitation-window__footer{order:4;width:100%;margin-top:var(--space-5)}
  .company-invitation-window__footer>.actions{width:100%}
  .company-invitation-window__footer .primary{width:100%;min-height:58px;padding:0 var(--space-3);font-size:14px}
  .company-invitation-window__footer>small{width:100%;margin-top:var(--space-2)}
  .company-invitation-window__visual{order:5;margin-top:var(--space-6);overflow:hidden}
  .company-invitation-mentor{bottom:-32%;width:110%;height:125%}
}

/* Screen 19: one white workspace frame, matching screen 17. */
#app>.director-screen.flow-screen>.director-frame{
  width:100%;
  padding:26px 32px 32px;
  overflow:hidden;
  border:1px solid rgba(36,40,65,.11);
  border-radius:23px;
  background:#fff;
  box-shadow:0 20px 62px rgba(39,45,70,.1);
}
#app>.director-screen.flow-screen>.flow-back{margin-bottom:12px}
.director-message>p{
  font-size:15px;
  font-weight:400;
  line-height:1.42;
}
@media(max-width:760px){
  #app>.director-screen.flow-screen>.director-frame{
    padding:18px 16px 20px;
    border-radius:20px;
  }
}

/* Screen 27: production layout aligned with the Skillbox Style Pack. */
body:has(#app>.route-fit-screen--complete){
  overflow-x:hidden;
  background:#fff;
  background-image:none;
}

body:has(#app>.route-fit-screen--complete) .app-shell{
  width:min(1216px,100%);
  padding-inline:24px;
}

body:has(#app>.route-fit-screen--complete) .topbar{
  border-bottom:0;
  background:#fff;
}

#app>.route-fit-screen--complete.screen--single{
  width:100%;
  max-width:1168px;
  margin:8px auto 72px;
  padding:0;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.route-fit-screen--complete>.question-back{
  margin:0 0 24px;
  padding:8px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#000;
  box-shadow:none;
  font-size:14px;
  font-weight:600;
}

.route-fit-screen--complete .route-fit-page{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.route-fit-screen--complete .route-fit-page>header,
.route-fit-screen--complete .route-fit-page>section,
.route-fit-screen--complete .route-fit-page>aside,
.route-fit-screen--complete .route-fit-page>footer{
  min-width:0;
  padding:72px;
  overflow:hidden;
  border:0;
  border-radius:26px;
  box-shadow:none;
}

.route-fit-screen--complete .route-fit-page>header,
.route-fit-screen--complete .route-fit-path,
.route-fit-screen--complete .course-proof-intro,
.route-fit-screen--complete .route-fit-matches,
.route-fit-screen--complete .tools-section,
.route-fit-screen--complete .learning-format,
.route-fit-screen--complete .partner-test,
.route-fit-screen--complete .portfolio-section,
.route-fit-screen--complete .alumni-section,
.route-fit-screen--complete .ai-section,
.route-fit-screen--complete .program-section,
.route-fit-screen--complete .experts-section,
.route-fit-screen--complete .price-section,
.route-fit-screen--complete .reviews-section,
.route-fit-screen--complete .faq-section,
.route-fit-screen--complete .route-consultation{
  grid-column:1/-1;
}

.route-fit-screen--complete h1,
.route-fit-screen--complete h2,
.route-fit-screen--complete h3{
  color:#000;
  font-weight:600;
  letter-spacing:-.03em;
}

.diagnostic-insight-modal__card:not(.salary-growth-modal) h2,
.program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card h3{
  font-size:24px;
  line-height:1.12;
}
.diagnostic-insight-modal__card:not(.salary-growth-modal)>.popup-copy,
.program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card>.popup-copy{
  font-size:16px;
  line-height:1.5;
}

.route-fit-screen--complete p,
.route-fit-screen--complete small,
.route-fit-screen--complete span,
.route-fit-screen--complete b,
.route-fit-screen--complete strong,
.route-fit-screen--complete summary{
  color:#000;
}

.route-fit-screen--complete .eyebrow{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin:0 0 24px;
  padding:8px 12px;
  border:0;
  border-radius:999px;
  background:#3d3bff;
  color:#fff!important;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
  align-self:start;
  justify-self:start;
}

.route-fit-screen--complete .route-fit-hero{
  background:#f5f5f5;
}

.route-fit-screen--complete .route-fit-hero h1{
  max-width:900px;
  margin:0;
  font-size:clamp(52px,5.5vw,72px);
  line-height:.96;
}

.route-fit-screen--complete .route-fit-hero>p:not(.eyebrow){
  max-width:760px;
  margin:24px 0 0;
  color:#000;
  font-size:18px;
  line-height:1.5;
}

.route-fit-screen--complete .route-fit-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:48px;
}

.route-fit-screen--complete .route-fit-summary span{
  display:grid;
  min-height:120px;
  padding:24px;
  align-content:space-between;
  border:0;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}

.route-fit-screen--complete .route-fit-summary small,
.route-fit-screen--complete .route-fit-summary b{
  color:#000;
  letter-spacing:0;
  text-transform:none;
}

.route-fit-screen--complete .route-fit-summary small{
  font-size:12px;
  font-weight:600;
}

.route-fit-screen--complete .route-fit-summary b{
  margin-top:16px;
  font-size:16px;
  line-height:1.3;
}

.route-fit-screen--complete .route-fit-path{
  background:#000;
}

.route-fit-screen--complete .route-fit-path>.eyebrow{
  background:#fff;
  color:#000!important;
}

.route-fit-screen--complete .route-fit-path h2{
  margin:0;
  color:#fff;
  font-size:clamp(40px,4.5vw,56px);
  line-height:1;
}

.route-fit-screen--complete .route-fit-path ol{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:none;
  margin:48px 0 0;
}

.route-fit-screen--complete .route-fit-path li{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0;
  min-height:332px;
  padding:24px!important;
  align-content:start;
  border-radius:18px;
  background:#202020;
}

.route-fit-screen--complete .route-fit-path li::before,
.route-fit-screen--complete .route-fit-path li:not(:last-child)::before{
  display:none!important;
}

.route-fit-screen--complete .route-fit-path li>i{
  display:grid;
  width:48px;
  height:48px;
  margin:0 0 48px;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#000;
  font-size:14px;
  font-style:normal;
  font-weight:700;
}

.route-fit-screen--complete .route-fit-path li>div{
  padding:0;
}

.route-fit-screen--complete .route-fit-path li span,
.route-fit-screen--complete .route-fit-path li h3,
.route-fit-screen--complete .route-fit-path li p,
.route-fit-screen--complete .route-fit-path li small{
  color:#fff;
  letter-spacing:0;
  text-transform:none;
}

.route-fit-screen--complete .route-fit-path li span{
  font-size:12px;
  font-weight:600;
}

.route-fit-screen--complete .route-fit-path li h3{
  margin:12px 0;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.route-fit-screen--complete .route-fit-path li p{
  margin:0;
  font-size:14px;
  line-height:1.5;
}

.route-fit-screen--complete .route-fit-path li small{
  display:block;
  margin:16px 0 0;
  padding:0;
  border-radius:0;
  background:transparent;
  font-size:12px;
  line-height:1.45;
}

.route-fit-screen--complete .route-fit-path__action{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:32px;
}

.route-fit-screen--complete .route-fit-path__badge{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 12px;
  border-radius:var(--radius-pill);
  background:var(--ui-surface);
  color:var(--ui-text)!important;
  font-size:13px;
  font-weight:600;
}

.route-fit-screen--complete .course-proof-intro{
  background:#3d3bff;
}

.route-fit-screen--complete .course-proof-intro .eyebrow{
  background:#fff;
  color:#000!important;
}

.route-fit-screen--complete .course-proof-intro h2,
.route-fit-screen--complete .course-proof-intro>p:last-child{
  color:#fff;
}

.route-fit-screen--complete .course-proof-intro h2,
.route-fit-screen--complete .course-proof-section>h2,
.route-fit-screen--complete .course-proof-section>div>h2{
  max-width:900px;
  margin:0;
  font-size:clamp(38px,4.2vw,54px);
  line-height:1;
}

.route-fit-screen--complete .course-proof-intro>p:last-child{
  max-width:760px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.55;
}

.route-fit-screen--complete .course-proof-section{
  background:#fff;
}

.route-fit-screen--complete .route-fit-matches,
.route-fit-screen--complete .learning-format,
.route-fit-screen--complete .support-section,
.route-fit-screen--complete .career-section,
.route-fit-screen--complete .tools-section,
.route-fit-screen--complete .program-section,
.route-fit-screen--complete .price-section,
.route-fit-screen--complete .faq-section{
  background:#f5f5f5;
}

.route-fit-screen--complete .route-fit-matches>div,
.route-fit-screen--complete .learning-format>div,
.route-fit-screen--complete .support-section>div,
.route-fit-screen--complete .career-section>div,
.route-fit-screen--complete .ai-section>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:48px;
  border:0;
}

.route-fit-screen--complete .route-fit-matches article,
.route-fit-screen--complete .learning-format>div article,
.route-fit-screen--complete .support-section>div article,
.route-fit-screen--complete .career-section>div article,
.route-fit-screen--complete .ai-section>div article{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  min-height:150px;
  padding:24px!important;
  align-content:start;
  border:0!important;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}

.route-fit-screen--complete .route-fit-matches article>i,
.route-fit-screen--complete .learning-format article>i,
.route-fit-screen--complete .support-section article>i,
.route-fit-screen--complete .career-section article>i,
.route-fit-screen--complete .ai-section article>i{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:50%;
  background:#3d3bff;
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:700;
}

.route-fit-screen--complete .route-fit-matches article h3,
.route-fit-screen--complete .learning-format article h3,
.route-fit-screen--complete .support-section article h3,
.route-fit-screen--complete .career-section article h3,
.route-fit-screen--complete .ai-section article h3{
  margin:0 0 8px;
  font-size:19px;
  line-height:1.2;
}

.route-fit-screen--complete .route-fit-matches article p,
.route-fit-screen--complete .learning-format article p,
.route-fit-screen--complete .support-section article p,
.route-fit-screen--complete .career-section article p,
.route-fit-screen--complete .ai-section article p{
  margin:0;
  color:#000;
  font-size:14px;
  line-height:1.5;
}

.route-fit-screen--complete .learning-format>aside{
  max-width:none;
  margin:32px 0 0;
  padding:24px;
  border:0;
  border-radius:18px;
  background:#3d3bff;
  color:#fff;
  font-size:16px;
  line-height:1.5;
}

.route-fit-screen--complete .tools-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:48px;
}

.route-fit-screen--complete .tools-groups>section{
  min-width:0;
  padding:24px;
  border-radius:18px;
  background:#fff;
}

.route-fit-screen--complete .tools-groups>section>h3{
  margin:0 0 16px;
  font-size:18px;
}

.route-fit-screen--complete .tools-groups>section>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.route-fit-screen--complete .tools-groups article{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  min-height:72px;
  padding:12px;
  align-items:center;
  border:0;
  border-radius:12px;
  background:#f5f5f5;
  box-shadow:none;
}

.route-fit-screen--complete .tools-groups article>i{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:0;
  border-radius:12px;
  background:#fff;
  color:#000;
  box-shadow:none;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}

.route-fit-screen--complete .tools-groups article>span{
  color:#000;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}

.route-fit-screen--complete .tools-groups article>small{
  grid-column:2;
  color:#000;
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}

.route-fit-screen--complete .tools-groups article.is-highlighted{
  border:0;
  background:#3d3bff;
  box-shadow:none;
}

.route-fit-screen--complete .tools-groups article.is-highlighted>i{
  background:#fff;
  color:#000;
}

.route-fit-screen--complete .tools-groups article.is-highlighted>span,
.route-fit-screen--complete .tools-groups article.is-highlighted>small{
  color:#fff;
}

.route-fit-screen--complete .partner-test,
.route-fit-screen--complete .ai-section,
.route-fit-screen--complete .route-consultation{
  background:#000;
  color:#fff;
}

.route-fit-screen--complete .partner-test h2,
.route-fit-screen--complete .partner-test p,
.route-fit-screen--complete .partner-test small,
.route-fit-screen--complete .partner-test b,
.route-fit-screen--complete .ai-section h2,
.route-fit-screen--complete .ai-section>p,
.route-fit-screen--complete .ai-section>small,
.route-fit-screen--complete .route-consultation h2,
.route-fit-screen--complete .route-consultation p,
.route-fit-screen--complete .route-consultation small{
  color:#fff;
}

.route-fit-screen--complete .partner-test .eyebrow,
.route-fit-screen--complete .ai-section .eyebrow,
.route-fit-screen--complete .route-consultation .eyebrow{
  background:#fff;
  color:#000!important;
}

.route-fit-screen--complete .partner-test__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:48px;
  margin-top:32px;
  align-items:start;
}

.route-fit-screen--complete .partner-test__logos{
  gap:8px;
}

.route-fit-screen--complete .partner-test__logos b,
.route-fit-screen--complete .partner-test__grid aside{
  border:0;
  background:#202020;
}

.route-fit-screen--complete .partner-test__grid aside{
  padding:24px;
  border-radius:18px;
}

.route-fit-screen--complete .ai-section>p:not(.eyebrow){
  max-width:760px;
  margin:24px 0 0;
  color:#fff;
  font-size:17px;
  line-height:1.55;
}

.route-fit-screen--complete .ai-section>div article{
  background:#202020;
}

.route-fit-screen--complete .ai-section article h3,
.route-fit-screen--complete .ai-section article p{
  color:#fff;
}

.route-fit-screen--complete .ai-section>small{
  display:block;
  margin-top:24px;
  font-size:12px;
  line-height:1.5;
}

.route-fit-screen--complete .product-carousel{
  display:grid!important;
  grid-auto-flow:row;
  grid-auto-columns:auto;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px!important;
  margin-top:48px;
  overflow:visible;
  scroll-snap-type:none;
}

.route-fit-screen--complete .portfolio-section .product-carousel,
.route-fit-screen--complete .alumni-section .product-carousel{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.route-fit-screen--complete .product-carousel>article{
  min-width:0;
  min-height:240px;
  padding:24px!important;
  border:0!important;
  border-radius:18px;
  background:#f5f5f5;
  box-shadow:none;
}

.route-fit-screen--complete .product-carousel article>span,
.route-fit-screen--complete .product-carousel article>small{
  color:#000;
  letter-spacing:0;
  text-transform:none;
}

.route-fit-screen--complete .product-carousel article>span{
  font-size:12px;
  font-weight:600;
}

.route-fit-screen--complete .product-carousel article>h3{
  margin:48px 0 12px;
  font-size:22px;
  line-height:1.12;
}

.route-fit-screen--complete .product-carousel article>p{
  margin:0;
  color:#000;
  font-size:14px;
  line-height:1.5;
}

.route-fit-screen--complete .experts-section .product-carousel article>i{
  display:grid;
  width:56px;
  height:56px;
  place-items:center;
  border-radius:50%;
  background:#3d3bff;
  color:#fff;
  font-style:normal;
  font-weight:700;
}

.route-fit-screen--complete .program-section>div,
.route-fit-screen--complete .faq-section>div{
  display:grid;
  gap:8px;
  margin-top:48px;
  border:0;
}

.route-fit-screen--complete .program-section details,
.route-fit-screen--complete .faq-section details{
  border:0;
  border-radius:12px;
  background:#fff;
}

.route-fit-screen--complete .program-section summary,
.route-fit-screen--complete .faq-section summary{
  min-height:72px;
  padding:20px 24px;
}

.route-fit-screen--complete .program-section summary>span{
  color:#000;
  font-size:12px;
  font-weight:600;
}

.route-fit-screen--complete .program-section summary>b,
.route-fit-screen--complete .faq-section summary>b{
  font-size:17px;
  line-height:1.3;
}

.route-fit-screen--complete .program-section summary>i,
.route-fit-screen--complete .faq-section summary>i{
  background:#000;
  color:#fff;
}

.route-fit-screen--complete .program-section details>p,
.route-fit-screen--complete .faq-section details>p{
  max-width:780px;
  padding:0 72px 24px 60px;
  color:#000;
  font-size:14px;
  line-height:1.55;
}

.route-fit-screen--complete .faq-section details>p{
  padding-left:24px;
}

.route-fit-screen--complete .trust-section,
.route-fit-screen--complete .business-studio-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  background:#f5f5f5;
}

.route-fit-screen--complete .trust-section p,
.route-fit-screen--complete .trust-section small,
.route-fit-screen--complete .business-studio-section p{
  color:#000;
}

.route-fit-screen--complete .trust-section>i,
.route-fit-screen--complete .business-studio-section>i{
  display:grid;
  width:88px;
  height:88px;
  place-items:center;
  border-radius:18px;
  background:#000;
  color:#fff;
  font-style:normal;
  font-weight:700;
}

.route-fit-screen--complete .business-studio-section,
.route-fit-screen--complete .business-studio-section.is-personal{
  background:#3d3bff;
  box-shadow:none;
}

.route-fit-screen--complete .business-studio-section h2,
.route-fit-screen--complete .business-studio-section p,
.route-fit-screen--complete .business-studio-section .eyebrow{
  color:#fff;
}

.route-fit-screen--complete .business-studio-section .eyebrow{
  background:#000;
  color:#fff!important;
}

.route-fit-screen--complete .business-studio-section>i{
  background:#fff;
  color:#000;
}

.route-fit-screen--complete .price-section__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:12px;
  margin-top:48px;
}

.route-fit-screen--complete .price-section__grid article,
.route-fit-screen--complete .price-section__grid>div{
  padding:32px;
  border-radius:18px;
  background:#fff;
}

.route-fit-screen--complete .price-section__grid article>span{
  color:#000;
  text-transform:none;
}

.route-fit-screen--complete .price-section__grid article>strong{
  font-size:28px;
}

.route-fit-screen--complete .price-section__grid article>p,
.route-fit-screen--complete .price-section__grid>div p{
  color:#000;
  font-size:14px;
}

.route-fit-screen--complete .price-section__grid a,
.route-fit-screen--complete .reviews-section>a{
  color:#000;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:4px;
}

.route-fit-screen--complete .route-consultation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:end;
}

.route-fit-screen--complete .route-consultation h2{
  max-width:760px;
  font-size:clamp(40px,4.5vw,56px);
  line-height:1;
}

.route-fit-screen--complete .route-consultation .primary,
.route-fit-screen--complete .route-fit-path__action .primary{
  flex:0 1 auto;
  width:auto;
  min-width:260px;
  min-height:56px;
  padding:0 24px;
  border:0;
  border-radius:18px;
  background:#3d3bff;
  color:#fff;
  box-shadow:none;
}

.route-fit-screen--complete .route-consultation .primary:hover,
.route-fit-screen--complete .route-fit-path__action .primary:hover{
  background:#302ee6;
  box-shadow:none;
}

@media(max-width:1023px){
  body:has(#app>.route-fit-screen--complete) .app-shell{padding-inline:20px}

  .route-fit-screen--complete .route-fit-page{
    grid-template-columns:1fr;
    gap:20px;
  }

  .route-fit-screen--complete .route-fit-page>header,
  .route-fit-screen--complete .route-fit-page>section,
  .route-fit-screen--complete .route-fit-page>aside,
  .route-fit-screen--complete .route-fit-page>footer{
    grid-column:1;
    padding:48px;
  }

  .route-fit-screen--complete .route-fit-hero h1{font-size:clamp(48px,7vw,60px)}

  .route-fit-screen--complete .route-fit-path ol{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .route-fit-screen--complete .route-fit-path li{min-height:300px}

  .route-fit-screen--complete .portfolio-section .product-carousel,
  .route-fit-screen--complete .alumni-section .product-carousel,
  .route-fit-screen--complete .experts-section .product-carousel,
  .route-fit-screen--complete .reviews-section .product-carousel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .route-fit-screen--complete .support-section,
  .route-fit-screen--complete .career-section,
  .route-fit-screen--complete .trust-section,
  .route-fit-screen--complete .business-studio-section{
    grid-column:1;
  }
}

@media(max-width:640px){
  body:has(#app>.route-fit-screen--complete) .app-shell{padding-inline:16px}

  #app>.route-fit-screen--complete.screen--single{
    margin:0 auto 40px;
  }

  .route-fit-screen--complete>.question-back{
    margin-bottom:16px;
  }

  .route-fit-screen--complete .route-fit-page{
    gap:12px;
  }

  .route-fit-screen--complete .route-fit-page>header,
  .route-fit-screen--complete .route-fit-page>section,
  .route-fit-screen--complete .route-fit-page>aside,
  .route-fit-screen--complete .route-fit-page>footer{
    padding:40px 20px;
    border-radius:18px;
  }

  .route-fit-screen--complete .eyebrow{
    margin-bottom:20px;
    font-size:12px;
  }

  .route-fit-screen--complete .route-fit-hero h1{
    font-size:40px;
    line-height:.98;
  }

  .route-fit-screen--complete .route-fit-hero>p:not(.eyebrow){
    margin-top:20px;
    font-size:16px;
  }

  .route-fit-screen--complete .route-fit-summary{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:32px;
  }

  .route-fit-screen--complete .route-fit-summary span{
    min-height:96px;
    padding:20px;
  }

  .route-fit-screen--complete .route-fit-path h2,
  .route-fit-screen--complete .course-proof-intro h2,
  .route-fit-screen--complete .course-proof-section>h2,
  .route-fit-screen--complete .course-proof-section>div>h2,
  .route-fit-screen--complete .route-consultation h2{
    font-size:34px;
    line-height:1.02;
  }

  .route-fit-screen--complete .route-fit-path ol{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:32px;
  }

  .route-fit-screen--complete .route-fit-path li{
    min-height:0;
    padding:20px!important;
  }

  .route-fit-screen--complete .route-fit-path li>i{
    width:44px;
    height:44px;
    margin-bottom:32px;
  }

  .route-fit-screen--complete .course-proof-intro>p:last-child,
  .route-fit-screen--complete .ai-section>p:not(.eyebrow){
    margin-top:20px;
    font-size:16px;
  }

  .route-fit-screen--complete .route-fit-matches>div,
  .route-fit-screen--complete .learning-format>div,
  .route-fit-screen--complete .support-section>div,
  .route-fit-screen--complete .career-section>div,
  .route-fit-screen--complete .ai-section>div{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:32px;
  }

  .route-fit-screen--complete .route-fit-matches article,
  .route-fit-screen--complete .learning-format>div article,
  .route-fit-screen--complete .support-section>div article,
  .route-fit-screen--complete .career-section>div article,
  .route-fit-screen--complete .ai-section>div article{
    min-height:0;
    padding:20px!important;
  }

  .route-fit-screen--complete .learning-format>aside{
    margin-top:24px;
    padding:20px;
  }

  .route-fit-screen--complete .tools-groups{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:32px;
  }

  .route-fit-screen--complete .tools-groups>section{
    padding:20px;
  }

  .route-fit-screen--complete .tools-groups>section>div{
    grid-template-columns:1fr;
  }

  .route-fit-screen--complete .partner-test__grid,
  .route-fit-screen--complete .price-section__grid,
  .route-fit-screen--complete .route-consultation{
    grid-template-columns:1fr;
    gap:24px;
  }

  .route-fit-screen--complete .product-carousel,
  .route-fit-screen--complete .portfolio-section .product-carousel,
  .route-fit-screen--complete .alumni-section .product-carousel,
  .route-fit-screen--complete .experts-section .product-carousel,
  .route-fit-screen--complete .reviews-section .product-carousel{
    grid-auto-flow:column;
    grid-auto-columns:82%;
    grid-template-columns:none;
    gap:8px!important;
    margin-top:32px;
    padding-bottom:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }

  .route-fit-screen--complete .product-carousel>article{
    min-height:220px;
    padding:20px!important;
    scroll-snap-align:start;
  }

  .route-fit-screen--complete .product-carousel article>h3{
    margin-top:32px;
  }

  .route-fit-screen--complete .program-section>div,
  .route-fit-screen--complete .faq-section>div{
    margin-top:32px;
  }

  .route-fit-screen--complete .program-section summary,
  .route-fit-screen--complete .faq-section summary{
    min-height:64px;
    padding:16px;
  }

  .route-fit-screen--complete .program-section details>p,
  .route-fit-screen--complete .faq-section details>p{
    padding:0 16px 20px;
  }

  .route-fit-screen--complete .trust-section,
  .route-fit-screen--complete .business-studio-section{
    grid-template-columns:1fr;
    align-items:start;
  }

  .route-fit-screen--complete .trust-section>i,
  .route-fit-screen--complete .business-studio-section>i{
    grid-row:1;
    width:72px;
    height:72px;
  }

  .route-fit-screen--complete .price-section__grid article,
  .route-fit-screen--complete .price-section__grid>div{
    padding:24px;
  }

  .route-fit-screen--complete .route-consultation .primary,
  .route-fit-screen--complete .route-fit-path__action .primary{
    width:100%;
    min-width:0;
  }

  .route-fit-screen--complete .route-fit-path__action{
    align-items:stretch;
    flex-direction:column;
  }

  .route-fit-screen--complete .route-fit-path__badge{
    align-self:flex-start;
  }
}

/* Screen 21: result page additions from the approved layout and consultation brief. */
.fit-result-page>.fit-workday,
.fit-result-page>.fit-job-skills,
.fit-result-page>.result-consultation{
  padding:32px 34px;
  background:#fff;
}

.fit-result-page>.fit-job-skills,
.fit-result-page>.fit-strengths,
.fit-result-page>.result-consultation,
.fit-result-page>.fit-result-next{
  grid-column:1/-1;
}

.fit-result-page>.fit-workday{
  background:#fff;
}

.fit-workday>.eyebrow,
.fit-job-skills>.eyebrow{
  color:#4a43ff!important;
}

.fit-workday h2,
.fit-job-skills h2,
.result-consultation h2{
  margin:0;
  color:#171922;
  font-size:clamp(27px,3.2vw,34px);
  line-height:1.05;
  letter-spacing:-.035em;
}

.fit-workday ol{
  display:grid;
  gap:0;
  margin:24px 0 0;
  padding:0;
  list-style:none;
}

.fit-workday li{
  display:grid;
  min-height:67px;
  grid-template-columns:52px 24px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.fit-workday time{
  padding-top:5px;
  color:#4a43ff;
  font-size:12px;
  font-weight:700;
}

.fit-workday li>i{
  position:relative;
  display:block;
  width:22px;
  height:22px;
  border:5px solid #e7e6ff;
  border-radius:50%;
  background:#4a43ff;
}

.fit-workday li:not(:last-child)>i::after{
  position:absolute;
  top:17px;
  left:50%;
  width:2px;
  height:50px;
  background:#dedcff;
  content:"";
  transform:translateX(-50%);
}

.fit-workday li b{
  display:block;
  color:#171922;
  font-size:14px;
}

.fit-workday li p{
  margin:5px 0 0;
  color:#6a6d77;
  font-size:11px;
  line-height:1.45;
}

.fit-workday>small{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:9px;
  padding:11px 13px;
  border-radius:11px;
  background:#eeecff;
  color:#4a43ff;
  font-size:11px;
  font-weight:600;
}

.fit-workday>small i{
  display:grid;
  width:22px;
  height:22px;
  flex:0 0 22px;
  place-items:center;
  border-radius:7px;
  background:#4a43ff;
  color:#fff;
  font-style:normal;
}

.fit-job-skills>p:not(.eyebrow){
  margin:10px 0 0;
  color:#666a75;
  font-size:13px;
}

.fit-job-skills>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}

.fit-job-skills article{
  position:relative;
  min-height:164px;
  padding:18px;
  border-radius:18px;
  background:#eeecff;
}

.fit-job-skills article.is-shown{background:#edf8f2}

.fit-job-skills article>small{
  display:block;
  color:#4a43ff;
  font-size:10px;
  font-weight:700;
}

.fit-job-skills article.is-shown>small{color:#19724f}

.fit-job-skills article>i{
  display:grid;
  width:38px;
  height:38px;
  margin:17px 0 13px;
  place-items:center;
  border-radius:11px;
  color:#4a43ff;
  font-size:13px;
  font-style:normal;
  font-weight:700;
}

.fit-job-skills article.is-shown>i{color:#19724f}
.fit-job-skills h3{margin:0;color:#171922;font-size:15px;line-height:1.2}
.fit-job-skills article p{margin:7px 0 0;color:#686b74;font-size:11px;line-height:1.45}

.result-consultation{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
  gap:34px;
  align-items:center;
  background:linear-gradient(135deg,#eef4ff 0%,#f0edff 100%)!important;
}

.result-consultation--bottom{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  background:linear-gradient(135deg,#f3f1ff 0%,#e8f6ff 100%)!important;
}

.result-consultation__copy>.eyebrow{
  color:#4a43ff!important;
}

.result-consultation__copy>p:not(.eyebrow){
  max-width:570px;
  margin:14px 0 0;
  color:#565a65;
  font-size:14px;
  line-height:1.55;
}

.result-consultation__copy ul{
  display:grid;
  gap:11px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
}

.result-consultation__copy li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#252731;
  font-size:13px;
}

.result-consultation__copy li>i{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border-radius:50%;
  background:#1e8b62;
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}

.result-consultation__copy li b{display:block;font-size:13px;line-height:1.35}
.result-consultation__copy li small{display:block;margin-top:3px;color:#70737c;font-size:11px;line-height:1.4}

.result-consultation__trust{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
}

.result-consultation__trust>span{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:50%;
  background:#171922;
  color:#fff;
  font-weight:700;
}

.result-consultation__trust b,.result-consultation__trust small{display:block}
.result-consultation__trust b{font-size:12px}
.result-consultation__trust small{margin-top:3px;color:#6a6d76;font-size:10px}

.result-consultation__form{
  display:grid;
  gap:12px;
  padding:22px;
  border:1px solid #e0e2ea;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 38px rgba(52,56,83,.08);
}

.result-consultation__fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.result-consultation__email{grid-column:1/-1}
.result-consultation__form .field{display:grid;gap:6px}
.result-consultation__form .field label{color:#30323b;font-size:11px;font-weight:600}

.result-consultation__form .field input{
  min-width:0;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #d9dbe3;
  border-radius:10px;
  background:#fff;
  color:#171922;
  font:inherit;
  font-size:14px;
  outline:none;
}

.result-consultation__form .field input:focus{border-color:#4a43ff;box-shadow:0 0 0 3px rgba(74,67,255,.11)}
.result-consultation__form .field input[aria-invalid="true"]{border-color:#c83232;box-shadow:0 0 0 2px rgba(200,50,50,.1)}
.result-consultation__form .error{min-height:0;color:#b42318;font-size:10px}
.result-consultation__form .error:empty{display:none}

.result-consultation__form>.primary{
  width:100%;
  min-height:50px;
  margin:0;
  border:0;
  border-radius:12px;
  background:#4a43ff;
  color:#fff!important;
  box-shadow:none;
}

.result-consultation__form>.primary:hover{background:#3730e8;box-shadow:none}
.result-consultation__form.is-success>.primary{background:#19724f}
.result-consultation__form .skb-consent__item{gap:7px;margin:0;color:#555862;font-size:10px;line-height:1.35}
.result-consultation__form .skb-consent__box{width:17px;height:17px;flex-basis:17px}
.result-consultation__form .skb-consent__note{margin:0;color:#777a83;font-size:9px;line-height:1.4}
.result-consultation__form .skb-consent a{color:#4a43ff}
.result-consultation__status{min-height:14px;margin:0;color:#19724f;font-size:11px;line-height:1.35}

@media(max-width:900px){
  .fit-result-page>.fit-workday,
  .fit-result-page>.fit-job-skills,
  .fit-result-page>.result-consultation{padding:26px 22px}
  .fit-result-page>.fit-workday{grid-column:1}
  .fit-job-skills>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-consultation,.result-consultation--bottom{grid-template-columns:1fr}
}

@media(max-width:600px){
  .fit-job-skills>div{grid-template-columns:1fr;gap:8px}
  .fit-job-skills article{min-height:0}
  .fit-workday li{grid-template-columns:48px 24px minmax(0,1fr)}
  .result-consultation__fields{grid-template-columns:1fr}
  .result-consultation__email{grid-column:1}
  .result-consultation__form{padding:17px}
  .result-consultation__form .skb-consent__item{gap:10px;margin-block:12px;font-size:13px}
  .result-consultation__form .skb-consent__box{width:24px;height:24px;flex-basis:24px}
  .result-consultation__form .skb-consent__note{font-size:12px}
}

/* Screen 18: formulate an AI request and generate SQL. */
#app>.ai-sql-screen.flow-screen{width:min(1180px,100%)}
.ai-sql-builder__body{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--ui-bg)}
.ai-sql-mobile-step{display:none}
.ai-sql-choice-grid{display:grid;grid-template-columns:.9fr .9fr 1.45fr;gap:var(--space-3)}
.ai-sql-choice-group{display:grid;align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-surface);box-shadow:var(--shadow-card)}
.ai-sql-choice-group>header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:center}
.ai-sql-choice-group>header>span{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-weight:600}
.ai-sql-choice-group>header small{display:block;color:var(--ui-accent);font-size:11px;font-weight:600;line-height:1.3;text-transform:uppercase}
.ai-sql-choice-group h3{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:16px;font-weight:600;line-height:1.25}
.ai-sql-options{display:grid;gap:var(--space-2)}
.ai-sql-option{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:var(--space-2);align-items:center;width:100%;min-height:56px;padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font:400 14px/1.4 Graphik,Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.ai-sql-option i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--ui-border-soft);color:var(--ui-accent);font-style:normal;font-weight:700}
.ai-sql-option:not(:disabled):hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.ai-sql-option.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.ai-sql-option.is-selected i{background:var(--ui-accent);color:var(--ui-surface)}
.ai-sql-option:focus-visible,.ai-sql-review button:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.ai-sql-option:disabled{cursor:default}
.ai-sql-review{padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.ai-sql-review>small{display:block;color:var(--ui-accent);font-size:11px;font-weight:600;line-height:1.3;text-transform:uppercase}
.ai-sql-review>p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}
.ai-sql-review button{min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--ui-accent);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font:600 14px/1.3 Graphik,Arial,sans-serif;text-align:left;cursor:pointer}
.ai-sql-review button:not(:disabled):hover{background:var(--ui-accent-soft)}
.ai-sql-review button:disabled{cursor:default}
.ai-sql-generate span{margin-left:var(--space-1)}
.ai-sql-generation{position:relative;display:grid;gap:var(--space-4);overflow:hidden;outline:0}
.ai-sql-generation::before{position:absolute;z-index:3;top:-40%;right:0;left:0;height:32%;background:linear-gradient(180deg,transparent,var(--ui-accent-focus),transparent);content:"";pointer-events:none;animation:ai-sql-scan 1.4s ease .1s both}
.ai-sql-feedback{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:start;margin:0;padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-success-bg);color:var(--ui-text);opacity:0;animation:ai-result-in .4s ease 1s both}
.ai-sql-feedback.is-gentle{background:var(--ui-warning-bg)}
.ai-sql-feedback>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--ui-success);color:var(--ui-surface);font-weight:700}
.ai-sql-feedback.is-gentle>span{background:var(--ui-warning)}
.ai-sql-feedback h2{margin:0;font-size:18px;font-weight:600;line-height:1.2}.ai-sql-feedback p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:13px;font-weight:400;line-height:1.45}
.ai-sql-output{margin:0;overflow:hidden;border:1px solid var(--ui-text-muted);border-radius:var(--radius-card);background:var(--ui-text);color:var(--ui-surface);opacity:0;animation:ai-sql-output-in .5s cubic-bezier(.2,.8,.2,1) .12s both}
.ai-sql-output>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.ai-sql-output>header span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.ai-sql-output>header i{color:#aaa6ff;font-style:normal}.ai-sql-output>header small{color:#aeb1bc;font-size:10px}
.ai-sql-output pre{margin:0;padding:19px 20px;overflow:hidden;background:#20232c;color:#e8e9ed;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-sql-code-line{display:block;opacity:0;animation:ai-sql-code-line .35s ease both}
.ai-sql-code-line:nth-child(1){animation-delay:.3s}.ai-sql-code-line:nth-child(2){animation-delay:.4s}.ai-sql-code-line:nth-child(3){animation-delay:.5s}.ai-sql-code-line:nth-child(4){animation-delay:.6s}.ai-sql-code-line:nth-child(5){animation-delay:.7s}.ai-sql-code-line:nth-child(6){animation-delay:.8s}
.ai-sql-output mark{padding:2px 4px;border-radius:4px;color:inherit}
.ai-map-entity{background:#39365b!important}.ai-map-period{background:#263f49!important}.ai-map-condition{background:#4a3c2e!important}
.ai-sql-translation{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--ui-surface);color:var(--ui-text)}
.ai-sql-translation>span{margin:0;color:var(--ui-text-muted);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.05em;text-transform:uppercase}
.ai-sql-translation p{display:grid;grid-template-columns:24px minmax(0,1fr) 24px minmax(180px,.72fr);gap:var(--space-2);align-items:center;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-bg);color:var(--ui-text);font-size:14px;font-weight:400;line-height:1.45}
.ai-sql-translation p{opacity:0;animation:ai-result-in .35s ease both}.ai-sql-translation p:nth-of-type(1){animation-delay:.82s}.ai-sql-translation p:nth-of-type(2){animation-delay:.9s}.ai-sql-translation p:nth-of-type(3){animation-delay:.98s}
.ai-sql-translation p i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--ui-success-bg);color:var(--ui-success);font-style:normal;font-weight:700}.ai-sql-translation p b{color:var(--ui-text-soft)}.ai-sql-translation code{justify-self:start;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.ai-sql-translation p.ai-map-entity,.ai-sql-translation p.ai-map-period,.ai-sql-translation p.ai-map-condition{background:var(--ui-bg)!important;color:var(--ui-text)}
.ai-sql-translation p.ai-map-entity i,.ai-sql-translation p.ai-map-period i,.ai-sql-translation p.ai-map-condition i{color:var(--ui-success)}
.ai-sql-translation p.ai-map-entity b,.ai-sql-translation p.ai-map-period b,.ai-sql-translation p.ai-map-condition b{color:var(--ui-text-soft)}
.ai-sql-learning{margin-top:var(--space-5);padding:var(--space-5);border:0;background:transparent;animation:ai-result-in .45s ease 1.1s both}
.ai-sql-learning__header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:center}
.ai-sql-learning__header>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--ui-success-bg);color:var(--ui-success);font-weight:700}
.ai-sql-learning__header h2{margin:0;font-size:24px;font-weight:700;line-height:1.12}
.ai-sql-learning__steps{display:grid;margin-top:var(--space-4);border-top:1px solid var(--ui-border-soft)}
.ai-sql-learning__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-soft)}
.ai-sql-learning__step>i{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-style:normal;font-weight:600}
.ai-sql-learning__step .popup-copy{margin:0}
.ai-sql-takeaway{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--ui-border-soft);border-radius:var(--radius-card);background:var(--ui-accent-soft);color:var(--ui-text)}
.ai-sql-takeaway>span{color:var(--ui-accent);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.ai-sql-takeaway>div{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.ai-sql-takeaway>div b{padding:var(--space-2) var(--space-3);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font-size:13px;font-weight:600;line-height:1.4}.ai-sql-takeaway>div i{color:var(--ui-accent);font-style:normal}
.ai-sql-takeaway>p{margin:var(--space-3) 0 0;color:var(--ui-text);font-size:13px;font-weight:400;line-height:1.45}.ai-sql-takeaway>small{display:block;margin-top:var(--space-1);color:var(--ui-text-muted);font-size:12px;font-weight:400;line-height:1.4}
.ai-sql-artifact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--ui-success-bg);color:var(--ui-success)}.ai-sql-artifact span{font-size:11px;line-height:1.3}.ai-sql-artifact b{font-size:13px;font-weight:600;line-height:1.4}
.ai-sql-open-loop{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.ai-sql-open-loop .mentor-hint__avatar{width:40px;overflow:hidden;border:0}
.ai-sql-open-loop .mentor-hint__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ai-sql-open-loop b{font-size:13px;font-weight:600;line-height:1.4}.ai-sql-open-loop p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:14px;font-weight:400;line-height:1.45}.ai-sql-learning>.primary{width:100%;margin-top:var(--space-4)}
@keyframes ai-result-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ai-sql-output-in{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ai-sql-code-line{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes ai-sql-scan{0%{opacity:0;transform:translateY(0)}25%{opacity:1}100%{opacity:0;transform:translateY(520%)}}

@media(max-width:700px){
  .ai-sql-builder__body{padding:var(--space-4)}
  .ai-sql-mobile-step{display:grid;gap:var(--space-1)}
  .ai-sql-mobile-step b{color:var(--ui-accent);font-size:13px;font-weight:600;line-height:1.4}
  .ai-sql-mobile-step span{color:var(--ui-text-muted);font-size:14px;line-height:1.45}
  .ai-sql-choice-grid{display:block}
  .ai-sql-choice-group{display:none;min-height:calc(var(--space-8) * 8)}
  .ai-sql-choice-group.is-active{display:grid}
  .ai-sql-builder.is-ready:not(.is-editing) .ai-sql-choice-grid{display:none}
  .ai-sql-builder.is-editing .ai-sql-review{display:none}
  .ai-sql-builder:not(.is-ready)>.task-actions{display:none}
  .ai-sql-review>p{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .ai-sql-review button{width:100%}
  .ai-sql-feedback,.ai-sql-output{margin:0}.ai-sql-output>header{display:grid;gap:4px}
  .ai-sql-output pre{padding:var(--space-4);font-size:11px}.ai-sql-translation p{grid-template-columns:24px minmax(0,1fr);font-size:13px}.ai-sql-translation p b,.ai-sql-translation p code{grid-column:2}.ai-sql-translation p b{display:none}
  .ai-sql-learning{padding:var(--space-4)}.ai-sql-learning__header h2{font-size:22px}.ai-sql-learning__step{padding:var(--space-3) 0}.ai-sql-takeaway>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.ai-sql-takeaway>div i{transform:rotate(90deg);text-align:center}.ai-sql-artifact{display:grid}
}

@media(prefers-reduced-motion:reduce){
  .ai-sql-generation::before{display:none}
  .ai-sql-output,.ai-sql-code-line,.ai-sql-translation p,.ai-sql-feedback,.ai-sql-learning{opacity:1;animation:none;transform:none}
}

/* Screen 19: build a recommendation for the director. */
#app>.director-builder-screen.flow-screen{width:min(1180px,100%)}
.recommendation-builder__body{padding:var(--space-5);background:var(--ui-bg)}
.recommendation-guide{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.recommendation-guide>span{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-accent);font-size:20px;font-weight:700}
.recommendation-guide p{margin:0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}.recommendation-guide b{color:var(--ui-text);font-weight:600}
.recommendation-parts{display:grid;gap:var(--space-3)}
.recommendation-part{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-surface);box-shadow:var(--shadow-card)}
.recommendation-part.is-open{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-focus)}
.recommendation-part__trigger{appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-4);border:0;background:var(--ui-surface);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer}
.recommendation-part__trigger:not(:disabled):hover{background:var(--ui-accent-soft)}
.recommendation-part__trigger:disabled{opacity:1;cursor:default}.recommendation-part__trigger:focus-visible,.recommendation-choice:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:-3px}
.recommendation-part__trigger>i{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:14px;font-style:normal;font-weight:700}
.recommendation-part.is-filled .recommendation-part__trigger>i{background:var(--ui-success-bg);color:var(--ui-success)}
.recommendation-part__trigger>span{display:grid;gap:var(--space-1);min-width:0}.recommendation-part__trigger small{color:var(--ui-text-muted);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}.recommendation-part__trigger b{font-size:15px;font-weight:600;line-height:1.4}
.recommendation-part:not(.is-filled) .recommendation-part__trigger b{color:var(--ui-text-soft)}.recommendation-part__trigger>em{color:var(--ui-accent);font-size:18px;font-style:normal;text-align:center;transition:transform .16s ease}.recommendation-part.is-open .recommendation-part__trigger>em{transform:rotate(180deg)}
.recommendation-part__options{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-4) calc(40px + var(--space-7));border-top:1px solid var(--ui-border-soft);background:var(--ui-surface);animation:recommendation-options-in .18s ease both}
.recommendation-choice{appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:var(--space-3);align-items:start;width:100%;min-height:68px;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.recommendation-choice:first-of-type{margin-top:var(--space-4)}
.recommendation-choice:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.recommendation-choice.is-selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 2px var(--ui-accent-focus)}
.recommendation-choice>i{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:12px;font-style:normal;font-weight:700}.recommendation-choice>span{font-size:14px;line-height:1.45}.recommendation-choice>b{color:var(--ui-accent);font-size:15px;text-align:right}
.recommendation-result{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--radius-workspace);background:var(--ui-surface);box-shadow:var(--shadow-workspace);animation:recommendation-result-in .28s ease both}
.recommendation-result>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ui-text);color:var(--ui-surface)}.recommendation-result>header span{color:var(--ui-accent-soft);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.recommendation-result>header small{color:var(--ui-border);font-size:11px}
.recommendation-result>div{display:grid;padding:var(--space-2) var(--space-4)}.recommendation-result section{padding:var(--space-3) 0;border-bottom:1px solid var(--ui-border-soft)}.recommendation-result section:last-child{border-bottom:0}.recommendation-result section small{color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.recommendation-result section p{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:13px;line-height:1.5}
.recommendation-feedback{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-success-bg);color:var(--ui-text)}.recommendation-feedback.is-gentle{background:var(--ui-warning-bg)}.recommendation-feedback>i{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--ui-success);color:var(--ui-surface);font-style:normal;font-weight:700}.recommendation-feedback.is-gentle>i{background:var(--ui-warning)}.recommendation-feedback h2{margin:0;font-size:22px;line-height:1.12}.recommendation-feedback p{margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}
.recommendation-learning{padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-text);color:var(--ui-surface)}.recommendation-learning>.eyebrow{display:block;width:auto;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;color:var(--ui-accent-soft)}.recommendation-learning>div{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.recommendation-learning>div b{padding:var(--space-2) var(--space-3);border:1px solid var(--ui-text-muted);border-radius:var(--radius-control);font-size:11px}.recommendation-learning>div i{color:var(--ui-accent-soft);font-style:normal}.recommendation-learning>p:last-child{margin:var(--space-3) 0 0;color:var(--ui-border);font-size:12px;line-height:1.45}
.recommendation-finish{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--ui-border)}.recommendation-finish b{font-size:13px}.recommendation-finish p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}.recommendation-finish-cta{width:100%}
@keyframes recommendation-options-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes recommendation-result-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .recommendation-builder__body{padding:var(--space-4)}
  .recommendation-guide{grid-template-columns:32px minmax(0,1fr);padding:var(--space-3)}.recommendation-guide>span{width:32px;height:32px}
  .recommendation-part__trigger{grid-template-columns:36px minmax(0,1fr) 20px;padding:var(--space-3)}.recommendation-part__trigger>i{width:36px;height:36px}.recommendation-part__trigger b{font-size:14px}
  .recommendation-part__options{padding:0 var(--space-3) var(--space-3)}.recommendation-choice{grid-template-columns:30px minmax(0,1fr) 18px;gap:var(--space-2);padding:var(--space-3)}.recommendation-choice>i{width:30px;height:30px}.recommendation-choice>span{font-size:13px}
  .recommendation-result>header{display:grid;gap:var(--space-1)}.recommendation-result>div{padding:var(--space-1) var(--space-4)}.recommendation-learning>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.recommendation-learning>div i{transform:rotate(90deg);text-align:center}
}

/* Keep the result of every workday task in one focused popup. */
.task-outcome-modal{--popup-accent:#625cff;z-index:260}
.task-outcome-modal .program-insight-modal__backdrop{cursor:default}
.task-outcome-modal .task-outcome-modal__card{width:min(780px,100%);max-height:calc(100svh - 40px);padding:16px;overflow-y:auto;overscroll-behavior:contain}
.task-outcome-modal__content{display:grid;gap:14px;min-width:0}
.task-outcome-modal__content>.asis-success,
.task-outcome-modal__content>.hypothesis-result,
.task-outcome-modal__content>.visual-choice-result,
.task-outcome-modal__content>.data-signal-learning,
.task-outcome-modal__content>.tool-match-result,
.task-outcome-modal__content>.ai-sql-learning,
.task-outcome-modal__content>.recommendation-result{margin:0;box-shadow:none}
.task-outcome-modal .popup-copy{
  margin:0;
  color:var(--ui-text-muted);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}
.task-outcome-modal .tool-match-learning>.popup-copy,
.task-outcome-modal .recommendation-learning>.popup-copy{color:var(--ui-border)}
.task-outcome-modal .tool-match-course-note>.popup-copy{font-size:13px}

/* Screen 03: focused career-growth result. */
body:has(.diagnostic-insight-modal--salary-growth){overflow:hidden}
.diagnostic-insight-modal--salary-growth{
  align-items:center;
  padding:var(--space-3);
}
.diagnostic-insight-modal--salary-growth .diagnostic-insight-modal__backdrop{
  background:rgba(28,29,34,.42);
  backdrop-filter:blur(8px);
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal{
  width:100%;
  max-height:calc(100svh - var(--space-6));
  padding:var(--space-6) var(--space-5);
  overflow-y:auto;
  border:0;
  border-radius:calc(var(--radius-workspace) + var(--space-1));
  background:var(--ui-surface);
  box-shadow:var(--shadow-elevated);
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal::before{display:none}
.salary-growth-modal__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:
    "content"
    "visual"
    "action";
  gap:var(--space-6);
  align-items:start;
}
.salary-growth-modal__content{grid-area:content;min-width:0}
.salary-growth-modal__label{
  display:none;
  margin:0 0 var(--space-5);
  padding:7px var(--space-3) 6px;
  border-radius:var(--radius-control);
  background:color-mix(in srgb,var(--ui-accent) 9%,white);
  color:var(--ui-accent);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal h2{
  max-width:610px;
  margin:0;
  color:var(--ui-text);
  font-size:26px;
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.035em;
}
.salary-growth-modal__copy{
  max-width:620px;
  margin-top:var(--space-5);
  color:#30333d;
  font-size:15px;
  line-height:1.48;
}
.salary-growth-modal__copy p{margin:0}
.salary-growth-modal__copy p+p{margin-top:var(--space-4)}
.salary-growth-modal__copy strong{color:var(--ui-text);font-weight:700;white-space:normal}
.salary-growth-modal__copy strong:not(.popup-copy-highlight){white-space:nowrap}
.salary-growth-modal__visual{
  display:flex;
  grid-area:visual;
  min-width:0;
  flex-direction:column;
  align-self:stretch;
  justify-content:space-between;
  gap:var(--space-6);
}
.salary-growth-modal__visual figure{
  display:grid;
  min-height:0;
  margin:0;
  place-items:center;
}
.salary-growth-modal__chart{
  display:block;
  width:min(64%,210px);
  height:auto;
}
.salary-growth-bars{
  transform:scale(.72);
  transform-box:fill-box;
  transform-origin:center bottom;
}
.salary-growth-bar__front{fill:color-mix(in srgb,var(--ui-accent) 18%,white)}
.salary-growth-bar__side{fill:color-mix(in srgb,var(--ui-accent) 27%,white)}
.salary-growth-bar__top{fill:color-mix(in srgb,var(--ui-accent) 11%,white)}
.salary-growth-bar--2 .salary-growth-bar__front{fill:color-mix(in srgb,var(--ui-accent) 35%,white)}
.salary-growth-bar--2 .salary-growth-bar__side{fill:color-mix(in srgb,var(--ui-accent) 46%,white)}
.salary-growth-bar--2 .salary-growth-bar__top{fill:color-mix(in srgb,var(--ui-accent) 25%,white)}
.salary-growth-bar--3 .salary-growth-bar__front{fill:color-mix(in srgb,var(--ui-accent) 62%,white)}
.salary-growth-bar--3 .salary-growth-bar__side{fill:color-mix(in srgb,var(--ui-accent) 74%,white)}
.salary-growth-bar--3 .salary-growth-bar__top{fill:color-mix(in srgb,var(--ui-accent) 50%,white)}
.salary-growth-bar--4 .salary-growth-bar__front{fill:var(--ui-accent)}
.salary-growth-bar--4 .salary-growth-bar__side{fill:var(--ui-accent-hover)}
.salary-growth-bar--4 .salary-growth-bar__top{fill:color-mix(in srgb,var(--ui-accent) 78%,white)}
.salary-growth-modal__arrow{
  fill:none;
  stroke:var(--ui-accent);
  stroke-width:10;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateY(calc(var(--space-7) * -1));
}
.salary-growth-modal__chart marker path{fill:var(--ui-accent)}
.diagnostic-feature-modal__steps rect{
  fill:color-mix(in srgb,var(--ui-accent) 10%,white);
  stroke:color-mix(in srgb,var(--ui-accent) 24%,white);
  stroke-width:2;
}
.diagnostic-feature-modal__steps g:nth-child(2) rect{fill:color-mix(in srgb,var(--ui-accent) 18%,white)}
.diagnostic-feature-modal__steps g:nth-child(3) rect{fill:color-mix(in srgb,var(--ui-accent) 28%,white)}
.diagnostic-feature-modal__steps path{
  fill:none;
  stroke:color-mix(in srgb,var(--ui-accent) 48%,white);
  stroke-width:7;
  stroke-linecap:round;
}
.diagnostic-feature-modal__route{
  fill:none;
  stroke:var(--ui-accent);
  stroke-width:10;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.diagnostic-feature-modal__chart marker path{fill:var(--ui-accent)}
.diagnostic-feature-modal__target-surface{
  fill:color-mix(in srgb,var(--ui-accent) 10%,white);
  stroke:color-mix(in srgb,var(--ui-accent) 24%,white);
  stroke-width:3;
}
.diagnostic-feature-modal__target-ring{
  fill:color-mix(in srgb,var(--ui-accent) 16%,white);
  stroke:color-mix(in srgb,var(--ui-accent) 38%,white);
  stroke-width:4;
}
.diagnostic-feature-modal__target-dot{fill:var(--ui-accent)}
.diagnostic-feature-modal__target-arrow{
  fill:none;
  stroke:var(--ui-accent-hover);
  stroke-width:11;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.diagnostic-feature-modal__shield{
  fill:color-mix(in srgb,var(--ui-accent) 16%,white);
  stroke:color-mix(in srgb,var(--ui-accent) 42%,white);
  stroke-width:4;
}
.diagnostic-feature-modal__shield-check{
  fill:none;
  stroke:var(--ui-accent);
  stroke-width:14;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.salary-growth-modal__visual article{
  display:none;
  grid-template-columns:40px minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:color-mix(in srgb,var(--ui-accent) 7%,white);
}
.salary-growth-modal__icon{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:var(--radius-pill);
  background:var(--ui-surface);
  color:var(--ui-accent);
  box-shadow:var(--shadow-card);
}
.salary-growth-modal__icon svg{width:23px;height:23px}
.salary-growth-modal__icon path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.salary-growth-modal__visual h3{margin:1px 0 7px;color:var(--ui-text);font-size:16px;font-weight:700;line-height:1.2}
.salary-growth-modal__visual p{margin:0;color:var(--ui-text-muted);font-size:13px;line-height:1.45}
.diagnostic-insight-modal--salary-growth .salary-growth-modal .primary{
  grid-area:action;
  width:100%;
  min-height:58px;
  margin:0;
  border-radius:var(--radius-card);
  font-size:16px;
  font-weight:600;
}

.diagnostic-insight-modal--salary-growth .salary-growth-modal{animation:salary-growth-modal-in .18s cubic-bezier(.2,.8,.3,1) both}
.diagnostic-insight-modal--salary-growth.is-closing .salary-growth-modal{animation:salary-growth-modal-out .14s ease-in both}

@keyframes salary-growth-modal-in{
  from{opacity:0;transform:translateY(5px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes salary-growth-modal-out{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(3px) scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{
    animation:none;
    transform:none;
  }
}

@media(min-width:761px){
  .diagnostic-insight-modal--salary-growth{padding:var(--space-6)}
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{
    width:min(760px,100%);
    max-height:calc(100svh - var(--space-9));
    padding:var(--space-7);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal h2{font-size:28px;line-height:1.08}
  .salary-growth-modal__copy{font-size:16px;line-height:1.5}
  .salary-growth-modal__chart{width:min(58%,240px)}
}

@media(min-width:1024px){
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{width:min(900px,100%);padding:var(--space-8)}
  .salary-growth-modal__layout{
    grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);
    grid-template-areas:
      "content visual"
      "action visual";
    gap:var(--space-7) var(--space-8);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal h2{font-size:30px;line-height:1.08}
  .salary-growth-modal__copy{font-size:16px}
  .salary-growth-modal__visual figure{min-height:280px}
  .salary-growth-modal__chart{width:min(88%,280px)}
}

@media(max-width:760px) and (max-height:700px){
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{
    padding:var(--space-4);
    overflow-y:auto;
  }
  .salary-growth-modal__layout{gap:var(--space-3)}
  .salary-growth-modal__label{margin-bottom:var(--space-2);font-size:10px}
  .diagnostic-insight-modal--salary-growth .salary-growth-modal h2{font-size:24px;line-height:1.1}
  .salary-growth-modal__copy{margin-top:var(--space-3);font-size:14px;line-height:1.45}
  .salary-growth-modal__copy p+p{margin-top:var(--space-2)}
  .salary-growth-modal__chart{width:min(40%,140px)}
  .diagnostic-insight-modal--salary-growth .salary-growth-modal .primary{min-height:52px}
}

/* Compact answer popups: one geometry for diagnostic and program questions. */
.diagnostic-insight-modal--salary-growth .salary-growth-modal{
  max-height:calc(100svh - var(--space-6));
  padding:var(--space-4);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal__layout{
  gap:var(--space-4);
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal h2{
  font-size:24px;
  line-height:1.12;
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal__copy{
  margin-top:var(--space-4);
  font-size:14px;
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal__copy strong{color:var(--ui-text);font-weight:700}
.diagnostic-insight-modal--salary-growth .salary-growth-modal__copy p+p{
  margin-top:var(--space-3);
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal__chart{
  width:min(52%,168px);
}
.diagnostic-insight-modal--salary-growth .salary-growth-modal .primary{
  min-height:48px;
  font-size:15px;
}

@media(min-width:761px){
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{
    width:min(620px,100%);
    padding:var(--space-6);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__layout{
    gap:var(--space-5);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal h2{
    font-size:26px;
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__copy{
    font-size:15px;
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__chart{
    width:min(46%,190px);
  }
}

@media(min-width:1024px){
  .diagnostic-insight-modal--salary-growth .salary-growth-modal{
    width:min(636px,100%);
    padding:var(--space-6);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__layout{
    grid-template-columns:minmax(0,1fr) 180px;
    gap:var(--space-6);
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal h2{
    font-size:28px;
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__visual figure{
    min-height:180px;
  }
  .diagnostic-insight-modal--salary-growth .salary-growth-modal__chart{
    width:180px;
  }
}

@media(max-width:760px){
  .flow-screen .task-outcome-modal .task-outcome-modal__card{width:100%;max-height:calc(100svh - 28px);padding:10px}
  .task-outcome-modal__content{gap:10px}
}

/* Shared workday primitives, introduced with the screen 13 reference shell. */
#app>.process-task-screen.flow-screen{width:min(1180px,100%)}
.mentor-message--default{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-4);
  border:1px solid var(--ui-border);
  border-radius:var(--radius-message);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
}
.mentor-message--default .mentor-message__avatar{width:40px;height:40px;flex-basis:40px}
.mentor-message__content{min-width:0}
.mentor-message__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:13px;line-height:1.4}
.mentor-message__meta b{font-weight:600}
.mentor-message__meta span,.mentor-message__meta time{color:var(--ui-text-soft)}
.mentor-message__meta time{margin-left:auto}
.mentor-message--default p{margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}
.mentor-message--default .mentor-message__note{padding-top:var(--space-2);border-top:1px solid var(--ui-border-soft);color:var(--ui-text-soft);font-size:13px;line-height:1.4}
.task-workspace--process,
.task-workspace--tobe,
.task-workspace--matching,
.task-workspace--ai,
.task-workspace--hypothesis,
.task-workspace--visual-choice,
.task-workspace--recommendation{
  overflow:hidden;
  border:1px solid var(--ui-border);
  border-radius:var(--radius-workspace);
  background:var(--ui-surface);
  box-shadow:var(--shadow-workspace);
}
.workspace-header{
  display:flex;
  min-height:64px;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-4) var(--space-5);
  border-bottom:1px solid var(--ui-border-soft);
  background:var(--ui-surface);
}
.workspace-header__title{min-width:0}
.workspace-header__title>span{display:block;color:var(--ui-accent);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.workspace-header__title h2{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:24px;font-weight:700;line-height:1.12;letter-spacing:-.02em}
.workspace-header__description{max-width:720px;margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:14px;font-weight:400;line-height:1.45}
.workspace-header__description strong{color:var(--ui-text);font-weight:600}
.workspace-header__tools{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-3)}
.hint-button{
  display:inline-flex;
  height:40px;
  align-items:center;
  gap:var(--space-2);
  padding:0 14px;
  border:1px solid var(--ui-border);
  border-radius:var(--radius-control);
  background:var(--ui-accent-soft);
  color:var(--ui-accent);
  font:600 15px/1.2 Graphik,Arial,sans-serif;
  cursor:pointer;
}
.hint-button:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-hover)}
.hint-button:disabled{color:var(--ui-disabled);cursor:not-allowed}
.hint-button:focus-visible,.task-actions button:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.task-progress{display:flex;align-items:center;gap:var(--space-2);color:var(--ui-text-muted);font-size:13px;line-height:1.4;white-space:nowrap}
.task-progress i{width:calc(var(--space-8) * 2);height:var(--space-1);overflow:hidden;border-radius:var(--radius-pill);background:var(--ui-border-soft)}
.task-progress i span{display:block;height:100%;border-radius:inherit;background:var(--ui-accent);transition:width .16s ease}
.task-progress b{font-weight:600}
.workspace-hint{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:start;margin:var(--space-4) var(--space-5) 0;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.workspace-hint>span{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-control);background:var(--ui-surface)}
.workspace-hint b{display:block;color:var(--ui-accent);font-size:11px;font-weight:600;line-height:1.3;text-transform:uppercase}
.workspace-hint p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}
.workspace-body{min-width:0}
.tobe-workspace-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:430px;
  background:var(--ui-bg);
}
.tobe-action-bank,
.tobe-process-canvas{min-width:0;padding:var(--space-5)}
.tobe-action-bank{border-right:1px solid var(--ui-border-soft);background:var(--ui-surface)}
.tobe-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.tobe-section-title span{color:var(--ui-text);font-size:16px;font-weight:600;line-height:1.25}
.tobe-section-title small{color:var(--ui-text-muted);font-size:13px;line-height:1.4}
.tobe-card-list{display:grid;gap:var(--space-3)}
.task-workspace--tobe .asis-source-card,
.task-workspace--tobe .asis-sequence-card{
  min-height:58px;
  margin:0;
  border:1px solid var(--ui-border);
  border-radius:var(--radius-card);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.task-workspace--tobe .asis-source-card:hover,
.task-workspace--tobe .asis-sequence-card:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:var(--shadow-card);transform:none}
.task-workspace--tobe .asis-source-card:focus-visible,
.task-workspace--tobe .asis-sequence-card:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px}
.task-workspace--tobe .asis-source-card b{color:var(--ui-accent)}
.task-workspace--tobe .asis-sequence-card i{background:var(--ui-accent)}
.task-workspace--tobe .asis-empty,
.task-workspace--tobe .asis-deck-empty{
  min-height:116px;
  margin:0;
  border:1px dashed var(--ui-border);
  border-radius:var(--radius-card);
  background:var(--ui-surface);
  color:var(--ui-text-muted);
}
.asis-workspace-body{display:grid;grid-template-columns:minmax(270px,29%) minmax(0,71%);min-height:470px}
.asis-workspace-body.is-completed{grid-template-columns:minmax(0,1fr)}
.asis-workspace-body.is-completed .asis-action-bank{display:none}
.task-actions{
  display:flex;
  min-height:80px;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3) var(--space-5);
  border-top:1px solid var(--ui-border-soft);
  background:var(--ui-surface);
}
.task-actions__support{display:flex;align-items:center;gap:var(--space-3)}
.task-actions.task-actions--full-primary>.primary{width:100%;flex:1 1 auto}
.task-screen-shell .task-actions button{min-height:58px;padding:0 22px;border-radius:var(--radius-control);font-size:16px;font-weight:600;line-height:1.2}
.task-actions .task-action--support{border:1px solid transparent;background:transparent;color:var(--ui-text-muted);cursor:pointer}
.task-actions .task-action--support:hover{border-color:var(--ui-border);color:var(--ui-text)}
.task-actions .secondary{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}
.task-actions>.primary{width:320px;max-width:100%;flex:0 0 320px;border-color:var(--ui-accent);background:var(--ui-accent);color:#fff;box-shadow:var(--shadow-primary)}
.task-actions>.primary:only-child{margin-left:auto}
.task-actions>.primary:hover{border-color:var(--ui-accent-hover);background:var(--ui-accent-hover);box-shadow:var(--shadow-primary)}
.task-actions>.primary:disabled{border-color:var(--ui-disabled);background:var(--ui-disabled);box-shadow:none}
.tobe-result{margin:0;padding:var(--space-5);border:1px solid var(--ui-border);border-radius:var(--radius-workspace);box-shadow:none}
.tobe-result.is-success{border-color:var(--ui-success);background:var(--ui-success-bg)}
.tobe-result.is-review{border-color:var(--ui-warning);background:var(--ui-warning-bg)}
.tobe-result>span{font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.tobe-result.is-success>span{color:var(--ui-success)}
.tobe-result.is-review>span{color:var(--ui-warning)}
.tobe-result h2{margin:var(--space-2) 0;font-size:24px;font-weight:700;line-height:1.12}
.tobe-result p{margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:14px;line-height:1.45}
@media(min-width:761px){
  .process-task-screen [data-asis-drag]{touch-action:none;user-select:none}
}
.asis-drag-ghost{position:fixed!important;z-index:320!important;margin:0!important;pointer-events:none!important;opacity:.94!important;transform:rotate(1.5deg) scale(1.02)!important;box-shadow:var(--shadow-elevated)!important;transition:none!important}
.asis-drag-ghost .asis-drag-handle{color:var(--tone)}
.asis-workspace-body.is-drag-active{cursor:grabbing}
.asis-workspace-body.is-drag-active .asis-canvas{box-shadow:inset 0 0 0 2px var(--ui-accent-focus)}
@media(max-width:860px){
  .asis-workspace-body{grid-template-columns:1fr}
  .asis-action-bank{border-right:0;border-bottom:1px solid var(--ui-border-soft)}
  .asis-action-bank>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .mentor-message--default{grid-template-columns:40px minmax(0,1fr)}
  .mentor-message__meta time{width:100%;margin-left:0}
  .workspace-header{align-items:stretch;flex-direction:column;padding:var(--space-4)}
  .workspace-header__title h2{font-size:22px}
  .workspace-header__tools{justify-content:space-between}
  .task-progress{flex:1;justify-content:flex-end}
  .task-progress i{flex:1;max-width:calc(var(--space-8) * 2)}
  .workspace-hint{margin:var(--space-4) var(--space-4) 0}
  .task-actions{align-items:stretch;flex-direction:column;padding:var(--space-4)}
  .task-actions>.primary{order:-1;width:100%;flex-basis:auto}
  .task-actions__support{display:grid;grid-template-columns:1fr 1fr}
  .task-actions__support button{width:100%;padding:0 var(--space-3)}
  .tobe-workspace-body{grid-template-columns:1fr;min-height:0}
  .tobe-action-bank{border-right:0;border-bottom:1px solid var(--ui-border-soft)}
  .task-workspace--tobe .task-actions__support{grid-template-columns:1fr}
}

/* Shared vertical and scroll contract for the eight workday tasks. */
.task-screen-shell{
  --task-flowback-gap:12px;
  --task-header-heading-gap:18px;
  --task-heading-mentor-gap:16px;
  --task-mentor-workspace-gap:20px;
  --task-heading-size:44px;
  --task-heading-line-height:1.04;
}
.task-screen-shell .task-start-anchor{
  display:block;
  width:0;
  height:0;
  scroll-margin-top:16px;
}
.task-screen-shell .flow-back{margin-bottom:var(--task-flowback-gap)}
.task-screen-shell .workday-timeline{margin-bottom:0}
.task-screen-shell.flow-screen .task-heading{
  display:block;
  max-width:920px;
  margin:var(--task-header-heading-gap) 0 0;
  padding:0;
}
.task-screen-shell .task-heading>.eyebrow{
  display:none!important;
  margin:0;
  color:#514bea;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.task-screen-shell.flow-screen .task-heading h1{
  max-width:850px;
  margin:0;
  color:var(--ink);
  font-size:var(--task-heading-size);
  line-height:var(--task-heading-line-height);
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
.task-screen-shell .task-heading>p:not(.eyebrow){
  max-width:900px;
  margin:10px 0 0;
  color:#646976;
  font-size:15px;
  line-height:1.48;
}
.task-screen-shell .mentor-message{
  width:100%;
  max-width:none;
  margin:var(--task-heading-mentor-gap) 0 0;
}
.task-screen-shell .task-workspace{margin-top:var(--task-mentor-workspace-gap)}
.task-screen-shell.combined-interview-screen .task-workspace{
  margin-top:var(--task-heading-mentor-gap);
}
@media(max-width:700px){
  .task-screen-shell{
    --task-header-heading-gap:14px;
    --task-heading-mentor-gap:14px;
    --task-mentor-workspace-gap:16px;
    --task-heading-size:34px;
    --task-heading-line-height:1.06;
  }
  .task-screen-shell .task-start-anchor{scroll-margin-top:10px}
  .task-screen-shell .task-heading>p:not(.eyebrow){font-size:14px}
}

/* Screen 01: composition assembled from the supplied visual assets. */
body:has(#app>.intro-reference){
  overflow-x:hidden;
  background:
    radial-gradient(circle at 16% 2%,rgba(91,104,255,.08),transparent 28%),
    radial-gradient(circle at 88% 9%,rgba(119,211,255,.09),transparent 24%),
    #f7f8fc;
}

body:has(#app>.intro-reference) .app-shell{width:100%;padding:0 24px 42px}
body:has(#app>.intro-reference) .app-shell>.topbar{left:auto;width:100%;height:88px;padding:0 4px;transform:none}
body:has(#app>.intro-reference) .app-shell>.topbar .brand img{width:142px}

#app>.intro-reference{
  width:100%;
  min-height:min(800px,calc(100svh - 112px));
  margin:0;
  padding:0;
  overflow:visible;
  border:1px solid rgba(38,43,66,.07);
  border-radius:34px;
  background:
    radial-gradient(circle at 4% 8%,rgba(121,40,202,.14),transparent 30%),
    radial-gradient(circle at 96% 88%,rgba(78,227,255,.2),transparent 34%),
    radial-gradient(ellipse at 72% 44%,rgba(94,82,255,.1),transparent 31%),
    radial-gradient(ellipse at 62% 72%,rgba(205,255,80,.11),transparent 26%),
    linear-gradient(rgba(58,67,112,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(58,67,112,.025) 1px,transparent 1px),
    rgba(255,255,255,.74);
  background-size:auto,auto,auto,auto,40px 40px,40px 40px,auto;
  color:#11131a;
  box-shadow:
    0 24px 70px rgba(39,45,70,.08),
    -18px -12px 64px rgba(121,40,202,.12),
    26px 22px 78px rgba(78,227,255,.18);
}

#app>.intro-reference::after{display:none}

.intro-reference .intro-screen__main{
  min-height:inherit;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  padding:56px 46px 38px 68px;
}

.intro-reference .intro-screen__content{
  position:relative;
  z-index:8;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:0 0 10px;
}

.intro-reference .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  padding:8px 14px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#3d3bff;
  box-shadow:0 10px 26px rgba(39,45,70,.1);
  font-size:12px;
  font-weight:600;
  line-height:1;
}

.intro-reference .hero-kicker svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.intro-reference h1{
  max-width:620px;
  color:#11131a;
  font-size:46px;
  font-weight:600;
  line-height:1.04;
  letter-spacing:-.035em;
  text-wrap:balance;
}

#app>.intro-reference .lead{max-width:620px;margin:18px 0 0;color:var(--ui-text-muted);font-size:18px;font-weight:400;line-height:1.4}

.intro-reference__benefits{
  width:min(100%,480px);
  margin-top:22px;
  padding:13px 18px;
  border:1px solid rgba(38,43,66,.08);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 30px rgba(39,45,70,.06);
}

.intro-reference__benefits-title{margin:0 0 8px;color:#11131a;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.intro-reference__benefits ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.intro-reference__benefits li{position:relative;min-height:20px;padding-left:30px;color:#171923;font-size:13px;line-height:1.35}
.intro-reference__benefits li br{display:none}

.intro-reference__benefits li::before{
  position:absolute;
  top:1px;
  left:0;
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#5261ff,#322cf0);
  color:#fff;
  content:"✓";
  font-size:11px;
  font-weight:700;
  box-shadow:0 6px 13px rgba(61,59,255,.2);
}

.intro-reference .intro-cta-block{width:min(100%,480px);margin:14px 0 0}
.intro-reference .intro-cta-block .actions{width:100%;margin:0}
.intro-reference .intro-cta-block .primary{width:100%;min-height:58px;border:0;border-radius:15px;background:linear-gradient(100deg,#4b49ff,#322df0);color:#fff;box-shadow:0 12px 25px rgba(55,48,255,.22),0 0 22px rgba(61,59,255,.12);font-size:17px;font-weight:600;animation:intro-reference-cta-glow 2.8s ease-in-out infinite}
.intro-reference .intro-cta-block .primary:hover{background:linear-gradient(100deg,#4b49ff,#322df0);box-shadow:0 15px 34px rgba(55,48,255,.3),0 0 30px rgba(61,59,255,.2);transform:translateY(-1px);animation:none}

@keyframes intro-reference-cta-glow{
  0%,100%{box-shadow:0 12px 25px rgba(55,48,255,.22),0 0 22px rgba(61,59,255,.12)}
  50%{box-shadow:0 15px 34px rgba(55,48,255,.3),0 0 30px rgba(61,59,255,.2),0 0 0 5px rgba(61,59,255,.035)}
}

.intro-reference__meta{display:grid;width:min(100%,480px);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.intro-reference__meta-item{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 8px;border:1px solid var(--ui-border-soft);border-radius:var(--radius-pill);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--shadow-card);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.intro-reference__meta-item svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--ui-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.intro-reference__meta-item:nth-child(1) svg{stroke:var(--ui-success)}
.intro-reference__meta-item:nth-child(2) svg{stroke:var(--ui-warning)}
.intro-reference__meta-item:nth-child(3) svg{stroke:var(--ui-accent)}

.intro-reference .hero-visual--intro-collage{
  position:relative;
  width:100%;
  max-width:620px;
  height:650px;
  min-height:0;
  justify-self:center;
  align-self:center;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.intro-reference .hero-visual--intro-collage::before,
.intro-reference .hero-visual--intro-collage::after{display:none}

.intro-reference__orbit{position:absolute;right:4%;bottom:13%;z-index:0;width:71%;height:44%;border:1.5px dashed rgba(79,87,255,.24);border-radius:50%;transform:rotate(-8deg)}
.intro-reference__orbit::before,.intro-reference__orbit::after{position:absolute;width:15px;height:15px;border-radius:50%;background:#cbc9ff;content:""}
.intro-reference__orbit::before{left:3%;bottom:4%}
.intro-reference__orbit::after{right:-1%;bottom:28%}

.intro-reference .hero-visual--intro-collage>img{position:absolute;height:auto;pointer-events:none}
.intro-reference__day{position:absolute;top:1%;left:43%;z-index:6;display:flex;width:31%;min-height:clamp(48px,3.75vw,72px);align-items:center;gap:clamp(7px,.7vw,12px);padding:clamp(6px,.5vw,9px) clamp(9px,.75vw,14px);border:1px solid var(--ui-border-soft);border-radius:var(--radius-card);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--shadow-card);font-size:clamp(10px,.85vw,16px);font-weight:700;line-height:1.08;pointer-events:none}
.intro-reference__day-icon{display:grid;width:clamp(30px,2.4vw,46px);height:clamp(30px,2.4vw,46px);flex:0 0 auto;place-items:center;padding-right:clamp(7px,.65vw,12px);border-right:1px solid var(--ui-border);box-sizing:content-box}
.intro-reference__day-icon svg{width:100%;height:100%;padding:22%;border-radius:var(--radius-control);background:var(--ui-accent-soft);fill:none;stroke:var(--ui-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.intro-reference__day-copy{display:block;white-space:nowrap}
.intro-reference__task{z-index:2;filter:drop-shadow(0 16px 26px rgba(55,57,110,.08))}
.intro-reference__task--data{top:0;left:3%;width:33%}
.intro-reference__task--process{top:6%;right:0;width:38%}
.intro-reference__task--requirements{right:3%;bottom:7%;z-index:5;width:34%}
.intro-reference .hero-visual--intro-collage .hero-visual__woman{z-index:4;left:54%;bottom:-1%;width:auto;height:100%;max-height:none;clip-path:none;filter:drop-shadow(0 22px 24px rgba(45,42,79,.15));transform:translateX(calc(-50% - 25px))}
.intro-reference .hero-visual--intro-collage .analyst-scene-flower{right:-3%;bottom:-4%;z-index:7;width:22%;filter:drop-shadow(0 16px 18px rgba(118,48,91,.16));transform:rotate(-8deg)}

@media(min-width:1101px){
  body:has(#app>.intro-reference) .app-shell{padding-right:40px;padding-bottom:0;padding-left:40px}
  body:has(#app>.intro-reference) .app-shell>.topbar{height:70px}
  body:has(#app>.intro-reference) .app-shell>.topbar .brand img{width:120px}
  #app>.intro-reference{min-height:min(820px,calc(100svh - 96px))}
  .intro-reference .intro-screen__main{
    grid-template-columns:minmax(0,42%) minmax(0,58%);
    gap:0;
    padding:clamp(16px,1vw,20px) clamp(12px,1.5vw,24px) 0 20px;
  }
  .intro-reference .intro-screen__content{justify-content:start;padding-bottom:0;transform:translateX(calc(3% + 20px))}
  .intro-reference .intro-screen__content>h1,
  #app>.intro-reference .intro-screen__content>.lead,
  .intro-reference .intro-screen__content>.intro-reference__benefits,
  .intro-reference .intro-screen__content>.intro-cta-block,
  .intro-reference .intro-screen__content>.intro-reference__meta{transform:translateY(-48px)}
  .intro-reference .hero-kicker{gap:8px;margin-bottom:clamp(52px,calc(2.6vw + 20px),64px);padding:8px 14px;font-size:clamp(10px,.78vw,13px)}
  .intro-reference .hero-kicker svg{width:18px;height:18px}
  .intro-reference h1{max-width:clamp(500px,38vw,640px);font-size:clamp(42px,3.55vw,60px)}
  #app>.intro-reference .lead{max-width:640px;margin-top:clamp(34px,2.3vw,42px);font-size:clamp(17px,1.2vw,20px)}
  .intro-reference__benefits{
    width:clamp(480px,35vw,586px);
    margin-top:clamp(30px,calc(1.6vw + 10px),36px);
    padding:clamp(11px,1vw,16px) clamp(15px,1.3vw,22px);
  }
  .intro-reference__benefits ul{gap:7px}
  .intro-reference__benefits li{min-height:18px;padding-left:27px;font-size:clamp(13px,.9vw,15px)}
  .intro-reference__benefits li::before{top:2px;width:17.46px;height:17.46px;font-size:9.7px}
  .intro-reference .intro-cta-block{width:clamp(480px,35vw,586px);margin-top:clamp(28px,2vw,34px)}
  .intro-reference__meta{width:clamp(480px,35vw,586px);margin-top:14px}
  .intro-reference .hero-visual--intro-collage{
    width:clamp(580px,50vw,960px);
    max-width:none;
    height:clamp(542px,min(calc(44vw - 8px),calc(100svh - 152px)),812px);
    min-height:0;
    justify-self:end;
    align-self:end;
    transform:translateY(calc(var(--intro-stage-y,28px) + 50px));
  }
  .intro-reference__day{top:calc(-6% - 10px);left:40%}
  .intro-reference__task--data{top:-10%;left:3%}
  .intro-reference__task--process{top:1%;right:0}
  .intro-reference__task--requirements{right:3%;bottom:7%}
  .intro-reference .hero-visual--intro-collage .hero-visual__woman{left:54%;bottom:0;transform:translateX(calc(-50% - 25px))}
  .intro-reference .hero-visual--intro-collage .analyst-scene-flower{right:-3%;bottom:2%}
}

/* screen_01 reference: preserve this 13-inch composition at the primary desktop QA viewport. */
@media(min-width:1101px) and (max-width:1350px){
  body:has(#app>.intro-reference) .app-shell>.topbar{height:70px}
  body:has(#app>.intro-reference) .app-shell>.topbar .brand img{width:120px}
  #app>.intro-reference{--intro-stage-y:16px;min-height:610px}
  .intro-reference .intro-screen__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px 34px 18px 44px}
  .intro-reference .hero-kicker{gap:7px;margin-bottom:10px;padding:6px 10px;font-size:10px}
  .intro-reference .hero-kicker svg{width:16px;height:16px}
  .intro-reference h1{font-size:42px}
  #app>.intro-reference .lead{margin-top:16px;font-size:17px}
  .intro-reference__benefits{width:min(100%,480px);margin-top:18px;padding:11px 15px}
  .intro-reference__benefits-title{margin-bottom:8px;font-size:16px}
  .intro-reference__benefits ul{gap:5px}
  .intro-reference__benefits li{min-height:20px;padding-left:30px;font-size:13px}
  .intro-reference__benefits li::before{width:20px;height:20px;font-size:11px}
  .intro-reference .intro-cta-block{width:min(100%,480px);margin-top:14px}
  .intro-reference .intro-cta-block .primary{min-height:58px;font-size:16px}
  .intro-reference .hero-visual--intro-collage{width:100%;max-width:600px;height:520px;min-height:520px;margin:0}
}

/* Keep the intro hierarchy balanced on 15-inch desktop viewports. */
@media(min-width:1351px){
  .intro-reference .intro-screen__main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-7);
  }
  .intro-reference h1{max-width:620px;font-size:clamp(42px,2.5vw,48px)}
  #app>.intro-reference .lead{max-width:620px;font-size:18px}
  .intro-reference__benefits,
  .intro-reference .intro-cta-block,
  .intro-reference__meta{width:min(100%,620px)}
  .intro-reference .hero-visual--intro-collage{
    width:min(100%,600px);
    height:520px;
    align-self:center;
    transform:translateY(calc(var(--intro-stage-y,28px) + 20px));
  }
  .intro-reference__task--data{left:-4%;width:30%}
  .intro-reference__task--process{right:-3%;width:34%}
  .intro-reference__task--requirements{right:-3%;width:30%}
}

/* Keep the two intro columns visually connected on wide laptop displays. */
@media(min-width:1600px){
  .intro-reference .intro-screen__main{
    grid-template-columns:minmax(0,760px) minmax(0,600px);
    justify-content:center;
    gap:var(--space-9);
  }
}

@media(max-width:1100px){
  body:has(#app>.intro-reference) .app-shell{padding:0 14px 28px}
  body:has(#app>.intro-reference) .app-shell>.topbar{height:70px;padding:0 4px}
  body:has(#app>.intro-reference) .app-shell>.topbar .brand img{width:118px}
  #app>.intro-reference{min-height:0;border-radius:26px}
  .intro-reference .intro-screen__main{display:flex;flex-direction:column;gap:14px;padding:30px 24px 24px}
  .intro-reference .intro-screen__content{display:flex;width:100%;padding:0}
  .intro-reference .intro-screen__content>*{order:initial}
  .intro-reference h1{max-width:760px;font-size:clamp(40px,7vw,56px)}
  #app>.intro-reference .lead{font-size:18px}
  .intro-reference__benefits{width:100%;max-width:410px}
  .intro-reference .intro-cta-block{width:100%;max-width:620px}
  .intro-reference__meta{max-width:620px}
  .intro-reference .hero-visual--intro-collage{order:2;width:100%;height:513px;min-height:513px;margin:-10px 0 -18px;transform:translateY(70px)}
  .intro-reference__day{width:27%}
  .intro-reference__task--data{left:1%;width:29%}
  .intro-reference__task--process{right:1%;width:32%}
  .intro-reference__task--requirements{right:1%;width:30%}
  .intro-reference .hero-visual--intro-collage .hero-visual__woman{height:74%}
  .intro-reference .hero-visual--intro-collage .analyst-scene-flower{right:0;width:18%}
}

@media(min-width:901px) and (max-width:1100px){
  .intro-reference .intro-screen__main{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
    gap:16px;
    align-items:center;
    padding:32px 32px 24px 40px;
  }
  .intro-reference .intro-screen__content{transform:translateX(5%)}
  .intro-reference .intro-screen__content>h1,
  #app>.intro-reference .intro-screen__content>.lead,
  .intro-reference .intro-screen__content>.intro-reference__benefits,
  .intro-reference .intro-screen__content>.intro-cta-block,
  .intro-reference .intro-screen__content>.intro-reference__meta{transform:translateY(calc(var(--space-6) * -1))}
  .intro-reference .hero-kicker{margin-bottom:30px}
  .intro-reference h1{font-size:clamp(40px,4.2vw,46px)}
  #app>.intro-reference .lead{font-size:16px}
  .intro-reference .intro-screen__content>.intro-cta-block{order:5;margin-top:28px}
  .intro-reference .intro-screen__content>.intro-reference__meta{order:6;margin-top:14px}
  .intro-reference .hero-visual--intro-collage{
    width:100%;
    height:clamp(430px,46vw,500px);
    min-height:clamp(430px,46vw,500px);
    margin:0;
    transform:translateY(50px);
  }
}

@media(min-width:901px){
  .intro-reference__benefits{padding:0;border:0;background:transparent;box-shadow:none}
  .intro-reference__benefits-title,
  .intro-reference__benefits li{font-size:15px;line-height:1.35}
}

@media(min-width:601px) and (max-width:900px){
  .intro-reference .intro-screen__main{gap:16px;padding:32px 24px 24px}
  .intro-reference .intro-screen__content{display:contents}
  .intro-reference .intro-screen__content>.hero-kicker{order:1}
  .intro-reference .intro-screen__content>.intro-reference__meta{order:8}
  .intro-reference .intro-screen__content>h1{order:3}
  .intro-reference .intro-screen__content>.lead{order:4}
  .intro-reference .hero-visual--intro-collage{order:5}
  .intro-reference .intro-screen__content>.intro-reference__benefits{order:6}
  .intro-reference .intro-screen__content>.intro-cta-block{order:7}
  .intro-reference .hero-kicker,
  #app>.intro-reference .lead,
  .intro-reference__benefits,
  .intro-reference .intro-cta-block,
  .intro-reference__meta{margin-top:0;margin-bottom:0}
  .intro-reference h1{font-size:clamp(38px,5.2vw,46px)}
  .intro-reference .intro-screen__content>h1{margin-top:20px}
  .intro-reference .hero-kicker,
  .intro-reference .intro-screen__content>h1,
  #app>.intro-reference .lead{transform:translateY(-30px)}
  #app>.intro-reference .lead{font-size:16px}
  .intro-reference .hero-visual--intro-collage{
    width:min(100%,620px);
    height:clamp(360px,56vw,480px);
    min-height:clamp(360px,56vw,480px);
    align-self:center;
    margin:-8px auto;
    transform:translateY(0);
  }
}

@media(max-width:600px){
  body:has(#app>.intro-reference) .app-shell{padding:0 10px 20px}
  body:has(#app>.intro-reference) .app-shell>.topbar{height:62px;padding:0 6px}
  body:has(#app>.intro-reference) .app-shell>.topbar .brand img{width:106px}
  #app>.intro-reference{border-radius:22px}
  .intro-reference .intro-screen__main{gap:0;padding:var(--space-6) var(--space-4) calc(58px + var(--space-8) + env(safe-area-inset-bottom))}
  .intro-reference .intro-screen__content{display:contents}
  .intro-reference .intro-screen__content>.hero-kicker{order:1}
  .intro-reference .intro-screen__content>h1{order:2}
  .intro-reference .intro-screen__content>.lead{order:3}
  .intro-reference .intro-screen__content>.intro-cta-block{order:4}
  .intro-reference .intro-screen__content>.intro-reference__meta{order:5}
  .intro-reference .hero-visual--intro-collage{order:6}
  .intro-reference .intro-screen__content>.intro-reference__benefits{order:7}
  .intro-reference .hero-kicker{width:max-content;max-width:100%;align-self:flex-start;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);font-size:11px;transform:none}
  .intro-reference .hero-kicker svg{width:18px;height:18px}
  .intro-reference h1{font-size:32px;line-height:1.06}
  .intro-reference .intro-screen__content>h1{margin-top:var(--space-5);transform:none}
  #app>.intro-reference .lead{margin-top:var(--space-4);font-size:15px;line-height:1.45;transform:none}
  #app>.intro-reference .lead br{display:none}
  .intro-reference__benefits{margin-top:var(--space-5);padding:var(--space-4)}
  .intro-reference__benefits-title{font-size:16px}
  .intro-reference__benefits ul{gap:7px}
  .intro-reference__benefits li{min-height:20px;padding-left:30px;font-size:13px}
  .intro-reference__benefits li br{display:none}
  .intro-reference__benefits li::before{width:20px;height:20px;font-size:11px}
  .intro-reference .intro-cta-block{
    position:fixed;
    right:var(--space-7);
    bottom:max(var(--space-3),env(safe-area-inset-bottom));
    left:var(--space-7);
    z-index:40;
    width:auto;
    max-width:none;
    margin:0;
  }
  .intro-reference .intro-cta-block .primary{min-height:58px;font-size:16px}
  .intro-reference__meta{margin-top:var(--space-3);font-size:12px}
  .intro-reference__meta-item{min-height:48px;gap:var(--space-1);padding:var(--space-1);font-size:12px;line-height:1.15;white-space:normal;text-align:center}
  .intro-reference__meta-item svg{width:18px;height:18px;flex-basis:18px}
  .intro-reference .hero-visual--intro-collage{width:100%;height:240px;min-height:240px;margin:var(--space-5) 0 0;transform:none}
  .intro-reference__day{display:none}
  .intro-reference__task--data{top:20%;left:0;width:36%}
  .intro-reference__task--process{top:0;right:0;width:36%}
  .intro-reference__task--requirements{right:0;bottom:0;width:33%}
  .intro-reference .hero-visual--intro-collage .hero-visual__woman{left:50%;bottom:0;height:82%;transform:translateX(-50%)}
  .intro-reference .hero-visual--intro-collage .analyst-scene-flower{right:0;bottom:0;width:18%}
  body:has(#app>.intro-reference) .engineering-menu{display:none}
}

@media(prefers-reduced-motion:reduce){
  .intro-reference .intro-cta-block .primary{animation:none;transition:none}
}

/* Screen 22: professional competency profile. */
.fit-result-page>.competency-profile{
  display:grid;
  gap:var(--space-7);
  background:var(--ui-bg);
}
.competency-profile__intro{max-width:760px}
.competency-profile__intro>.eyebrow{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  gap:var(--space-2);
  margin:0 0 var(--space-4);
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-pill);
  background:var(--ui-accent-soft);
  color:var(--ui-accent)!important;
  font-size:12px;
  letter-spacing:.02em;
  text-transform:none;
}
.competency-profile__intro>.eyebrow>span{font-size:11px}
.fit-result-page>.competency-profile .competency-profile__intro>h2{
  margin:0;
  font-size:28px;
  font-weight:700;
  line-height:1.15;
}
.competency-profile__intro>p:last-child{
  margin:var(--space-3) 0 0;
  color:var(--ui-text-muted);
  font-size:15px;
  line-height:1.4;
}
.competency-profile__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--space-9);
  align-items:center;
  padding:var(--space-6);
  border:1px solid var(--ui-border-soft);
  border-radius:var(--radius-workspace);
  background:var(--ui-surface);
  box-shadow:var(--shadow-card);
}
.competency-profile__radar{min-width:0;margin:0}
.competency-profile__radar svg{display:block;width:100%;height:auto;overflow:visible}
.competency-radar__grid polygon,
.competency-radar__grid line{
  fill:none;
  stroke:var(--ui-border-soft);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.competency-radar__grid polygon:last-child{stroke:var(--ui-border)}
.competency-radar__scale text{
  fill:var(--ui-text-soft);
  font-family:Graphik,Arial,sans-serif;
  font-size:10px;
  font-weight:500;
}
.competency-radar__benchmark{
  fill:none;
  stroke:#98a2b3;
  stroke-dasharray:9 6;
  stroke-linejoin:round;
  stroke-width:3.5;
  vector-effect:non-scaling-stroke;
}
.competency-radar__shape{
  fill:rgba(61,59,255,.16);
  stroke:var(--ui-accent);
  stroke-dasharray:800;
  stroke-dashoffset:800;
  stroke-linejoin:round;
  stroke-width:5;
  vector-effect:non-scaling-stroke;
  animation:competency-radar-draw .45s ease-out forwards;
}
.competency-radar__dots circle{
  fill:var(--ui-surface);
  stroke:var(--ui-accent);
  stroke-width:3;
  vector-effect:non-scaling-stroke;
}
.competency-radar__labels text{
  fill:var(--ui-text);
  font-family:Graphik,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
}
.competency-profile__radar figcaption{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-4);
  margin-top:var(--space-3);
  color:var(--ui-text-muted);
  font-size:12px;
}
.competency-profile__radar figcaption>span{display:inline-flex;align-items:center;gap:7px}
.competency-profile__radar figcaption i{display:block;width:28px;height:0;border-top:4px solid var(--ui-accent)}
.competency-profile__radar figcaption i.is-profile{position:relative}
.competency-profile__radar figcaption i.is-profile::after{
  position:absolute;
  top:-4px;
  left:9px;
  width:6px;
  height:6px;
  border:2px solid var(--ui-accent);
  border-radius:50%;
  background:var(--ui-surface);
  content:"";
}
.competency-profile__radar figcaption i.is-benchmark{border-width:3px;border-color:#98a2b3;border-top-style:dashed}
.competency-profile__skills{display:grid;gap:var(--space-3)}
.competency-card{
  border:1px solid var(--ui-border);
  border-radius:var(--radius-card);
  background:var(--ui-surface);
  transition:border-color .2s ease,transform .2s ease;
  animation:competency-card-in .35s ease-out both;
}
.competency-card:nth-child(2){animation-delay:.04s}
.competency-card:nth-child(3){animation-delay:.08s}
.competency-card:nth-child(4){animation-delay:.12s}
.competency-card:nth-child(5){animation-delay:.16s}
.competency-card>summary{
  display:grid;
  min-height:76px;
  grid-template-columns:10px minmax(0,1fr) 44px;
  gap:var(--space-3);
  align-items:center;
  padding:var(--space-4);
  cursor:pointer;
  list-style:none;
}
.competency-card>summary::-webkit-details-marker{display:none}
.competency-card>summary>i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ui-highlight);
}
.competency-card__main{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:center;
}
.competency-card__main>b{font-size:15px;font-weight:600;line-height:1.25}
.competency-card__main>small{
  width:max-content;
  padding:6px 9px;
  border-radius:var(--radius-pill);
  background:#f1f3ff;
  color:#5360d9;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}
.competency-card--signal .competency-card__main>small{background:#eaf7d7;color:#628b14}
.competency-card--confident .competency-card__main>small{background:#eef0ff;color:#4550e6}
.competency-card--potential .competency-card__main>small{background:#f3f4f6;color:#667085}
.competency-card__toggle{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:1px solid #dde3ff;
  border-radius:50%;
  background:var(--ui-surface);
  color:var(--ui-accent);
  font-size:22px;
  font-weight:500;
  transition:transform .25s ease;
}
.competency-card[open] .competency-card__toggle{transform:rotate(45deg)}
.competency-card__explanation{
  margin:0 var(--space-4);
  padding:0 56px var(--space-4) 22px;
  border-top:1px solid var(--ui-border-soft);
  animation:competency-detail-in .3s ease-out both;
}
.competency-card__explanation>p{margin:var(--space-4) 0 0;color:var(--ui-text);font-size:13px;line-height:1.45}
.competency-card__explanation>small{display:block;margin-top:var(--space-2);color:var(--ui-text-muted);font-size:11px;line-height:1.45}
.competency-card__explanation>small>b{color:var(--ui-text);font-weight:600}
.competency-card>summary:focus-visible{outline:3px solid var(--ui-accent-focus);outline-offset:2px;border-radius:var(--radius-card)}
.competency-profile__method{
  display:flex;
  justify-content:space-between;
  gap:var(--space-4);
  align-items:center;
  padding:14px var(--space-4);
  border:1px solid var(--ui-border-soft);
  border-radius:14px;
  background:#fafbfc;
  color:var(--ui-text-muted);
  font-size:11px;
  line-height:1.4;
}
.competency-profile__method>span:first-child{display:flex;gap:var(--space-2);align-items:center}
.competency-profile__method b{
  display:grid;
  width:18px;
  height:18px;
  flex:0 0 18px;
  place-items:center;
  border:1px solid var(--ui-border);
  border-radius:50%;
  background:var(--ui-surface);
  color:var(--ui-accent);
  font-size:10px;
  font-weight:600;
}
@media(hover:hover){
  .competency-card:hover{border-color:#d8dcff;transform:translateY(-1px)}
}
@media(max-width:800px){
  .fit-result-page>.competency-profile{gap:var(--space-6)}
  .competency-profile__grid{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4)}
  .competency-profile__radar{width:100%;max-width:560px;justify-self:center}
  .competency-profile__method{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .fit-result-page>.competency-profile .competency-profile__intro>h2{font-size:24px}
  .competency-profile__intro>p:last-child{font-size:14px}
  .competency-profile__grid{padding:var(--space-3)}
  .competency-radar__labels text{font-size:15px}
  .competency-radar__scale text{font-size:12px}
  .competency-card>summary{min-height:82px;grid-template-columns:10px minmax(0,1fr) 44px;padding:var(--space-3)}
  .competency-card__main{grid-template-columns:1fr;gap:7px}
  .competency-card__main>b{display:-webkit-box;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .competency-card__explanation{margin:0 var(--space-3);padding:0 0 var(--space-4) 22px}
  .competency-profile__method{padding:var(--space-3)}
}
@keyframes competency-radar-draw{
  0%{fill-opacity:0;stroke-dashoffset:800}
  65%{fill-opacity:0;stroke-dashoffset:0}
  100%{fill-opacity:1;stroke-dashoffset:0}
}
@keyframes competency-card-in{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes competency-detail-in{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .competency-radar__shape,.competency-card,.competency-card__explanation{animation:none}
  .competency-card,.competency-card__toggle{transition:none}
}

/* Shared popup shell: one surface, controls and responsive rhythm. */
body:has(.program-insight-modal),
body:has(.simulation-name-modal),
body:has(.asis-interview-modal){overflow:hidden}

:is(.diagnostic-insight-modal,.program-insight-modal,.simulation-name-modal,.asis-interview-modal) .popup-copy-highlight{
  font-weight:700;
}

:is(.task-outcome-modal,.simulation-feedback-modal--prose) .popup-copy-highlight,
:is(.task-outcome-modal,.simulation-feedback-modal--prose) .task-result-modal__mentor p strong{
  color:var(--ui-mentor-emphasis);
  font-weight:400;
}

:is(.program-insight-modal,.simulation-name-modal,.asis-interview-modal){
  place-items:center;
  padding:var(--space-6);
}

:is(.program-insight-modal__backdrop,.simulation-name-modal__backdrop,.asis-interview-modal__backdrop){
  background:rgba(28,29,34,.42);
  backdrop-filter:blur(8px);
}

.simulation-name-modal__card{
  width:min(480px,100%);
}

.program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card,
.asis-interview-modal>section{
  width:min(636px,100%);
}

.simulation-name-modal__card,
.program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card,
.asis-interview-modal>section{
  max-height:calc(100svh - var(--space-9));
  padding:var(--space-6);
  overflow-y:auto;
  overscroll-behavior:contain;
  border:0;
  border-radius:calc(var(--radius-workspace) + var(--space-1));
  background:var(--ui-surface);
  color:var(--ui-text);
  box-shadow:var(--shadow-elevated);
}

:is(.simulation-name-modal__card,.program-insight-modal__card)::before{display:none}

:is(.program-insight-modal__close,.simulation-name-modal__close,.asis-interview-modal__close){
  top:var(--space-5);
  right:var(--space-5);
  width:40px;
  height:40px;
  border:1px solid var(--ui-border);
  background:var(--ui-surface);
  color:var(--ui-text-muted);
  font-size:24px;
  box-shadow:var(--shadow-card);
}

:is(.program-insight-modal__close,.simulation-name-modal__close,.asis-interview-modal__close):hover{
  background:var(--ui-accent-soft);
  color:var(--ui-accent);
}

.simulation-name-modal__card>.popup-copy{
  max-width:480px;
  margin:0 48px 0 0;
  color:var(--ui-text);
  font-size:28px;
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.03em;
}

.simulation-name-modal__card .field{margin-top:var(--space-4)}
.simulation-name-modal__card .field label{color:var(--ui-text);font-size:14px}
.simulation-name-modal__card .field input{
  min-height:48px;
  padding:0 var(--space-5);
  border-color:var(--ui-border);
  border-radius:var(--radius-control);
  font-size:15px;
}

:is(.program-insight-modal,.simulation-name-modal,.asis-interview-modal) .primary{
  min-height:48px;
  border-radius:var(--radius-control);
  background:var(--ui-accent);
  color:var(--ui-surface);
  font-size:15px;
  font-weight:600;
  box-shadow:var(--shadow-primary);
}

.screen11-success-modal .program-insight-modal__card{
  width:min(636px,100%);
  background:var(--ui-surface);
}
.screen11-success-modal .screen11-success__status{margin:0 48px var(--space-4) 0;font-size:14px}
.screen11-success-modal .screen11-mentor-reply{grid-template-columns:44px minmax(0,1fr);gap:var(--space-4)}
.screen11-success-modal .screen11-mentor-reply .messenger-avatar{width:44px;height:44px}
.screen11-success-modal .screen11-mentor-reply h3{font-size:24px}
.screen11-success-modal .screen11-mentor-reply p{font-size:15px;line-height:1.5}
.screen11-success-modal:not(.simulation-feedback-modal--prose) .screen11-mentor-reply p:first-of-type{
  margin-top:var(--space-1);
  color:var(--ui-text);
  font-size:22px;
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.02em;
}
.simulation-feedback-modal--prose .screen11-mentor-reply p{
  margin:var(--space-2) 0 0;
  color:var(--ui-text-muted);
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
.simulation-feedback-modal--prose .screen11-success__status{margin-bottom:var(--space-5)}
.simulation-feedback-modal--prose .screen11-mentor-reply{box-shadow:none}
.simulation-feedback-modal--prose .screen11-mentor-reply p:first-of-type{margin-top:var(--space-3)}

.task-result-standard-modal{padding:var(--space-6);overflow-y:auto}
.task-result-standard-modal .program-insight-modal__card{
  width:min(636px,100%);
  max-height:calc(100svh - var(--space-9));
  margin:auto 0;
  padding:var(--space-4);
  overflow-y:auto;
  overscroll-behavior:contain;
  border:0;
  border-radius:calc(var(--radius-workspace) + var(--space-1));
  background:var(--ui-surface);
  box-shadow:var(--shadow-elevated);
}
.task-result-standard{display:grid;min-width:0;padding:var(--space-5)}
.task-result-standard__header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);align-items:center}
.task-result-standard-modal .task-result-standard__header{padding-right:var(--space-8)}
.task-result-standard__header>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;font-weight:700}
.task-result-standard.is-success .task-result-standard__header>span{background:var(--ui-success-bg);color:var(--ui-success)}
.task-result-standard.is-review .task-result-standard__header>span{background:var(--ui-warning-bg);color:var(--ui-warning)}
.task-result-standard__header h2{margin:0;color:var(--ui-text);font-size:22px;line-height:1.12}
.task-result-standard__steps{display:grid;margin-top:var(--space-4);border-top:1px solid var(--ui-border-soft)}
.task-result-standard__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4) 0;border-bottom:1px solid var(--ui-border-soft)}
.task-result-standard__step>i{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:13px;font-style:normal;font-weight:600}
.task-result-standard :is(p,.popup-copy){margin:0;color:var(--ui-text-muted);font-size:15px;font-weight:400;line-height:1.5}
.task-result-standard__step>div{display:grid;gap:var(--space-2);min-width:0}
.task-result-standard__step>div>div{display:grid;gap:var(--space-2)}
.task-result-standard :is(.popup-copy-highlight,p strong){color:var(--ui-mentor-emphasis);font-weight:400}
.task-result-standard__mentor{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--ui-accent-soft)}
.task-result-standard__mentor .mentor-hint__avatar{width:40px;overflow:hidden;border:0}
.task-result-standard__mentor .mentor-hint__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.task-result-standard__mentor b{font-size:13px;font-weight:600;line-height:1.4}
.task-result-standard__mentor :is(p,.popup-copy){margin:var(--space-1) 0 0;font-size:14px;line-height:1.45}
.task-result-standard>.primary{width:100%;min-height:48px;margin-top:var(--space-4);border-radius:var(--radius-control);font-size:15px}
.task-result-standard__list{display:grid;gap:var(--space-2);margin:0;padding:0;color:var(--ui-text-muted);font-size:15px;line-height:1.5;list-style:none}
.task-result-standard__list li{position:relative;padding-left:var(--space-5)}
.task-result-standard__list li::before{position:absolute;top:0;left:0;color:var(--ui-warning);content:"!";font-weight:700}

.task-result-modal__feedback{display:grid;min-width:0}
.task-result-modal__list{
  display:grid;
  gap:var(--space-2);
  margin:var(--space-2) 0 0;
  padding:0;
  color:var(--ui-text-muted);
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  list-style:none;
}
.task-result-modal__list li{position:relative;padding-left:var(--space-5)}
.task-result-modal__list li::before{position:absolute;top:0;left:0;color:var(--ui-warning);content:"!";font-weight:700}
.flow-screen .simulation-feedback-modal .program-insight-modal__card>.primary,
.screen11-success-modal .program-insight-modal__card>.primary{min-height:48px;margin-top:var(--space-4)}

.asis-interview-modal__intro{
  margin:0 48px 0 0;
  color:var(--ui-text);
  font-size:28px;
  font-weight:600;
  line-height:1.25;
}
.asis-interview-modal ul{gap:var(--space-2);margin-top:var(--space-4)}
.asis-interview-modal li{
  padding:var(--space-3);
  border-color:var(--ui-border);
  border-radius:var(--radius-card);
  background:var(--ui-bg);
  color:var(--ui-text-muted);
  font-size:15px;
  line-height:1.5;
}
.asis-interview-modal li::before{color:var(--ui-accent)}
.asis-interview-modal .primary{width:100%;margin-top:var(--space-4)}

.task-outcome-modal{padding:var(--space-6);overflow-y:auto}
.task-outcome-modal .task-outcome-modal__card{
  width:min(636px,100%);
  max-height:calc(100svh - var(--space-9));
  margin:auto 0;
  padding:var(--space-4);
  overflow-y:auto;
  overscroll-behavior:contain;
  border:0;
  border-radius:calc(var(--radius-workspace) + var(--space-1));
  background:var(--ui-surface);
  box-shadow:var(--shadow-elevated);
}
.task-outcome-modal .primary{min-height:48px;border-radius:var(--radius-control);font-size:15px}
.task-outcome-modal h2{font-size:22px;line-height:1.12}
.task-outcome-modal p,
.task-outcome-modal .popup-copy{font-size:15px;line-height:1.5}
.task-outcome-modal .tool-match-course-note>.popup-copy{font-size:14px}

.program-answer-modal .program-insight-modal__close{
  top:var(--space-4);
  right:var(--space-4);
  width:40px;
  height:40px;
  font-size:24px;
}
@media(min-width:761px){
  .program-answer-modal .program-insight-modal__close{width:40px;height:40px;font-size:24px}
  .diagnostic-insight-modal__card:not(.salary-growth-modal) h2,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card h3{font-size:28px}
  .diagnostic-insight-modal__card:not(.salary-growth-modal)>.popup-copy,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card>.popup-copy{font-size:15px}
  .task-outcome-modal h2{font-size:22px}
  .task-outcome-modal p,
  .task-outcome-modal .popup-copy{font-size:15px}
  .task-outcome-modal .tool-match-course-note>.popup-copy{font-size:14px}
}
:is(.program-answer-modal__coin,.program-answer-modal__coin-ring,.program-answer-modal__bubble,.program-answer-modal__case){
  fill:color-mix(in srgb,var(--ui-accent) 12%,white);
  stroke:color-mix(in srgb,var(--ui-accent) 34%,white);
  stroke-width:4;
}
.program-answer-modal__coin-ring{fill:color-mix(in srgb,var(--ui-accent) 20%,white)}
.program-answer-modal__goal-arrow,
.program-answer-modal__coin-mark,
.program-answer-modal__dialog-line,
.program-answer-modal__case-handle,
.program-answer-modal__case-seam{
  fill:none;
  stroke:var(--ui-accent);
  stroke-width:10;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.program-answer-modal__coin-mark{stroke-width:9}
.program-answer-modal__bubble--front{fill:color-mix(in srgb,var(--ui-accent) 20%,white)}
.program-answer-modal__dialog-line{stroke-width:8}
.program-answer-modal__case{fill:color-mix(in srgb,var(--ui-accent) 16%,white)}
.program-answer-modal__case-lock{fill:var(--ui-accent)}

@media(max-width:760px){
  :is(.program-insight-modal,.simulation-name-modal,.asis-interview-modal){padding:var(--space-3)}
  .simulation-name-modal__card,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card,
  .asis-interview-modal>section{
    width:100%;
    max-height:calc(100svh - var(--space-6));
    padding:var(--space-4);
    border-radius:var(--radius-workspace);
  }
  :is(.program-insight-modal__close,.simulation-name-modal__close,.asis-interview-modal__close){top:var(--space-4);right:var(--space-4)}
  .simulation-name-modal__card>.popup-copy{font-size:24px}
  .screen11-success-modal .screen11-success__status{margin-bottom:var(--space-3)}
  .screen11-success-modal .screen11-mentor-reply{grid-template-columns:38px minmax(0,1fr);gap:var(--space-3)}
  .screen11-success-modal .screen11-mentor-reply .messenger-avatar{width:38px;height:38px}
  .diagnostic-insight-modal__card:not(.salary-growth-modal) h2,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card h3{font-size:24px}
  .diagnostic-insight-modal__card:not(.salary-growth-modal)>.popup-copy,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card>.popup-copy{font-size:15px}
  .screen11-success-modal .screen11-mentor-reply h3{font-size:22px}
  .screen11-success-modal .screen11-mentor-reply p{font-size:15px;line-height:1.5}
  .screen11-success-modal:not(.simulation-feedback-modal--prose) .screen11-mentor-reply p:first-of-type{font-size:20px;line-height:1.2}
  .simulation-feedback-modal--prose .screen11-success__status{margin-bottom:var(--space-4)}
  .simulation-feedback-modal--prose .screen11-mentor-reply p{font-size:14px;line-height:1.45}
  .task-result-modal__list{font-size:14px;line-height:1.45}
  .task-result-standard-modal{padding:var(--space-3)}
  .task-result-standard-modal .program-insight-modal__card{width:100%;max-height:calc(100svh - var(--space-6));padding:var(--space-3);border-radius:var(--radius-workspace)}
  .task-result-standard{padding:var(--space-4)}
  .task-result-standard__header h2{font-size:22px}
  .task-result-standard__step{padding:var(--space-3) 0}
  .task-result-standard :is(p,.popup-copy){font-size:14px;line-height:1.45}
  .task-result-standard__list{font-size:14px;line-height:1.45}
  .asis-interview-modal__intro{font-size:24px}
  .asis-interview-modal ul{gap:var(--space-2);margin-top:var(--space-4)}
  .asis-interview-modal li{padding:var(--space-3);font-size:15px}
  .asis-interview-modal .primary{margin-top:var(--space-4)}
  .task-outcome-modal{padding:var(--space-3)}
  .flow-screen .task-outcome-modal .task-outcome-modal__card{
    width:100%;
    max-height:calc(100svh - var(--space-6));
    padding:var(--space-3);
    border-radius:var(--radius-workspace);
  }
  .program-answer-modal .program-insight-modal__close{top:var(--space-4);right:var(--space-4)}
}

@media(max-width:760px) and (max-height:700px){
  .simulation-name-modal__card,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card,
  .asis-interview-modal>section{padding:var(--space-4)}
  .simulation-name-modal__card>.popup-copy{font-size:24px}
  .simulation-name-modal__card .field{margin-top:var(--space-4)}
  .simulation-name-modal__card .field input{min-height:52px}
  .screen11-success-modal .screen11-success__status{font-size:13px}
  .screen11-success-modal .screen11-mentor-reply h3{font-size:20px}
  .screen11-success-modal .screen11-mentor-reply p{font-size:14px}
  .screen11-success-modal:not(.simulation-feedback-modal--prose) .screen11-mentor-reply p:first-of-type{font-size:19px}
  .flow-screen .simulation-feedback-modal .program-insight-modal__card>.primary,
  .screen11-success-modal .program-insight-modal__card>.primary{min-height:52px;margin-top:var(--space-4)}
}

@media(min-width:1024px){
  .diagnostic-insight-modal__card:not(.salary-growth-modal) h2,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card h3{font-size:28px}
  .diagnostic-insight-modal__card:not(.salary-growth-modal)>.popup-copy,
  .program-insight-modal:not(.task-outcome-modal):not(.program-answer-modal) .program-insight-modal__card>.popup-copy{font-size:15px}
  .task-outcome-modal h2{font-size:22px}
  .task-outcome-modal p,
  .task-outcome-modal .popup-copy{font-size:15px}
}