.livekit-page{--lk-orange:var(--accent,#ff6200);--lk-black:#000;--lk-text-secondary:#00000080;--lk-text-tertiary:#00000080;--lk-muted:#00000080;--lk-line:#e6e6e6;--lk-line-subtle:#f0f0f0;--lk-panel:#f5f5f5;min-height:100vh;color:var(--lk-black);background:#fff}.livekit-page button,.livekit-page a{font-family:inherit}.livekit-page :is(a,button):focus-visible{outline:2px solid var(--lk-orange);outline-offset:3px}.livekit-hero{width:100%;padding:148px 32px 80px}.livekit-hero h1{letter-spacing:-.02em;text-wrap:balance;flex-direction:column;gap:2px;max-width:880px;margin:0;font-size:40px;font-weight:500;line-height:110%;display:flex}.livekit-hero h1 span{display:block}.livekit-hero-heading-secondary{color:var(--lk-text-tertiary)}.livekit-hero-copy{max-width:760px;color:var(--lk-text-secondary);letter-spacing:-.02em;margin:20px 0 0;font-size:15px;font-weight:400;line-height:140%}.livekit-button{letter-spacing:0;white-space:nowrap;border:0;border-radius:50px;flex:none;justify-content:center;align-items:center;gap:10px;height:34px;min-height:34px;padding:16px 24px;font-size:15px;font-weight:500;line-height:18px;transition:background-color .2s cubic-bezier(.44,0,.56,1),color .2s cubic-bezier(.44,0,.56,1);display:inline-flex}.livekit-button-secondary{color:#000;background:#f5f5f5}.livekit-button-secondary:hover{background:#e8e6e6}.livekit-button-fifth{color:#fff;background:#ffffff0d}.livekit-button-fifth:hover{background:#ffffff26}.experience-section{background:var(--lk-panel);border-radius:32px;width:calc(100% - 64px);margin:0 auto;padding:40px 32px 32px}.experience-intro{padding:0 0 32px}.section-index{color:var(--lk-orange);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600;line-height:2em}.experience-intro h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:32px;font-weight:500;line-height:1.2em}.experience-intro>p{max-width:780px;color:var(--lk-text-secondary);letter-spacing:-.02em;margin:16px 0 0;font-size:15px;font-weight:400;line-height:140%}.mode-switch{border:1px solid var(--lk-line);background:#fff;border-radius:50px;align-items:center;gap:12px;width:fit-content;margin:0 auto 36px;padding:8px 16px;display:flex;position:relative}.mode-switch>span{color:var(--lk-muted);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:18px;display:flex}.mode-switch>span.is-active,.mode-switch>span:last-of-type.is-active{color:#000}.mode-switch button{cursor:pointer;background:#00000026;border:0;border-radius:50px;width:56px;height:32px;padding:3px;transition:background-color .2s cubic-bezier(.44,0,.56,1);position:relative}.mode-switch button span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .36s cubic-bezier(.2,.9,.3,1.1);display:block;box-shadow:0 2px 8px #0003}.is-after .mode-switch button{background:#000}.is-after .mode-switch button span{transform:translate(24px)}.mode-switch em{color:var(--lk-orange);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-style:normal;font-weight:500;line-height:18px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.room-shell{border:1px solid var(--lk-line);background:#fff;border-radius:32px;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);display:grid;overflow:hidden}.room-main{min-width:0;padding:12px}.room-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 8px 10px;font-size:15px;line-height:21px;display:flex}.room-toolbar>div{align-items:center;gap:8px;min-width:0;display:flex}.room-toolbar .livekit-room-icon{background:#000;border-radius:6px;width:28px;height:28px;padding:4px}.connected-state{color:var(--lk-muted);align-items:center;gap:7px;display:flex}.connected-state.is-live{color:var(--lk-orange)}.connected-state i,.track-status i{background:#ffffff80;border-radius:50%;width:7px;height:7px}.connected-state i{background:#00000059}.connected-state.is-live i,.track-status.is-live i{background:var(--lk-orange)}.room-stage{background:#f5f5f5;border-radius:24px;min-height:500px;position:relative;overflow:hidden}.room-stage:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000001f,#0000 38%,#0000009e);transition:opacity .32s;position:absolute;inset:0}.is-after .room-stage:after{opacity:1}.voice-visual{z-index:1;color:#000;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 24px 72px;transition:opacity .32s,transform .46s;display:flex;position:absolute;inset:0}.is-after .voice-visual{opacity:0;pointer-events:none;transform:scale(.75)}.voice-rings{color:#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000000a;border:1px solid #0000001f;border-radius:50%;flex:none;place-items:center;width:174px;height:174px;transition:transform .24s,box-shadow .24s;display:grid;box-shadow:0 0 0 30px #00000006,0 0 0 60px #00000004}.voice-rings.is-source-graphic{width:min(392px,90vw);height:285px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;position:relative;overflow:hidden}.anam-voice-presence-graphic{width:100%;height:100%;position:relative}.anam-voice-presence-animation{width:208px;height:208px;position:absolute;top:0;left:50%;transform:translate(-50%)}.anam-voice-presence-animation>div,.anam-voice-presence-animation canvas{display:block;width:100%!important;height:100%!important}.anam-voice-presence-waveform{object-fit:cover;width:calc(100% + 12px);height:61px;display:block;position:absolute;bottom:0;left:-6px;right:-6px}.voice-visual.is-speaking .voice-rings{transform:scale(1.05);box-shadow:0 0 0 32px #ff620017,0 0 0 64px #ff62000b}.session-spinner{animation:.9s linear infinite session-spin}@keyframes session-spin{to{transform:rotate(360deg)}}.voice-session-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:390px;display:flex}.voice-session-copy strong{letter-spacing:-.36px;font-size:18px;font-weight:500;line-height:1.2em}.voice-session-copy span{color:#00000080;letter-spacing:-.02em;font-size:15px;line-height:140%}.voice-session-copy button,.video-preview-action button{background:var(--lk-orange);color:#fff;cursor:pointer;border:0;border-radius:50px;justify-content:center;align-items:center;gap:10px;height:34px;min-height:34px;margin-top:8px;padding:16px 24px;font-size:15px;font-weight:500;line-height:18px;transition:color .2s,opacity .2s;display:inline-flex}.voice-session-copy button:hover,.video-preview-action button:hover{color:#ffffffd9}.session-error{color:#000000a6;text-align:center;max-width:420px;margin:-14px 0 0;font-size:15px;line-height:140%}.preview-avatar-video,.avatar-video{object-fit:cover;opacity:0;background:#000;width:100%;height:100%;transition:opacity .42s,transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;transform:scale(1.06)}.preview-avatar-video{object-position:center 32%}.preview-avatar-video.is-visible,.avatar-video.is-visible{opacity:1;transform:scale(1)}.video-preview-action{z-index:2;background:linear-gradient(#0000 46%,#00000057);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:24px 24px 82px;display:flex;position:absolute;inset:0}.video-preview-action button{margin-top:0}.video-preview-action button:disabled{cursor:wait;opacity:.75}.video-preview-action .session-error{color:#fffc;margin:0}.track-status{z-index:3;color:#000;background:0 0;border-radius:50px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:500;line-height:18px;display:flex;position:absolute;top:16px;left:16px}.track-status span{color:#00000080;align-items:center;gap:7px;display:flex}.track-status i{background:#00000059}.is-after .track-status{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c}.is-after .track-status span{color:#fffc}.participant-info{z-index:3;color:#000;justify-content:space-between;align-items:end;gap:16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.is-after .participant-info{color:#fff}.participant-info>div:first-child{flex-direction:column;gap:4px;display:flex}.participant-info strong{font-size:15px;font-weight:500;line-height:21px}.participant-info span{color:#00000080;font-size:15px;line-height:21px}.is-after .participant-info span{color:#fffc}.stage-controls{flex:none;gap:8px;display:flex}.participant-info button{color:#000;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000014;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.is-after .participant-info button{color:#fff;background:#ffffff0d}.participant-info button:hover{background:#00000024}.is-after .participant-info button:hover{background:#ffffff26}.participant-info .end-session-button{border-radius:50px;align-items:center;gap:10px;width:auto;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.room-details{border-left:1px solid var(--lk-line);flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.same-agent-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.same-agent-title>div{align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:21px;display:flex}.same-agent-title>div svg{color:var(--lk-orange)}.same-agent-title>span{color:var(--lk-muted);white-space:nowrap;background:#f5f5f5;border-radius:50px;padding:6px 10px;font-size:12px}.stack-card,.change-card{border:1px solid var(--lk-line);background:#fafafa;border-radius:16px;padding:16px}.stack-card>p{color:var(--lk-text-secondary);letter-spacing:-.02em;margin:0 0 12px;font-size:11px;font-weight:600;line-height:2em}.stack-card dl{gap:10px;margin:0;display:grid}.stack-card dl div,.change-card>div:not(.change-card-heading){justify-content:space-between;align-items:center;gap:10px;display:flex}.stack-card dt,.stack-card dd,.change-card span,.change-card strong{margin:0;font-size:15px;line-height:21px}.stack-card dt,.change-card span{color:var(--lk-text-secondary)}.stack-card dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.change-card{background:#fff}.change-card-heading{color:var(--lk-orange);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:500;line-height:21px;display:flex}.change-card>div:not(.change-card-heading){border-top:1px solid var(--lk-line-subtle);padding:9px 0}.change-card strong{align-items:center;gap:4px;font-weight:500;display:flex}.aha-note{padding:2px 2px 4px}.aha-note p{color:var(--lk-text-secondary);letter-spacing:-.02em;margin:0;font-size:15px;line-height:140%}.aha-note a{color:var(--lk-orange);align-items:center;gap:4px;font-weight:500;display:inline-flex}.details-cta{align-self:flex-start;margin-top:auto}.details-cta.is-glowing{animation:1.8s ease-in-out infinite livekit-cta-glow}@keyframes livekit-cta-glow{0%,to{box-shadow:0 0 #ff62002e}50%{box-shadow:0 0 0 7px #ff62001f}}.flow-section{width:100%;padding:72px 32px 40px}.flow-diagram{background:#f5f5f5;border-radius:32px;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) 88px minmax(0,1fr);align-items:center;margin-bottom:32px;padding:24px;display:grid}.flow-node{border:1px solid var(--lk-line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:184px;padding:22px;display:flex;position:relative}.flow-node-anam{border-color:var(--lk-orange)}.flow-step{color:var(--lk-text-secondary);letter-spacing:-.02em;font-size:11px;font-weight:600;line-height:2em;position:absolute;top:16px;right:16px}.flow-node-anam .flow-step{color:var(--lk-orange)}.flow-node-icon{border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.flow-node-icon-agent,.flow-node-icon-livekit{color:#fff;background:#000}.flow-node-icon-anam{color:#000;width:82px}.flow-anam-wordmark{fill:currentColor;width:56px;display:block}.flow-livekit-mark{width:34px;height:34px}.flow-node-copy strong,.flow-node-copy small{display:block}.flow-node-copy strong{letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:1.2em}.flow-node-copy small{color:var(--lk-text-secondary);letter-spacing:-.02em;margin-top:6px;font-size:15px;line-height:140%}.flow-connector{color:var(--lk-muted);justify-items:center;gap:8px;display:grid}.flow-connector span{letter-spacing:-.02em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:2em}.flow-connector svg{background:#fff;border-radius:50%;width:34px;height:34px;padding:8px}.integration-card{color:#fff;background:#000;border-radius:32px;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.integration-copy{padding:clamp(32px,5vw,64px)}.integration-copy h3{letter-spacing:-.02em;text-wrap:balance;max-width:420px;margin:0;font-size:24px;font-weight:500;line-height:1.2em}.integration-copy>p:not(.section-index){color:#fffc;letter-spacing:-.02em;max-width:440px;min-height:72px;margin:18px 0 24px;font-size:15px;font-weight:400;line-height:140%}.integration-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.integration-actions a{align-items:center;gap:10px;display:inline-flex}.code-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;align-self:stretch;margin:18px;overflow:hidden}.code-toolbar{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px;display:flex}.code-card pre{color:#fffc;font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, monospace;margin:0;font-size:13px;line-height:1.55;overflow:auto}.agent-prompt-code{white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#ffffff4d transparent;max-height:390px;padding:24px}.implementation-code{white-space:pre;scrollbar-color:#ffffff4d transparent;max-height:260px;padding:24px}.implementation-code-line{display:block}.livekit-final-cta{color:#fff;background:#000;border-radius:32px;justify-content:space-between;align-items:center;gap:32px;width:calc(100% - 64px);min-height:260px;margin:0 auto 72px;padding:48px;display:flex}.livekit-final-cta h2{letter-spacing:-.02em;max-width:620px;margin:0;font-size:32px;font-weight:500;line-height:1.2em}.livekit-final-cta p{color:#fffc;letter-spacing:-.02em;max-width:600px;margin:20px 0 0;font-size:15px;font-weight:400;line-height:140%}.livekit-final-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.livekit-page~.tools-business-cta-section{display:none}@media (max-width:999.98px){.livekit-hero{padding:132px 24px 80px}.experience-section{width:calc(100% - 48px);padding:40px 24px 24px}.room-shell,.integration-card{grid-template-columns:1fr}.room-details{border-top:1px solid var(--lk-line);border-left:0}.flow-section{padding-left:24px;padding-right:24px}.livekit-final-cta{width:calc(100% - 48px)}.flow-diagram{grid-template-columns:1fr 68px 1fr 68px 1fr;padding:18px}}@media (max-width:809.98px){.livekit-hero{padding:116px 20px 64px}.experience-section{width:calc(100% - 40px);padding:32px 20px 20px}.experience-intro{padding-bottom:28px}.experience-intro h2{font-size:24px;line-height:1.2em}.mode-switch{gap:8px;margin-bottom:40px;padding:8px 12px}.mode-switch>span{font-size:13px}.mode-switch>span svg{display:none}.room-stage{min-height:440px}.voice-rings{width:142px;height:142px;box-shadow:0 0 0 24px #00000006,0 0 0 48px #00000004}.voice-visual{gap:12px;padding:16px 18px 58px}.voice-rings.is-source-graphic{width:min(320px,90vw);height:248px}.anam-voice-presence-animation{width:180px;height:180px}.anam-voice-presence-waveform{height:55px}.participant-info{flex-direction:column;align-items:flex-start}.room-details{padding:20px}.flow-section{padding:64px 20px 40px}.flow-diagram{grid-template-columns:1fr;gap:10px;padding:14px}.flow-node{min-height:150px}.flow-connector{gap:4px}.flow-connector svg{transform:rotate(90deg)}.integration-copy{padding:32px 24px}.integration-copy h3{font-size:20px}.integration-actions{flex-direction:column;align-items:flex-start}.code-card{margin:10px}.code-toolbar{flex-direction:column;align-items:stretch}.code-toolbar .tool-code-tabs{width:100%}.code-toolbar .tool-code-tabs button{flex:1 0 auto}.code-toolbar .tool-code-copy-button{width:100%}.livekit-final-cta{flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 40px);min-height:320px;margin-bottom:56px;padding:32px 24px}.livekit-final-cta h2{font-size:24px}.livekit-final-actions{flex-direction:column;align-items:flex-start;width:100%}}@media (pointer:coarse){.voice-session-copy button,.video-preview-action button,.code-toolbar button,.participant-info button{min-height:44px}}@media (prefers-reduced-motion:reduce){.session-spinner,.details-cta.is-glowing{animation:none}.details-cta.is-glowing{box-shadow:0 0 0 5px #ff62001f}}