.demo-hero[data-astro-cid-eh7yhrim]{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;border-bottom:2px solid #f0f0f0}.demo-hero__inner[data-astro-cid-eh7yhrim]{max-width:560px}.demo-hero__label[data-astro-cid-eh7yhrim]{font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:#3ec058;margin-bottom:1rem}.demo-hero__headline[data-astro-cid-eh7yhrim]{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;color:#111827;margin-bottom:1rem}.demo-hero__sub[data-astro-cid-eh7yhrim]{font-size:1rem;color:#6b7280;line-height:1.65;margin-bottom:2rem}.demo-hero__toggle[data-astro-cid-eh7yhrim]{display:inline-flex;border:1.5px solid #e5e7eb;border-radius:.5rem;overflow:hidden;font-size:.8125rem;margin-bottom:2.5rem}.demo-hero__toggle-on[data-astro-cid-eh7yhrim]{padding:.5rem 1rem;background:#3ec058;color:#fff;font-weight:600}.demo-hero__toggle-off[data-astro-cid-eh7yhrim]{padding:.5rem 1rem;color:#6b7280;text-decoration:none;background:#fff;transition:background .15s}.demo-hero__toggle-off[data-astro-cid-eh7yhrim]:hover{background:#f9fafb;text-decoration:none}.demo-hero__toggle-on--off[data-astro-cid-eh7yhrim]{background:#fff;color:#3ec058;font-weight:600;text-decoration:none;border-right:1.5px solid #e5e7eb;transition:background .15s}.demo-hero__toggle-on--off[data-astro-cid-eh7yhrim]:hover{background:#f0fdf4}.demo-hero__toggle-off--active[data-astro-cid-eh7yhrim]{background:#dc2626;color:#fff;font-weight:700}.demo-hero__scroll-cue[data-astro-cid-eh7yhrim]{font-size:.8125rem;color:#9ca3af}.demo-section[data-astro-cid-mbs5wkhw]{padding:3rem 1.5rem;border-bottom:2px solid #f0f0f0;background:#fff}.demo-section--alt[data-astro-cid-mbs5wkhw]{background:#fafafa}.demo-section__inner[data-astro-cid-mbs5wkhw]{max-width:720px;margin:0 auto}.demo-section__counter[data-astro-cid-mbs5wkhw]{font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:#9ca3af;margin-bottom:.75rem}.demo-section__header[data-astro-cid-mbs5wkhw]{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.demo-section__title[data-astro-cid-mbs5wkhw]{font-size:1.375rem;font-weight:700;color:#111827;margin:0}.demo-section__api[data-astro-cid-mbs5wkhw]{font-size:.8125rem;color:#9ca3af;background:none}.demo-section__desc[data-astro-cid-mbs5wkhw]{font-size:.9375rem;color:#4b5563;line-height:1.65;margin-bottom:1.5rem;max-width:560px}.demo-section__metrics[data-astro-cid-mbs5wkhw]{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem}.demo-section__metric[data-astro-cid-mbs5wkhw]{background:#fff;padding:.875rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.demo-section__metric-value[data-astro-cid-mbs5wkhw]{font-size:1.25rem;font-weight:700;color:#3ec058}.demo-section__metric-label[data-astro-cid-mbs5wkhw]{font-size:.6875rem;color:#9ca3af}.demo-section__compare[data-astro-cid-mbs5wkhw]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}@media (max-width: 520px){.demo-section__compare[data-astro-cid-mbs5wkhw]{grid-template-columns:1fr}}.demo-section__col[data-astro-cid-mbs5wkhw]{border-radius:.5rem;padding:.875rem;border:1.5px solid #fee2e2}.demo-section__col--with[data-astro-cid-mbs5wkhw]{border-color:#3ec058}.demo-section__col-label[data-astro-cid-mbs5wkhw]{font-size:.625rem;font-weight:700;letter-spacing:.06em;margin-bottom:.5rem;color:#dc2626}.demo-section__col--with[data-astro-cid-mbs5wkhw] .demo-section__col-label[data-astro-cid-mbs5wkhw]{color:#3ec058}.demo-section__code[data-astro-cid-mbs5wkhw]{font-size:.75rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;background:#fff8f8;border-radius:.25rem;padding:.5rem;color:#374151}.demo-section__col--with[data-astro-cid-mbs5wkhw] .demo-section__code[data-astro-cid-mbs5wkhw]{background:#f0fdf4}.demo-section__sandbox[data-astro-cid-mbs5wkhw]{border:1.5px dashed #d1d5db;border-radius:.5rem;padding:1.25rem;background:#fff;margin-bottom:1.25rem;text-align:center}.demo-section__sandbox-label[data-astro-cid-mbs5wkhw]{font-size:.625rem;font-weight:700;letter-spacing:.08em;color:#d1d5db;margin-bottom:.75rem}.demo-section__snippet[data-astro-cid-mbs5wkhw]{background:#1a1a1a;border-radius:.5rem;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7;color:#d4d4d4;overflow-x:auto;margin:0}.demo-section__docs-link[data-astro-cid-mbs5wkhw]{display:inline-block;margin-top:1rem;font-size:.8125rem;color:#3ec058;text-decoration:none;font-weight:500}.demo-section__docs-link[data-astro-cid-mbs5wkhw]:hover{text-decoration:underline}.trigger-pills{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.trigger-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .875rem;border-radius:999px;font-size:.75rem;font-family:monospace;border:1.5px solid #d1d5db;color:#374151;background:#fff;transition:all .25s}.trigger-dot{font-size:.65rem;color:#9ca3af;transition:all .2s}.trigger-pill--time{border-color:#fbbf24;color:#92400e;background:#fffbeb}.trigger-pill--time .trigger-dot{color:#d97706}.trigger-pill--fired{border-color:#3ec058;background:#f0fdf4;color:#166534;font-weight:600}.trigger-pill--fired .trigger-dot{color:#3ec058}.scroll-distance-track{width:100%;height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.scroll-distance-bar{height:100%;width:0%;background:#3ec058;border-radius:999px;transition:width .1s linear}.scroll-distance-bar--ok{background:#3ec058}.scroll-distance-bar--err{background:#dc2626}.scroll-distance-label{font-size:.75rem;font-family:monospace;color:#9ca3af;margin-bottom:.75rem}.sandbox-desc{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.sandbox-btn{background:#3ec058;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.sandbox-btn:hover{background:#207a32}.sandbox-btn:focus-visible{outline:2px solid #207A32;outline-offset:2px}.sandbox-status{font-size:.8125rem;color:#9ca3af;margin-top:.75rem;margin-bottom:0}.status-wait{color:#f59e0b}.status-ok{color:#3ec058;font-weight:600}.status-err{color:#dc2626}.sandbox-scroll-box{height:140px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;background:#f9fafb;padding:.75rem;font-size:.875rem;color:#9ca3af;text-align:center}.sandbox-scroll-inner{display:flex;flex-direction:column;align-items:center}.slider-placeholder{border:1.5px dashed #d1d5db;border-radius:.5rem;overflow:hidden}.slide{display:flex;align-items:center;justify-content:center;height:140px;font-size:.875rem;font-weight:600;border-radius:.375rem}.slide--1{background:#f0fdf4;color:#166534}.slide--2{background:#eff6ff;color:#1e40af}.slide--3{background:#fdf4ff;color:#6b21a8}.inactivity-timer{font-size:3rem;font-weight:800;color:#3ec058;line-height:1;margin:.5rem 0}.inactivity-popup{position:fixed;bottom:1.5rem;right:1.5rem;width:300px;background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;padding:1.25rem 1.25rem 1rem;box-shadow:0 8px 32px #0000001f;z-index:9998;transform:translateY(120%);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.inactivity-popup--visible{transform:translateY(0);opacity:1}.inactivity-popup__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:.75rem;color:#9ca3af;cursor:pointer;padding:.25rem;line-height:1}.inactivity-popup__close:hover{color:#374151}.inactivity-popup__eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:#3ec058;margin-bottom:.4rem}.inactivity-popup__headline{font-size:1rem;font-weight:700;color:#111827;line-height:1.35;margin-bottom:.5rem}.inactivity-popup__body{font-size:.8125rem;color:#6b7280;line-height:1.55;margin-bottom:1rem}.inactivity-popup__cta{display:inline-block;background:#3ec058;color:#fff;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;transition:background .15s}.inactivity-popup__cta:hover{background:#207a32}.click-modal{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:background .25s ease}.click-modal--visible{background:#00000073}.click-modal__box{background:#fff;border-radius:.75rem;padding:2rem 2rem 1.5rem;width:90%;max-width:380px;position:relative;transform:scale(.92) translateY(12px);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;box-shadow:0 16px 48px #0000002e}.click-modal--visible .click-modal__box{transform:scale(1) translateY(0);opacity:1}.click-modal__close{position:absolute;top:.875rem;right:.875rem;background:none;border:none;font-size:.8125rem;color:#9ca3af;cursor:pointer;padding:.25rem;line-height:1}.click-modal__close:hover{color:#374151}.click-modal__eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:#3ec058;margin-bottom:.5rem}.click-modal__title{font-size:1.125rem;font-weight:700;color:#111827;line-height:1.35;margin:0 0 .75rem}.click-modal__body{font-size:.8125rem;color:#6b7280;line-height:1.6;margin-bottom:1.25rem}.click-modal__cta{width:100%;text-align:center}.sandbox-tip{background:#fffbeb;border:1.5px solid #fbbf24;border-radius:.5rem;padding:.75rem 1rem;font-size:.8125rem;color:#78350f;line-height:1.6;margin-bottom:1rem;text-align:left}.sandbox-tip code{font-size:.75rem;background:#00000012;padding:.1em .35em;border-radius:.25rem;font-family:monospace}.video-thumbnail{background:#111827;border-radius:.5rem;aspect-ratio:16 / 9;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.5rem}.video-play-btn{width:48px;height:48px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding-left:4px;color:#111}.video-thumbnail-label{color:#9ca3af;font-size:.8125rem}.video-thumbnail:focus-visible{outline:2px solid #3EC058;outline-offset:2px}.style-target{border:2px dashed #e5e7eb;border-radius:.375rem;padding:1rem;font-size:.875rem;color:#9ca3af;transition:all .3s}.style-target.style-loaded{border-color:#3ec058;background:#f0fdf4;color:#166534;font-weight:600;letter-spacing:.05em}