:root{--bg:#f8f9fc;--card:#fff;--teal:#0d9488;--teal-soft:#ccfbf1;--purple:#7c3aed;--purple-soft:#ede9fe;--green:#16a34a;--green-soft:#dcfce7;--orange:#ea580c;--orange-soft:#ffedd5;--amber:#d97706;--amber-soft:#fef3c7;--red:#dc2626;--red-soft:#fee2e2;--blue:#2563eb;--blue-soft:#dbeafe;--t:#1a1a2e;--t2:#4a5568;--t3:#8896ab;--t4:#b0bec5;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px -4px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--t);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}code{font-family:JetBrains Mono,monospace;font-size:.88em;background:#f1f5f9;padding:1px 6px;border-radius:4px;color:var(--t)}.hdr{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 20px;box-shadow:0 1px 3px #0000000a}.hdr-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:58px;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand-i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--teal),#0f766e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff}.brand-t{font-size:11px;font-weight:700;color:var(--t3);line-height:1.2}.brand-t b{color:var(--teal);display:block;font-size:12px}.tabs{display:flex;gap:2px;flex-wrap:wrap}.tab-btn{padding:7px 14px;font-size:10.5px;font-weight:700;color:var(--t3);background:0;border:1px solid transparent;cursor:pointer;border-radius:14px;transition:all .2s;letter-spacing:.5px;text-transform:uppercase;font-family:inherit}.tab-btn.on{color:#fff}.wrap{max-width:1240px;margin:0 auto;padding:30px 24px 80px}.panel{display:none}.panel.on{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-eyebrow{font-size:10px;font-weight:800;color:var(--teal);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px}.hero-h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px;color:var(--t)}.hero-h1 em{font-style:italic;color:var(--teal)}.hero-sub{font-size:14px;color:var(--t2);max-width:800px;line-height:1.6}h2{font-size:16px;font-weight:800;margin:28px 0 10px;color:var(--t);letter-spacing:.3px;display:flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:2px solid var(--border);text-transform:uppercase}h2 .num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:#fff;font-size:11px;font-weight:900;flex-shrink:0}h3{font-size:13px;font-weight:800;margin:16px 0 6px;color:var(--t);text-transform:uppercase;letter-spacing:.6px}p{font-size:13px;color:var(--t2);margin-bottom:8px;line-height:1.65}ul,ol{margin:4px 0 10px 22px;font-size:12.5px;color:var(--t2);line-height:1.7}li{margin-bottom:2px}li strong{color:var(--t)}.callout{margin:12px 0;padding:12px 16px;border-radius:10px;border-left:3px solid}.callout-warn{background:#fffbeb;border-color:var(--amber)}.callout-info{background:#eff6ff;border-color:var(--blue)}.callout-success{background:#f0fdf4;border-color:var(--green)}.callout-purple{background:#faf5ff;border-color:var(--purple)}.callout-title{font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:4px}.callout-warn .callout-title{color:#78350f}.callout-info .callout-title{color:#1e3a8a}.callout-success .callout-title{color:#14532d}.callout-purple .callout-title{color:#6d28d9}.callout p{font-size:12.5px;line-height:1.6;margin:0;color:var(--t2)}.callout p+p{margin-top:6px}.callout strong{color:var(--t)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.b-jake{background:var(--teal-soft);color:#0f766e;border:1px solid #99f6e4}.b-seo{background:var(--purple-soft);color:#6d28d9;border:1px solid #ddd6fe}.b-pm{background:#fce7f3;color:#9f1239;border:1px solid #fbcfe8}.b-trung{background:var(--orange-soft);color:#c2410c;border:1px solid #fed7aa}.b-cross{background:var(--blue-soft);color:#1d4ed8;border:1px solid #bfdbfe}.b-block{background:var(--red-soft);color:#b91c1c;border:1px solid #fecaca}.b-verify{background:var(--amber-soft);color:#b45309;border:1px solid #fde68a}.b-gate{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.tbl-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border);margin:10px 0;box-shadow:var(--shadow);background:#fff}table{width:100%;border-collapse:collapse;min-width:620px}th{padding:9px 12px;font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;text-align:left;background:#f0fdf4;color:#0f766e;border-bottom:2px solid #99f6e4;position:sticky;top:0}th.jake-h{background:#f0fdfa;color:#0f766e;border-bottom-color:#99f6e4}th.seo-h{background:#faf5ff;color:#6d28d9;border-bottom-color:#e9d5ff}th.pm-h{background:#fdf2f8;color:#9f1239;border-bottom-color:#fbcfe8}th.trung-h{background:#fff7ed;color:#c2410c;border-bottom-color:#fed7aa}th.cross-h{background:#eff6ff;color:#1d4ed8;border-bottom-color:#bfdbfe}td{padding:9px 12px;font-size:11.5px;color:var(--t2);background:#fff;vertical-align:top;line-height:1.55;border-bottom:1px solid #f1f5f9}td:first-child{color:var(--t);font-weight:600;width:30%}td.task-id{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t3);width:60px}tr:last-child td{border-bottom:0}.code{background:#0c0f14;color:#e2e8f0;border-radius:8px;padding:12px 14px;margin:8px 0;font-size:11px;font-family:JetBrains Mono,monospace;line-height:1.7;overflow-x:auto;white-space:pre;border:1px solid #1e293b}.code .k{color:#60a5fa}.code .s{color:#34d399}.code .c{color:#64748b;font-style:italic}.code .n{color:#f59e0b}.role-map{background:#fff;border:2px dashed var(--amber);border-radius:10px;padding:16px;margin:12px 0}.role-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}@media(max-width:700px){.role-map-grid{grid-template-columns:repeat(2,1fr)}}.role-slot{background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:10px}.role-slot-name{font-size:10px;font-weight:800;color:#92400e;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.role-slot-desc{font-size:10.5px;color:var(--t2);line-height:1.5;margin-bottom:4px}.role-slot-fill{font-size:10px;color:#78350f;font-style:italic;padding-top:4px;border-top:1px dashed #fde68a}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center;box-shadow:var(--shadow)}.stat-num{font-size:22px;font-weight:900;color:var(--teal);line-height:1}.stat-lbl{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-top:5px}.stat.purple .stat-num{color:var(--purple)}.stat.orange .stat-num{color:var(--orange)}.stat.amber .stat-num{color:var(--amber)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:700px){.two-col{grid-template-columns:1fr}}.checklist{list-style:none;margin:8px 0;padding:0}.checklist li{padding:8px 10px 8px 36px;position:relative;font-size:12px;color:var(--t2);line-height:1.55;background:#fff;border:1px solid var(--border);border-radius:6px;margin-bottom:4px}.checklist li:before{content:"☐";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--teal);font-weight:700}.checklist li strong{color:var(--t)}.agent-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow);border-left:3px solid}.agent-card.sentinel{border-left-color:var(--teal)}.agent-card.catalyst{border-left-color:var(--purple)}.agent-card.grader{border-left-color:#9333ea}.agent-card.pmpulse{border-left-color:var(--blue)}.agent-card.future{border-left-color:var(--amber);background:#fffbeb}.agent-hdr{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.agent-name{font-size:14px;font-weight:800;color:var(--t)}.agent-kind{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--t3)}.agent-skills{font-size:11px;color:var(--t2);margin-top:6px;line-height:1.6}.agent-skills strong{color:var(--t)}.tpl-box{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:8px 0;font-size:11.5px;color:var(--t2);line-height:1.6}.tpl-box strong{color:var(--t);font-weight:700}.ftr{text-align:center;padding:20px 0 10px;border-top:1px solid var(--border);margin-top:40px}.ftr p{font-size:10px;color:var(--t4);line-height:1.6}@media(max-width:768px){.tabs{gap:2px}.tab-btn{padding:5px 9px;font-size:9px}.wrap{padding:20px 14px 50px}.brand-t{display:none}}