:root{--ink:#1d1d1f;--muted:#6e6e73;--green:#0071e3;--mint:#eaf4ff;--cream:#f5f5f7;--line:#e5e5e7;--orange:#bf5af2}
html{background:#fff}body{color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;letter-spacing:-.01em}
.topbar{height:52px;padding:0 max(calc((100vw - 1020px)/2),22px);background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06);backdrop-filter:saturate(180%) blur(20px)}.brand{font-size:15px;letter-spacing:-.3px}.brand span{color:var(--ink)}nav{gap:28px}nav a{color:#424245;font-size:12px}.ghost,.primary{border-radius:980px;padding:11px 18px}.ghost{background:rgba(255,255,255,.72);border-color:#d2d2d7;color:#1d1d1f}.primary{background:#0071e3;color:white}.primary:hover{background:#0077ed}
.hero{min-height:690px;padding:110px max(calc((100vw - 1020px)/2),28px);grid-template-columns:1.4fr .65fr;background:radial-gradient(circle at 78% 35%,rgba(94,92,230,.19),transparent 26%),radial-gradient(circle at 60% 50%,rgba(10,132,255,.13),transparent 30%),linear-gradient(180deg,#fbfbfd,#f5f5f7);border:0}.hero h1{font-size:clamp(52px,7vw,86px);letter-spacing:-5px;line-height:1.02}.hero h1 em{color:transparent;background:linear-gradient(90deg,#0071e3,#5e5ce6,#bf5af2);background-clip:text;-webkit-background-clip:text}.eyebrow{color:#0071e3;letter-spacing:0;font-weight:700;text-transform:none}.lead{font-size:20px;line-height:1.55;color:#6e6e73}.hero-card{padding:32px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.12);transform:rotate(1deg);backdrop-filter:blur(24px)}.score strong{color:#0071e3}.score{border-color:#e5e5e7}.trust{color:#86868b}
.audience-section{max-width:1070px;margin:-62px auto 0;padding-bottom:100px}.audience-card,.audience-note{border:0;border-radius:28px;box-shadow:none}.audience-card{min-height:230px;padding:32px}.undergraduate{background:linear-gradient(145deg,#101728,#28365f)}.vocational{background:linear-gradient(145deg,#e8f4ff,#dceaff);color:#1d1d1f}.vocational a{color:#0071e3}.audience-note{background:#f5f5f7}.audience-note strong{color:#0071e3}
.section,.system-section,.career-map-section,.action-test-section,.workspace-section{padding-top:110px;padding-bottom:110px}.section{max-width:1070px}.section-head h2{font-size:46px;letter-spacing:-2px}.section-head>p{font-size:14px}.career-map-section,.workspace-section{background:#f5f5f7}.map-layout{grid-template-columns:225px 1fr}.map-tabs{gap:7px}.map-tabs button{padding:14px 16px;border:0;border-radius:13px;background:white;color:#424245}.map-tabs button.active{background:#1d1d1f;color:white}.map-result{border:0;border-radius:28px;box-shadow:0 2px 14px rgba(0,0,0,.05)}.map-summary{border-color:#e5e5e7}.map-directions article{background:#f5f5f7;border-radius:16px}
.system-section{background:#000;color:white}.system-section .section-head>p{color:#a1a1a6}.journey{gap:12px}.journey article{border:0;border-radius:22px;background:#161617}.journey article:hover,.journey-main{background:#fff!important;color:#1d1d1f}.journey article p{color:#a1a1a6}.module-strip{gap:10px;border:0;background:transparent}.module-strip div{border-radius:16px;background:#161617}
.action-test-section{background:linear-gradient(145deg,#f5f5f7,#eaf3ff);color:#1d1d1f}.action-test-section .section-head>p{color:#6e6e73}.action-test-section .eyebrow{color:#0071e3}.test-shell{border:0;border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.08)}.test-badge,.test-outcomes span{background:#f5f5f7;border:0;color:#6e6e73}.test-intro p{color:#6e6e73}.test-panel>span{color:#0071e3}.test-progress{background:#e8e8ed}.test-progress i{background:#0071e3}.answer-list button{color:#1d1d1f;background:#f5f5f7;border:1px solid transparent;border-radius:16px}.answer-list button:hover{background:#eaf4ff;border-color:#0071e3;color:#0071e3}.action-report{color:#1d1d1f}.report-type,.report-bottom article{background:#f5f5f7}.dimension-list div{color:#424245}.dimension-list i{background:#0071e3}
form,.summary>div,.recommendations article,.notice,.plan-card,.price-card{border:0;border-radius:22px;background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.06)}form{background:#f5f5f7;box-shadow:none}select,textarea{border-color:#d2d2d7;border-radius:12px;background:white}.chips span{border:0;background:#fff;border-radius:980px}.chips input:checked+span{background:#0071e3;color:white}.free-outcome,.notice{background:white}.free-outcome span{background:#f5f5f7;color:#0071e3}
.problem-picker{justify-content:center}.problem-picker button,.choose-plan{border:0;background:#f5f5f7;color:#424245}.problem-picker button:hover,.choose-plan:hover{background:#eaf4ff;color:#0071e3}.service-recommendation{border:0;border-radius:22px;background:#eaf4ff}.pricing-grid{gap:18px}.price-card{border:1px solid #e5e5e7;box-shadow:none}.price-card.featured{color:#1d1d1f;background:#f5f5f7;border-color:#0071e3}.price-card.featured small,.price-card.featured>p,.price-card.featured li{color:#6e6e73}.price-card.selected{outline-color:#0071e3}.popular{background:#0071e3;color:#fff}
.workspace-side{background:#1d1d1f;border-radius:24px}.workflow article{border:0;border-radius:16px;background:white}.workflow .unlocked b,.status,.tag{background:#eaf4ff;color:#0071e3}.progress-ring{border-color:#424245;border-top-color:#0a84ff}.family-panel{gap:12px;border:0;background:transparent}.family-panel>div{border-radius:18px;background:white}.next-step{border-radius:28px;background:#1d1d1f}.next-step .primary{background:#0071e3;color:white}footer{background:#f5f5f7;border-color:#e5e5e7}
@media(max-width:850px){.hero{min-height:auto;padding-top:70px}.hero h1{font-size:48px;letter-spacing:-3px}.audience-section{margin:0}.section-head h2{font-size:36px}}