:root{color:#17201c;background:#f4f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17201c;--muted: #66736d;--line: #d8d5cb;--paper: #fbfaf6;--soft: #eeece5;--accent: #0d6b5c;--accent-strong: #06483e;--warning: #b66a1f;--good: #247a4b;--ai: #375d8a;--shadow: 0 20px 60px rgba(23, 32, 28, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,textarea{font:inherit}button{cursor:pointer}.landing{min-height:100vh;background:#f4f2ec}.landing-nav{position:fixed;top:0;z-index:10;display:flex;width:100%;align-items:center;justify-content:space-between;padding:18px 32px;color:#fff}.landing-brand{font-weight:800}.landing-nav button,.primary-action{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;background:#fff;color:var(--accent-strong);padding:12px 18px;font-weight:800;box-shadow:0 10px 24px #00000024}.hero{position:relative;display:grid;min-height:92svh;align-items:center;overflow:hidden;background:linear-gradient(90deg,#06221ff0,#06221fa6 44%,#06221f1f),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2200&q=85) center / cover}.hero:after{position:absolute;right:8%;bottom:10%;width:min(44vw,620px);height:min(36vw,460px);border:1px solid rgba(255,255,255,.22);background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;content:"";opacity:.48}.hero-content{position:relative;z-index:1;width:min(780px,calc(100% - 40px));margin-left:clamp(24px,8vw,120px);color:#fff;animation:hero-in .7s ease-out both}@keyframes hero-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#91e4d5}.hero h1{max-width:760px;margin:0;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.9;letter-spacing:0}.byline{margin:18px 0 0;color:#b5fff1;font-size:1.2rem;font-weight:800}.hero-copy{max-width:590px;margin:22px 0 0;color:#ffffffe0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:34px}.hero-actions a{color:#fff;font-weight:800;text-decoration:none}.landing-section{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(280px,1fr);gap:60px;padding:92px clamp(24px,8vw,120px)}.landing-section h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.landing-section p{margin:32px 0 0;color:var(--muted);font-size:1.15rem;line-height:1.75}.method-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line)}.pillar{min-height:260px;padding:38px 34px;background:var(--paper)}.pillar svg{color:var(--accent)}.pillar h3{margin:28px 0 12px;font-size:1.35rem}.pillar p{color:var(--muted);line-height:1.6}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr) 330px;background:var(--paper)}.sidebar,.coach{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#f4f2ec;padding:18px}.coach{overflow-y:auto;border-right:0;border-left:1px solid var(--line)}.brand-button{display:flex;width:100%;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);padding:6px;text-align:left}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--accent-strong);color:#fff;font-weight:900}.brand-button strong,.brand-button small,.nav-item strong,.nav-item small{display:block}.brand-button small,.nav-item small{color:var(--muted);font-size:.78rem}.nav-list{display:grid;gap:6px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:12px;text-align:left}.nav-item.active{background:#e5f2ee;color:var(--accent-strong)}.sidebar-footer{position:absolute;right:18px;bottom:18px;left:18px;border-top:1px solid var(--line);padding-top:16px}.sidebar-footer span{display:block;color:var(--muted);font-size:.78rem}.workspace{min-width:0;padding:34px}.section-header{max-width:940px;margin-bottom:28px}.section-header h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.section-header p:last-child{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.65}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.lesson{min-height:300px;background:#fff;padding:28px}.lesson span{color:var(--accent);font-weight:900}.lesson h3{margin:34px 0 18px;font-size:1.35rem;line-height:1.15}.lesson strong{display:block;margin-bottom:12px}.lesson p,.panel p,.coach p,.summary-block p{color:var(--muted);line-height:1.6}.four-os,.assess-grid,.debrief-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.four-os div,.assess-step,.summary-block,.panel,.action-plan,.mail-view{border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}.four-os svg{color:var(--good)}.split-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.role-panel h3,.panel h3,.action-plan h3,.mail-view h3,.rubric-panel h3,.summary-block h3{margin:0 0 14px}.fact-row{display:grid;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.fact-row span,.coach-block span,.panel-title-row span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.incident-list,.competency-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.incident-list span,.competency-chips span{border-radius:999px;background:var(--soft);padding:8px 10px;color:var(--ink);font-size:.86rem}.item-picker{width:100%;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.check-list{display:grid;gap:10px}.quality-check{border-left:4px solid var(--warning);background:#fbf7ef;padding:12px 14px}.quality-check.strong{border-color:var(--good);background:#edf7f0}.quality-check.missing{border-color:#a7443f;background:#fbefee}.quality-check span{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.quality-check strong{display:block;margin-top:4px}.quality-check p{margin:5px 0 0}.coverage-panel{margin-top:18px;overflow-x:auto}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.matrix{display:grid;min-width:980px;grid-template-columns:minmax(260px,1.2fr) repeat(13,minmax(34px,1fr));gap:1px;margin-top:18px;background:var(--line)}.matrix-head,.matrix-item,.matrix-cell{background:#fff}.matrix-head{min-height:82px;padding:8px;color:var(--muted);font-size:.7rem;font-weight:800}.matrix-head.vertical{writing-mode:vertical-rl;transform:rotate(180deg)}.matrix-item{padding:10px;font-size:.82rem;font-weight:700}.matrix-cell{min-height:36px}.matrix-cell.hit{background:var(--accent)}.matrix-cell.hit.ai{background:var(--ai)}.inbox-layout{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:16px}.inbox-list{display:grid;gap:8px;align-content:start}.mail-row{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;text-align:left}.mail-row.selected{border-color:var(--accent);background:#eef8f5}.mail-row span{color:var(--warning);font-size:.72rem;font-weight:900;text-transform:uppercase}.mail-row small,.from-line,.mail-meta{color:var(--muted)}.mail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:.84rem}.mail-view p{font-size:1.02rem;line-height:1.72}.action-plan{display:grid;gap:14px;align-content:start}label{display:grid;gap:8px;color:var(--muted);font-size:.82rem;font-weight:800}textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px}textarea{min-height:130px;resize:vertical;line-height:1.5}.assess-step span{color:var(--accent);font-weight:900}.assess-step h3{min-height:50px;font-size:1rem;line-height:1.35}.rubric-panel,.feedback-note{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}.score-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.score-dial{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--accent-strong);color:#fff;padding:34px}.score-dial strong{font-size:5rem;line-height:1}.score-bars{display:grid;gap:14px}.score-bar{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.score-bar div{display:flex;justify-content:space-between;margin-bottom:10px}progress{width:100%;height:10px;overflow:hidden;border:0;border-radius:999px;background:var(--soft)}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--accent)}.feedback-note{display:flex;gap:12px;align-items:flex-start}.feedback-note svg{color:var(--accent);flex:0 0 auto}.debrief-grid{grid-template-columns:repeat(3,1fr)}.summary-block svg{color:var(--accent)}.coach-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.coach-header svg{color:var(--accent)}.coach-header strong,.coach-header span{display:block}.coach-header span{color:var(--muted);font-size:.82rem}.coach-block{margin-top:20px}.coach-block p{margin:8px 0 0}.ai-coach{border-radius:8px;background:#eaf0f7;padding:14px}.ai-coach span{color:var(--ai)}.ai-coach strong{color:var(--ink)}@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.coach{position:static;grid-column:1 / -1;height:auto;border-top:1px solid var(--line);border-left:0}.lesson-grid,.four-os,.assess-grid,.method-strip{grid-template-columns:repeat(2,1fr)}.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.action-plan{grid-column:1 / -1}}@media(max-width:820px){.landing-nav{padding:14px 18px}.landing-brand{max-width:160px}.hero{min-height:88svh}.hero-content{margin:0 auto;padding-top:70px}.landing-section,.split-layout,.score-layout,.inbox-layout,.app-shell{grid-template-columns:1fr}.landing-section{gap:18px;padding:64px 22px}.method-strip,.lesson-grid,.four-os,.assess-grid,.debrief-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-list{grid-template-columns:repeat(2,1fr)}.sidebar-footer{position:static;margin-top:16px}.workspace{padding:24px 18px}}@media(max-width:520px){.landing-nav button{padding:10px 12px}.hero h1{font-size:3rem}.nav-list{grid-template-columns:1fr}.panel-title-row,.score-bar div{align-items:flex-start;flex-direction:column}}
