.hero-demo[data-astro-cid-sn33dbid]{--bg: var(--demo-bg, #0B1220);--bg-alt: var(--demo-bg-alt, #0F1729);--primary: var(--demo-primary, #22D3EE);--primary-200: var(--demo-primary-200, #67E8F9);--glow: var(--demo-glow, #818CF8);--rec: var(--demo-rec, #FB7185);--text: var(--demo-text, #E2E8F0);--text-strong: var(--demo-text-strong, #F8FAFC);--text-muted: var(--demo-text-muted, #94A3B8);width:100%;max-width:560px;margin-inline:auto;font-family:var(--font-bricolage, "Inter", system-ui, sans-serif);filter:drop-shadow(0 30px 60px rgba(34,211,238,.18)) drop-shadow(0 12px 24px rgba(0,0,0,.4))}.hero-demo__browser[data-astro-cid-sn33dbid]{background:linear-gradient(180deg,#0f1729,#0b1220);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.hero-demo__chrome[data-astro-cid-sn33dbid]{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.hero-demo__dot[data-astro-cid-sn33dbid]{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.hero-demo__dot--rec[data-astro-cid-sn33dbid]{background:var(--rec);box-shadow:0 0 0 3px #fb71852e}.hero-demo__addr[data-astro-cid-sn33dbid]{margin-left:12px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:var(--text-muted);background:#ffffff0a;padding:3px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.06);flex:1;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo__stage[data-astro-cid-sn33dbid]{position:relative;height:220px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.06),transparent 60%),radial-gradient(circle at 80% 80%,rgba(129,140,248,.05),transparent 60%),linear-gradient(180deg,transparent 0%,rgba(129,140,248,.03) 100%)}.hero-demo__capture[data-astro-cid-sn33dbid]{position:absolute;inset:0;padding:18px;display:flex;align-items:flex-start;justify-content:center}.hero-demo__btn[data-astro-cid-sn33dbid]{font-family:var(--font-bricolage);font-weight:700;font-size:12px;letter-spacing:.02em;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--glow));color:#0b1220;position:relative;margin-top:24px;box-shadow:0 8px 24px #22d3ee59}.hero-demo__rec-pill[data-astro-cid-sn33dbid]{position:absolute;top:14px;left:18px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;background:#0b1220d9;border:1px solid rgba(251,113,133,.5);border-radius:999px;font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;color:var(--rec);letter-spacing:.08em;opacity:0}.hero-demo__rec-dot[data-astro-cid-sn33dbid]{width:7px;height:7px;border-radius:50%;background:var(--rec);animation:rec-pulse 1s ease-in-out infinite}.hero-demo__rec-text[data-astro-cid-sn33dbid]{margin-right:4px}.hero-demo__bar[data-astro-cid-sn33dbid]{display:inline-block;width:56px;height:4px;border-radius:2px;background:#fb71852e;overflow:hidden}.hero-demo__bar-fill[data-astro-cid-sn33dbid]{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--rec),#FDA4AF);border-radius:2px;transform:scaleX(0);transform-origin:left center;will-change:transform}.hero-demo__share[data-astro-cid-sn33dbid]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);display:flex;align-items:center;gap:6px;padding:7px 12px;background:linear-gradient(135deg,#22d3ee2e,#818cf82e);border:1px solid rgba(34,211,238,.5);border-radius:8px;color:var(--text-strong);font-family:var(--font-mono, monospace);font-size:11px;opacity:0;box-shadow:0 0 30px #22d3ee4d,0 10px 40px #0006;white-space:nowrap}.hero-demo__copy[data-astro-cid-sn33dbid]{margin-left:2px;opacity:.7}.hero-demo__cursor[data-astro-cid-sn33dbid]{position:absolute;top:0;left:0;transform:translate3d(280px,28px,0) scale(1);opacity:0;pointer-events:none;z-index:4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));will-change:transform,opacity}.hero-demo__transcript[data-astro-cid-sn33dbid]{position:absolute;left:14px;right:14px;bottom:12px;background:#0f1729b3;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;font-family:var(--font-mono, monospace);font-size:10.5px;line-height:1.55;backdrop-filter:blur(6px);opacity:0}.hero-demo__transcript-line[data-astro-cid-sn33dbid]{display:flex;gap:8px;align-items:baseline;opacity:0}.hero-demo__transcript-time[data-astro-cid-sn33dbid]{color:var(--text-muted);flex-shrink:0;font-size:9.5px}.hero-demo__transcript-text[data-astro-cid-sn33dbid]{color:var(--text);display:inline-block;white-space:nowrap;clip-path:inset(0 100% 0 0);will-change:clip-path;vertical-align:bottom}@media(prefers-reduced-motion:no-preference){.hero-demo__cursor[data-astro-cid-sn33dbid]{animation:cursor-loop 10s cubic-bezier(.5,0,.3,1) infinite}@keyframes cursor-loop{0%,6%{opacity:0;transform:translate3d(360px,-20px,0) scale(1)}14%{opacity:1;transform:translate3d(220px,48px,0) scale(1)}16%{transform:translate3d(220px,48px,0) scale(.85)}18%{transform:translate3d(220px,48px,0) scale(1)}46%{opacity:1;transform:translate3d(36px,24px,0) scale(1)}48%{transform:translate3d(36px,24px,0) scale(.85)}50%{opacity:1;transform:translate3d(36px,24px,0) scale(1)}52%{opacity:0;transform:translate3d(80px,80px,0) scale(1)}to{opacity:0;transform:translate3d(80px,80px,0) scale(1)}}.hero-demo__btn--record[data-astro-cid-sn33dbid]{animation:record-btn 10s ease-out infinite}@keyframes record-btn{0%,14%{opacity:1;transform:scale(1)}16%{transform:scale(.92)}18%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}.hero-demo__rec-pill[data-astro-cid-sn33dbid]{animation:rec-pill 10s ease-out infinite}@keyframes rec-pill{0%,16%{opacity:0;transform:translateY(-4px)}20%{opacity:1;transform:translateY(0)}44%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-4px)}to{opacity:0}}.hero-demo__bar-fill[data-astro-cid-sn33dbid]{animation:bar-fill 10s linear infinite}@keyframes bar-fill{0%,20%{transform:scaleX(0)}44%{transform:scaleX(1)}to{transform:scaleX(1)}}.hero-demo__share[data-astro-cid-sn33dbid]{animation:share-pop 10s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes share-pop{0%,54%{opacity:0;transform:translate(-50%,-50%) scale(.7)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}62%{opacity:1;transform:translate(-50%,-50%) scale(.96)}66%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%{opacity:1;transform:translate(-50%,-50%) scale(1)}92%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:0}}.hero-demo__transcript[data-astro-cid-sn33dbid]{animation:tx-slide 10s ease-out infinite}@keyframes tx-slide{0%,64%{opacity:0;transform:translateY(8px)}70%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}92%{opacity:0;transform:translateY(-4px)}to{opacity:0}}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(1){animation:tx-line-1 10s linear infinite}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(2){animation:tx-line-2 10s linear infinite}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(3){animation:tx-line-3 10s linear infinite}@keyframes tx-line-1{0%,64%{opacity:0}66%{opacity:1}88%{opacity:1}93%{opacity:0}to{opacity:0}}@keyframes tx-line-2{0%,70%{opacity:0}72%{opacity:1}88%{opacity:1}93%{opacity:0}to{opacity:0}}@keyframes tx-line-3{0%,76%{opacity:0}78%{opacity:1}90%{opacity:1}93%{opacity:0}to{opacity:0}}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(1) .hero-demo__transcript-text[data-astro-cid-sn33dbid]{animation:type-1 10s steps(28,end) infinite}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(2) .hero-demo__transcript-text[data-astro-cid-sn33dbid]{animation:type-2 10s steps(40,end) infinite}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(3) .hero-demo__transcript-text[data-astro-cid-sn33dbid]{animation:type-3 10s steps(34,end) infinite}@keyframes type-1{0%,65%{clip-path:inset(0 100% 0 0)}71%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes type-2{0%,71%{clip-path:inset(0 100% 0 0)}77%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes type-3{0%,77%{clip-path:inset(0 100% 0 0)}83%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}}@media(prefers-reduced-motion:reduce){.hero-demo__cursor[data-astro-cid-sn33dbid]{display:none}.hero-demo__btn--record[data-astro-cid-sn33dbid]{opacity:0}.hero-demo__rec-pill[data-astro-cid-sn33dbid]{opacity:1}.hero-demo__bar-fill[data-astro-cid-sn33dbid]{transform:scaleX(1)!important}.hero-demo__share[data-astro-cid-sn33dbid]{opacity:1;transform:translate(-50%,-50%) scale(1)}.hero-demo__transcript[data-astro-cid-sn33dbid],.hero-demo__transcript-line[data-astro-cid-sn33dbid]{opacity:1}.hero-demo__transcript-text[data-astro-cid-sn33dbid]{clip-path:inset(0 0% 0 0)!important}.hero-demo__transcript-line[data-astro-cid-sn33dbid]:nth-child(n+4){display:none}}