.ms-mermaid-wrap{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem;display:flex}.ms-mermaid-wrap .mermaid{justify-content:center;width:100%;display:flex}.ms-mermaid-wrap .mermaid svg{max-width:100%;height:auto}.ms-tradeoffs-section{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem;display:grid}.ms-tradeoff-column{border:1px solid var(--border);background:#0003;border-radius:12px;padding:1.6rem}.ms-tradeoff-title{font-family:var(--font-hero);border-bottom:2px solid var(--border);letter-spacing:-.03em;margin-bottom:1.2rem;padding-bottom:.8rem;font-size:1.15rem;font-weight:800}.ms-tradeoff-title.benefits{color:#69f0ae;border-bottom-color:#69f0ae}.ms-tradeoff-title.challenges{color:#ff9100;border-bottom-color:#ff9100}.ms-benefit-list,.ms-challenge-list{flex-direction:column;gap:1rem;display:flex}.ms-benefit-item,.ms-challenge-item{background:#00000026;border-radius:8px;align-items:flex-start;gap:.8rem;padding:.8rem;transition:all .2s;display:flex}.ms-benefit-item:hover,.ms-challenge-item:hover{background:#00000040;transform:translate(4px)}.ms-benefit-icon,.ms-challenge-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.ms-benefit-icon{color:#fff;text-shadow:0 0 10px #69f0ae66;background:#69f0ae40}.ms-challenge-icon{color:#fff;text-shadow:0 0 10px #ff910066;background:#ff910040}.ms-benefit-name,.ms-challenge-name{font-family:var(--font-hero);color:var(--text-hi);letter-spacing:-.01em;font-size:.85rem;font-weight:700}.ms-benefit-desc,.ms-challenge-desc{color:var(--text);margin-top:.4rem;font-size:.72rem;line-height:1.5}.ms-flow-section{z-index:1;max-width:1100px;margin:2rem auto 3rem;padding:0 1rem;position:relative}.ms-flow-controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.ms-flow-btn{background:var(--surface);color:var(--text);border:1px solid var(--border2);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;border-radius:8px;padding:.5rem 1rem;transition:all .25s}.ms-flow-btn:hover{border-color:var(--purple);color:var(--purple);background:#7c4dff0d}.ms-flow-btn.active{background:linear-gradient(135deg,var(--purple),#7c4dffcc);color:#fff;border-color:var(--purple);font-weight:700;box-shadow:0 0 16px #7c4dff66}.ms-flow-container{border:1px solid var(--border);background:#12161f80;border-radius:12px;margin-top:1.5rem;padding:2rem}.ms-flow-header{text-align:center;margin-bottom:2rem}.ms-flow-title{font-family:var(--font-hero);color:var(--text-hi);letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.4rem;font-weight:800}.ms-flow-desc{color:var(--text-dim);font-size:.8rem}.ms-flow-diagram{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-items:center;gap:1.2rem;min-height:200px;margin:2rem 0;display:grid}.ms-node{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.ms-node:before{content:"";opacity:0;background:linear-gradient(135deg,#7c4dff1a 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.ms-node:hover{border-color:var(--purple);background:#7c4dff0d;transform:translateY(-4px)}.ms-node:hover:before{opacity:1}.ms-node.active{border-color:var(--purple);background:#7c4dff26;animation:1.2s ease-in-out infinite pulse-node;box-shadow:0 0 20px #7c4dff66,inset 0 0 20px #7c4dff1a}@keyframes pulse-node{0%,to{box-shadow:0 0 20px #7c4dff66,inset 0 0 20px #7c4dff1a}50%{box-shadow:0 0 30px #7c4dff99,inset 0 0 30px #7c4dff26}}.ms-node-icon{z-index:1;margin-bottom:.4rem;font-size:1.8rem;display:block}.ms-node-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-dim);text-align:center;z-index:1;line-height:1.3}.ms-node.active .ms-node-label{color:var(--purple);font-weight:600}.ms-step-indicator{background:#7c4dff0d;border:1px solid #7c4dff33;border-radius:10px;flex-direction:column;justify-content:center;min-height:60px;margin-top:2rem;padding:1.2rem;display:flex}.ms-step-text{color:var(--text);font-size:.9rem;font-family:var(--font-hero);min-height:1.3em;margin:0 0 .8rem;font-weight:600;line-height:1.5}.ms-step-progress{align-items:center;gap:.8rem;display:flex}.ms-step-bar{background:var(--border);border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.ms-step-fill{background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:3px;height:100%;transition:width .4s}.ms-step-count{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);white-space:nowrap}.ms-comparison-wrap{max-width:1200px;margin:0 auto 2rem;padding:0 1rem;overflow-x:auto}.ms-comparison-table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;font-size:.8rem;overflow:hidden}.ms-comparison-table thead{border-bottom:2px solid var(--border);background:#7c4dff14}.ms-comparison-table th{text-align:left;font-family:var(--font-hero);color:var(--purple);letter-spacing:0;padding:.8rem;font-weight:800}.ms-comparison-table td{border-bottom:1px solid var(--border2);color:var(--text);padding:.8rem}.ms-comparison-table tbody tr:hover{background:#7c4dff0d}.ms-comparison-table tbody tr:last-child td{border-bottom:none}.aspect-cell{color:var(--text-hi);font-weight:700;font-family:var(--font-hero);flex-shrink:0;width:140px}.monolith-col{text-align:center;background:#ff40810d;border-right:1px solid #ff408133;width:100px}.ms-col{text-align:center;background:#7c4dff0d;width:100px}.monolith-col.score,.ms-col.score{font-family:var(--font-mono);font-weight:700}.monolith-col.score{color:#ff4081cc}.ms-col.score{color:var(--purple)}.desc-cell{color:var(--text-dim);max-width:250px;font-size:.75rem}@media (max-width:768px){.ms-comparison-table{font-size:.7rem}.ms-comparison-table td,.ms-comparison-table th{padding:.5rem}.aspect-cell{width:80px}.desc-cell{max-width:120px}}.ms-resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.ms-resource-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;padding:1.4rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.ms-resource-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#7c4dff1a 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.ms-resource-card:hover{border-color:var(--purple);background:#7c4dff0d;transform:translateY(-6px);box-shadow:0 12px 32px #7c4dff26}.ms-resource-card:hover:before{opacity:1}.ms-resource-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ms-resource-type{font-size:1.4rem}.ms-resource-icon{color:var(--text-dim);transition:all .2s}.ms-resource-card:hover .ms-resource-icon{color:var(--purple);transform:translate(3px)translateY(-3px)}.ms-resource-title{font-family:var(--font-hero);color:var(--text-hi);letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.4}@keyframes slide-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.ms-flow-diagram{grid-template-columns:repeat(2,1fr);gap:.8rem}.ms-node{width:80px;height:80px}.ms-node-icon{margin-bottom:.2rem;font-size:1.4rem}.ms-node-label{font-size:.6rem}.ms-tradeoffs-section{gap:1.5rem;padding:0}.ms-flow-container{padding:1.2rem}.ms-comparison-table th,.ms-comparison-table td{padding:.5rem}.aspect-cell{width:auto}.desc-cell{display:none}.ms-resources-grid{grid-template-columns:1fr;padding:0}}@media (max-width:480px){.ms-flow-controls{gap:.4rem}.ms-flow-btn{padding:.4rem .7rem;font-size:.65rem}.ms-node{width:70px;height:70px}.ms-node-icon{font-size:1.2rem}.ms-tradeoff-column{padding:1rem}.ms-benefit-item,.ms-challenge-item{gap:.6rem;padding:.6rem}}[data-theme=light] .ms-flow-section,[data-theme=light] .ms-mermaid-wrap{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}