.mcp-page{--bg-color:var(--background-color);background:radial-gradient(circle at 12% 18%,#2563eb14,transparent 55%),radial-gradient(circle at 85% 12%,#60a5fa14,transparent 50%),var(--background-color);border-radius:24px;position:relative;overflow:hidden}.mcp-page:before{content:"";opacity:.2;pointer-events:none;background:conic-gradient(from 90deg at 20% 30%,#2563eb2e,#60a5fa1f,#0000 60%);height:60%;position:absolute;inset:-40% 0 auto;transform:rotate(-6deg)}.mcp-page .landing-header{border:1px solid var(--card-border-color);background:var(--card-color);box-shadow:var(--shadow-md);border-radius:20px;padding:28px 28px 20px;position:relative}.mcp-page .landing-header h1{letter-spacing:-.02em;font-size:3.2em}.mcp-page .landing-subtitle{max-width:760px}.mcp-compare-table{border-collapse:collapse;border:1px solid var(--card-border-color);background:var(--card-color);text-align:left;border-radius:16px;width:100%;margin:24px 0 32px;overflow:hidden}.mcp-compare-table thead th{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--card-border-color);background:linear-gradient(90deg,#2563eb1f,#60a5fa14);padding:12px 18px;font-size:.75em;font-weight:700}.mcp-compare-table tbody th,.mcp-compare-table tbody td{border-bottom:1px solid var(--card-border-color);color:var(--text-color);vertical-align:middle;padding:14px 18px;font-size:.95em}.mcp-compare-table tbody th{width:180px;font-weight:600}.mcp-compare-table tbody tr:last-child th,.mcp-compare-table tbody tr:last-child td{border-bottom:none}.mcp-page .benefit-card{border:1px solid var(--card-border-color);background:var(--card-color)}.mcp-page .benefit-card h3{color:var(--accent-primary)}.mcp-page .section-list li{margin-bottom:10px}@media (max-width:900px){.mcp-page .landing-header{padding:24px 20px}.mcp-page .landing-header h1{font-size:2.4em}.mcp-compare-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.mcp-compare-table thead th,.mcp-compare-table tbody th,.mcp-compare-table tbody td{padding:10px 12px;font-size:.9em}}@media (max-width:600px){.mcp-page{border-radius:16px}.mcp-page .landing-header{border-radius:14px}}.mcp-page .benefit-card p,.mcp-page .mcp-compare-table tbody th,.mcp-page .mcp-compare-table tbody td,.mcp-page .back-link,.mcp-page .code-content{font-size:1em}