/* ===== Evie MCP — developer pitch (extends evie.css) ===== */
.mcp-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding-top:70px;}
.mcp-hero .hero-scrim{background:radial-gradient(120% 90% at 50% 0%,rgba(244,63,63,.12),transparent 55%),linear-gradient(to bottom,rgba(10,10,10,.4),var(--ink));}
.mcp-hero .hero-inner{text-align:center;}
.mcp-hero .eyebrow{justify-content:center;}
.mcp-h{font-weight:900;font-size:clamp(40px,7vw,92px);line-height:1.0;letter-spacing:-.035em;margin-top:22px;}
.mcp-sub{font-size:clamp(17px,2vw,22px);color:var(--cream);opacity:.84;max-width:60ch;margin:26px auto 0;line-height:1.55;}
.code{position:relative;text-align:left;max-width:760px;margin:34px auto 0;background:#08080a;border:1px solid var(--hair);
  clip-path:var(--chamfer);overflow:hidden;}
.code-top{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--hair);background:rgba(248,236,220,.03);}
.code-top span{font-size:12px;color:var(--muted);letter-spacing:.06em;font-weight:600;}
.code-copy{background:rgba(244,63,63,.12);border:1px solid rgba(244,63,63,.4);color:var(--cream);font-family:inherit;
  font-size:12px;font-weight:700;padding:6px 13px;cursor:pointer;transition:.2s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);}
.code-copy:hover{background:var(--red);color:#fff;}
.code pre{margin:0;padding:18px 20px;overflow-x:auto;}
.code code{font-family:'SF Mono',ui-monospace,Menlo,monospace;font-size:14px;line-height:1.7;color:#e9dfd0;white-space:pre;}
.code .tok-key{color:var(--coral);} .code .tok-str{color:#9ad29a;} .code .tok-cmd{color:var(--red);font-weight:700;}

.band{max-width:1180px;margin:0 auto;padding:96px 28px;}
.band-c{text-align:center;} .band-c .eyebrow{justify-content:center;} .band-c .p{margin:18px auto 0;}
.pitch-quote{max-width:920px;margin:0 auto;text-align:center;}
.pitch-quote blockquote{font-weight:800;font-size:clamp(26px,3.6vw,44px);line-height:1.18;letter-spacing:-.02em;}
.pitch-quote blockquote .accent{display:inline;}
.pitch-quote p{color:var(--muted);font-size:18px;line-height:1.65;margin-top:26px;}

.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px;}
.tcard{background:rgba(18,18,18,.7);border:1px solid var(--hair);padding:24px 22px;clip-path:var(--chamfer);transition:.3s;}
.tcard:hover{transform:translateY(-5px);border-color:rgba(244,63,63,.45);}
.tcard code{font-family:'SF Mono',ui-monospace,monospace;font-size:13px;color:var(--coral);font-weight:700;}
.tcard h4{font-size:18px;font-weight:800;margin-top:10px;}
.tcard p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px;}

.motion-marq{margin-top:54px;overflow:hidden;border-block:1px solid var(--hair);padding:24px 0;background:rgba(10,10,10,.4);}
.marq-row{display:flex;gap:14px;width:max-content;animation:marq 38s linear infinite;}
.marq-row video{width:200px;height:200px;object-fit:cover;border:1px solid var(--hair);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#000;}
@keyframes marq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.marq-row{animation:none;flex-wrap:wrap;width:auto;justify-content:center;}}

.steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;}
.step2{background:rgba(18,18,18,.6);border:1px solid var(--hair);padding:28px 26px;clip-path:var(--chamfer);}
.step2 .n{font-family:'Playfair Display',serif;font-style:italic;font-size:28px;color:var(--red);}
.step2 h4{font-size:20px;font-weight:800;margin-top:10px;} .step2 p{color:var(--muted);font-size:15px;line-height:1.6;margin-top:10px;}

@media(max-width:900px){
  .tool-grid{grid-template-columns:1fr 1fr;} .steps2{grid-template-columns:1fr;}
  .marq-row video{width:150px;height:150px;}
}
@media(max-width:560px){ .tool-grid{grid-template-columns:1fr;} }