/* Hero video and MCP CTA, using existing BUBU Brain CI tokens. */
.hero-copy,.hero-commerce{min-width:0}
.hero-setup-video{margin:26px 0 0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-flat);overflow:hidden;box-shadow:var(--shadow)}
.hero-video-wrap{position:relative;aspect-ratio:16/9;background:#07111f}
.hero-video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#07111f}
.hero-video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 35%,rgba(16,232,237,.15),transparent 65%),linear-gradient(145deg,#0d2033,#07111f);color:#f7fbff;pointer-events:none}
.hero-video-play{pointer-events:auto;width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(135,249,251,.6);border-radius:50%;background:rgba(16,232,237,.12);color:#87f9fb;cursor:pointer;transition:background .2s,transform .2s}
.hero-video-play:hover{background:rgba(16,232,237,.22);transform:scale(1.04)}
.hero-video-play svg{width:25px;height:25px;margin-left:4px}
.hero-video-cover strong{font-size:clamp(16px,1.8vw,22px);letter-spacing:-.02em}
.hero-video-cover span{font-size:12px;color:#c3d0df}
.hero-setup-video figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:14px 16px 4px;color:var(--muted);font-size:11px}
.hero-setup-video figcaption strong{color:var(--text-2);font-weight:650}
.hero-video-direct{display:inline-block;color:var(--accent);font-size:11px;margin:0 16px 14px;min-height:32px;line-height:32px}
.hero-video-error{padding:0 16px;color:var(--text-2);font-size:12px}
.hero-nerd-cta{margin-top:20px;padding:20px 3px 0;border-top:1px solid var(--line)}
.hero-nerd-cta h3{font-size:1rem;letter-spacing:-.025em;margin:0 0 7px;color:var(--text)}
.hero-nerd-cta>p{font-size:12px;line-height:1.6;color:var(--text-2);margin:0 0 14px}
.hero-nerd-cta label{display:block;font-size:10px;font-weight:750;letter-spacing:.09em;color:var(--accent);margin:0 0 8px}
.hero-mcp-control{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:12px;min-width:0}
.hero-mcp-control input{display:block;width:100%;min-width:0;border:0;background:transparent;color:var(--text);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:8px 0}
.hero-mcp-copy{flex-shrink:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;background:var(--card-flat);border:1px solid var(--accent-line);border-radius:8px;color:var(--text);font:650 12px/1.4 system-ui;cursor:pointer}
.hero-mcp-copy:hover{border-color:var(--accent-strong)}
.hero-mcp-copy svg{width:16px;height:16px}
.hero-nerd-cta .hero-mcp-status{min-height:20px;margin:8px 0 0;font-size:11px;color:var(--accent)}
.hero-nerd-links{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:6px}
.hero-nerd-links a{display:inline-flex;align-items:center;min-height:36px;font-size:12px;font-weight:650;color:var(--accent)}
@media(max-width:640px){.hero-setup-video{margin-top:22px}.hero-video-play{width:58px;height:58px}.hero-video-cover{gap:10px}.hero-mcp-control{flex-wrap:wrap}.hero-mcp-control input{flex:1 1 100%;font-size:12px}.hero-mcp-copy{width:100%}.hero-nerd-links{gap:0 16px}.hero-setup-video figcaption{padding:12px 14px 4px}.hero-video-direct{margin-left:14px}}
@media(prefers-reduced-motion:reduce){.hero-video-play{transition:none}.hero-video-play:hover{transform:none}}