:root{--navy:#0a1730;--ink:#17233c;--muted:#6d7a91;--line:#e2e8f0;--bg:#f4f7fb;--blue:#2765df;--teal:#16a38f;--amber:#df9220;--red:#d6425a;--violet:#7356dc}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;z-index:10;flex-direction:column;width:252px;padding:22px 15px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{align-items:center;gap:12px;padding:0 7px 22px;display:flex}.brand>span{background:linear-gradient(135deg,#367cff,#16bca8);border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 9px 26px #0005}.brand b{font-size:17px}.brand small,.role-current small,.governance small,.topbar small{color:#91a3c5;margin-top:3px;font-size:10px;display:block}.role-picker{border-top:1px solid #253756;border-bottom:1px solid #253756;padding:15px 5px}.role-picker>small{color:#7589af;letter-spacing:.12em;font-size:8px}.role-current{align-items:center;gap:9px;margin:12px 0;display:flex}.role-current>span{color:#72ddca;background:#22395c;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.role-current b{font-size:11px}.role-list{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.role-list button{color:#8fa1c3;cursor:pointer;background:#102341;border:1px solid #2a3e60;border-radius:7px;padding:7px 2px}.role-list button span{font-size:8px;font-weight:900;display:block}.role-list button b{display:none}.role-list button.selected,.role-list button:hover{color:#fff;background:#173555;border-color:#34cbb8}.sidebar nav{gap:5px;padding:16px 0;display:grid}.sidebar nav button{color:#9cacc7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:11px;display:flex}.sidebar nav button i{text-align:center;width:19px;font-size:15px;font-style:normal}.sidebar nav button em{color:#fff;background:#d6425a;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:8px;font-style:normal}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff12}.sidebar nav button.active{box-shadow:inset 3px 0 #32cbb7}.governance{background:#102a49;border:1px solid #294663;border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.governance>span{background:#2bd4a8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #2bd4a820}.governance b{font-size:10px}.governance small{font-size:8px;line-height:1.45}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.topbar b{font-size:12px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions button{border:1px solid var(--line);color:#526078;cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px}.source{color:#0d806b;background:#def7ee;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:800}.content{max-width:1500px;margin:auto;padding:30px 34px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title>div>span{letter-spacing:.14em;color:#71809a;font-size:9px;font-weight:900}.page-title h1{letter-spacing:-.035em;color:#14203a;margin:6px 0;font-size:29px}.page-title p{color:var(--muted);margin:0;font-size:11px}.page-title>button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:9px;font-weight:800}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.metric{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;padding:17px 19px;position:relative;overflow:hidden;box-shadow:0 3px 12px #17304a08}.metric:before{content:"";background:var(--blue);width:3px;position:absolute;inset:0 auto 0 0}.metric-1:before{background:var(--teal)}.metric-2:before{background:var(--violet)}.metric-3:before{background:var(--amber)}.metric span{color:#647187;font-size:10px;font-weight:700}.metric strong{margin:12px 0 2px;font-size:28px;display:block}.metric small{color:#8994a5;font-size:8px}.command-center{color:#fff;background:#0c1d38;border-radius:14px;margin-bottom:18px;padding:20px 22px;box-shadow:0 15px 35px #152c5520}.command-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.command-head h2{margin:0;font-size:14px}.command-head p{color:#aebcd1;max-width:700px;margin:5px 0 0;font-size:9px;line-height:1.6}.command-head>span{color:#6ee0ce;white-space:nowrap;background:#133247;border:1px solid #2b6570;border-radius:12px;padding:6px 8px;font-size:7px;font-weight:900}.command-center form{grid-template-columns:1fr auto;gap:8px;margin-top:15px;display:grid}.command-center input{color:#fff;background:#102846;border:1px solid #38506e;border-radius:8px;outline:none;padding:11px 13px;font-size:10px}.command-center input:focus{border-color:#45cdb9}.command-center form button{color:#092037;cursor:pointer;background:#32c7b4;border:0;border-radius:8px;padding:0 15px;font-size:9px;font-weight:900}.suggestions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.suggestions button{color:#bdccdc;cursor:pointer;background:#ffffff0b;border:1px solid #fff2;border-radius:7px;padding:5px 8px;font-size:8px}.command-result{background:#ffffff0d;border-left:3px solid #32c7b4;margin-top:12px;padding:10px 12px}.command-result b{color:#69dac9;font-size:7px}.command-result p{color:#d1deea;margin:4px 0 0;font-size:9px;line-height:1.6}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 3px 13px #17304a08}.panel>header{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:16px 18px 12px;display:flex}.panel>header h2{margin:0;font-size:12px}.panel>header p{color:#8994a6;margin:3px 0 0;font-size:8px}.panel>header>span{color:#657289;background:#edf1f6;border-radius:10px;height:max-content;padding:5px 7px;font-size:8px;font-weight:900}.task-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff2f5;grid-template-columns:28px 1fr auto 10px;align-items:center;gap:9px;width:100%;padding:11px 16px;display:grid}.task-list button:hover,.activity-list button:hover{background:#f9fbfd}.task-list button>span{width:25px;height:25px;color:var(--blue);background:#e9f1ff;border-radius:7px;place-items:center;font-size:9px;font-weight:900;display:grid}.task-list button:first-child>span{color:#b92c45;background:#ffe3e8}.task-list b,.task-list small,.activity-list b,.activity-list small{display:block}.task-list b,.activity-list b{font-size:9px}.task-list small,.activity-list small,.task-list time{color:#8994a6;margin-top:3px;font-size:7px}.task-list i{color:#8994a6;font-style:normal}.activity-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff2f5;align-items:center;gap:10px;width:100%;padding:11px 16px;display:flex}.activity-list button>span{width:25px;height:25px;color:var(--teal);background:#e2f5ee;border-radius:50%;place-items:center;font-size:9px;display:grid}.progress-panel{grid-column:1/-1}.course-tabs{gap:5px;padding:15px 18px 9px;display:flex}.course-tabs button{border:1px solid var(--line);color:#718098;cursor:pointer;background:#fff;border-radius:6px;padding:5px 8px;font-size:8px}.course-tabs button.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.progress-track{background:#edf1f5;border-radius:9px;height:8px;margin:6px 18px;overflow:hidden}.progress-track i,.mini-progress i{background:linear-gradient(90deg,var(--blue),var(--teal));height:100%;display:block}.progress-copy{grid-template-columns:1fr auto;align-items:center;padding:7px 18px 16px;display:grid}.progress-copy b{font-size:10px}.progress-copy p{color:#7c899d;grid-column:1;margin:3px 0;font-size:8px}.risk,.state{color:#11775f;background:#e3f5ee;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:900}.risk.attention,.state.review,.state.prepare{color:#986116;background:#fff0d5}.risk.blocked,.state.blocked{color:#b32642;background:#ffe2e7}.course-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.course-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;padding:19px;box-shadow:0 3px 12px #17304a08}.course-card:hover,.course-card.selected{border-color:#8eaded;transform:translateY(-2px)}.course-card>div,.course-card footer{justify-content:space-between;align-items:center;display:flex}.course-card>div>span{color:var(--blue);letter-spacing:.1em;font-size:9px;font-weight:900}.course-card h2{margin:18px 0 7px;font-size:14px}.course-card p{color:#728096;min-height:30px;font-size:9px}.mini-progress{background:#edf1f5;border-radius:8px;height:6px;margin:16px 0;overflow:hidden}.course-card footer small{color:#8490a2;font-size:8px}.course-card footer a{color:var(--blue);font-size:8px;font-weight:800;text-decoration:none}.readiness-view{grid-template-columns:.7fr 1.3fr;gap:16px;display:grid}.readiness-summary{color:#fff;background:#0d203b;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex}.readiness-summary span{color:#8fa7c4;letter-spacing:.1em;font-size:8px}.readiness-summary strong{color:#ffbd59;margin:10px 0;font-size:34px;display:block}.readiness-summary p{color:#b4c2d3;font-size:9px;line-height:1.7}.score-ring{border:8px solid #274869;border-top-color:#ffb84f;border-radius:50%;place-items:center;min-width:100px;height:100px;font-size:25px;font-weight:900;display:grid}.score-ring small{font-size:8px}.readiness-checks{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.readiness-checks article{border-bottom:1px solid #edf0f4;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.readiness-checks b{font-size:10px}.readiness-checks p{color:#7b8799;margin:4px 0 0;font-size:8px}.readiness-checks button,.table-panel button,.learning-list button{border:1px solid var(--line);color:#53627a;background:#fff;border-radius:6px;padding:6px 8px;font-size:8px}.state.ready,.state.verified{color:#0d7b60;background:#e1f5ed}.table-panel{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:auto}.table-panel table{border-collapse:collapse;width:100%;font-size:9px}.table-panel th{color:#69768b;text-align:left;letter-spacing:.08em;background:#f4f7fa;padding:11px 13px;font-size:7px}.table-panel td{border-top:1px solid #edf0f4;padding:13px}.table-panel code{color:var(--blue);font-size:8px}.gate-track{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(5,1fr);margin-bottom:16px;padding:28px 15px;display:grid;position:relative}.gate-track:before{content:"";background:#dfe5ec;height:2px;position:absolute;top:45px;left:9%;right:9%}.gate-track>div{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.gate-track span{background:#e8edf3;border:4px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:900;display:grid;box-shadow:0 0 0 1px #dce2e9}.gate-track .done span{background:var(--teal);color:#fff}.gate-track .current span{background:var(--amber);color:#fff}.gate-track b{margin-top:8px;font-size:9px}.gate-track small{color:#a06a1d;margin-top:3px;font-size:7px}.gate-finding>p,.decision-panel>p{color:#66748a;margin:0;padding:18px;font-size:10px;line-height:1.7}.value-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.value-cards article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px}.value-cards span{color:#748198;letter-spacing:.06em;font-size:8px;font-weight:800}.value-cards strong{margin:13px 0 4px;font-size:27px;display:block}.value-cards strong small{font-size:10px}.value-cards p{color:#8490a1;font-size:8px}.decision-panel>header>span{color:#9b6413;background:#fff0d3}.learning-list{gap:10px;display:grid}.learning-list article{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.learning-list article>span{width:30px;height:30px;color:var(--blue);background:#e8f0ff;border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.learning-list b{font-size:10px}.learning-list p{color:#7d899a;margin:4px 0 0;font-size:8px}@media (max-width:1100px){.metrics,.course-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.readiness-view{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.governance{display:none}.workspace{display:block}.topbar{padding:0 15px}.topbar>div:first-child{display:none}.content{padding:20px 14px}.page-title{flex-direction:column;align-items:flex-start}.metrics,.course-grid,.value-cards{grid-template-columns:1fr}.command-head{flex-direction:column}.command-center form{grid-template-columns:1fr}.command-center form button{padding:10px}.gate-track{grid-template-columns:repeat(5,120px);overflow:auto}.readiness-checks article{grid-template-columns:auto 1fr}.readiness-checks button{grid-column:2}.task-list button{grid-template-columns:28px 1fr auto}.task-list i{display:none}}
.public-site{background:#fff;min-height:100vh}.public-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffed;border-bottom:1px solid #e8edf3;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;height:72px;padding:0 max(24px,50vw - 590px);display:grid;position:sticky;top:0}.public-brand{color:var(--navy);align-items:center;gap:10px;text-decoration:none;display:flex}.public-brand span{color:#fff;background:linear-gradient(135deg,#2765df,#16a38f);border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.public-nav>div{align-items:center;gap:24px;display:flex}.public-nav>div>a{color:#5e6b80;font-size:12px;text-decoration:none}.public-actions{justify-content:flex-end}.public-actions .ghost-action{color:#253550;border:1px solid #d7dfeb;border-radius:8px;padding:9px 15px}.primary-action{background:#2765df;border-radius:8px;justify-content:center;align-items:center;padding:10px 17px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #2765df25;color:#fff!important}.primary-action.large{padding:14px 20px;font-size:13px}.hero-section{background:radial-gradient(circle at 85% 10%,#dff8f3 0,#0000 28%),linear-gradient(#f8fbff,#fff);grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:650px;padding:85px max(24px,50vw - 590px);display:grid}.eyebrow,.public-section>header>span{color:#1a8a78;letter-spacing:.16em;font-size:10px;font-weight:900}.hero-copy h1{letter-spacing:-.05em;color:#0a1730;margin:18px 0;font-size:52px;line-height:1.13}.hero-copy h1 em{color:#2765df;font-style:normal}.hero-copy>p{color:#637088;max-width:610px;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin-top:30px;display:flex}.text-action{color:#526178;font-size:12px;font-weight:700;text-decoration:none}.trust-line{color:#587066;gap:20px;margin-top:30px;font-size:10px;display:flex}.hero-console{color:#fff;background:#0b1930;border-radius:20px;overflow:hidden;transform:perspective(900px)rotateY(-2deg);box-shadow:0 30px 70px #0b193035}.console-bar{background:#101f39;align-items:center;gap:6px;height:45px;padding:0 15px;display:flex}.console-bar i{background:#47607e;border-radius:50%;width:7px;height:7px}.console-bar i:first-child{background:#ed6b70}.console-bar i:nth-child(2){background:#edb856}.console-bar i:nth-child(3){background:#39b99a}.console-bar span{color:#8da0ba;margin-left:10px;font-size:9px}.console-body{padding:32px}.console-body>small{color:#55d2bc;letter-spacing:.08em;font-size:9px}.console-body h2{margin:14px 0;font-size:22px}.console-body>p{color:#aebcd0;font-size:12px;line-height:1.8}.console-options{grid-template-columns:27px 1fr;gap:9px 12px;margin:24px 0;display:grid}.console-options span{color:#62d5c1;background:#183554;border-radius:7px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.console-options b{align-self:center;font-size:11px;font-weight:600}.console-body footer{color:#8498b3;border-top:1px solid #263851;justify-content:space-between;padding-top:18px;font-size:8px;display:flex}.console-body footer b{color:#f2bd66}.public-section{padding:100px max(24px,50vw - 590px)}.public-section>header{text-align:center;max-width:760px;margin:0 auto 48px}.public-section>header h2{letter-spacing:-.035em;color:#0b1930;margin:13px 0;font-size:34px}.public-section>header p{color:#718096;font-size:13px}.principle-grid,.benefit-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.principle-grid article,.benefit-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:27px}.principle-grid article>span{color:#2765df;font-size:11px;font-weight:900}.principle-grid h3,.benefit-grid h3{margin:23px 0 10px;font-size:16px}.principle-grid p,.benefit-grid p{color:#718096;font-size:11px;line-height:1.75}.dark-section{color:#fff;background:#0a1730}.dark-section>header h2{color:#fff}.steps{background:#263752;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.steps article{background:#0d1d36;min-height:210px;padding:30px}.steps strong{color:#54d0bc;font-size:11px}.steps h3{margin:28px 0 10px;font-size:16px}.steps p{color:#9dafc6;font-size:10px;line-height:1.8}.benefit-grid article i{color:#2765df;background:#e9f1ff;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.course-showcase{background:#f5f8fc}.public-course-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.public-course-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:24px}.public-course-grid article>span{color:#2765df;letter-spacing:.12em;font-size:9px;font-weight:900}.public-course-grid h3{margin:16px 0 8px;font-size:15px}.public-course-grid p{color:#708096;font-size:10px}.public-course-grid small{color:#19917c;border-top:1px solid #edf1f5;margin-top:20px;padding-top:14px;display:block}.public-cta{color:#fff;background:linear-gradient(120deg,#1654d3,#148f83);justify-content:space-between;align-items:center;padding:55px max(24px,50vw - 590px);display:flex}.public-cta span{letter-spacing:.12em;font-size:10px}.public-cta h2{margin:7px 0;font-size:24px}.public-cta .primary-action{background:#fff;color:#174fae!important}.public-footer{color:#fff;background:#071226;justify-content:space-between;align-items:center;height:80px;padding:0 max(24px,50vw - 590px);display:flex}.public-footer span{color:#8497b4;font-size:9px}@media (max-width:900px){.public-nav>div:nth-child(2){display:none}.hero-section{grid-template-columns:1fr;padding-top:55px}.hero-copy h1{font-size:40px}.principle-grid,.benefit-grid,.steps,.public-course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.public-nav{grid-template-columns:auto auto}.public-actions .ghost-action{display:none}.hero-section{padding:45px 20px}.hero-copy h1{font-size:34px}.hero-actions,.trust-line,.public-cta{flex-direction:column;align-items:flex-start}.principle-grid,.benefit-grid,.steps,.public-course-grid{grid-template-columns:1fr}.public-section{padding:70px 20px}.public-section>header h2{font-size:27px}.public-cta,.public-footer{height:auto;padding:36px 20px}.public-footer{flex-direction:column;align-items:flex-start;gap:15px}}