:root{--green:#52c49a;--green-dark:#068f57;--ink:#0a0a0a;--cream:#f0efe8;--pixel:"Symtext", "Press Start 2P", monospace;--body:"Poppins", sans-serif;--mono:"JetBrains Mono", monospace}.mcp-page-wrapper{background:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.mcp-hero-section{background:var(--green);border-radius:16px;align-items:center;min-height:520px;margin:10px;padding:80px 60px 60px;display:flex;position:relative;overflow:hidden}.mcp-hero-section:before{content:"";pointer-events:none;background-image:linear-gradient(#0a0a0a0a 1px,#0000 1px),linear-gradient(90deg,#0a0a0a0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hero-inner{z-index:2;align-items:center;gap:64px;width:100%;max-width:1100px;margin:0 auto;display:flex;position:relative}.hero-left{flex:1;min-width:0}.hero-title{font-family:var(--pixel);color:var(--ink);letter-spacing:-1px;text-transform:uppercase;margin-bottom:16px;font-size:clamp(28px,4vw,52px);font-weight:400;line-height:1.15}.hero-sub{font-family:var(--body);color:#0a0a0aa6;max-width:480px;margin-bottom:28px;font-size:clamp(14px,1.6vw,17px);font-weight:400;line-height:1.65}.hero-cta{background:var(--ink);font-family:var(--pixel);letter-spacing:.08em;border-radius:8px;align-items:center;gap:8px;padding:15px 38px;font-size:clamp(11px,1.3vw,14px);font-weight:400;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;color:#fff!important}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000052}.mcp-chat-window{background:#fafaf8;border:1.5px solid #0a0a0a1f;border-radius:14px;flex-shrink:0;width:340px;overflow:hidden;box-shadow:0 20px 60px #00000029}.chat-titlebar{background:#0a0a0ae0;align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.chat-dot-r{background:#ff5f57}.chat-dot-y{background:#febc2e}.chat-dot-g{background:#28c840}.chat-messages{flex-direction:column;gap:10px;padding:16px;display:flex}.chat-bubble{font-family:var(--body);border-radius:10px;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.55}.chat-bubble-ai{color:var(--ink);background:#fff;border:1px solid #e2e8f0;border-radius:2px 10px 10px}.chat-bubble-user{background:var(--ink);color:#fff;border-radius:10px 2px 10px 10px}.chat-tool-call{background:#e8f5f0;border:1px solid #b2e0ce;border-radius:8px;align-items:center;gap:8px;margin:4px 0;padding:8px 12px;display:flex}.pixel-band{background:var(--green);width:100%;padding:60px 48px;position:relative}.pixel-edge-top,.pixel-edge-bottom{pointer-events:none;z-index:2;height:224px;position:absolute;left:0;right:0;overflow:hidden}.pixel-edge-top{top:-224px}.pixel-edge-bottom{bottom:-224px}.how-section{max-width:1200px;margin:0 auto;padding:100px 24px 60px}.how-step-circle{background:var(--green);width:52px;height:52px;color:var(--ink);font-family:var(--body);box-shadow:0 0 0 4px var(--cream);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:26px;font-weight:700;display:flex}.how-card{background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:16px;padding:44px 40px 52px;display:flex}.how-card-title{font-family:var(--body);color:#068f57;font-size:28px;font-weight:700;line-height:1.15}.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mcp-action-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;padding:20px 22px;transition:all .2s;display:flex}.mcp-action-card:hover{border-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 24px #068f571a}.load-more-row{justify-content:flex-end;margin-top:24px;display:flex}.load-more-btn{font-family:var(--mono);color:var(--green-dark);cursor:pointer;background:0 0;border:1.5px solid #068f574d;border-radius:100px;padding:10px 24px;font-size:12px;transition:background .15s,border-color .15s}.load-more-btn:hover{border-color:var(--green-dark);background:#068f570f}@media (max-width:900px){.hero-inner{flex-direction:column;gap:40px}.mcp-chat-window{align-self:center;width:100%;max-width:400px}.actions-grid{grid-template-columns:1fr}}