.mcp-page { font-family: ‘Montserrat’, sans-serif; color: #0A0A0A; background: #ffffff; }
.mcp-page * { box-sizing: border-box; }
.mcp-page a { text-decoration: none; }
/* HERO */
.mcp-hero { padding: 100px 24px 80px; text-align: center; position: relative; overflow: hidden; }
.mcp-hero::before { content: „“; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 700px; height: 700px; background: radial-gradient(circle, rgba(10,10,10,0.06) 0%, transparent 70%); pointer-events: none; }
.mcp-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: #F5F5F5; border: 1.5px solid #0A0A0A; border-radius: 100px; padding: 6px 18px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #333333; margin-bottom: 32px; }
.mcp-hero-badge span { width: 8px; height: 8px; background: #0A0A0A; border-radius: 50%; display: inline-block; }
.mcp-hero h1 { font-size: clamp(40px, 6vw, 72px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 24px; }
.mcp-hero h1 em { font-style: normal; background: #0A0A0A; color: #ffffff; padding: 0 8px 4px; border-radius: 6px; display: inline-block; }
.mcp-hero-sub { font-size: 20px; font-weight: 300; color: #888888; max-width: 560px; margin: 0 auto 48px; line-height: 1.6; }
.mcp-hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* BUTTONS */
.mcp-btn-primary { background: #0A0A0A; color: #ffffff; font-weight: 700; font-size: 15px; padding: 16px 36px; border-radius: 100px; display: inline-block; }
.mcp-btn-secondary { background: transparent; color: #0A0A0A; font-weight: 600; font-size: 15px; padding: 16px 36px; border-radius: 100px; border: 1.5px solid #DDDDDD; display: inline-block; }
/* MARQUEE (static ribbon, no motion) */
.mcp-marquee-wrap { background: #0A0A0A; color: #ffffff; padding: 18px 0; overflow: hidden; }
.mcp-marquee-inner { display: flex; gap: 48px; align-items: center; justify-content: center; flex-wrap: wrap; }
.mcp-marquee-item { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; white-space: nowrap; }
/* SECTION */
.mcp-section { padding: 96px 24px; max-width: 1120px; margin: 0 auto; }
.mcp-section-label { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #555555; margin-bottom: 16px; }
.mcp-section-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 20px; }
.mcp-section-desc { font-size: 18px; color: #888888; line-height: 1.65; max-width: 540px; font-weight: 300; }
/* HOW IT WORKS */
.mcp-hiw { background: #F5F5F5; }
.mcp-hiw-inner { max-width: 1120px; margin: 0 auto; padding: 96px 24px; }
.mcp-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2px; margin-top: 56px; background: #E5E5E5; }
.mcp-step { background: #ffffff; padding: 40px 36px; }
.mcp-step-num { font-size: 56px; font-weight: 800; color: #0A0A0A; opacity: 0.15; line-height: 1; margin-bottom: 24px; }
.mcp-step h3 { font-size: 20px; font-weight: 700; margin: 0 0 12px; }
.mcp-step p { font-size: 15px; color: #888888; line-height: 1.6; margin: 0; }
/* FEATURES */
.mcp-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 56px; }
.mcp-feat-card { border: 1.5px solid #EBEBEB; border-radius: 16px; padding: 36px 32px; background: #ffffff; }
.mcp-feat-icon { width: 52px; height: 52px; background: #F5F5F5; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 24px; }
.mcp-feat-card h3 { font-size: 19px; font-weight: 700; margin: 0 0 10px; }
.mcp-feat-card p { font-size: 15px; color: #888888; line-height: 1.6; margin: 0; }
/* CHAT DEMO */
.mcp-demo-wrap { background: #0A0A0A; padding: 96px 24px; }
.mcp-demo-inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.mcp-demo-label { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #ffffff; opacity: 0.6; margin-bottom: 16px; }
.mcp-demo-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #ffffff; margin: 0 0 20px; }
.mcp-demo-desc { font-size: 18px; color: rgba(255,255,255,0.55); line-height: 1.65; max-width: 540px; font-weight: 300; }
.mcp-demo-list { list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.mcp-demo-list li { display: flex; gap: 14px; align-items: flex-start; color: rgba(255,255,255,0.8); font-size: 15px; line-height: 1.5; }
.mcp-demo-list li::before { content: „2726“; color: #ffffff; flex-shrink: 0; font-size: 12px; margin-top: 3px; }
.mcp-chat-ui { background: #1A1A1A; border-radius: 20px; padding: 28px; border: 1px solid #2A2A2A; }
.mcp-chat-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #2A2A2A; }
.mcp-chat-avatar { width: 36px; height: 36px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.mcp-chat-header-info strong { display: block; color: #ffffff; font-size: 14px; font-weight: 700; }
.mcp-chat-header-info span { color: rgba(255,255,255,0.4); font-size: 12px; }
.mcp-status-dot { width: 8px; height: 8px; background: #4ADE80; border-radius: 50%; display: inline-block; margin-right: 6px; }
.mcp-msg { margin-bottom: 16px; }
.mcp-msg-user { text-align: right; }
.mcp-msg-user span { display: inline-block; background: #ffffff; color: #0A0A0A; padding: 10px 16px; border-radius: 16px 16px 4px 16px; font-size: 14px; font-weight: 500; max-width: 85%; }
.mcp-msg-ai span { display: inline-block; background: #252525; color: rgba(255,255,255,0.85); padding: 10px 16px; border-radius: 16px 16px 16px 4px; font-size: 14px; line-height: 1.5; max-width: 95%; }
.mcp-msg-ai span strong { color: #ffffff; font-size: 12px; display: block; margin-bottom: 4px; letter-spacing: 0.05em; }
.mcp-chat-input { display: flex; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #2A2A2A; }
.mcp-chat-input-field { flex: 1; background: #252525; border: 1px solid #333333; border-radius: 10px; padding: 10px 14px; color: rgba(255,255,255,0.4); font-size: 14px; }
.mcp-chat-send { width: 38px; height: 38px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
/* TESTIMONIAL */
.mcp-testi-section { padding: 96px 24px; background: #ffffff; }
.mcp-testi { background: #F5F5F5; border-radius: 24px; padding: 64px; max-width: 780px; margin: 0 auto; text-align: center; }
.mcp-testi-stars { font-size: 20px; margin-bottom: 28px; letter-spacing: 4px; color: #0A0A0A; }
.mcp-testi blockquote { font-size: clamp(20px, 3vw, 28px); font-weight: 600; line-height: 1.3; color: #0A0A0A; margin: 0 0 32px; border: none; padding: 0; }
.mcp-testi-author { display: flex; align-items: center; justify-content: center; gap: 14px; }
.mcp-testi-avatar { width: 48px; height: 48px; background: #0A0A0A; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.mcp-testi-author-info strong { display: block; font-weight: 700; font-size: 15px; color: #0A0A0A; }
.mcp-testi-author-info span { font-size: 13px; color: #888888; }
/* CTA */
.mcp-cta { background: #0A0A0A; text-align: center; padding: 120px 24px; }
.mcp-cta h2 { font-size: clamp(32px, 5vw, 56px); font-weight: 800; letter-spacing: -0.03em; color: #ffffff; margin: 0 0 20px; }
.mcp-cta h2 em { font-style: normal; color: #ffffff; opacity: 0.6; }
.mcp-cta p { font-size: 18px; color: rgba(255,255,255,0.5); margin: 0 0 48px; font-weight: 300; }
.mcp-cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.mcp-btn-cta-sec { background: transparent; color: #ffffff; font-weight: 600; font-size: 15px; padding: 16px 36px; border-radius: 100px; border: 1.5px solid #333333; display: inline-block; }
/* FOOTER */
.mcp-footer-bar { background: #F5F5F5; padding: 24px; text-align: center; font-size: 13px; color: #888888; }
.mcp-footer-bar strong { color: #0A0A0A; }
@media (max-width: 768px) {
.mcp-demo-inner { grid-template-columns: 1fr; gap: 40px; }
.mcp-testi { padding: 40px 28px; }
.mcp-steps { grid-template-columns: 1fr; }
}
Manage Your Site
by Talking to Claude
The first WordPress integration powered by Claude AI. Create posts, manage media, update settings — all through a simple conversation.
Manage Media
Update Pages
Edit Settings
SEO Optimization
Content Strategy
Bulk Operations
Real-Time Control
Three steps to full site control
Connect Your Site
Install the MCP plugin on your WordPress site and link it to Claude in minutes. No coding required.
Open Claude Chat
Start a conversation with Claude the same way you always do. Your site is now part of the context.
Say What You Need
Ask Claude to write a post, update a page, upload media, or change a setting — and it’s done instantly.
Everything you need, nothing you don’t
AI Content Creation
Ask Claude to write, edit, or rewrite posts and pages. Publish with a single message — no copy-paste, no switching tabs.
Media Management
Upload images, set featured photos, organize your media library and alt texts — all through conversation.
Site Settings Control
Update WordPress options, manage menus, tweak theme settings — Claude has full access to your site’s configuration.
Smart Site Search
Ask Claude to find any post, page, or piece of content on your site. Instant full-text search across everything you’ve published.
Content Auditing
Get a complete overview of your site’s content — post counts, statuses, categories, and gaps — in one conversational request.
Secure & Private
Your site data stays yours. The MCP connection is authenticated, encrypted, and you stay in full control at all times.
It really is just a conversation
No dashboards to navigate, no menus to dig through. Just tell Claude what you want — and watch it happen on your site in real time.
- Publish a new blog post with one sentence
- Ask Claude to update your homepage headline
- Request a content audit of your last 20 posts
- Tell Claude to find all draft articles and summarize them
- Set a featured image without touching the media library
Connected · Portfolio MCP
“I published four posts, updated my homepage, and reorganized my media library — all without touching the WordPress dashboard once. This changes everything.”
Your site is one
conversation away.
Connect Claude to your WordPress site today and experience a faster, smarter way to manage everything.