:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}#app{min-height:100vh}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:end;margin-bottom:28px;padding:32px 0 20px;border-bottom:1px solid #d9e1ec}.hero__copy{max-width:760px}.eyebrow{margin:0 0 14px;color:#2f6b5f;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:720px;font-size:4rem;line-height:.96;letter-spacing:0}.hero__copy p:last-child{max-width:690px;margin-top:18px;color:#526173;font-size:1.05rem;line-height:1.65}.hero__panel{display:grid;gap:0;overflow:hidden;border:1px solid #d9e1ec;border-radius:8px;background:#fff}.hero__panel div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #e7edf4}.hero__panel div:last-child{border-bottom:0}.hero__panel strong{color:#172033;font-size:1.55rem;line-height:1}.hero__panel span{color:#657386;font-size:.9rem}.knowledge-flow{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.knowledge-flow:before{position:absolute;top:50%;left:2%;right:2%;height:1px;background:#cfd9e6;content:""}.knowledge-node{position:relative;display:grid;gap:8px;min-height:92px;align-content:center;padding:16px;border:1px solid #d9e1ec;border-radius:8px;background:#fff}.knowledge-node span{color:#6b7889;font-size:.76rem;font-weight:800;letter-spacing:0}.knowledge-node strong{font-size:.98rem}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.domain-card{--accent: #2f6b5f;--accent-soft: #e6f4ef;display:grid;gap:18px;min-height:420px;padding:22px;border:1px solid #d9e1ec;border-top:4px solid var(--accent);border-radius:8px;background:#fff}.tone-mint{--accent: #16846f;--accent-soft: #e5f5f1}.tone-blue{--accent: #2563eb;--accent-soft: #e8efff}.tone-rose{--accent: #d94670;--accent-soft: #fde8ef}.tone-amber{--accent: #b7791f;--accent-soft: #fff2d9}.tone-violet{--accent: #7c3aed;--accent-soft: #f0e8ff}.tone-green{--accent: #3f7b2f;--accent-soft: #e9f5e5}.domain-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.domain-card__level{margin-bottom:8px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.domain-card h2{font-size:1.35rem;line-height:1.2;letter-spacing:0}.domain-card__mark{width:16px;height:16px;flex:0 0 auto;margin-top:4px;border:4px solid var(--accent);border-radius:50%;background:#fff}.domain-card__summary{color:#526173;font-size:.95rem;line-height:1.58}.skill-list{display:grid;gap:14px}.skill-row{display:grid;gap:7px}.skill-row__label{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#253044;font-size:.9rem}.skill-row__label strong{color:#526173;font-size:.82rem}.skill-row__bar{height:6px;overflow:hidden;border-radius:4px;background:#edf2f7}.skill-row__bar span{display:block;width:var(--value);height:100%;border-radius:inherit;background:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:auto}.tag-row span{padding:6px 8px;border:1px solid transparent;border-radius:4px;background:var(--accent-soft);color:#26354a;font-size:.78rem;font-weight:700;line-height:1}@media(max-width:980px){.hero{grid-template-columns:1fr;align-items:start}.hero__panel{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__panel div{display:grid;gap:6px;border-right:1px solid #e7edf4;border-bottom:0}.hero__panel div:last-child{border-right:0}.knowledge-flow,.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-flow:before{display:none}}@media(max-width:640px){.app-shell{width:min(100% - 24px,1180px);padding:22px 0 36px}.hero{gap:20px;margin-bottom:20px;padding:24px 0 18px}h1{font-size:2.55rem;line-height:1}.hero__copy p:last-child{font-size:1rem}.hero__panel,.knowledge-flow,.domain-grid{grid-template-columns:1fr}.hero__panel div{border-right:0;border-bottom:1px solid #e7edf4}.hero__panel div:last-child{border-bottom:0}.knowledge-node{min-height:76px}.domain-card{min-height:auto;padding:20px}}