.problem-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.problem-picker button,.choose-plan{border:1px solid var(--line);background:white;border-radius:22px;padding:10px 14px;color:var(--ink);cursor:pointer}.problem-picker button:hover,.choose-plan:hover{border-color:var(--green);color:var(--green)}
.service-recommendation{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px;margin-bottom:24px;border:1px solid #b8d6ca;border-radius:14px;background:var(--mint)}.service-recommendation h3{margin:12px 0 4px}.service-recommendation p{margin:0;color:var(--muted);font-size:13px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.price-card.featured{background:var(--green);color:white}.price-card.selected{outline:3px solid var(--orange);outline-offset:2px}.price-card>p:first-of-type{min-height:20px;color:var(--orange);font-size:12px;font-weight:700}.price-card h3{margin:8px 0}.price-card>strong{display:block;font-size:30px}.price-card small{color:var(--muted)}.price-card.featured small,.price-card.featured>p,.price-card.featured li{color:#c9ded6}.price-card ul{padding:0;list-style:none;min-height:112px}.price-card li{margin:9px 0;color:var(--muted);font-size:13px}.popular{position:absolute;right:16px;top:16px;padding:5px 8px;border-radius:14px;background:#f2a36d;color:#45230d;font-size:10px;font-weight:800}.legal-line{text-align:center;color:var(--muted);font-size:11px;margin-top:24px}
.workspace-section{padding:90px max(calc((100vw - 1132px)/2),24px);background:#f1f4ef}.workspace-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.workspace-side{padding:26px;border-radius:14px;background:var(--ink);color:white}.workspace-side h3{font-size:28px;margin:20px 0 4px}.workspace-side>p{font-size:18px;color:#f1a875}.workspace-side label{display:block;margin-top:28px}.workspace-side select{color:var(--ink)}.progress-ring{width:110px;height:110px;margin:30px auto 0;border:9px solid #335047;border-top-color:#f1a875;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:24px}.progress-ring span{font-size:10px;color:#abc8bd}
.workflow{display:grid;gap:10px}.workflow article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:white}.workflow article>span{color:var(--orange);font-size:11px;font-weight:800}.workflow h3,.workflow p{margin:0}.workflow h3{font-size:15px}.workflow p{margin-top:5px;color:var(--muted);font-size:11px}.workflow b{padding:6px 9px;border-radius:16px;font-size:10px}.workflow .unlocked b{background:var(--mint);color:var(--green)}.workflow .locked{opacity:.48}.workflow .locked b{background:#eee;color:#777}
.family-panel{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1px;margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.family-panel>div{padding:22px;background:white}.family-panel h3{margin:0}.family-panel strong,.family-panel span{display:block}.family-panel strong{font-size:24px;color:var(--green)}.family-panel span{margin-top:6px;color:var(--muted);font-size:11px}
@media(max-width:850px){.pricing-grid,.workspace-layout,.family-panel{grid-template-columns:1fr}.service-recommendation{align-items:flex-start;flex-direction:column}}
.audience-section{max-width:1180px;margin:-42px auto 0;padding:0 24px 80px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr .85fr;gap:14px}.audience-card,.audience-note{padding:27px;border-radius:16px;box-shadow:0 18px 45px rgba(30,60,48,.11)}.audience-card{color:white;min-height:210px}.audience-card span{font-size:10px;letter-spacing:1px;opacity:.75}.audience-card h2{font-size:34px;margin:28px 0 8px}.audience-card p{font-size:13px;line-height:1.7;min-height:44px;opacity:.8}.audience-card a{color:white;font-weight:800;font-size:13px}.undergraduate{background:linear-gradient(145deg,#164f42,#0d322a)}.vocational{background:linear-gradient(145deg,#d87738,#9e431e)}.audience-note{background:#fff;color:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.audience-note strong{color:var(--orange)}.audience-note p{font-size:12px;line-height:1.8;color:var(--muted)}
.career-map-section{padding:90px max(calc((100vw - 1132px)/2),24px);background:#f1f4ef}.map-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.map-tabs{display:grid;gap:8px}.map-tabs button{padding:15px;text-align:left;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-weight:700;cursor:pointer}.map-tabs button.active{background:var(--green);border-color:var(--green);color:white}.map-result{min-height:330px;padding:30px;border-radius:16px;background:white;border:1px solid var(--line)}.map-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.map-summary .tag{width:max-content}.map-summary h3{font-size:28px;margin:8px 0}.map-summary p{color:var(--muted);margin:0}.map-summary .primary{grid-column:2;grid-row:1/4}.map-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.map-directions article{padding:18px;border-radius:10px;background:var(--cream)}.map-directions span,.map-directions strong{display:block}.map-directions span{color:var(--orange);font-size:10px;font-weight:800}.map-directions strong{margin:12px 0;font-size:14px}.map-directions p{font-size:11px;color:var(--muted);line-height:1.6}.free-outcome{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;padding:14px;border-radius:9px;background:var(--cream)}.free-outcome strong{font-size:12px}.free-outcome span{padding:5px 9px;background:white;border-radius:15px;color:var(--green);font-size:10px;font-weight:700}
@media(max-width:850px){.audience-section,.map-layout,.map-directions{grid-template-columns:1fr}.audience-section{margin:0;padding-top:20px}.map-summary{display:block}.map-summary .primary{margin-top:18px}.map-tabs{grid-template-columns:1fr 1fr}}
