.surface-page[data-v-38915744]{min-height:100vh;background:#f8f7f2;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.button[data-v-38915744],.build-card a[data-v-38915744]{display:flex;align-items:center}.surface-hero[data-v-38915744],.code-section[data-v-38915744],.mcp-section[data-v-38915744],.principles-section[data-v-38915744],.closing[data-v-38915744]{padding:clamp(62px,9vw,118px) clamp(20px,5vw,72px)}.surface-hero[data-v-38915744]{max-width:1080px}.eyebrow[data-v-38915744]{margin:0 0 14px;color:#8a6a00;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1[data-v-38915744],h2[data-v-38915744],p[data-v-38915744]{margin-top:0}h1[data-v-38915744]{max-width:980px;font-size:clamp(48px,7vw,96px);line-height:.98;letter-spacing:0}h2[data-v-38915744]{font-size:clamp(28px,4vw,50px);line-height:1.05;letter-spacing:0}.lede[data-v-38915744]{max-width:780px;color:#3f3d38;font-size:clamp(18px,2vw,24px);line-height:1.55}.actions[data-v-38915744]{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button[data-v-38915744]{min-height:44px;justify-content:center;gap:8px;border:1px solid #191919;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:800;text-decoration:none}.button.primary[data-v-38915744]{background:#111;color:#fff}.button.secondary[data-v-38915744]{background:#f2c94c;border-color:#d2a900;color:#111}.button.ghost[data-v-38915744]{background:transparent;color:#202020}.build-section[data-v-38915744]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-block:1px solid #d8d4ca;background:#d8d4ca}.build-card[data-v-38915744]{min-height:320px;background:#fffdf7;padding:28px}.build-card svg[data-v-38915744],.principles-grid svg[data-v-38915744]{color:#9b7600}.build-card h2[data-v-38915744]{margin-top:18px;font-size:24px}.build-card p[data-v-38915744],.code-section p[data-v-38915744],.mcp-section p[data-v-38915744],.execution-flow span[data-v-38915744],.mcp-grid span[data-v-38915744],.principles-grid span[data-v-38915744]{color:#504d47;font-size:15px;line-height:1.65}.build-card a[data-v-38915744]{gap:7px;margin-top:22px;color:#8a6a00;font-size:14px;font-weight:850;text-decoration:none}.code-section[data-v-38915744]{display:grid;grid-template-columns:minmax(0,.65fr) minmax(260px,.56fr);gap:clamp(28px,5vw,72px);border-bottom:1px solid #d9d5ca}.code-section pre[data-v-38915744]{grid-column:1 / -1}.code-section code[data-v-38915744],.mcp-section code[data-v-38915744]{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.execution-flow[data-v-38915744]{display:grid;gap:10px}.execution-flow div[data-v-38915744]{border-left:3px solid #f2c94c;background:#fffdf7;padding:15px 18px}.execution-flow strong[data-v-38915744],.execution-flow span[data-v-38915744],.mcp-grid strong[data-v-38915744],.mcp-grid span[data-v-38915744]{display:block}.execution-flow strong[data-v-38915744]{margin-bottom:5px}pre[data-v-38915744]{overflow:auto;margin:0;border:1px solid #d1cdc2;background:#fffdf7;padding:28px;color:#23211d;font-size:15px;line-height:1.75}.mcp-section[data-v-38915744]{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);border-bottom:1px solid #d9d5ca}.mcp-grid[data-v-38915744]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mcp-grid div[data-v-38915744]{border:1px solid #cfcabe;background:#fffdf7;padding:18px}.mcp-grid strong[data-v-38915744]{margin-bottom:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.principles-grid[data-v-38915744]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}.principles-grid div[data-v-38915744]{border:1px solid #cfcabe;background:#fffdf7;padding:22px}.principles-grid strong[data-v-38915744],.principles-grid span[data-v-38915744]{display:block;margin-top:12px}.closing[data-v-38915744]{background:#151515;color:#fff}.closing h2[data-v-38915744]{max-width:880px;color:#fff}.closing .eyebrow[data-v-38915744]{color:#f2c94c}.closing .button.ghost[data-v-38915744]{border-color:#fff;color:#fff}@media (max-width: 1100px){.build-section[data-v-38915744],.code-section[data-v-38915744],.mcp-section[data-v-38915744],.mcp-grid[data-v-38915744],.principles-grid[data-v-38915744]{grid-template-columns:1fr}}@media (max-width: 720px){h1[data-v-38915744]{font-size:44px}}