/* Original landing-page Claude section, scoped to preserve the preview hero. */
#in-claude{--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--shadow-ink:6px 6px 0 rgba(28,25,23,.92);padding:clamp(4.5rem,9vw,7rem) 0;scroll-margin-top:78px;color:var(--ink)}
#in-claude .wrap-wide{max-width:1240px;margin:0 auto;padding:0 24px}
#in-claude .eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);display:block;margin-bottom:1.1rem}
#in-claude .h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:720;font-variation-settings:'opsz' 50;letter-spacing:-.018em;line-height:1.06;color:var(--ink)}
#in-claude .deck{font-size:1.05rem;color:var(--ink-2);line-height:1.65;max-width:600px;margin-top:1rem}
#in-claude .mcp-act{display:grid;grid-template-columns:.92fr 1.08fr;gap:3.2rem;align-items:center}
#in-claude .mcp-act-copy .h2{margin:.4rem 0 .9rem}
#in-claude .mcp-act-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-weight:600;font-size:1rem;color:var(--accent,var(--ink));text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color .15s}
#in-claude .mcp-act-cta:hover{border-color:var(--accent,var(--ink))}
#in-claude .hero-shot-frame{margin:0;background:var(--white);border:1.5px solid var(--ink);border-right:none;border-radius:18px 0 0 18px;padding:8px 0 8px 8px;box-shadow:-6px 6px 0 rgba(28,25,23,.92);overflow:hidden;width:calc(100% + 2px)}
#in-claude .hero-shot-frame video{border-radius:11px 0 0 11px;width:100%}
/* Content is visible even if JavaScript is unavailable. */
#in-claude .reveal{opacity:1;transform:none}
@media(max-width:960px){#in-claude .hero-shot-frame{width:100%;border-right:1.5px solid var(--ink);border-radius:18px;padding:8px;box-shadow:var(--shadow-ink)}#in-claude .hero-shot-frame video{border-radius:11px}}
@media(max-width:820px){#in-claude .mcp-act{grid-template-columns:1fr;gap:2rem}}
@media(prefers-reduced-motion:reduce){#in-claude *{transition:none!important}}

#in-claude .mcp-page-button{display:inline-flex;align-items:center;gap:15px;margin-top:25px;padding:14px 21px;border:1.5px solid var(--ink);border-radius:100px;background:var(--violet);color:#fff;box-shadow:3px 3px 0 var(--ink);font:600 14px/1.4 var(--font-sans);text-decoration:none;transition:background .15s,transform .15s}
#in-claude .mcp-page-button>span{font-size:20px;line-height:1}
#in-claude .mcp-page-button:hover{background:var(--violet-deep);transform:translateY(-1px)}
@media(max-width:380px){#in-claude .mcp-page-button{font-size:12px;padding:13px 16px;gap:10px}}