.demos{--demos-gap:88px;--demos-ease:cubic-bezier(.2, .7, .2, 1)}.demos-hero{max-width:760px}.demos-eyebrow{gap:8px;padding:5px 12px 5px 10px}.demos-dot{background:var(--gold);border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 3px #fcd53526}.demos-tabs{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:4px;max-width:100%;margin-top:28px;padding:5px;display:inline-flex}.demos-tab{height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,color .15s}.demos-tab:hover{color:var(--text);background:#ffffff08}.demos-tab[aria-pressed=true]{color:var(--bg);background:var(--goldGrad)}.demos-tab[aria-pressed=true]:hover{color:var(--bg)}.demos-section{padding-top:56px}.demos-empty{color:var(--muted);margin-top:40px;font-size:15px}.demos-feature{gap:var(--demos-gap);grid-template-columns:1.12fr .88fr;align-items:center;padding:40px 0;display:grid}.demos-feature+.demos-feature{border-top:1px solid var(--lineSoft)}.demos-feature.is-flip .demos-media{order:2}.demos-feature.is-flip .demos-copy{order:1}.demos-kicker{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:11.5px}.demos-summary{max-width:520px;color:var(--muted);margin-top:16px;font-size:16px;line-height:1.6}@media (max-width:780px){.demos-feature{grid-template-columns:1fr;gap:24px;padding:28px 0}.demos-feature.is-flip .demos-media,.demos-feature.is-flip .demos-copy{order:0}}.demos-media,.demos-thumb{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface2);display:block;position:relative;overflow:hidden}.demos-media img,.demos-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--demos-ease);display:block}.demos-media:hover img,.demos-card:hover .demos-thumb img{transform:scale(1.03)}.demos-badge,.demos-duration{z-index:1;color:var(--text);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;background:#181a20d9;border:1px solid #ffffff14;border-radius:7px;padding:4px 8px;font-size:11px;line-height:1.2;position:absolute}.demos-badge{text-transform:uppercase;top:10px;left:10px}.demos-duration{font-variant-numeric:tabular-nums;bottom:10px;right:10px}.demos-play{color:#181a20;width:62px;height:62px;transition:transform .2s var(--demos-ease), box-shadow .2s var(--demos-ease);background:#fff;border-radius:99px;place-items:center;margin:-31px 0 0 -31px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 8px #ffffff2e,0 14px 34px -12px #000000e6}.demos-play svg{width:22px;height:22px;margin-left:3px}.demos-media:hover .demos-play,.demos-card:hover .demos-play{transform:scale(1.06);box-shadow:0 0 0 12px #fff3,0 18px 40px -12px #000000f2}.demos-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;margin-top:18px;display:grid}@media (max-width:900px){.demos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.demos-grid{grid-template-columns:1fr}}.demos-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s, transform .25s var(--demos-ease), box-shadow .25s var(--demos-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.demos-card:hover{border-color:#fcd53566;transform:translateY(-2px);box-shadow:0 24px 50px -30px #000}.demos-card .demos-thumb{border:0;border-bottom:1px solid var(--lineSoft);border-radius:0}.demos-card-body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.demos-card-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:620;line-height:1.3}.demos-card-open{color:var(--gold);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:2px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.demos-card-open:after{content:"";border-radius:inherit;position:absolute;inset:0}.demos-card-open:focus-visible{outline:none}.demos-card:has(.demos-card-open:focus-visible){outline-offset:2px;outline:3px solid #fcd535aa}.demos-cta{text-align:center;border:1px solid var(--line);background:radial-gradient(120% 140% at 50% 0%, #fcd53514, transparent 60%), linear-gradient(160deg, var(--surface2), var(--surface));border-radius:22px;margin-top:72px;padding:56px 28px}.demos-cta .h2{max-width:640px;margin-left:auto;margin-right:auto}@media (max-width:600px){.demos-cta{margin-top:56px;padding:40px 20px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demos .reveal{opacity:0;transition:opacity .55s var(--demos-ease), transform .55s var(--demos-ease);transform:translateY(28px)}.demos .reveal.is-in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demos *,.lb *{transition:none!important}}.lb{z-index:3000;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lb-backdrop{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#0b0d11c2;position:absolute;inset:0}.lb-stage{place-items:center;display:grid;position:relative}.lb-card{background:#0f1115;border:1px solid #ffffff14;border-radius:18px;width:min(1000px,94vw);max-height:92vh;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000}.lb-card.is-video{aspect-ratio:var(--lb-aspect,16 / 9)}.lb-card.is-tall{width:min(49.5vh,94vw)}.lb-card.is-steps{flex-direction:column;width:min(1000px,94vw,147.2vh - 304px);display:flex}.lb-frame{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lb-close,.lb-nav{color:var(--text);cursor:pointer;border:1px solid #ffffff1f;border-radius:99px;place-items:center;transition:background .15s,border-color .15s,transform .15s;display:grid}.lb-close{z-index:2;background:#181a20cc;width:40px;height:40px;position:absolute;top:10px;right:10px}.lb-close:hover{background:#2b3139;border-color:#fff3}.lb-nav{z-index:3;background:#1e2329e6;width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#2b3139;border-color:#fff3}.lb-prev{left:-72px}.lb-next{right:-72px}@media (max-width:1185px){.lb-prev{position:fixed;left:8px}.lb-next{position:fixed;right:8px}}@media (max-width:600px){.lb-nav{width:40px;height:40px}.lb-prev{left:4px}.lb-next{right:4px}}.lb-stepper{flex-direction:column;min-height:0;margin:0;display:flex}.lb-imgwrap{aspect-ratio:16/10;background:#000}.lb-imgwrap img{object-fit:contain;width:100%;height:100%;display:block}.lb-caption{padding:14px 18px 0;overflow:auto}.lb-counter{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:11px}.lb-caption p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.55}.lb-controls{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 16px;display:flex}.lb-step{border:1px solid var(--line);height:36px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.lb-step:hover{border-color:var(--faint);background:#ffffff0a}.lb-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lb-dot{cursor:pointer;background:#fff3;border:0;border-radius:99px;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.lb-dot:hover{background:#fff6}.lb-dot[aria-current=step]{background:var(--gold);transform:scale(1.25)}@media (max-width:600px){.lb{padding:10px}.lb-caption{padding:12px 14px 0}.lb-caption p{font-size:13px}.lb-controls{padding:10px 14px 14px}.lb-step{padding:0 10px;font-size:13px}}