.mcp-hero{background:var(--cream);color:var(--ink)}.mcp-hero .brand-name,.mcp-tools .brand-name,.mcp-portal .brand-name,.mcp-development .brand-name,.mcp-end .brand-name{white-space:nowrap}.mcp-hero h1{margin-bottom:24px}.mcp-hero h1 .hl{color:var(--purple)}.mcp-hero .lp-lede{margin-bottom:34px}.mcp-card-label,.mcp-surface>span,.mcp-doc-links>span{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.mcp-hero-art{position:relative;width:min(100%,600px);aspect-ratio:600 / 530;margin:0 auto;container-type:inline-size}.mcp-client{position:absolute;z-index:2;transform:translate(-50%);color:var(--ink)}.mcp-client--chatgpt{left:19%;top:16%}.mcp-client--claude{left:39%;top:8%}.mcp-client--cursor{left:61%;top:8%}.mcp-client--copilot{left:81%;top:16%}.js .mcp-client--chatgpt{animation:mcp-client-one 11s ease-in-out infinite}.js .mcp-client--claude{animation:mcp-client-two 13s ease-in-out infinite}.js .mcp-client--cursor{animation:mcp-client-three 17s ease-in-out infinite}.js .mcp-client--copilot{animation:mcp-client-four 15s ease-in-out infinite}.mcp-client-icon{display:grid;place-items:center;width:clamp(34px,12cqw,72px);aspect-ratio:1;background:var(--paper);border:1px solid rgba(12,27,51,.09);border-radius:50%;box-shadow:0 5px 16px #0c1b3312}.mcp-client-icon svg{width:55%;height:55%}.mcp-energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mcp-energy-dot{fill:var(--purple)}.mcp-energy-dot--honey{fill:var(--honey);stroke:var(--purple);stroke-width:1.5}.mcp-hani-drift{position:absolute;z-index:1;left:15.5%;top:36%;width:69%}.js .mcp-hani-drift{animation:mcp-drift 8s ease-in-out infinite}.js .mcp-hani-float{animation:mcp-float 5s ease-in-out infinite}.mcp-hani-float img{display:block;width:100%;height:auto}.mcp-hani-shadow{position:absolute;left:34%;bottom:1%;width:32%;height:3%}.js .mcp-hani-shadow{animation:mcp-drift 8s ease-in-out infinite}.mcp-hani-shadow-shape{width:100%;height:100%;border-radius:50%;background:var(--honey)}.js .mcp-hani-shadow-shape{animation:mcp-shadow-scale 5s ease-in-out infinite}@keyframes mcp-client-one{0%,to{transform:translate(-50%)}33%{transform:translate(calc(-50% + 5px),-5px)}70%{transform:translate(calc(-50% - 4px),3px)}}@keyframes mcp-client-two{0%,to{transform:translate(-50%)}40%{transform:translate(calc(-50% - 4px),5px)}75%{transform:translate(calc(-50% + 5px),-3px)}}@keyframes mcp-client-three{0%,to{transform:translate(-50%)}30%{transform:translate(calc(-50% + 4px),4px)}65%{transform:translate(calc(-50% - 5px),-5px)}}@keyframes mcp-client-four{0%,to{transform:translate(-50%)}35%{transform:translate(calc(-50% - 5px),-4px)}70%{transform:translate(calc(-50% + 4px),5px)}}@keyframes mcp-drift{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes mcp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes mcp-shadow-scale{0%,to{transform:scaleX(1)}50%{transform:scaleX(.88)}}.mcp-tool-grid,.mcp-surfaces,.mcp-development-grid{margin-top:clamp(28px,4vw,44px)}.mcp-tool-card{background:#fff5d70d;border:1px solid var(--ink-line);border-radius:var(--r-card);padding:24px 22px}.mcp-card-label{display:block;color:var(--purple);margin-bottom:18px}.mcp-tool-card .mcp-card-label{color:var(--honey)}.mcp-tool-card h3,.mcp-surface h3,.mcp-development-card h3,.mcp-deep-link h3{font-family:Rethink Sans,sans-serif;font-weight:800;font-size:20px;line-height:1.2;margin-bottom:10px}.mcp-tool-card p,.mcp-surface p,.mcp-development-card p,.mcp-deep-link p{font-size:15px;line-height:1.6}.mcp-tool-card p{color:#fff5d7bf}.mcp-section-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:24px}.mcp-section-links a,.mcp-deep-link a,.mcp-development-card a,.mcp-doc-links a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.mcp-section-links a{color:var(--honey)}.mcp-portal{background:var(--cream);color:var(--ink)}.mcp-surface{background:var(--paper);border:1px solid rgba(12,27,51,.08);border-radius:var(--r-card);padding:24px 22px}.mcp-surface>span{display:block;color:var(--purple);margin-bottom:22px}.mcp-surface p,.mcp-development-card p,.mcp-deep-link p{color:#0c1b33b8}.mcp-surface--mcp{background:var(--purple);border-color:var(--purple);color:var(--cream)}.mcp-surface--mcp>span{color:var(--honey)}.mcp-surface--mcp p{color:#fff5d7e0}.mcp-deep-link{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(12,27,51,.14)}.mcp-deep-link p{max-width:65ch}.mcp-deep-link a,.mcp-development-card a,.mcp-doc-links a{color:var(--purple-deep)}.mcp-deep-link a{flex-shrink:0}.mcp-development-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid rgba(12,27,51,.08);border-radius:var(--r-card);padding:26px 24px}.mcp-development-card a{margin-top:auto;padding-top:20px}.mcp-doc-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-top:28px}.mcp-doc-links>span{color:#0c1b338c}.mcp-end-title{margin-bottom:18px}@media(max-width:760px){.mcp-deep-link{align-items:start;flex-direction:column}}@media(max-width:560px){.mcp-hero h1.display{font-size:clamp(42px,15vw,64px)}}@media(prefers-reduced-motion:reduce){.js .mcp-client,.js .mcp-hani-drift,.js .mcp-hani-float,.js .mcp-hani-shadow,.js .mcp-hani-shadow-shape{animation:none}}