.mcpt-hero h1{margin:var(--space-4) 0;color:var(--modal-text-primary);font-size:clamp(var(--text-h2),5vw,3.5rem);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.mcpt-hero p{max-width:38.75rem;margin:0 auto;line-height:var(--leading-relaxed)}.mcpt-hero p,.mcpt-intro p{color:rgba(var(--white-rgb),var(--opacity-80));font-size:var(--text-lg)}.mcpt-intro p{max-width:56rem;margin:0;line-height:1.7}.mcpt-examples h2,.mcpt-root .dev-section>h2{margin:0 0 var(--space-4);color:var(--modal-text-primary);font-size:var(--text-h5);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.mcpt-params code{color:var(--modal-accent);font-family:var(--font-mono);font-size:.9em}.mcpt-params .mcpt-type{color:var(--modal-text-secondary);font-family:var(--font-mono);font-size:.85em;white-space:nowrap}.mcpt-examples{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-5)}.mcpt-examples h2{margin-bottom:var(--space-3);font-size:var(--text-base)}.mcpt-code{display:block;margin:0;padding:var(--space-5);overflow-x:auto;border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg);color:var(--text-cyan-tinted);font-family:var(--font-mono);font-size:var(--text-ms);line-height:1.55}.mcpt-code code{background:transparent;font-family:inherit;white-space:pre}.mcpt-root .dev-callout{flex-direction:column;gap:var(--space-2)}.mcpt-root .dev-callout p{margin:0;color:var(--modal-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.mcpt-root .dev-callout .mcpt-pricing-title{margin:0;font-size:var(--text-lg)}.mcpt-cta{text-align:center}.mcpt-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.mcpt-related{margin-top:var(--space-6);color:rgba(var(--white-rgb),var(--opacity-64));font-size:var(--text-sm)}@media (max-width:820px){.mcpt-examples{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.mcpt-hero h1{font-size:var(--text-h2)}.mcpt-hero p,.mcpt-intro p{font-size:var(--text-md)}}@media (max-width:640px){.mcpt-cta-row{flex-direction:column}.mcpt-cta-row .dev-btn{width:100%}}