.mcp-product{--scene-bg:var(--pixel-paper);--scene-panel:var(--pixel-lilac);--scene-border:var(--pixel-ink);--scene-text:var(--pixel-ink);--scene-muted:var(--muted);--scene-mint:var(--blue-700);--scene-violet:var(--blue-700);color:var(--text)}.mcp-product-container{width:min(1440px,100% - 64px);margin-inline:auto}.mcp-product-container--narrow{max-width:900px}.mcp-product-hero{background:radial-gradient(ellipse at 75% 10%, #1e294b, transparent 58%), var(--navy-950);color:var(--scene-text);padding:88px 0 64px}.mcp-product-hero-grid{grid-template-columns:.85fr 1.25fr;align-items:center;gap:48px;display:grid}.mcp-product-hero h1{letter-spacing:-.05em;color:var(--scene-text);text-wrap:balance;max-width:720px;margin:20px 0 24px;font-size:clamp(2.5rem,4.3vw,4.4rem);line-height:1.08}.mcp-product-eyebrow{letter-spacing:.14em;color:var(--violet-600);margin:0 0 16px;font-size:.75rem;font-weight:700}.mcp-product-hero .mcp-product-eyebrow,.mcp-product-section--dark .mcp-product-eyebrow,.mcp-product-final .mcp-product-eyebrow{color:var(--scene-mint)}.mcp-product-lead{color:var(--scene-muted);max-width:650px;font-size:1.125rem;line-height:1.7}.mcp-product-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.mcp-product-hero .btn--secondary,.mcp-product-final .btn--secondary{color:var(--scene-text);border-color:var(--scene-border);background:0 0}.mcp-product-signals{color:var(--scene-muted);flex-wrap:wrap;gap:12px 20px;margin:28px 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.mcp-product-signals li:before{content:"✓";color:var(--scene-mint);margin-right:7px}.mcp-product-subnav{border-bottom:1px solid var(--border);background:#fff}.mcp-product-subnav>div{flex-wrap:wrap;gap:28px;display:flex}.mcp-product-subnav a{min-height:52px;color:var(--text-2);align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.mcp-product-section{padding:80px 0}.mcp-product-section h2,.mcp-product-final h2{letter-spacing:-.04em;text-wrap:balance;max-width:920px;margin:0 0 32px;font-size:clamp(1.875rem,3vw,3rem);line-height:1.2}.mcp-product-section--soft{background:var(--off)}.mcp-product-section--dark,.mcp-product-final{background:var(--pixel-lilac);color:var(--scene-text)}.mcp-product-section--dark h2,.mcp-product-section--dark h3,.mcp-product-final h2{color:var(--scene-text)}.mcp-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mcp-capability-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:28px}.mcp-card-number{font-family:var(--font-mono);color:var(--violet-600);margin-bottom:34px;font-size:.875rem;display:block}.mcp-capability-card h3{letter-spacing:-.02em;margin:0 0 12px;font-size:1.25rem;line-height:1.35}.mcp-capability-card p{color:var(--text-2);margin:0;font-size:1rem;line-height:1.7}.mcp-section-lead{max-width:800px;color:var(--scene-muted);margin:-12px 0 36px}.mcp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mcp-client-card{border:1px solid var(--scene-border);border-radius:var(--radius-lg);background:var(--scene-bg);flex-direction:column;padding:28px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.mcp-client-card:hover{border-color:var(--scene-mint);text-decoration:none;transform:translateY(-3px)}.mcp-client-mark{background:var(--white);width:48px;height:48px;color:var(--navy-950);font-size:1.4rem;font-weight:750;font-family:var(--font-mono);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.mcp-client-card h3{margin:0 0 8px;font-size:1.25rem}.mcp-client-card p{color:var(--scene-muted);flex:1;margin:0 0 24px;font-size:1rem}.mcp-client-link,.mcp-text-link{color:var(--scene-mint);font-size:.9375rem;font-weight:650}.mcp-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.mcp-setup-grid li{border-top:1px solid var(--border-strong);padding-top:24px}.mcp-setup-grid li>span{font-family:var(--font-mono);color:var(--violet-600)}.mcp-setup-grid h3{margin:14px 0 10px;font-size:1.125rem;line-height:1.4}.mcp-setup-grid p,.mcp-client-docs{color:var(--text-2);font-size:1rem}.mcp-client-docs{margin-top:28px}.mcp-setup-note{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:28px;padding:24px}.mcp-setup-note strong{margin-bottom:12px;display:block}.mcp-setup-note code{background:var(--pixel-lilac);color:var(--scene-mint);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;padding:16px;display:block}.mcp-setup-note p{margin:12px 0 0;font-size:.9375rem}.mcp-data-layer{border:1px solid var(--scene-border);background:var(--scene-bg);border-radius:20px;grid-template-columns:1fr .8fr 1fr;align-items:center;gap:32px;margin-bottom:24px;padding:36px;display:grid}.mcp-data-sources>span{color:var(--scene-mint);font-size:1.125rem;font-weight:650}.mcp-data-sources p{color:var(--scene-muted);margin:8px 0 24px;font-size:1rem}.mcp-data-sources p:last-child{margin-bottom:0}.mcp-data-core{text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.mcp-data-core strong{color:var(--scene-mint);border:1px solid var(--scene-mint);box-shadow:var(--pixel-shadow);background:var(--pixel-mint);border-radius:16px;padding:24px;font-size:2rem}.mcp-data-core>span{color:var(--scene-muted);font-size:.875rem}.mcp-data-core .mcp-data-connector{color:var(--scene-mint);font-size:2rem;position:absolute;top:26px;left:-10px}.mcp-data-output{gap:12px;display:grid}.mcp-data-output>span{background:var(--scene-panel);border:1px solid var(--scene-border);border-radius:10px;padding:16px 20px;font-size:1rem}.mcp-product-faq details{border-bottom:1px solid var(--border);padding:20px 0}.mcp-product-faq summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.mcp-product-faq p{color:var(--text-2);margin:16px 0 0;font-size:1rem}.mcp-related-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mcp-related-links a{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:20px;font-size:1rem;font-weight:600;display:flex}.mcp-product-final{padding:64px 0 80px}.mcp-product-final h2{max-width:850px;margin-bottom:0}.mcp-product-hero--center .mcp-product-hero-grid{text-align:center;flex-direction:column;gap:36px;display:flex}.mcp-product-hero--center h1{max-width:1000px;margin-inline:auto}.mcp-product-hero--center .mcp-product-lead{max-width:820px;margin-inline:auto}.mcp-product-hero--center .mcp-product-actions,.mcp-product-hero--center .mcp-product-signals{justify-content:center}.mcp-compare-hero-pair{color:var(--scene-muted);align-items:center;gap:24px;font-size:1rem;display:flex}.mcp-compare-hero-pair>span:first-child{color:var(--scene-mint);font-weight:750}.mcp-compare-hero-pair>span:not(:nth-child(2)){border:1px solid var(--scene-border);border-radius:12px;padding:16px 24px}.mcp-compare-scroll{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:auto}.mcp-compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;margin:0;font-size:1rem}.mcp-compare-table caption{text-align:left;color:var(--text);padding:20px 24px;font-weight:650}.mcp-compare-table th,.mcp-compare-table td{border-top:1px solid var(--border);vertical-align:top;width:36%;padding:20px 24px}.mcp-compare-table th:first-child{width:28%}.mcp-compare-table thead{background:var(--pixel-lilac);color:var(--pixel-ink)}.mcp-compare-table tbody td:nth-child(2){background:var(--violet-50)}.mcp-compare-source{color:var(--muted);max-width:1000px;margin:20px 0 0;font-size:.875rem;line-height:1.7}.mcp-story{border:1px solid var(--scene-border);background:var(--scene-bg);min-width:0;box-shadow:var(--pixel-shadow);color:var(--scene-text);border-radius:18px;overflow:hidden}.mcp-story-top{border-bottom:1px solid var(--scene-border);align-items:center;gap:12px;padding:16px 20px;font-size:.75rem;font-weight:600;display:flex}.mcp-window-dots{gap:5px;display:flex}.mcp-window-dots i{background:#708197;border-radius:50%;width:6px;height:6px}.mcp-story-divider{color:var(--scene-muted);margin-inline:4px}.mcp-story-tag{letter-spacing:.05em;color:var(--scene-mint);margin-left:auto;font-size:.625rem}.mcp-story-tabs{border-bottom:1px solid var(--scene-border);gap:8px;padding:12px 16px;display:flex}.mcp-story button{color:var(--scene-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:9px 12px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .2s,border-color .2s}.mcp-story button:hover{color:var(--scene-text);background:var(--scene-panel)}.mcp-story button[aria-selected=true],.mcp-story button[aria-pressed=true]{color:var(--scene-mint);background:var(--pixel-mint);border-color:var(--pixel-ink)}.mcp-story-scene{grid-template-columns:1.05fr .95fr;min-height:352px;display:grid}.mcp-story-chat{border-right:1px solid var(--scene-border);flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.mcp-story-user{background:var(--pixel-yellow);border:2px solid var(--pixel-ink);box-shadow:var(--shadow-sm);color:var(--scene-text);border-radius:12px 12px 3px;align-self:flex-end;max-width:95%;padding:12px 16px;font-size:.875rem;line-height:1.6}.mcp-story-tool{color:var(--scene-mint);font-size:.75rem;line-height:1.6}.mcp-story-tool>span:last-child{color:var(--scene-muted);margin-top:4px;font-size:.6875rem;display:block}.mcp-story-answer{min-height:140px}.mcp-story-answer strong{color:var(--scene-text);font-size:.875rem}.mcp-story-answer p{color:var(--scene-muted);margin:8px 0 0;font-size:.875rem;line-height:1.7}.mcp-story-composer{border:1px solid var(--scene-border);color:var(--scene-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:auto;padding:12px;font-size:.75rem;display:flex}.mcp-story-evidence{background:var(--scene-panel);min-width:0;padding:24px}.mcp-evidence-heading{letter-spacing:.06em;color:var(--scene-muted);justify-content:space-between;gap:8px;font-size:.625rem;display:flex}.mcp-evidence-heading>span:last-child{color:var(--scene-mint)}.mcp-story-evidence .mcp-evidence-title{color:var(--scene-text);min-height:44px;margin:16px 0 20px;font-size:.9375rem;line-height:1.5}.mcp-story-bars{border-bottom:1px solid var(--scene-border);align-items:flex-end;gap:5px;height:80px;display:flex}.mcp-story-bars i{height:var(--bar);background:var(--pixel-lilac);border:2px solid var(--pixel-ink);border-radius:3px 3px 0 0;flex:1}.mcp-story-bars i:nth-child(6){background:var(--pixel-mint)}.mcp-chart-caption{color:var(--scene-muted);font-size:.625rem}.mcp-story-record{border-block:1px solid var(--scene-border);color:var(--scene-muted);margin-top:20px;padding:12px 0;font-size:.75rem;line-height:1.6}.mcp-story-record strong{color:var(--scene-violet);margin-top:8px;font-weight:600;display:block}.mcp-story-evidence details{color:var(--scene-muted);margin-top:12px;font-size:.75rem}.mcp-story-evidence summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}.mcp-story-evidence details p{margin:8px 0;font-size:.75rem;line-height:1.6}.mcp-story-controls{border-top:1px solid var(--scene-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.mcp-frame-buttons{flex-wrap:wrap;gap:4px;display:flex}.mcp-story button.mcp-story-play{border-color:var(--scene-border);color:var(--scene-text)}.mcp-story-caption{color:var(--scene-muted);margin:0;padding:0 20px 16px;font-size:.6875rem;line-height:1.6}.mcp-product :focus-visible{outline:2px solid var(--violet-600);outline-offset:4px}.mcp-story :focus-visible,.mcp-product-section--dark :focus-visible,.mcp-product-hero :focus-visible{outline-color:var(--scene-mint)}@media (prefers-reduced-motion:no-preference){.mcp-story-answer{animation:.3s ease-out mcp-frame-in}.mcp-story-bars i{transform-origin:bottom;animation:.4s ease-out mcp-bar-in}@keyframes mcp-frame-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes mcp-bar-in{0%{transform:scaleY(.85)}to{transform:scaleY(1)}}}@media (width<=1150px){.mcp-product-hero-grid{grid-template-columns:1fr;gap:40px}.mcp-product-intro{max-width:900px}.mcp-product-hero h1{max-width:900px;font-size:clamp(2.5rem,6vw,4rem)}.mcp-story-scene{min-height:320px}.mcp-story-answer{min-height:105px}.mcp-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.mcp-product-container{width:calc(100% - 40px)}.mcp-product-hero{padding:48px 0}.mcp-product-hero h1{font-size:clamp(2.25rem,8vw,3.3rem)}.mcp-product-lead{font-size:1rem}.mcp-product-section{padding:52px 0}.mcp-capability-grid,.mcp-client-grid{grid-template-columns:1fr}.mcp-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-data-layer{grid-template-columns:1fr;gap:24px;padding:24px}.mcp-data-core .mcp-data-connector{display:none}.mcp-story-scene{grid-template-columns:1fr}.mcp-story-chat{border-right:0;border-bottom:1px solid var(--scene-border);padding:20px}.mcp-story-answer{min-height:100px}.mcp-story-evidence{padding:20px}.mcp-story-evidence .mcp-evidence-title{min-height:0}.mcp-story-bars{height:60px}.mcp-story-tag{display:none}.mcp-story-tabs{gap:4px;padding:8px}.mcp-story button{padding:9px 10px;font-size:.8125rem}.mcp-story-controls{gap:8px;padding:12px}.mcp-story-caption{font-size:.75rem}.mcp-story-top{padding:14px}.mcp-story-evidence details,.mcp-story-evidence details p,.mcp-story-record{font-size:.8125rem}.mcp-product-subnav>div{gap:16px}.mcp-compare-hero-pair{gap:10px;font-size:.8125rem}.mcp-compare-hero-pair>span:not(:nth-child(2)){padding:12px}.mcp-product-final{padding:48px 0 60px}}@media (width<=420px){.mcp-product-container{width:calc(100% - 32px)}.mcp-setup-grid,.mcp-related-links{grid-template-columns:1fr}.mcp-capability-card{padding:24px}.mcp-story-tabs button{flex:1}.mcp-frame-buttons{gap:1px}.mcp-frame-buttons button{padding-inline:8px;font-size:.75rem}.mcp-product-actions>.btn{flex:1;justify-content:center}.mcp-product-signals{gap:8px 14px}}@media (prefers-reduced-motion:reduce){.mcp-product *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mcp-client-card:hover{transform:none}}