.mcp-page{flex-direction:column;min-height:100vh;display:flex}.mcp-page main{flex:1;width:min(100%,1064px);margin:0 auto;padding:0 2rem}.mcp-page .mcp-hero{max-width:760px;padding:3rem 0 2.5rem}.mcp-page .mcp-hero-overview{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:center;gap:3rem;max-width:none;display:grid}.mcp-page .mcp-hero-overview h1{font-size:clamp(2.4rem,4.4vw,3.4rem)}.mcp-page .mcp-flow{background:radial-gradient(circle at 10% 0,#e0f6ea 0%,#0000 48%),linear-gradient(155deg,#f7fbf9,#fffaf1);border:1px solid #dce7e3;border-radius:20px;padding:1.6rem;box-shadow:0 18px 42px #20413712}.mcp-page .mcp-flow-node{background:#fff;border:1px solid #dce3e7;border-radius:15px;align-items:center;gap:.8rem;min-height:80px;padding:.7rem 1rem;display:flex;box-shadow:0 5px 14px #16262e0d}.mcp-page .mcp-flow-name{color:#172033;font-size:1rem;font-weight:800}.mcp-page .mcp-flow-name small,.mcp-page .mcp-flow-desk small{color:#667085;font-size:.75rem;font-weight:500;display:block}.mcp-page .mcp-flow-track{color:#567364;letter-spacing:.05em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem 0;font-size:.69rem;font-weight:800;display:flex}.mcp-page .mcp-flow-track:before,.mcp-page .mcp-flow-track:after{content:"";background:#9ac8ae;border-radius:2px;width:2px;height:17px}.mcp-page .mcp-flow-desk{justify-content:space-between;gap:.5rem}.mcp-page .mcp-flow-desk img{width:142px;height:auto}.mcp-page .mcp-flow-desk small{white-space:nowrap}.mcp-page .mcp-flow-guards{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1rem;display:flex}.mcp-page .mcp-flow-guards span{color:#496253;background:#fff;border:1px solid #d7e4da;border-radius:999px;padding:.35rem .6rem;font-size:.68rem;font-weight:700}.mcp-page .mcp-hero-brand{align-items:center;gap:.9rem;margin-bottom:1.1rem;display:flex}.mcp-page .mcp-hero-brand .mcp-kicker{margin:0}.mcp-page .mcp-kicker{color:#a05a07;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .8rem;font-size:.76rem;font-weight:800}.mcp-page h1{color:#0e1016;letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.08}.mcp-page .mcp-lede{color:#353a45;max-width:700px;margin:0;font-size:1.12rem;line-height:1.7}.mcp-page .mcp-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.mcp-page .mcp-button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.15rem;font-size:.94rem;font-weight:700;text-decoration:none;display:inline-flex}.mcp-page .mcp-button-primary{color:#fff;background:#0e1016}.mcp-page .mcp-button-primary:hover{background:#2c3545}.mcp-page .mcp-button-secondary{color:#223048;background:#fff;border:1px solid #cfd6e2}.mcp-page .mcp-button-secondary:hover{background:#f8fafc}.mcp-page .mcp-note{color:#667085;margin:.85rem 0 0;font-size:.84rem;line-height:1.55}.mcp-page .mcp-section{border-top:1px solid #e5e9f1;padding:2.35rem 0}.mcp-page .mcp-section h2{color:#0e1016;letter-spacing:-.025em;margin:0 0 .65rem;font-size:clamp(1.55rem,3vw,2rem)}.mcp-page .mcp-section-intro{color:#566174;max-width:690px;margin:0 0 1.5rem;line-height:1.65}.mcp-page .mcp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mcp-page .mcp-card{color:inherit;background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:1.45rem;text-decoration:none;display:block}.mcp-page a.mcp-card:hover{border-color:#d99832;box-shadow:0 9px 24px #2f394c14}.mcp-page .mcp-card-soft{background:#f8fafc}.mcp-page .mcp-client-card{flex-direction:column;min-height:237px;display:flex}.mcp-page .mcp-client-card-live{background:linear-gradient(150deg,#f4fbf7 0%,#fff 58%);border-color:#badbcf}.mcp-page .mcp-client-card-planned{background:linear-gradient(150deg,#fdf8f5 0%,#f8fafc 60%)}.mcp-page .mcp-client-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.mcp-page .mcp-client-mark{border-radius:16px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.mcp-page .mcp-client-mark img{width:34px;height:34px;display:block}.mcp-page .mcp-client-mark-chatgpt{background:#dcf4e7}.mcp-page .mcp-client-mark-claude{background:#f9e8df}.mcp-page .mcp-client-card .mcp-card-link{margin-top:auto;padding-top:1rem}.mcp-page .mcp-control-card{background:linear-gradient(165deg,#fff,#fbfcfe)}.mcp-page .mcp-control-icon{color:#9a5b13;background:#fff4df;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:inline-flex}.mcp-page .mcp-control-icon svg{width:22px;height:22px}.mcp-page .mcp-status{color:#047857;background:#f0fdf5;border:1px solid #afe2c8;border-radius:999px;margin-bottom:.85rem;padding:.25rem .6rem;font-size:.71rem;font-weight:800;display:inline-block}.mcp-page .mcp-client-top .mcp-status{margin-bottom:0}.mcp-page .mcp-status-planned{color:#5e6b7e;background:#fff;border-color:#e5e9f1}.mcp-page .mcp-card h3{color:#172033;margin:0 0 .45rem;font-size:1.2rem}.mcp-page .mcp-card p{color:#566174;margin:0;line-height:1.62}.mcp-page .mcp-card-link{color:#a05a07;margin-top:1rem;font-size:.9rem;font-weight:700;display:inline-block}.mcp-page .mcp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.mcp-page .mcp-steps li{background:#fbfcfe;border:1px solid #e2e6ee;border-radius:14px;padding:1.25rem}.mcp-page .mcp-step-number{color:#754810;background:#fdf0d0;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;margin-bottom:1rem;font-size:.85rem;font-weight:800;display:flex}.mcp-page .mcp-steps h3{color:#172033;margin:0 0 .45rem;font-size:1rem}.mcp-page .mcp-steps p{color:#566174;margin:0;font-size:.92rem;line-height:1.6}.mcp-page .mcp-faq{gap:1rem;display:grid}.mcp-page .mcp-faq article{border-bottom:1px solid #e7ebf1;padding:0 0 1rem}.mcp-page .mcp-faq h3{color:#172033;margin:0 0 .35rem;font-size:1.02rem}.mcp-page .mcp-faq p{color:#566174;max-width:750px;margin:0;line-height:1.65}.mcp-page .mcp-faq a,.mcp-page .mcp-inline-link{color:#a05a07;font-weight:700}.mcp-page .mcp-final{background:linear-gradient(155deg,#fffdf5,#fff8e1 55%,#fffbf0);border:1px solid #f0d888;border-radius:14px;margin:1.5rem 0 4rem;padding:2rem}.mcp-page .mcp-final h2{color:#0e1016;margin:0 0 .45rem;font-size:1.55rem}.mcp-page .mcp-final p{color:#353a45;max-width:670px;margin:0;line-height:1.65}.mcp-page .mcp-final .mcp-actions{margin-top:1.15rem}@media (width<=900px){.mcp-page .mcp-hero-overview{grid-template-columns:1fr;gap:2rem}.mcp-page .mcp-flow{width:min(100%,440px)}}@media (width<=760px){.mcp-page main{padding:0 1.25rem}.mcp-page .mcp-hero{padding:2.25rem 0}.mcp-page .mcp-grid,.mcp-page .mcp-steps{grid-template-columns:1fr}.mcp-page .mcp-final{padding:1.5rem}}@media (width<=400px){.mcp-page .mcp-flow-desk{flex-direction:column;align-items:flex-start}}