.mcph{background:var(--color-bg);padding:12px 140px}.mcph-panel{isolation:isolate;background:var(--color-bg);border-radius:0 0 var(--radius-surface) var(--radius-surface);min-height:calc(100svh - 96px);position:relative;overflow:hidden}.mcph-bg{z-index:0;pointer-events:none;background:var(--gradient-hero);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 62%);mask-image:linear-gradient(#0000 0%,#000 62%)}.mcph-grain{z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='mcphn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.80' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23mcphn)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.mcph-inner{z-index:1;min-height:calc(100svh - 96px);max-width:var(--container-max);padding:var(--spacing-16) var(--gutter) var(--spacing-12);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.mcph-content{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.7s cubic-bezier(.16,1,.3,1) both mcph-rise;display:flex}@keyframes mcph-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.mcph-eyebrow{font-size:var(--text-eyebrow-quiet);line-height:var(--text-eyebrow-quiet--line-height);letter-spacing:var(--text-eyebrow-quiet--letter-spacing);text-transform:uppercase;color:var(--color-magenta-600);margin:0;font-weight:600}.mcph-headline{margin:var(--spacing-4) 0 0;font-size:clamp(34px,4.8vw,54px);line-height:var(--leading-display);letter-spacing:-.03em;color:#111;max-width:16ch;font-weight:700}.mcph-sub{margin:var(--spacing-4) 0 0;font-size:var(--text-body-large);line-height:var(--leading-body);color:#1a1a1a;max-width:54ch}@media (min-width:1025px){.mcph-headline{white-space:nowrap;max-width:none;font-size:clamp(40px,4.6vw,54px)}}.mcph-cardtabs{justify-content:flex-start;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-6);border-bottom:1px solid #0000000f;flex-wrap:wrap;display:flex}.mcph-tabs{gap:var(--spacing-2);display:flex}.mcph-tab{align-items:center;gap:var(--spacing-2);min-height:40px;padding:0 var(--spacing-4);font-family:var(--font-sans);font-size:var(--text-body-small);white-space:nowrap;color:var(--color-ink-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.mcph-tab:hover{color:var(--color-ink);background:#0000000a}.mcph-tab.is-active{color:var(--color-magenta-700);background:#de28641a}.mcph-logo{flex-shrink:0;width:16px;height:16px}.mcph-logo--claude{color:#d97757}.mcph-logo--openai{color:var(--color-ink)}.mcph-logo--term{color:var(--color-ink-muted)}.mcph-tab.is-active .mcph-logo--openai,.mcph-tab.is-active .mcph-logo--term{color:var(--color-magenta-600)}.mcph-anyclient{font-size:var(--text-body-small);color:var(--color-ink-faint)}.mcph-card{width:100%;max-width:820px;margin-top:var(--spacing-8);padding:var(--spacing-6);text-align:left;border-radius:var(--radius-card);background:#fff;border:1px solid #0000000f;box-shadow:0 24px 70px #de28641f}@media (min-width:768px){.mcph-card{padding:var(--spacing-8)}}.mcph-steps{margin:0 0 var(--spacing-8);gap:var(--spacing-6);flex-direction:column;padding:0;list-style:none;display:flex}.mcph-step{align-items:baseline;gap:var(--spacing-2);display:flex}.mcph-step-num{font-size:var(--text-body);color:var(--color-magenta-600);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.mcph-step-text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink-muted)}.mcph-cli-lead{margin:0 0 var(--spacing-4);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink-muted)}.mcph-field{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);border-radius:var(--radius-card-inner);background:#f6f6f7;border:1px solid #0000000f;display:flex}.mcph-field-value{min-width:0;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.mcph-field-value::-webkit-scrollbar{display:none}.mcph-field--cli .mcph-field-value{font-family:var(--font-mono);font-size:var(--text-body-small)}.mcph-copy{width:36px;height:36px;color:var(--color-ink-muted);cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.mcph-copy svg{flex-shrink:0;width:15px;height:15px}.mcph-copy:hover{background:var(--color-fill-soft);color:var(--color-ink)}.mcph-copy.is-copied{color:var(--color-magenta-600);border-color:var(--color-magenta-200)}.mcph-foot{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);flex-wrap:wrap;display:flex}.mcph-docs{align-items:center;gap:var(--spacing-2);font-size:var(--text-body-small);color:#6b7280;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.mcph-docs:hover{color:var(--color-ink);text-decoration:underline}.mcph-action{align-items:center;gap:var(--spacing-2);min-height:40px;padding:0 var(--spacing-4);font-size:var(--text-body-small);color:var(--color-ink);border-radius:var(--radius-pill);background:0 0;border:1px solid #00000026;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.mcph-action:hover{background:#0000000a;border-color:#00000040}.mcph-action svg{flex-shrink:0;width:14px;height:14px}.mcph-tab:focus-visible,.mcph-copy:focus-visible,.mcph-docs:focus-visible,.mcph-action:focus-visible{outline:2px solid var(--color-magenta-600);outline-offset:2px}@media (max-width:1024px){.mcph{padding:12px 24px}}@media (max-width:1023px){.mcph-inner{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.mcph-cardtabs{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.mcph-tabs{scrollbar-width:none;max-width:100%;padding-bottom:2px;overflow-x:auto}.mcph-tabs::-webkit-scrollbar{display:none}.mcph-tab{min-height:44px}.mcph-copy{width:44px;height:44px}}@media (max-width:640px){.mcph{padding:8px 16px}.mcph-panel{border-radius:var(--radius-card);min-height:auto}.mcph-inner{min-height:auto}}@media (max-width:420px){.mcph-foot{flex-direction:column;align-items:stretch}.mcph-action{justify-content:center}}@media (prefers-reduced-motion:reduce){.mcph-content{animation:none}.mcph-tab,.mcph-copy,.mcph-docs,.mcph-action{transition:none}.mcph-copy:active{transform:none}}