.applications-page{min-height:100vh;overflow:auto}.applications-page .landing-header{position:relative}.applications-main{max-width:1440px;margin:auto;padding:40px 5vw 64px}.applications-intro{max-width:720px;margin:24px 0 40px}.applications-intro h1,.chat-heading h1{font-size:clamp(30px,4vw,54px);line-height:1.15;margin:16px 0}.applications-intro p,.chat-heading p{color:#b6c7cb;line-height:1.7}.application-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.application-card{color:inherit;text-decoration:none;border:1px solid #294047;border-radius:20px;overflow:hidden;background:#12212a}.application-card img{width:100%;height:280px;object-fit:cover;object-position:top}.application-card>div{padding:24px}.application-card p{color:#b6c7cb;line-height:1.6}.application-card.available:hover{border-color:#91e0ce;transform:translateY(-3px)}.application-card.available{transition:transform .2s}.application-tag{display:inline-block;border-radius:30px;padding:6px 12px;background:#1d453f;color:#a2ecda;font-size:12px;letter-spacing:.05em}.application-tag.future{background:#28323b;color:#b6c7cb}.application-link{display:block;margin-top:24px;color:#a2ecda}.chat-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.chat-heading>a,.chat-heading a{color:#9fdfd3}.chat-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.chat-stage{position:relative;min-height:620px;border-radius:20px;overflow:hidden;background:#101c25}.chat-stage #demo-stage{height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.chat-stage #demo-stage>img{height:100%;width:100%;object-fit:contain}.chat-stage kasamila-avatar{height:100%;width:100%}.stage-caption{position:absolute;bottom:0;inset-inline:0;display:flex;gap:14px;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#0a1728);padding:60px 24px 24px;pointer-events:none}.stage-caption span{font-size:13px;max-width:65%;text-align:end}.chat-console{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid #294047;border-radius:20px;background:#12212a;min-width:0}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-options label{display:grid;gap:7px;font-size:13px}select,textarea{min-width:0;max-width:100%}.applications-page select,.applications-page textarea{font:inherit;background:#0c1923;border:1px solid #38535c;border-radius:9px;color:#f2fbf8;padding:12px}.applications-page button{font:inherit;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #38535c;border-radius:9px;background:#19323b;color:#f2fbf8}.applications-page button:disabled{opacity:.45;cursor:default}.applications-page .primary{background:#a2ecda;color:#14272d;border-color:#a2ecda}.session-controls,.speech-controls{display:flex;flex-wrap:wrap;gap:10px}.session-controls>button{flex:1}.demo-consent{font-size:12px;color:#b6c7cb;line-height:1.6}.demo-consent label{display:flex;align-items:flex-start;gap:9px}.demo-consent input{margin-top:4px;flex-shrink:0}.demo-consent a{display:block;color:#a2ecda;margin-top:6px}#demo-history{height:220px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 0}.demo-bubble{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:90%;padding:12px 16px;border-radius:13px;background:#213641}.demo-bubble.user{align-self:flex-end;background:#25554f}.demo-bubble.assistant{align-self:flex-start}#demo-text-form{display:flex;gap:10px}#demo-text{flex:1;resize:vertical}.demo-note{font-size:12px;color:#b6c7cb;line-height:1.5;margin:0}.applications-footer{max-width:1440px;margin:auto;display:flex;flex-wrap:wrap;gap:24px;padding:24px 5vw;color:#b6c7cb}.applications-footer a{color:#a2ecda}.applications-page :focus-visible{outline:3px solid #c3f7e8;outline-offset:3px}.applications-page [hidden]{display:none!important}@media(max-width:900px){.application-cards{grid-template-columns:1fr}.application-card{display:grid;grid-template-columns:140px 1fr}.application-card img{height:100%;min-height:240px}.chat-layout{grid-template-columns:1fr}.chat-stage{min-height:400px;height:55vh;max-height:620px}.applications-main{padding-top:20px}.applications-page .landing-nav{flex-wrap:wrap}}@media(max-width:480px){.applications-main{padding-inline:16px}.application-card{grid-template-columns:100px 1fr}.application-card>div{padding:16px}.chat-console{padding:16px}.demo-options{grid-template-columns:1fr}.chat-stage{min-height:320px;height:45vh}.chat-heading{align-items:flex-start}.speech-controls>button{flex:1;font-size:13px}.applications-page .landing-header{flex-wrap:wrap;gap:12px}#demo-history{height:180px}}

.application-tag{white-space:nowrap}
/* Keep portrait media inside its stage and status above every loading layer. */
.chat-stage{isolation:isolate}
.chat-stage #demo-stage{z-index:0;min-width:0;min-height:0;overflow:hidden}
.chat-stage .demo-video-cover{min-width:0;min-height:0;overflow:hidden}
.chat-stage .demo-video-cover>img{position:absolute;inset:0;display:block}
.chat-stage .stage-caption{z-index:1;align-items:flex-start;flex-direction:column;gap:6px;padding:18px 20px;background:linear-gradient(transparent,#081720 24%);overflow-wrap:anywhere}
.chat-stage .stage-caption span{max-width:100%;text-align:start;line-height:1.5}
