.demo[data-astro-cid-e5c4uuyz]{padding:96px 0}.demo-container[data-astro-cid-e5c4uuyz]{max-width:1100px;margin:0 auto;padding:0 24px}.demo-header[data-astro-cid-e5c4uuyz]{text-align:center;margin-bottom:48px}.section-eyebrow[data-astro-cid-e5c4uuyz]{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--orange-accent);margin-bottom:14px}.section-title[data-astro-cid-e5c4uuyz]{font-family:Nunito,sans-serif;font-size:clamp(28px,3vw,38px);font-weight:900;color:var(--text-primary);line-height:1.15;letter-spacing:-.5px}.demo-frame[data-astro-cid-e5c4uuyz]{max-width:900px;margin:0 auto}.demo-stage[data-astro-cid-e5c4uuyz]{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--gray-100)}.demo-slide[data-astro-cid-e5c4uuyz]{position:absolute;inset:0;width:100%;height:100%}.demo-slide[data-astro-cid-e5c4uuyz].scrolling-out{animation:slideUp-out .5s ease forwards}.demo-slide[data-astro-cid-e5c4uuyz].scrolling-in{animation:slideUp-in .5s ease forwards}@keyframes slideUp-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideUp-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.demo-image[data-astro-cid-e5c4uuyz]{width:100%;height:100%;object-fit:contain;display:block}.demo-hotspot[data-astro-cid-e5c4uuyz]{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange-accent);border:3px solid var(--white);box-shadow:0 2px 8px #00000040;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:10}.demo-hotspot[data-astro-cid-e5c4uuyz].visible{display:flex}.demo-hotspot-pulse[data-astro-cid-e5c4uuyz]{position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--orange-accent);animation:hotspot-pulse 1.8s ease-out infinite}@keyframes hotspot-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.6);opacity:0}}.demo-callout[data-astro-cid-e5c4uuyz]{position:absolute;display:none;width:260px;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-md);z-index:20;transform:translate(-110%,calc(-100% - 32px))}.demo-callout[data-astro-cid-e5c4uuyz][data-position=upper-right]{transform:translate(10%,calc(-100% - 32px))}.demo-callout[data-astro-cid-e5c4uuyz][data-position=lower-right]{transform:translate(10%,32px)}.demo-callout[data-astro-cid-e5c4uuyz][data-position=lower-left]{transform:translate(-110%,-50%)}.demo-callout[data-astro-cid-e5c4uuyz].visible{display:block}.demo-callout-text[data-astro-cid-e5c4uuyz]{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:10px}.demo-callout-next[data-astro-cid-e5c4uuyz]{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--white);background:var(--green-brand);border:none;border-radius:6px;padding:6px 14px;cursor:pointer;transition:background .15s ease}.demo-callout-next[data-astro-cid-e5c4uuyz]:hover{background:var(--green-dark)}.demo-controls[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.demo-restart[data-astro-cid-e5c4uuyz]{display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;transition:all .15s ease}.demo-restart[data-astro-cid-e5c4uuyz]:hover{color:var(--text-primary);border-color:var(--gray-400)}.demo-progress[data-astro-cid-e5c4uuyz]{display:flex;align-items:center;gap:8px}.demo-progress-dot[data-astro-cid-e5c4uuyz]{width:8px;height:8px;border-radius:50%;background:var(--gray-200);transition:background .2s ease,transform .2s ease}.demo-progress-dot[data-astro-cid-e5c4uuyz].active{background:var(--green-brand);transform:scale(1.2)}.demo-cta[data-astro-cid-e5c4uuyz]{text-align:center;margin-top:48px}.demo-cta-text[data-astro-cid-e5c4uuyz]{font-family:Nunito,sans-serif;font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:18px}.btn-primary[data-astro-cid-e5c4uuyz]{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--white);background:var(--green-brand);text-decoration:none;padding:13px 24px;border-radius:10px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #49775240}.btn-primary[data-astro-cid-e5c4uuyz]:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4977524d}@media(max-width:600px){.demo[data-astro-cid-e5c4uuyz]{padding:64px 0}.demo-callout[data-astro-cid-e5c4uuyz]{width:200px}}