.mcp-hero{background:radial-gradient(circle at 10% 12%,rgba(245,117,57,.22),transparent 28rem),radial-gradient(circle at 88% 4%,rgba(37,194,160,.18),transparent 24rem),linear-gradient(135deg,#071a37,#0a1f44 54%,#13365f);color:#fff;overflow:hidden;padding:clamp(62px,8vw,104px) 0 clamp(48px,7vw,80px);position:relative}.mcp-hero:after{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;content:"";inset:0;mask-image:linear-gradient(to bottom,#000,transparent 72%);opacity:.45;position:absolute}.mcp-hero .container{position:relative;z-index:1}.mcp-kicker{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffcfba;display:inline-flex;font-size:.82rem;font-weight:900;gap:8px;letter-spacing:.07em;padding:9px 14px;text-transform:uppercase}.mcp-hero h1{color:#fff;font-family:var(--font-display);font-size:clamp(34px,5vw,62px);letter-spacing:-.045em;line-height:1.02;margin:20px 0 18px;max-width:860px}.mcp-hero p{color:#ffffffe6;font-size:clamp(16px,1.9vw,20px);line-height:1.72;margin:0;max-width:820px}.mcp-answer{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#ffffffeb;line-height:1.72;margin-top:22px;max-width:920px;padding:18px}.mcp-answer strong{color:#fff}.mcp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.mcp-btn{align-items:center;border-radius:999px;display:inline-flex;font-weight:900;gap:10px;justify-content:center;min-height:52px;padding:0 22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.mcp-btn:hover{transform:translateY(-2px)}.mcp-btn.primary{background:var(--orange);box-shadow:0 18px 42px #f575394d;color:#fff}.mcp-btn.secondary{background:#fff;color:var(--navy)}.mcp-btn.ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.mcp-strip{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px;max-width:980px}.mcp-strip-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:18px}.mcp-strip-card strong{color:#fff;display:block;font-size:1rem}.mcp-strip-card span{color:#ffffffd1;display:block;font-size:.88rem;margin-top:6px}.mcp-stats{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;max-width:860px}.mcp-stat{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px}.mcp-stat strong{color:#fff;display:block;font-family:var(--font-display);font-size:clamp(26px,4vw,42px);letter-spacing:-.04em;line-height:1}.mcp-stat span{color:#ffffffd1;display:block;font-size:.88rem;margin-top:8px}.mcp-section{background:#fff;color:#071a37;padding:clamp(48px,7vw,82px) 0}.mcp-section.alt{background:#f2f5fa}.mcp-section h2{color:#071a37;font-family:var(--font-display);font-size:clamp(26px,3.8vw,42px);font-weight:900;letter-spacing:-.04em;line-height:1.08;margin:0 0 14px;max-width:980px;text-wrap:balance}.mcp-lede{color:#1f2937;font-size:1.03rem;font-weight:600;line-height:1.76;margin:0 0 26px;max-width:860px}.mcp-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.mcp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-card{background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:26px;box-shadow:0 18px 46px #0a1f4412;padding:24px}.mcp-card h3{color:#071a37;font-size:1.14rem;margin:0 0 10px}.mcp-card p{color:#263244;font-weight:500;line-height:1.68;margin:0}.mcp-card ul{color:#263244;font-weight:500;line-height:1.75;margin:12px 0 0;padding-left:19px}.mcp-bridge{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.mcp-bridge-panel{background:#071a37;border-radius:30px;box-shadow:0 22px 56px #0a1f4424;color:#dbeafe;padding:28px}.mcp-bridge-panel h3{color:#fff;font-size:clamp(22px,3vw,34px);letter-spacing:-.035em;margin:0 0 12px}.mcp-bridge-panel p{color:#ffffffe0;line-height:1.72;margin:0}.mcp-bridge-steps{display:grid;gap:12px}.mcp-bridge-step{align-items:center;background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:22px;display:grid;gap:14px;grid-template-columns:42px 1fr;padding:18px}.mcp-bridge-step span{align-items:center;background:#fff2eb;border-radius:14px;color:var(--orange);display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.mcp-bridge-step strong{color:#071a37;display:block}.mcp-bridge-step em{color:#2f3a4c;display:block;font-size:.93rem;font-style:normal;font-weight:500;line-height:1.55;margin-top:4px}.mcp-demo{background:#071a37;border-radius:30px;box-shadow:0 26px 70px #071a3738;color:#fff;max-width:100%;min-width:0;overflow:hidden}.mcp-demo-head{align-items:center;background:#ffffff12;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;min-width:0;padding:16px 20px}.mcp-demo-head strong{color:#fff}.mcp-demo-head span{color:#ffffffc7;font-size:.86rem;line-height:1.5;min-width:0;overflow-wrap:anywhere}.mcp-demo-body{display:grid;gap:14px;min-width:0;padding:22px}.mcp-bubble{border-radius:22px;line-height:1.68;max-width:820px;min-width:0;overflow-wrap:anywhere;padding:16px 18px;word-break:break-word}.mcp-bubble.user{background:#fff;color:var(--navy);justify-self:start}.mcp-bubble.agent{background:#f5753926;border:1px solid rgba(245,117,57,.28);color:#fff4ec;justify-self:end}.mcp-tabs{background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:30px;box-shadow:0 18px 46px #0a1f4412;overflow:hidden}.mcp-tab-list{background:#f8faff;display:flex;gap:8px;overflow-x:auto;padding:12px}.mcp-tab{background:transparent;border:0;border-radius:999px;color:#263244;cursor:pointer;flex:0 0 auto;font-weight:900;min-height:44px;padding:0 16px;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mcp-tab[aria-selected=true]{background:var(--orange);box-shadow:0 12px 28px #f5753938;color:#fff}.mcp-tab:focus-visible,.mcp-copy:focus-visible,.mcp-btn:focus-visible{outline:3px solid rgba(245,117,57,.32);outline-offset:3px}.mcp-tab-panel{display:none;padding:24px}.mcp-tab-panel.is-active{display:block}.mcp-tab-panel h3{color:#071a37;margin:0 0 10px}.mcp-tab-panel ol{color:#263244;font-weight:500;line-height:1.8;margin:0;padding-left:20px}.mcp-method-tabs{display:grid;gap:18px;margin-top:18px}.mcp-method-switch{background:#f3f4f6;border-radius:10px;display:inline-flex;gap:2px;padding:3px;width:max-content}.mcp-method-tab{background:transparent;border:0;border-radius:8px;color:#4b5563;cursor:pointer;font-size:.92rem;font-weight:900;min-height:36px;padding:0 12px;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mcp-method-tab[aria-selected=true]{background:#fff;box-shadow:0 1px 8px #0f172a1a;color:#111827}.mcp-method-tab:focus-visible{outline:3px solid rgba(245,117,57,.32);outline-offset:3px}.mcp-method-panel{display:none}.mcp-method-panel.is-active{display:grid;gap:14px}.mcp-step-row{align-items:flex-start;display:flex;gap:10px}.mcp-step-num{align-items:center;background:#fff2eb;border-radius:999px;color:var(--orange);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:900;height:22px;justify-content:center;margin-top:1px;width:22px}.mcp-step-copy{color:#263244;font-size:.95rem;font-weight:500;line-height:1.65;min-width:0}.mcp-step-copy a{color:var(--orange);font-weight:900;text-decoration:underline}.mcp-code-wrap{margin-top:8px;max-width:760px;position:relative}.mcp-code-wrap .mcp-code{margin-top:0;padding-right:90px}.mcp-code-wrap .mcp-copy{background:#ffffff1a;color:#ffffffe6;position:absolute;right:10px;top:10px}.mcp-note{background:#f8faff;border:1px solid rgba(10,31,68,.08);border-radius:18px;color:#263244;font-weight:500;line-height:1.65;padding:14px 16px}.mcp-code{background:#071a37;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#d9f7ff;display:block;font-size:.89rem;line-height:1.62;margin:14px 0 0;max-width:100%;min-width:0;overflow-x:auto;padding:18px;white-space:pre}.mcp-fallback{background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:28px;box-shadow:0 18px 46px #0a1f4412;padding:clamp(18px,3vw,26px)}.mcp-fallback-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.mcp-fallback-head h3{color:#071a37;font-size:clamp(20px,2.5vw,28px);letter-spacing:-.025em;line-height:1.15;margin:0}.mcp-fallback-head span{background:#fff2eb;border-radius:999px;color:var(--orange);flex:0 0 auto;font-size:.78rem;font-weight:900;padding:8px 12px;white-space:nowrap}.mcp-fallback .mcp-code-wrap{max-width:100%}.mcp-fallback .mcp-code,.mcp-demo .mcp-code{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.mcp-flow{counter-reset:mcp-step;display:grid;gap:16px}.mcp-flow-card{align-items:flex-start;background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:24px;box-shadow:0 14px 38px #0a1f440f;display:grid;gap:16px;grid-template-columns:54px 1fr;padding:20px}.mcp-flow-card:before{align-items:center;background:var(--orange);border-radius:18px;color:#fff;content:counter(mcp-step);counter-increment:mcp-step;display:inline-flex;font-weight:900;height:44px;justify-content:center;width:44px}.mcp-flow-card h3{color:#071a37;margin:0 0 6px}.mcp-flow-card p{color:#263244;font-weight:500;line-height:1.7;margin:0}.mcp-client{border:1px solid rgba(10,31,68,.08);border-radius:28px;margin-top:18px;overflow:hidden}.mcp-client-head{align-items:center;background:#fff;display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.mcp-client-head h3{color:#071a37;margin:0}.mcp-copy{background:#f575391a;border:0;border-radius:999px;color:var(--orange);cursor:pointer;font-weight:900;padding:10px 14px}.mcp-client-body{background:#f2f5fa;padding:20px}.mcp-client-body ol{color:#263244;font-weight:500;line-height:1.8;margin:0;padding-left:20px}.mcp-keyword-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-keyword-card{background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:18px;padding:16px}.mcp-keyword-card strong{color:#071a37;display:block}.mcp-keyword-card span{color:#2f3a4c;display:block;font-size:.92rem;font-weight:500;line-height:1.55;margin-top:6px}.mcp-security{background:#fff7ed;border:1px solid rgba(245,117,57,.22);border-radius:26px;color:#7c2d12;line-height:1.72;padding:24px}.mcp-faq details{background:#fff;border:1px solid rgba(10,31,68,.08);border-radius:18px;margin-top:12px;padding:16px 18px}.mcp-faq summary{color:#071a37;cursor:pointer;font-weight:900}.mcp-faq p{color:#263244;font-weight:500;line-height:1.7;margin:12px 0 0}@media(max-width:900px){.mcp-strip,.mcp-stats,.mcp-grid,.mcp-grid.two,.mcp-keyword-grid{grid-template-columns:1fr 1fr}.mcp-bridge{grid-template-columns:1fr}}@media(max-width:620px){.mcp-strip,.mcp-stats,.mcp-grid,.mcp-grid.two,.mcp-keyword-grid{grid-template-columns:1fr}.mcp-actions{align-items:stretch;flex-direction:column}.mcp-btn{width:100%}.mcp-flow-card{grid-template-columns:1fr}.mcp-bridge-panel,.mcp-demo-body,.mcp-tab-panel{padding:18px}.mcp-fallback-head{display:grid;justify-content:stretch}.mcp-fallback-head span{width:max-content}.mcp-bridge-step{grid-template-columns:1fr}.mcp-code-wrap .mcp-code{padding-right:18px}.mcp-code-wrap .mcp-copy{margin-top:8px;position:static}}