.monkey-kit{padding-bottom:24px}.monkey-kit>section{margin:72px 0;scroll-margin-top:96px}.monkey-kit h2{margin-top:14px}.monkey-overview>p{max-width:850px}.monkey-lead{font-size:clamp(20px,2.2vw,29px);line-height:1.45}.monkey-overview .core-loop{max-width:900px}.monkey-film{display:grid;grid-template-columns:1fr 1.35fr;gap:36px;align-items:center}.monkey-film p{margin-bottom:24px}.monkey-video-poster{display:block;position:relative;overflow:hidden;border-radius:18px;background:#0b151a}.monkey-video-poster img{display:block;width:100%;height:auto}.monkey-video-poster>span{position:absolute;bottom:18px;left:18px;padding:12px 18px;border-radius:30px;color:#fff;background:#07141be8;font-weight:700}.monkey-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.monkey-screenshot-grid figure{margin:0;min-width:0;border:1px solid var(--line,#d7dedc);border-radius:14px;overflow:hidden}.monkey-screenshot-grid a{display:block}.monkey-screenshot-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101716}.monkey-screenshot-grid figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:600}.monkey-kit a:focus-visible{outline:3px solid #e8a33a;outline-offset:5px}.monkey-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0}.monkey-facts>div{border-top:1px solid var(--line,#d7dedc);padding-top:16px}.monkey-facts dt{font-size:13px;opacity:.7;margin-bottom:10px}.monkey-facts dd{margin:0;font-weight:700}.monkey-kit .opportunities p{max-width:580px}@media(max-width:760px){.monkey-kit>section{margin:48px 0}.monkey-film{grid-template-columns:1fr;gap:24px}.monkey-screenshot-grid{grid-template-columns:1fr;gap:20px}.monkey-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.monkey-video-poster>span{bottom:12px;left:12px;padding:9px 14px}}

/* Demo is an action; availability is a non-interactive status. */
.monkey-demo-badge{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #7cc497;border-radius:99px;background:#e6f5e9;color:#165c36;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.monkey-hero-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:12px;color:#e4e8e0}
.showcase .hero-actions.monkey-actions,.game-hero .hero-actions.monkey-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.showcase .hero-actions.monkey-actions{margin-top:14px}
.monkey-actions .button,.monkey-demo-link.button,.monkey-project-card .card-actions .button{min-height:44px;padding:11px 16px;font-size:13px;line-height:1.4;white-space:nowrap;text-align:center}
.showcase .monkey-actions .button.secondary{background:rgba(16,25,20,.45);color:#fff;border-color:rgba(255,255,255,.55)}
.monkey-project-card .card-topline{align-items:center;flex-wrap:wrap}
.monkey-project-card .card-actions{justify-content:flex-start;gap:10px;flex-wrap:wrap}
.monkey-project-card .card-actions .button{flex:1 1 130px}
.monkey-demo-section{padding:28px;border:1px solid var(--line,#d7dedc);border-radius:18px}
.monkey-demo-section>p{max-width:850px}
.monkey-demo-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0}
.monkey-demo-details>span{font-size:13px;opacity:.8;line-height:1.6}
@media(max-width:760px){.monkey-demo-section{padding:20px}.monkey-demo-details{gap:14px}}
@media(max-width:480px){.monkey-actions .button{flex:1 1 145px}.monkey-hero-status{gap:8px}.monkey-demo-details{align-items:flex-start;flex-direction:column}}