:root{--case-navy:#0a2440;--case-teal:#0c8b84;--case-orange:#f07b45;--case-violet:#6556a7;--case-line:#d9e5e7}.case-page{background:#f4f7f8}.case-page .official-brand img{width:190px;height:52px;object-fit:contain}.case-intro{padding:86px 0;background:radial-gradient(circle at 82% 12%,rgba(22,181,169,.21),transparent 27%),linear-gradient(130deg,#071c38,#153d67 57%,#0a7772);color:#fff}.case-intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:68px;align-items:center}.case-kicker{display:flex;gap:10px;align-items:center;color:#96eee5;font-size:.72rem;font-weight:900;letter-spacing:.15em}.case-kicker span{width:9px;height:9px;border-radius:50%;background:#ffc15f;box-shadow:0 0 0 6px rgba(255,193,95,.13)}.case-intro h1{font-size:clamp(3.25rem,6.3vw,6.2rem);max-width:850px;color:#fff}.case-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#91e9e0}.case-intro p{font-size:1.2rem;color:#d8e8ef;max-width:720px}.case-start{display:inline-flex;align-items:center;gap:42px;margin-top:18px;padding:16px 21px;border:0;border-radius:999px;background:var(--case-orange);color:#fff;font:900 1rem inherit;box-shadow:0 17px 35px rgba(0,0,0,.2);cursor:pointer}.case-note{font-size:.78rem!important;color:#a9c7d4!important}.case-person{padding:34px;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 25px 60px rgba(0,0,0,.18)}.case-avatar{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ffaf67,#ee694d);font-size:1.8rem;font-weight:950;margin-bottom:22px}.case-person small{color:#9ce9e1;font-size:.68rem;letter-spacing:.14em;font-weight:900}.case-person h2{font-size:2.4rem;margin:7px 0 13px}.case-facts{display:grid;gap:8px;margin-top:24px}.case-facts span{padding:11px 13px;border-radius:12px;background:rgba(0,0,0,.14);font-size:.8rem}.case-facts b{display:block;color:#ffd170;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.case-app{padding:28px 0 70px;background:linear-gradient(180deg,#f4f8f8,#fff);min-height:82vh}.case-appbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 17px;border-bottom:1px solid var(--case-line)}.case-appbar>div{display:flex;align-items:center;gap:10px}.case-appbar span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--case-orange);color:#fff;font-weight:950}.case-appbar button{border:0;background:none;color:#617485;font-weight:850;cursor:pointer}.case-progress{height:7px;background:#e1eaec;border-radius:99px;overflow:hidden;margin:18px 0 26px}.case-progress i{display:block;width:14.28%;height:100%;background:linear-gradient(90deg,var(--case-orange),var(--case-teal));border-radius:99px;transition:width .3s}.case-layout{display:grid;grid-template-columns:230px 1fr;gap:30px}.case-steps{display:grid;align-content:start;gap:7px}.case-step-button{display:grid;grid-template-columns:31px 1fr;gap:10px;text-align:left;align-items:center;padding:11px;border:0;border-radius:13px;background:transparent;color:#748593;font:800 .78rem inherit;cursor:pointer}.case-step-button i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e8eef0;font-style:normal}.case-step-button.active{background:#fff;color:var(--case-navy);box-shadow:0 8px 24px rgba(15,43,64,.08)}.case-step-button.active i,.case-step-button.done i{background:var(--case-teal);color:#fff}.case-stage{min-width:0}.case-panel{background:#fff;border:1px solid var(--case-line);border-radius:26px;padding:34px;box-shadow:0 18px 48px rgba(19,47,68,.08)}.case-eyebrow{color:var(--case-teal);font-size:.7rem;letter-spacing:.14em;font-weight:950}.case-panel h2{font-size:clamp(2.15rem,4vw,3.7rem);margin:8px 0 13px}.case-lead{max-width:780px;color:#5f7383;font-size:1.07rem}.survey-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:27px 0 20px}.survey-tabs span{padding:11px 7px;border-radius:12px;background:#eff4f5;text-align:center;font-size:.72rem;font-weight:850}.survey-tabs span.active{background:var(--case-teal);color:#fff}.choice-grid,.career-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-choice{display:flex;flex-direction:column;min-height:190px;text-align:left;padding:21px;border:2px solid var(--case-teal);border-radius:20px;background:#f0fbf9;color:var(--case-navy)}.case-choice:after{content:"Maya's choice";margin-top:auto;padding-top:18px;color:var(--case-teal);font-size:.68rem;font-weight:950;letter-spacing:.08em}.case-choice i{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#dff4f1;color:var(--case-teal);font-style:normal;font-size:1.35rem;margin-bottom:16px}.case-choice b{font-size:1.05rem;margin-bottom:7px}.case-choice small{color:#667987;line-height:1.45}.case-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px}.case-next,.case-back{border:0;border-radius:999px;padding:13px 19px;font:900 .86rem inherit;cursor:pointer}.case-next{background:var(--case-orange);color:#fff}.case-back{background:#edf2f3;color:#486174}.index-layout{display:grid;grid-template-columns:1fr .75fr;gap:24px;margin-top:25px}.index-breakdown{display:grid;gap:9px}.index-row{display:grid;grid-template-columns:130px 1fr 90px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e5edef;font-size:.82rem}.index-row i,.path-domain i{height:8px;background:#edf1f2;border-radius:99px;overflow:hidden}.index-row i b,.path-domain i b{display:block;height:100%;background:var(--case-teal)}.index-row strong{text-align:right}.index-total{padding:26px;border-radius:22px;background:linear-gradient(145deg,#0b3857,#0b807b);color:#fff;align-self:start}.index-total small{font-weight:900;letter-spacing:.12em;color:#9aeee6}.index-total b{display:block;font-size:3rem;margin:7px 0}.index-total p{color:#d6ebed;font-size:.86rem}.career-option{display:flex;flex-direction:column;padding:22px;border:1px solid var(--case-line);border-radius:20px;background:#fff}.career-option.recommended{border:2px solid var(--case-teal);box-shadow:0 12px 32px rgba(12,139,132,.13)}.match{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#e9f8f6;color:#08756f;font-size:.64rem;font-weight:950}.career-option h3{font-size:1.18rem;margin:16px 0 8px}.career-option p{color:#687b89;font-size:.84rem;min-height:62px}.career-option dl{margin:auto 0 0;display:grid;gap:7px}.career-option dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e7edef;padding-top:7px;font-size:.74rem}.career-option dt{color:#6f818d}.career-option dd{margin:0;font-weight:900}.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.report-tabs span{padding:8px 11px;border-radius:999px;background:#eef3f4;font-size:.72rem;font-weight:850}.report-tabs span:first-child{background:var(--case-violet);color:#fff}.report-tile{padding:19px;border:1px solid var(--case-line);border-radius:17px;background:#fbfdfd}.report-tile small{color:var(--case-teal);font-weight:900}.report-tile b{display:block;margin:8px 0}.report-tile p{font-size:.8rem;color:#697b88;margin:0}.education-route{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.education-route div{position:relative;padding:18px;border-radius:17px;background:#f3f7f8;border:1px solid var(--case-line);min-height:150px}.education-route div:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;color:var(--case-orange);font-weight:950}.education-route span{display:block;color:var(--case-orange);font-size:.68rem;font-weight:950}.education-route b{display:block;margin:10px 0}.education-route small{color:#6a7b87}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.path-domain{padding:16px;border:1px solid var(--case-line);border-radius:16px}.path-domain header{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:900}.path-domain i{display:block;margin:11px 0}.path-domain small{color:#6e7f8b}.case-finish{padding:27px;border-radius:22px;background:linear-gradient(135deg,#0a3556,#0b817b);color:#fff;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.case-finish h3{font-size:1.7rem;margin-bottom:7px}.case-finish p{color:#d5e9ec;margin:0}.case-finish .btn{white-space:nowrap}@media(max-width:1000px){.case-intro-grid{grid-template-columns:1fr}.case-layout{grid-template-columns:1fr}.case-steps{grid-template-columns:repeat(7,minmax(145px,1fr));overflow:auto}.choice-grid,.career-grid{grid-template-columns:1fr 1fr}.survey-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.case-intro{padding:58px 0}.case-intro h1{font-size:3.15rem}.case-panel{padding:23px}.choice-grid,.career-grid,.report-grid,.education-route,.path-grid,.index-layout{grid-template-columns:1fr}.survey-tabs{grid-template-columns:1fr 1fr}.index-row{grid-template-columns:92px 1fr 75px}.education-route div:not(:last-child):after{display:none}.case-finish{align-items:flex-start;flex-direction:column}.case-page .official-brand img{width:155px;height:43px}}