*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-body);background:var(--canvas);color:#1c1c2e;min-height:100vh;font-size:15px;line-height:1.7}.topbar{z-index:500;background:var(--navy);border-bottom:2px solid var(--navy-3);position:sticky;top:0;box-shadow:0 2px 20px #00000059}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;height:56px;margin:0 auto;padding:0 20px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--navy-3),var(--accent));border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.logo-text{font-family:var(--f-display);color:#fff;letter-spacing:-.3px;white-space:nowrap;font-size:16px;font-weight:700}.logo-text em{color:#c9501e66;font-style:normal}.topbar-right{color:#8fbc9a;white-space:nowrap;font-size:12px}.vault-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 50%,var(--navy-3) 100%);text-align:center;padding:36px 20px 32px}.vault-hero-inner{max-width:1100px;margin:0 auto}.vault-hero-tag{letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;font-size:11px;font-weight:600}.vault-hero-title{font-family:var(--f-display);color:#fff;margin-bottom:8px;font-size:32px;font-weight:900;line-height:1.2}.vault-hero-sub{color:#ffffffad;max-width:560px;margin:0 auto 20px;font-size:14px;line-height:1.7}.vault-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.vault-stat{text-align:center}.vault-stat-n{font-family:var(--f-display);color:var(--accent);font-size:28px;font-weight:900}.vault-stat-l{color:#ffffff80;text-transform:uppercase;letter-spacing:.07em;font-size:11px}.controls-bar{z-index:400;box-shadow:0 2px 8px var(--border-light);background:#fff;border-bottom:1px solid #e0e8e2;padding:14px 20px;position:sticky;top:56px}.controls-inner{flex-wrap:wrap;align-items:center;gap:10px;max-width:1100px;margin:0 auto;display:flex}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{color:#1c1c2e;background:var(--canvas);border:1px solid #e0e8e2;border-radius:9px;outline:none;width:100%;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px;transition:all .15s}.search-input:focus{border-color:var(--navy-3);background:#fff}.filter-select{color:#374151;background:var(--canvas);cursor:pointer;border:1px solid #e0e8e2;border-radius:9px;outline:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .15s}.filter-select:focus{border-color:var(--navy-3)}.results-count{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:12px}.clear-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e0e8e2;border-radius:9px;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.clear-btn:hover{border-color:var(--navy-3);color:var(--navy-3)}.vault-body{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.topic-section{margin-bottom:36px}.topic-header{border-bottom:2px solid #e0e8e2;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.topic-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.topic-name{font-family:var(--f-display);color:#1c1c2e;font-size:18px;font-weight:700}.topic-count{color:#6b7280;flex-shrink:0;margin-left:auto;font-size:12px}.cases-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.case-card{cursor:pointer;background:#fff;border:1px solid #e0e8e2;border-radius:12px;transition:all .18s;position:relative;overflow:hidden}.case-card:hover{box-shadow:0 8px 24px var(--border);border-color:var(--accent);transform:translateY(-3px)}.case-card.featured{border:2px solid #c97d1a}.case-card-top{border-bottom:1px solid #f0f4f1;padding:14px 14px 10px}.case-tags{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.diff-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700}.diff-beginner{background:var(--accent-pale);color:#14532d}.diff-intermediate{color:#78350f;background:#fef3c7}.diff-expert{color:#7f1d1d;background:#fde8e4}.industry-badge{background:var(--canvas-2);color:var(--navy-3);border:1px solid #c9501e33;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:600}.feat-badge{color:#78350f;background:#fff3cd;border:1px solid #ffd97d;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700}.case-title{color:#1c1c2e;margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.35}.case-org{color:#6b7280;font-size:11px}.case-card-bottom{padding:10px 14px}.case-preview{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.case-card-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.case-sections{gap:4px;display:flex}.case-section-dot{background:#c9501e33;border-radius:50%;width:5px;height:5px}.read-link{color:var(--navy-3);font-size:11px;font-weight:600}.no-results{text-align:center;color:#6b7280;padding:60px 20px}.no-results-icon{margin-bottom:10px;font-size:40px}.no-results-title{color:#374151;margin-bottom:5px;font-size:16px;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#121a12b3;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay.hidden{display:none}.modal{background:#fff;border-radius:16px;width:100%;max-width:760px;margin:auto;position:relative;overflow:hidden}.modal-header{background:var(--canvas);border-bottom:1px solid #e0e8e2;padding:22px 24px 18px}.modal-close{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e0e8e2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#c9352a;background:#fde8e4;border-color:#fca5a5}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.modal-title{font-family:var(--f-display);color:#1c1c2e;margin-bottom:4px;font-size:22px;font-weight:900;line-height:1.25}.modal-org{color:#6b7280;font-size:13px}.modal-body{padding:20px 24px}.case-section{margin-bottom:18px}.case-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--navy-3);margin-bottom:7px;font-size:10px;font-weight:700}.case-section-body{color:#374151;font-size:13.5px;line-height:1.8}.case-section-body p{margin-bottom:10px}.case-section-body p:last-child{margin-bottom:0}.case-section-body ul{margin-bottom:10px;padding-left:18px}.case-section-body li{margin-bottom:5px}.case-section-body strong{color:#1c1c2e;font-weight:600}.pause-box{background:#fffbf0;border:1px solid #ffd97d;border-radius:9px;margin:10px 0;padding:12px 14px}.pause-label{color:#c97d1a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700}.pause-q{color:#4a3510;margin-bottom:4px;padding-left:14px;font-size:13px;line-height:1.5;position:relative}.pause-q:before{content:"?";color:#c97d1a;font-size:9px;font-weight:700;position:absolute;top:2px;left:0}.outcome-box{background:var(--canvas-2);border:1px solid #c9501e33;border-radius:9px;padding:13px 15px}.outcome-label{text-transform:uppercase;letter-spacing:.07em;color:var(--navy-3);margin-bottom:8px;font-size:10px;font-weight:700}.outcome-item{color:var(--navy-2);align-items:flex-start;gap:8px;margin-bottom:5px;font-size:13px;line-height:1.5;display:flex}.outcome-item:before{content:"✓";color:var(--navy-3);flex-shrink:0;margin-top:1px;font-size:12px;font-weight:700}.lessons-box{background:var(--navy);border-radius:9px;padding:14px 16px}.lessons-label{text-transform:uppercase;letter-spacing:.08em;color:#c9501e66;margin-bottom:8px;font-size:10px;font-weight:700}.lesson-item{color:#d1fae5;gap:8px;margin-bottom:6px;font-size:13px;line-height:1.5;display:flex}.lesson-item:last-child{margin-bottom:0}.lesson-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.appq-box{background:#f0fdfa;border:1px solid #99f6e4;border-radius:9px;padding:12px 14px}.appq-label{text-transform:uppercase;letter-spacing:.06em;color:#0d9488;margin-bottom:7px;font-size:10px;font-weight:700}.appq-item{color:#1a3a3a;margin-bottom:5px;padding-left:15px;font-size:13px;line-height:1.5;position:relative}.appq-item:before{content:"→";color:#0d9488;font-size:10px;position:absolute;top:2px;left:0}.download-btn{background:var(--navy-3);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;margin-top:14px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.download-btn:hover{background:var(--navy-2)}.ti-rec{background:var(--accent-pale)}.ti-perf{background:#fef3c7}.ti-ret{background:#dbeafe}.ti-deib{background:#ede9fe}.ti-stra{background:#fde8e4}.ti-er{background:#fee2e2}.ti-wb{background:#f0fdfa}.ti-fow{background:#f1f5f9}@media (max-width:900px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cases-grid{grid-template-columns:1fr}.controls-inner{flex-direction:column}.vault-hero-title{font-size:24px}}:root{--canvas:#f8f9fc;--canvas-2:#f0f2f8;--mist:#e8ecf4;--ink:#0a1628;--ink-2:#1e2d4a;--ink-3:#5a6880;--ink-4:#9babc0;--navy:#0d1f3c;--navy-2:#162847;--navy-3:#1e3560;--navy-deep:#070f1e;--accent:#c9501e;--accent-2:#a8400f;--accent-pale:#faf0eb;--gold:#c4830a;--gold-pale:#fdf4dd;--white:#fff;--border:#0a16281a;--border-light:#0a16280f;--f-display:"Cabinet Grotesk", system-ui, sans-serif;--f-body:"Plus Jakarta Sans", system-ui, sans-serif}.brand-nav{z-index:500;background:var(--navy);border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.bn-logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.bn-pill{background:var(--accent);height:28px;font-family:var(--f-display);color:#fff;border-radius:100px;align-items:center;padding:0 11px;font-size:11px;font-weight:800;display:flex}.bn-text{font-family:var(--f-display);color:#ffffffbf;font-size:14px;font-weight:700}.bn-sep{background:#ffffff26;width:1px;height:18px}.bn-page{font-family:var(--f-display);color:#fff;font-size:14px;font-weight:700}.bn-links{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.bn-links::-webkit-scrollbar{display:none}.bn-link{font-family:var(--f-body);color:#ffffff80;white-space:nowrap;border-radius:7px;padding:5px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.bn-link:hover{color:#fff;background:#ffffff14}.bn-cta{background:var(--accent);color:#fff;height:32px;font-family:var(--f-body);border-radius:100px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.bn-cta:hover{background:var(--accent-2)}