.sec{padding-block:var(--pad-sec)}.sec--muted{background:transparent}.page-hero{position:relative;isolation:isolate;background:var(--hero-grad);color:#fff;overflow:hidden;padding-top:calc(var(--header-h) + clamp(44px,7vh,80px));padding-bottom:clamp(46px,6vh,74px)}.page-hero .wrap{position:relative;z-index:2}.ph-glow{top:-14%;right:-4%;width:min(56vw,640px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.42),rgba(37,99,235,.1) 40%,transparent 66%);filter:blur(8px)}.ph-bg,.ph-glow{position:absolute;z-index:0;pointer-events:none}.ph-bg{inset:0}.ph-bg svg{position:absolute;top:0;right:0;height:100%;width:min(66%,820px)}.ph-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.crumbs{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:#94a3b8;margin-bottom:.8rem}.crumbs a{color:#cbd5e1}.crumbs a:hover{color:#fff}.crumbs svg{width:13px;height:13px;opacity:.6}.page-hero h1{font-size:clamp(1.9rem,1.2rem + 2.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.16;margin:.1rem 0 1rem;text-wrap:balance}.page-hero .accent{background:linear-gradient(100deg,#60A5FA,#22D3EE 55%,#F472B6);-webkit-background-clip:text;background-clip:text;color:transparent}.ph-sub{color:#cbd5e1;font-size:clamp(1rem,.95rem + .35vw,1.16rem);max-width:48rem;line-height:1.6}.ph-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.7rem}.ph-stat{display:inline-flex;align-items:baseline;gap:.45rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.5em 1.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ph-stat b{font-size:1.02rem;font-weight:800;color:#fff;letter-spacing:-.02em}.ph-stat span{font-size:.8rem;color:#cbd5e1;font-weight:600}@media (prefers-reduced-motion:no-preference){.ph-line.draw{stroke-dasharray:var(--l,2000);stroke-dashoffset:var(--l,2000);animation:phDraw 1.9s var(--ease) .2s forwards}@keyframes phDraw{to{stroke-dashoffset:0}}.ph-node{opacity:0;animation:phNode .5s ease 1.4s forwards}@keyframes phNode{to{opacity:1}}}.sec-note{display:flex;align-items:flex-start;gap:.55rem;font-size:.94rem;color:var(--sub);font-weight:600;margin:-.4rem 0 1.5rem;max-width:54rem}.sec-note svg{flex:0 0 auto;width:18px;height:18px;color:var(--primary);margin-top:.14rem}.trk-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(1rem,2vw,1.5rem);gap:clamp(1rem,2vw,1.5rem)}.trk-tab{cursor:pointer;text-align:left;width:100%;align-items:stretch}.trk-tab .track-badge,.trk-tab:before{background:var(--tc,var(--primary))}.trk-tab[aria-selected=true]{border-color:transparent;transform:translateY(-4px);box-shadow:var(--shadow-md),inset 0 0 0 2px var(--tc)}.trk-tab[aria-selected=true]:before{transform:scaleY(1)}.trk-pick{margin-top:.5rem;font-size:.8rem;font-weight:700;color:color-mix(in srgb,var(--tc) 60%,var(--ink));display:inline-flex;align-items:center;gap:.35rem;opacity:.55;transition:opacity .2s,gap .2s}.trk-tab:hover .trk-pick,.trk-tab[aria-selected=true] .trk-pick{opacity:1;gap:.55rem}.trk-panel[hidden]{display:none}.trk-panel:focus-visible{outline:2.5px solid var(--primary);outline-offset:4px;border-radius:var(--r-sm)}.trk-col h4{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin-bottom:.7rem}.trk-chips{display:flex;flex-wrap:wrap;gap:.45rem}.trk-chips li{font-size:.82rem;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--dpc) 16%,transparent);border:1px solid color-mix(in srgb,var(--dpc) 34%,transparent);padding:.36em .72em;border-radius:999px}.level-rail [data-lv="1"] .level-step{background:var(--lv-1);color:#EAF1FF}.level-rail [data-lv="2"] .level-step{background:var(--lv-2);color:#EAF1FF}.level-rail [data-lv="3"] .level-step{background:var(--lv-3);color:#fff}.level-rail [data-lv="4"] .level-step{background:var(--lv-4);color:#fff}.level-rail [data-lv="1"] .lc-kr,.level-rail [data-lv="2"] .lc-kr{color:var(--primary)}.lvl-wrap{margin-top:clamp(1.6rem,3vw,2.4rem);overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.lvl-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.92rem}.lvl-table caption{padding:1rem 1.2rem;font-size:.82rem;font-weight:700;color:var(--sub);background:var(--surface)}.lvl-table caption,.lvl-table td,.lvl-table th{text-align:left;border-bottom:1px solid var(--border)}.lvl-table td,.lvl-table th{padding:1rem 1.15rem;vertical-align:top}.lvl-table thead th{background:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);white-space:nowrap}.lvl-table tbody tr:last-child td{border-bottom:none}.lvl-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.lvl-cell{display:flex;align-items:center;gap:.7rem;min-width:9.5rem}.lvl-badge{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.92rem;background:var(--lc);color:var(--lc-ink,#fff)}.lvl-cell b{font-weight:800;letter-spacing:-.01em}.lvl-cell small{display:block;font-size:.74rem;font-weight:700;color:var(--sub)}.lvl-courses{display:flex;flex-wrap:wrap;gap:.4rem}.lvl-courses span{font-size:.8rem;font-weight:600;color:var(--sub);background:var(--muted);border:1px solid var(--border);padding:.3em .62em;border-radius:999px}.lvl-out{font-weight:700;color:var(--ink)}.lvl-out small{display:block;font-weight:600;color:var(--sub);font-size:.8rem;margin-top:.15rem}.roadmap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(.9rem,1.8vw,1.4rem);gap:clamp(.9rem,1.8vw,1.4rem);margin-top:clamp(1.6rem,3vw,2.4rem)}.roadmap:before{content:"";position:absolute;left:6%;right:6%;top:25px;height:3px;background:repeating-linear-gradient(90deg,var(--primary) 0 16px,transparent 16px 28px);opacity:.3;z-index:0}.rm-step{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1.3rem 1.15rem;display:flex;flex-direction:column;gap:.55rem;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.rm-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.rm-dot{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px var(--surface),0 0 0 6px var(--border)}.rm-dot,.rm-yr{font-weight:800}.rm-yr{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.rm-goal{font-size:1.02rem;font-weight:800;letter-spacing:-.01em}.rm-step p{font-size:.86rem;color:var(--sub);line-height:1.55}.rm-tags{display:flex;flex-wrap:wrap;gap:.35rem}.rm-tags span{font-size:.74rem;font-weight:600;color:var(--sub);background:var(--muted);border:1px solid var(--border);padding:.28em .58em;border-radius:999px}.rm-out{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);padding:.34em .72em;border-radius:999px;align-self:flex-start}.xp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(1rem,2vw,1.5rem);gap:clamp(1rem,2vw,1.5rem)}.xp-card{position:relative;border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem 1.4rem;background:var(--surface);display:flex;flex-direction:column;gap:.6rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}.xp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.xp-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--xc,color-mix(in srgb,var(--primary) 15%,transparent));color:var(--xf,var(--primary))}.xp-ic svg{width:22px;height:22px}.xp-card h3{font-size:1.06rem;font-weight:800;letter-spacing:-.01em}.xp-card p{font-size:.9rem;color:var(--sub);line-height:1.55}.xp-tag{align-self:flex-start;margin-top:auto;font-size:.7rem;font-weight:800;letter-spacing:.03em;color:var(--sub);background:var(--muted);border:1px dashed var(--border);padding:.3em .65em;border-radius:999px}.cta-links{display:flex;flex-direction:column;gap:.6rem}.cta-links .btn{width:100%;justify-content:space-between}@media (max-width:920px){.trk-tabs{grid-template-columns:1fr}.roadmap{grid-template-columns:repeat(2,1fr)}.roadmap:before{display:none}.xp-grid{grid-template-columns:1fr}}@media (max-width:640px){.roadmap{grid-template-columns:1fr}.lvl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lvl-table tbody tr{display:block;border-bottom:8px solid var(--muted)}.lvl-table tbody td{display:flex;gap:.8rem;border:none;padding:.55rem 1.1rem}.lvl-table tbody td:before{content:attr(data-label);flex:0 0 5.2rem;font-weight:800;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sub);padding-top:.15rem}.lvl-table tbody tr td:first-child{padding-top:1rem}.lvl-table tbody tr td:last-child{padding-bottom:1rem}}