@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blobBreath1{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.03) rotate(2deg)}50%{transform:scale(1.05) rotate(0deg)}75%{transform:scale(1.02) rotate(-2deg)}}@keyframes blobBreath2{0%,to{transform:scale(1) rotate(0deg)}33%{transform:scale(1.04) rotate(-3deg)}66%{transform:scale(1.03) rotate(3deg)}}@keyframes blobBreath3{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(5deg)}}@keyframes blobGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes blobListen1{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes blobListen2{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blobListen3{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes blobGlowListen{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes blobSpeak1{0%,to{transform:scale(1) rotate(0deg) translateX(0)}25%{transform:scale(1.12) rotate(5deg) translateX(2px)}50%{transform:scale(1.18) rotate(0deg) translateX(0)}75%{transform:scale(1.1) rotate(-5deg) translateX(-2px)}}@keyframes blobSpeak2{0%,to{transform:scale(1) rotate(0deg) translateY(0)}33%{transform:scale(1.15) rotate(-4deg) translateY(-3px)}66%{transform:scale(1.12) rotate(4deg) translateY(3px)}}@keyframes blobSpeak3{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.22) rotate(6deg)}}@keyframes blobGlowSpeak{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@keyframes blobWaiting{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(.95);opacity:.5}}@keyframes blobConnecting{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blobSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blobError{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.08) rotate(-5deg)}75%{transform:scale(1.08) rotate(5deg)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-video-v171{background:rgba(255,255,255,.78);border-radius:24px;box-shadow:0 45px 120px rgba(15,23,42,.25);padding:22px;max-width:600px;width:100%;backdrop-filter:blur(38px);border:1px solid rgba(255,255,255,.5)}[data-theme=dark] .hero-video-v171{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.2);box-shadow:0 45px 100px rgba(0,0,0,.6)}.hero-demo-card{min-height:380px;display:flex;align-items:center;justify-content:center}.hero-demo-wrapper,.hero-live-demo-container{width:100%;height:100%;min-height:320px}.hero-demo-card .player-wrapper,.hero-demo-card .video-placeholder,.hero-demo-card .video-play-btn{display:none}.hero-demo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.demo-state{flex-direction:column;text-align:center;width:100%;padding:24px;gap:16px;animation:fadeIn .3s ease-out}.demo-orb,.demo-state,.siri-blob-container{display:flex;align-items:center;justify-content:center}.demo-orb{position:relative;width:120px;height:120px;margin-bottom:8px}.siri-blob-container{position:absolute;width:100%;height:100%}.siri-blob-svg{width:120px;height:120px;overflow:visible;filter:drop-shadow(0 0 20px rgba(99,102,241,.4));transition:filter .3s ease}.blob-layer{transform-origin:center center;transition:opacity .3s ease}.blob-layer-1{animation:blobBreath1 4s ease-in-out infinite;opacity:.95}.blob-layer-2{animation:blobBreath2 5s ease-in-out infinite;opacity:.5;filter:blur(3px)}.blob-layer-3{animation:blobBreath3 6s ease-in-out infinite;opacity:.25;filter:blur(6px)}.blob-glow{animation:blobGlow 3s ease-in-out infinite;opacity:.4;filter:blur(10px)}.demo-orb-active.orb-listening .siri-blob-svg{filter:drop-shadow(0 0 25px rgba(99,102,241,.5))}.demo-orb-active.orb-listening .blob-layer-1{animation:blobListen1 2s ease-in-out infinite}.demo-orb-active.orb-listening .blob-layer-2{animation:blobListen2 2.5s ease-in-out infinite}.demo-orb-active.orb-listening .blob-layer-3{animation:blobListen3 3s ease-in-out infinite}.demo-orb-active.orb-listening .blob-glow{animation:blobGlowListen 1.5s ease-in-out infinite}.demo-orb-active.orb-speaking .siri-blob-svg{filter:drop-shadow(0 0 35px rgba(139,92,246,.7))}.demo-orb-active.orb-speaking .blob-layer-1{animation:blobSpeak1 .6s ease-in-out infinite}.demo-orb-active.orb-speaking .blob-layer-2{animation:blobSpeak2 .8s ease-in-out infinite;opacity:.6}.demo-orb-active.orb-speaking .blob-layer-3{animation:blobSpeak3 1s ease-in-out infinite;opacity:.35}.demo-orb-active.orb-speaking .blob-glow{animation:blobGlowSpeak .5s ease-in-out infinite;opacity:.6}.demo-orb-waiting .blob-layer-1,.demo-orb-waiting .blob-layer-2,.demo-orb-waiting .blob-layer-3{animation:blobWaiting 2s ease-in-out infinite}.orb-mic-icon,.orb-spinner{position:absolute;z-index:10}.orb-mic-icon{width:32px;height:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.demo-orb-connecting .siri-blob-svg{filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}.demo-orb-connecting .blob-layer-1,.demo-orb-connecting .blob-layer-2,.demo-orb-connecting .blob-layer-3{animation:blobConnecting 1.5s ease-in-out infinite}.orb-spinner{width:100px;height:100px;border-radius:50%;border:3px solid transparent;border-top-color:rgba(255,255,255,.9);border-right-color:rgba(255,255,255,.3);animation:spin .8s linear infinite}.demo-orb-ended .siri-blob-svg{filter:drop-shadow(0 0 25px rgba(16,185,129,.6))}.demo-orb-ended .blob-layer-1,.demo-orb-ended .blob-layer-2,.demo-orb-ended .blob-layer-3{animation:blobSuccess 2s ease-in-out infinite}.demo-orb-ended .blob-glow{opacity:.5}.orb-check-icon,.orb-error-icon{position:absolute;color:#fff;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.orb-check-icon{width:36px;height:36px;animation:checkPop .5s cubic-bezier(.175,.885,.32,1.275)}.demo-orb-error .siri-blob-svg{filter:drop-shadow(0 0 25px rgba(239,68,68,.6))}.demo-orb-error .blob-layer-1,.demo-orb-error .blob-layer-2,.demo-orb-error .blob-layer-3{animation:blobError .5s ease-in-out}.orb-error-icon{width:32px;height:32px}.demo-orb .orb-inner,.demo-orb .orb-ring,.demo-orb .orb-ring-2,.demo-orb .orb-waveform{display:none}.demo-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0;letter-spacing:-.01em}[data-theme=dark] .demo-title{color:#f8fafc}.demo-subtitle{font-size:.9rem;color:#6b7280;margin:0;max-width:280px;line-height:1.4}[data-theme=dark] .demo-subtitle{color:#94a3b8}.demo-permission-btn,.demo-start-btn{font-weight:600;color:#fff;border:0;cursor:pointer}.demo-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:14px;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 24px rgba(99,102,241,.35),0 2px 8px rgba(99,102,241,.2)}.demo-start-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(99,102,241,.45),0 4px 12px rgba(99,102,241,.3)}.demo-start-btn:active{transform:translateY(0) scale(.98)}.demo-start-btn .btn-icon{font-size:1.2em}.demo-permission-btn{padding:12px 24px;font-size:.95rem;background:#6366f1;border-radius:12px;transition:all .2s ease}.demo-permission-btn:hover{background:#4f46e5;transform:translateY(-1px)}.demo-end-btn,.demo-restart-btn,.demo-retry-btn{font-weight:500;cursor:pointer;transition:all .2s ease}.demo-end-btn{padding:8px 16px;font-size:.85rem;color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px}.demo-end-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5)}.demo-restart-btn,.demo-retry-btn{padding:10px 20px;font-size:.9rem;color:#6366f1;background:0 0;border:1.5px solid rgba(99,102,241,.4);border-radius:10px}.demo-restart-btn:hover,.demo-retry-btn:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.6)}[data-theme=dark] .demo-restart-btn,[data-theme=dark] .demo-retry-btn{color:#818cf8;border-color:rgba(129,140,248,.4)}.demo-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.hint{display:inline-block;padding:6px 12px;font-size:.75rem;color:#9ca3af;background:rgba(156,163,175,.1);border-radius:20px;font-style:italic;transition:all .2s ease}.hint:hover{color:#6b7280;background:rgba(156,163,175,.15)}[data-theme=dark] .hint{color:#64748b;background:rgba(100,116,139,.15)}[data-theme=dark] .hint:hover{color:#94a3b8;background:rgba(100,116,139,.25)}.demo-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.demo-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:700;letter-spacing:.05em;color:#10b981;background:rgba(16,185,129,.1);border-radius:20px;text-transform:uppercase}.live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}.demo-transcript{width:100%;max-height:120px;overflow-y:auto;padding:8px;margin:8px 0;background:rgba(0,0,0,.03);border-radius:12px;scroll-behavior:smooth}[data-theme=dark] .demo-transcript{background:rgba(255,255,255,.05)}.demo-message{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;margin-bottom:8px;border-radius:12px;animation:messageIn .3s ease-out}.demo-message-user{align-items:flex-end;background:rgba(99,102,241,.1);margin-left:20%}.demo-message-agent{align-items:flex-start;background:rgba(16,185,129,.1);margin-right:20%}.message-role{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:2px}.demo-message-user .message-role{color:#6366f1}.demo-message-agent .message-role{color:#10b981}.message-text{font-size:.85rem;color:#374151;line-height:1.4}[data-theme=dark] .message-text{color:#e2e8f0}.demo-status-indicator{font-size:.8rem;color:#6b7280;margin:0}.status-listening{color:#6366f1}.status-speaking{color:#8b5cf6}.demo-ended-text,.demo-error-text,.demo-permission-text,.demo-status-text{font-size:.9rem;color:#6b7280;margin:0}[data-theme=dark] .demo-ended-text,[data-theme=dark] .demo-error-text,[data-theme=dark] .demo-permission-text,[data-theme=dark] .demo-status-text{color:#94a3b8}.demo-cta-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,rgba(99,102,241,.08)0,rgba(139,92,246,.08) 100%);border-radius:16px;border:1px solid rgba(99,102,241,.15);margin:8px 0}.demo-cta-text{font-size:.95rem;font-weight:500;color:#374151;margin:0}[data-theme=dark] .demo-cta-text{color:#e2e8f0}.demo-cta-btn{display:inline-flex;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px rgba(99,102,241,.3)}.demo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(99,102,241,.4)}@media (max-width:480px){.demo-orb,.siri-blob-svg{width:100px;height:100px}.demo-title{font-size:1.1rem}.demo-start-btn{padding:12px 24px;font-size:.95rem}.demo-hints{flex-direction:column}.demo-transcript{max-height:100px}.demo-message{margin-left:0!important;margin-right:0!important}}.demo-transcript::-webkit-scrollbar{width:4px}.demo-transcript::-webkit-scrollbar-track{background:0 0}.demo-transcript::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:2px}.demo-transcript::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}.hero-industry-selector{padding:16px 20px 14px;border-bottom:1px solid rgba(0,0,0,.05)}.hero-industry-selector-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary, #9CA3AF);margin:0 0 8px;font-weight:600}.hero-industry-pills{display:flex;flex-direction:column;gap:4px}.hero-industry-pill{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border-radius:10px;font-size:.82rem;font-weight:500;background:0 0;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-secondary, #6B7280);font-family:inherit;line-height:1.3;text-align:left;user-select:none}.hero-industry-pill-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(99,102,241,.06);flex-shrink:0;transition:all .2s ease}.hero-industry-pill-icon svg{width:16px;height:16px;stroke:#6b7280;transition:stroke .2s ease}.hero-industry-pill-label{flex:1}.hero-industry-pill:hover{background:rgba(99,102,241,.04);color:var(--color-text-primary, #1F2937)}.hero-industry-pill:hover .hero-industry-pill-icon{background:rgba(99,102,241,.1)}.hero-industry-pill:hover .hero-industry-pill-icon svg{stroke:#6366f1}.hero-industry-pill[aria-pressed=true]{background:rgba(99,102,241,.08);color:#4338ca;font-weight:600;border-color:rgba(99,102,241,.15)}.hero-industry-pill[aria-pressed=true] .hero-industry-pill-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(99,102,241,.3)}.hero-industry-pill[aria-pressed=true] .hero-industry-pill-icon svg{stroke:#fff}.hero-industry-explore{padding:10px 20px 8px;text-align:center;animation:fadeIn .35s ease-out;border-top:1px solid rgba(0,0,0,.04)}.hero-industry-explore a{font-size:.78rem;color:var(--brand-primary, #6366F1);text-decoration:none;font-weight:600;transition:color .2s ease}.hero-industry-explore a:hover{color:#764ba2;text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .hero-industry-selector{border-bottom-color:rgba(255,255,255,.06)}[data-theme=dark] .hero-industry-selector-label{color:rgba(255,255,255,.4)}[data-theme=dark] .hero-industry-pill{color:rgba(255,255,255,.6)}[data-theme=dark] .hero-industry-pill-icon{background:rgba(255,255,255,.06)}[data-theme=dark] .hero-industry-pill-icon svg{stroke:rgba(255,255,255,.5)}[data-theme=dark] .hero-industry-pill:hover{background:rgba(99,102,241,.08);color:#fff}[data-theme=dark] .hero-industry-pill:hover .hero-industry-pill-icon{background:rgba(99,102,241,.15)}[data-theme=dark] .hero-industry-pill:hover .hero-industry-pill-icon svg{stroke:#818cf8}[data-theme=dark] .hero-industry-pill[aria-pressed=true]{background:rgba(99,102,241,.12);color:#a5b4fc;border-color:rgba(99,102,241,.2)}[data-theme=dark] .hero-industry-pill[aria-pressed=true] .hero-industry-pill-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(99,102,241,.25)}[data-theme=dark] .hero-industry-pill[aria-pressed=true] .hero-industry-pill-icon svg{stroke:#fff}[data-theme=dark] .hero-industry-explore{border-top-color:rgba(255,255,255,.04)}.hero-industry-pill:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-radius:10px}@media (max-width:1024px){.hero-demo-card{flex-direction:column;min-height:auto}.hero-industry-selector{width:100%;border-bottom:1px solid rgba(0,0,0,.05)}.hero-live-demo-container{min-height:280px}}@media (max-width:640px){.hero-industry-selector{padding:12px 14px 10px}.hero-industry-pills{flex-direction:row;flex-wrap:wrap;gap:6px}.hero-industry-pill{padding:7px 10px;font-size:.76rem;gap:8px}.hero-industry-pill-icon{width:26px;height:26px;border-radius:6px}.hero-industry-pill-icon svg{width:14px;height:14px}.hero-demo-card{padding:14px}.demo-state{padding:16px 12px}.demo-start-btn{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.hero-industry-pill,.hero-industry-pill-icon,.hero-industry-pill-icon svg{transition:none}}
/* Mobile touch targets WCAG 2.5.5 AAA + iOS zoom-on-focus prevention (2026-04-18) */
.hero-live-demo-container button,
.hero-live-demo-container .demo-cta-btn,
.hero-live-demo-container a[data-role="funnel-cta"] {
    min-height: 44px;
    min-width: 44px;
}
.hero-live-demo-container input,
.hero-live-demo-container textarea {
    font-size: 16px;
}
@media (prefers-reduced-motion: reduce) {
    .hero-live-demo-container .thinking-dot,
    .hero-live-demo-container .demo-mic-check-bar,
    .hero-live-demo-container .blob-layer,
    .hero-live-demo-container .blob-glow {
        animation: none !important;
    }
}
/* Consent modal — edge-safe on small phones */
@media (max-width: 480px) {
    body > div[role="dialog"][aria-modal="true"] > div {
        max-width: calc(100vw - 1rem) !important;
        max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem) !important;
        overflow-y: auto;
    }
}