.mp-case-study{--mp-bg:var(--cs-bg,transparent);--mp-bg-alt:var(--cs-bg-alt,#20265252);--mp-bg-card:var(--cs-bg-card,#fffc);--mp-bg-elevated:var(--cs-bg-elevated,#ffffffe6);--mp-border:var(--cs-border,#e5e7eb);--mp-text:var(--cs-text,#1f2937);--mp-text-muted:var(--cs-text-muted,#6b7280);--mp-primary:var(--cs-primary,#6366f1);--mp-primary-dim:var(--cs-primary-dim,#6366f11a);--mp-primary-glow:var(--cs-primary-glow,#6366f14d);--mp-success:var(--cs-success,#10b981);--mp-danger:var(--cs-danger,#ef4444);background:var(--mp-bg);color:var(--mp-text);font-family:var(--font-dm-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh;line-height:1.6}.mp-section{max-width:1200px;margin:0 auto;padding:80px 24px}.mp-section--wide{background:var(--mp-bg-alt);max-width:100%}.mp-section--wide>*{max-width:1200px;margin-left:auto;margin-right:auto}.mp-section-header{text-align:center;margin-bottom:60px}.mp-section-header__eyebrow{color:var(--mp-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:14px;font-weight:600}.mp-section-header__title{color:var(--mp-text);margin-bottom:16px;font-size:clamp(28px,5vw,40px);font-weight:700}.mp-section-header__subtitle{color:var(--mp-text-muted);max-width:600px;margin:0 auto;font-size:16px}.mp-hero{text-align:center;flex-direction:column;justify-content:center;min-height:80vh;padding-top:40px;display:flex;position:relative}.mp-hero__eyebrow{color:var(--mp-text-muted);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.mp-hero__eyebrow:before,.mp-hero__eyebrow:after{content:"";background:var(--mp-border);width:40px;height:1px}.mp-hero__title{margin-bottom:24px;font-size:clamp(36px,7vw,64px);font-weight:700;line-height:1.1}.mp-hero__title span{color:var(--mp-primary)}.mp-hero__subtitle{color:var(--mp-text-muted);max-width:600px;margin:0 auto 48px;font-size:18px;line-height:1.7}.mp-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px;display:grid}.mp-metric-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);text-align:center;border-radius:12px;padding:24px;transition:all .3s}.mp-metric-card:hover{border-color:var(--mp-primary);box-shadow:0 0 20px var(--mp-primary-dim)}.mp-metric-card__icon{margin-bottom:12px;font-size:24px}.mp-metric-card__value{color:var(--mp-primary);font-family:SF Mono,Fira Code,monospace;font-size:28px;font-weight:700}.mp-metric-card__label{color:var(--mp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:13px}.mp-code-block{background:#1e293b;border:1px solid #334155;border-radius:12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;overflow:hidden}.mp-code-block__header{background:#0f172a;border-bottom:1px solid #334155;gap:8px;padding:12px 16px;display:flex}.mp-code-block__dot{border-radius:50%;width:12px;height:12px}.mp-code-block__dot--red{background:#ff5f57}.mp-code-block__dot--yellow{background:#febc2e}.mp-code-block__dot--green{background:#28c840}.mp-code-block__content{margin:0;padding:20px;line-height:1.6;overflow-x:auto}.mp-code-block__content code{color:#94a3b8;background:0 0;border:none;padding:0}.mp-code-block .keyword{color:#c678dd}.mp-code-block .string{color:var(--mp-primary)}.mp-code-block .number{color:#d19a66}.mp-code-block .comment{color:#5c6370}.mp-tech-badge{background:var(--mp-primary-dim);color:var(--mp-primary);border-radius:20px;margin:4px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.mp-problems-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.mp-problem-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:12px;padding:28px;transition:all .3s}.mp-problem-card:hover{border-color:var(--mp-primary);transform:translateY(-4px)}.mp-problem-card__number{color:var(--mp-primary);margin-bottom:16px;font-family:SF Mono,monospace;font-size:12px;display:block}.mp-problem-card__title{color:var(--mp-text);margin-bottom:12px;font-size:18px;font-weight:600}.mp-problem-card__description{color:var(--mp-text-muted);font-size:14px;line-height:1.6}.mp-callout{background:var(--mp-primary-dim);border-left:3px solid var(--mp-primary);border-radius:0 12px 12px 0;margin:40px 0;padding:24px 28px}.mp-callout p{color:var(--mp-text);margin:0;font-size:16px;font-style:italic;line-height:1.7}.mp-architecture{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:40px 0;display:flex}.mp-arch-node{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:10px;flex-direction:column;align-items:center;gap:10px;min-width:120px;padding:20px 24px;transition:all .3s;display:flex}.mp-arch-node:hover{border-color:var(--mp-primary);box-shadow:0 0 20px var(--mp-primary-dim)}.mp-arch-node__icon{font-size:24px}.mp-arch-node__label{text-align:center;color:var(--mp-text-muted);font-size:12px;font-weight:500}.mp-arch-arrow{color:var(--mp-primary);opacity:.6;font-size:20px}.mp-strategy-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}@media (max-width:768px){.mp-strategy-grid{grid-template-columns:1fr}}.mp-strategy-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:12px;padding:28px}.mp-strategy-card__title{color:var(--mp-text);align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.mp-strategy-card__title:before{content:"";background:var(--mp-primary);border-radius:50%;width:8px;height:8px}.mp-strategy-card ul{margin:0;padding:0;list-style:none}.mp-strategy-card li{color:var(--mp-text-muted);border-bottom:1px solid var(--mp-border);padding:8px 0 8px 20px;font-size:14px;position:relative}.mp-strategy-card li:last-child{border-bottom:none}.mp-strategy-card li:before{content:"→";color:var(--mp-primary);position:absolute;left:0}.mp-product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.mp-product-grid{grid-template-columns:1fr}}.mp-product-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:12px;padding:28px;transition:all .3s}.mp-product-card:hover{border-color:var(--mp-primary)}.mp-product-card__icon{background:var(--mp-primary-dim);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.mp-product-card__title{color:var(--mp-text);margin-bottom:16px;font-size:18px;font-weight:600}.mp-product-card__list{margin:0;padding:0;list-style:none}.mp-product-card__list li{color:var(--mp-text-muted);align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;display:flex}.mp-product-card__list li:before{content:"✓";color:var(--mp-primary);flex-shrink:0;margin-top:2px;font-size:12px}.mp-latency-section{background:var(--mp-bg-elevated);border:1px solid var(--mp-border);border-radius:12px;margin-top:48px;padding:32px}.mp-latency-section__title{text-transform:uppercase;letter-spacing:.1em;color:var(--mp-text-muted);margin-bottom:24px;font-size:13px}.mp-latency-bars{flex-direction:column;gap:20px;display:flex}.mp-latency-bar{align-items:center;gap:16px;display:flex}.mp-latency-bar__label{width:140px;color:var(--mp-text-muted);flex-shrink:0;font-size:14px}.mp-latency-bar__track{background:var(--mp-bg-card);border-radius:4px;flex:1;height:8px;overflow:hidden}.mp-latency-bar__fill{background:linear-gradient(90deg,var(--mp-primary)0%,#22d3ee 100%);border-radius:4px;height:100%}.mp-latency-bar__value{text-align:right;width:80px;color:var(--mp-primary);font-family:SF Mono,monospace;font-size:14px}.mp-outcomes-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:60px;display:grid}@media (max-width:900px){.mp-outcomes-grid{grid-template-columns:repeat(2,1fr)}}.mp-outcome-stat{text-align:center;background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:12px;padding:28px 16px}.mp-outcome-stat__value{color:var(--mp-primary);margin-bottom:8px;font-family:SF Mono,monospace;font-size:24px;font-weight:600}.mp-outcome-stat__label{color:var(--mp-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.mp-cost-comparison{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:12px;margin:48px 0;padding:32px}.mp-cost-comparison__title{text-transform:uppercase;letter-spacing:.1em;color:var(--mp-text-muted);margin-bottom:28px;font-size:13px}.mp-cost-bars{flex-direction:column;gap:20px;display:flex}.mp-cost-bar{align-items:center;gap:16px;display:flex}.mp-cost-bar__label{width:140px;color:var(--mp-text-muted);flex-shrink:0;font-size:14px}.mp-cost-bar__track{background:var(--mp-bg-elevated);border-radius:6px;flex:1;height:32px;overflow:hidden}.mp-cost-bar__fill{color:#fff;border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding-right:12px;font-family:SF Mono,monospace;font-size:13px;display:flex}.mp-cost-bar__fill--expensive{background:linear-gradient(90deg,var(--mp-danger)0%,#f87171 100%)}.mp-cost-bar__fill--cheap{background:linear-gradient(90deg,var(--mp-success)0%,#4ade80 100%)}.mp-lessons-grid{border-top:1px solid var(--mp-border);grid-template-columns:1fr 1fr;gap:40px;padding-top:48px;display:grid}@media (max-width:768px){.mp-lessons-grid{grid-template-columns:1fr}}.mp-lessons-block__title{color:var(--mp-text);margin-bottom:20px;font-size:18px;font-weight:600}.mp-lessons-block ul{margin:0;padding:0;list-style:none}.mp-lessons-block li{color:var(--mp-text-muted);border-bottom:1px solid var(--mp-border);padding:12px 0 12px 20px;font-size:14px;line-height:1.6;position:relative}.mp-lessons-block li:last-child{border-bottom:none}.mp-lessons-block li:before{content:"—";color:var(--mp-primary);position:absolute;left:0}.mp-footer{text-align:center;border-top:1px solid var(--mp-border);padding:80px 24px}.mp-footer__text{max-width:600px;color:var(--mp-text-muted);margin:0 auto 32px;font-size:clamp(18px,3vw,24px);line-height:1.6}.mp-footer__badge{background:var(--mp-primary-dim);border:1px solid var(--mp-primary);color:var(--mp-primary);border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;display:inline-flex}.mp-tech-stack{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}