/* Live voice demos on the homepage, v1 */
.live-demo{position:relative;overflow:hidden;padding:96px clamp(20px,8vw,130px);display:grid;grid-template-columns:minmax(280px,.76fr) minmax(520px,1.24fr);gap:58px;align-items:center;background:radial-gradient(circle at 5% 15%,#c9f86d2e,transparent 22%),radial-gradient(circle at 92% 74%,#52ded333,transparent 22%),linear-gradient(135deg,#08212a,#0b3c43);color:#effff8}.live-demo:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b7ffe415 1px,transparent 1px),linear-gradient(90deg,#b7ffe415 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,transparent 85%)}.live-demo>*{position:relative;z-index:1}.live-demo h2{max-width:610px;margin:15px 0 20px;font-size:clamp(38px,4.4vw,62px);line-height:.97;letter-spacing:-.067em}.live-demo h2 em{font-style:normal;color:#c9f86d}.live-demo-intro>p{max-width:540px;color:#cce5df;font-size:18px;line-height:1.55}.live-demo .ad-kicker{color:#c9f86d}.live-demo-note{display:flex;gap:10px;align-items:center;max-width:470px;margin-top:26px;padding:13px 15px;border:1px solid #a7dfd233;border-radius:14px;background:#0d4b4d99;color:#d8eee9;font-size:13px;font-weight:700}.live-demo-note span{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#c9f86d;box-shadow:0 0 0 5px #c9f86d25}
.live-demo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-persona{position:relative;min-height:390px;display:flex;flex-direction:column;padding:26px;border:1px solid #a3dfd44a;border-radius:25px;overflow:hidden;background:#0c323b;box-shadow:0 22px 42px #00151c40}.demo-persona:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-72px;top:-78px;opacity:.48;filter:blur(1px)}.demo-persona.ella:before{background:#c9f86d}.demo-persona.thea:before{background:#54dacf}.persona-top{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}.persona-top small{display:block;margin-bottom:1px;color:#a7d3cc;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.persona-top h3{margin:0;color:#fff;font-size:27px;line-height:1;letter-spacing:-.05em}.persona-orb{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:52px;height:52px;border:1px solid #c9f86d80;border-radius:18px;background:#0a242d;box-shadow:inset 0 0 24px #c9f86d33}.persona-orb i{display:block;width:4px;border-radius:8px;background:#c9f86d;animation:liveDemoWave 1.3s ease-in-out infinite}.persona-orb i:nth-child(1){height:15px}.persona-orb i:nth-child(2){height:27px;animation-delay:.16s}.persona-orb i:nth-child(3){height:19px;animation-delay:.3s}.thea .persona-orb{border-color:#73e3d299;box-shadow:inset 0 0 24px #73e3d233}.thea .persona-orb i{background:#73e3d2}.persona-mood{padding:7px 9px;border:1px solid #c9f86d55;border-radius:999px;background:#08252d99;color:#e9ffb6;font-size:11px;font-weight:850}.thea .persona-mood{border-color:#73e3d266;color:#c9fff5}.demo-persona>p{position:relative;z-index:1;margin:29px 0 18px;color:#d3e6e2;line-height:1.58}.persona-prompt{position:relative;z-index:1;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;margin-top:auto;padding:14px;border-radius:16px;background:#134d50;border:1px solid #77dbcd35}.persona-prompt>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#c9f86d;color:#08303a;font-size:15px;font-weight:900}.thea .persona-prompt>span{background:#73e3d2}.persona-prompt p{margin:0;color:#e4f6f2;font-size:13px;line-height:1.45}.persona-call{position:relative;z-index:1;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;margin-top:15px;padding:14px 15px;border-radius:15px;background:#c9f86d;color:#092b31;text-decoration:none;font-weight:900;transition:transform .2s,box-shadow .2s}.persona-call:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0005}.persona-call>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#082f38;color:#c9f86d}.persona-call b{display:block;grid-column:2;color:#19605b;font-size:12px;letter-spacing:.02em}.thea .persona-call{background:#73e3d2}.thea .persona-call>span{color:#73e3d2}@keyframes liveDemoWave{50%{transform:scaleY(.55)}}
@media(max-width:1100px){.live-demo{grid-template-columns:1fr;gap:38px}.live-demo-intro>p{max-width:660px}}@media(max-width:700px){.live-demo{padding:62px 20px}.live-demo-choices{grid-template-columns:1fr}.demo-persona{min-height:auto}.live-demo h2{font-size:clamp(35px,10vw,50px)}}@media(max-width:420px){.live-demo{padding-left:16px;padding-right:16px}.demo-persona{padding:20px}.persona-top{grid-template-columns:47px 1fr}.persona-mood{grid-column:2;justify-self:start}.persona-orb{width:47px;height:47px}}