:root{--imsg-gray:#e9e9eb;--ios-blue:#0a84ff;--screen-bg:#fff;--frame:#1c1c1e;--green:#30d158;--red:#ff453a;--muted:#8e8e93;--hairline:#3c3c4329;--blue:#112d7e;--ink:#0c0e14;--ink-dim:#5b6172;--ink-faint:#8b91a1;--glass:#fff;--glass-line:#e6e8ee;--bg-soft:#f7f8fb;--line-strong:#d3d7e0;--font-jakarta:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-inter:"Inter", ui-sans-serif, system-ui, sans-serif;font-family:var(--font-inter)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:#fff;background-image:radial-gradient(900px 520px at 50% -12%,#eef1fb 0%,#0000 62%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;display:flex;overflow-x:hidden}.stage{flex-direction:column;align-items:center;gap:38px;width:100%;padding:44px 28px 60px;display:flex}.stage__head{flex-direction:column;align-items:center;gap:8px;display:flex}.stage__eyebrow{font-family:var(--font-jakarta);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-size:12px;font-weight:600}.stage__title{font-family:var(--font-jakarta);letter-spacing:-.02em;color:var(--ink);font-size:30px;font-weight:600}.demo{--col-w:384px;--col-h:772px;flex-direction:row-reverse;justify-content:center;align-items:center;gap:40px;max-width:100%;display:flex}.transcript{width:var(--col-w);height:var(--col-h);background:var(--glass);border:1px solid var(--glass-line);border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0c0e140a,0 24px 50px -32px #0c0e144d}.transcript__head{border-bottom:1px solid var(--glass-line);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.transcript__title{font-family:var(--font-jakarta);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.transcript__status{color:var(--ink-dim);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.transcript__status.is-live{color:var(--green)}.transcript__status.is-live:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.transcript__body{scrollbar-width:thin;scrollbar-color:#0c0e142e transparent;flex-direction:column;flex:1;gap:14px;padding:20px 18px;display:flex;overflow-y:auto}.transcript__body::-webkit-scrollbar{width:6px}.transcript__body::-webkit-scrollbar-thumb{background:#0c0e142e;border-radius:3px}.transcript__empty{text-align:center;max-width:250px;color:var(--ink-faint);margin:auto;font-size:13.5px;line-height:1.55}.tline{border-left:2px solid var(--accent);flex-direction:column;gap:3px;max-width:100%;padding-left:13px;animation:.26s both rise;display:flex}.tline--user{--accent:var(--blue)}.tline--agent{--accent:var(--glass-line)}.tline__who{font-family:var(--font-jakarta);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.tline--agent .tline__who{color:var(--ink-dim)}.tline__text{color:var(--ink);word-break:break-word;font-size:14.5px;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.phone{width:var(--col-w);height:var(--col-h);background:var(--frame);border-radius:56px;padding:13px;position:relative;box-shadow:0 0 0 2px #000,0 0 0 4px #2c2c2e,0 50px 90px -36px #000000d9}.phone:before{content:"";filter:blur(48px);z-index:-1;background:radial-gradient(circle at 50% 38%,#112d7e29,#112d7e0f 48%,#0000 72%);border-radius:110px;position:absolute;inset:-60px}.phone__island{z-index:20;background:#000;border-radius:19px;width:122px;height:35px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.screen{background:var(--screen-bg);border-radius:44px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.statusbar{color:#000;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:12px 32px 0;display:flex}.statusbar__time{letter-spacing:.2px;padding-left:6px;font-size:16px;font-weight:600}.statusbar__icons{align-items:center;gap:6px;padding-right:4px;display:inline-flex}.ic{align-items:center;display:inline-flex}.ic--signal{fill:#000;width:18px;height:12px}.ic--wifi{fill:#000;stroke:#000;width:16px;height:12px}.ic--battery{border:1px solid #00000059;border-radius:3px;width:25px;height:12px;padding:1.5px;position:relative}.ic--battery:after{content:"";background:#00000059;border-radius:0 1px 1px 0;width:1.5px;height:4px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.ic--battery i{background:#000;border-radius:1px;width:80%;height:100%;display:block}.callbanner{background:var(--green);color:#06310f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:4px 12px 2px;padding:8px 12px;font-size:13px;font-weight:600;animation:.25s drop-in;display:flex}.callbanner__dot{opacity:.85;background:#06310f;border-radius:50%;width:8px;height:8px}.callbanner.is-speaking .callbanner__dot{animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.55)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.threadhead{border-bottom:.5px solid var(--hairline);flex-shrink:0;grid-template-columns:28px 1fr 28px;align-items:center;padding:6px 16px 12px;display:grid}.threadhead__back{color:var(--ios-blue);font-size:28px;line-height:1}.threadhead__contact{flex-direction:column;align-items:center;gap:4px;display:flex}.avatar{color:#fff;background:linear-gradient(160deg,#c7c7cc,#8e8e93);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;font-weight:500;display:flex}.threadhead__name{color:#000;align-items:center;gap:2px;font-size:12px;font-weight:500;display:inline-flex}.threadhead__chev{color:var(--muted);font-size:13px}.threadhead__video{fill:none;width:23px;height:15px;stroke:var(--ios-blue);stroke-width:1.5px;justify-self:end}.threadhead__video path{fill:var(--ios-blue);stroke:none}.thread{flex-direction:column;flex:1;padding:16px 16px 10px;display:flex;overflow-y:auto}.thread__daystamp{text-align:center;color:var(--muted);letter-spacing:.2px;margin-bottom:14px;font-size:11px;font-weight:600}.msgrow{opacity:0;flex-direction:column;max-width:75%;margin-bottom:10px;transition:opacity .28s,transform .28s cubic-bezier(.2,.9,.3,1.2);display:flex;transform:translateY(10px)scale(.97)}.msgrow.is-shown{opacity:1;transform:none}.msgrow--in{align-self:flex-start;align-items:flex-start}.bubble{word-break:break-word;border-radius:20px;padding:9px 14px;font-size:15px;line-height:1.34}.bubble--in{background:var(--imsg-gray);color:#000;border-bottom-left-radius:6px}.linkcard{text-decoration:none;transition:transform .12s}.linkcard:active{transform:scale(.98)}.linkcard--image{border:.5px solid var(--hairline);background:#fff;border-radius:18px;width:232px;display:block;overflow:hidden;box-shadow:0 1px 5px #0000001f}.linkcard--image .linkcard__media{background:#fff;justify-content:center;align-items:center;padding:18px 24px 14px;display:flex}.linkcard--image .linkcard__media img{width:100%;max-width:150px;height:auto;display:block}.linkcard--image .linkcard__bar{background:#d7d7da;flex-direction:column;gap:2px;padding:9px 13px 11px;display:flex}.linkcard--image .linkcard__title{color:#1a1a1c;font-size:13px;font-weight:600;line-height:1.25}.linkcard--image .linkcard__domain{color:#00000080;font-size:12px}.linkcard--compact{background:var(--accent);border-radius:18px;align-items:center;gap:10px;width:250px;padding:10px 12px;display:flex}.linkcard--compact .linkcard__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.linkcard--compact .linkcard__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.linkcard--compact .linkcard__domain{color:#fffc;font-size:12px}.linkcard--compact .linkcard__badge{width:34px;height:34px;color:var(--accent);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.linkcard--compact .linkcard__badge svg{width:19px;height:19px;display:block}.timestamp{color:var(--muted);margin:5px 0 0 6px;font-size:10.5px}.composer{flex-shrink:0;align-items:center;gap:9px;padding:8px 14px;display:flex}.composer__plus{background:#e9e9eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.composer__plus svg{width:18px;height:18px;stroke:var(--muted)}.composer__field{border:1px solid var(--hairline);border-radius:18px;flex:1;justify-content:space-between;align-items:center;min-height:34px;padding:7px 10px 7px 14px;display:flex}.composer__placeholder{color:#b0b0b5;font-size:15px}.composer__mic svg{width:18px;height:18px;fill:var(--muted);stroke:var(--muted);display:block}.homebar{background:#000;border-radius:3px;flex-shrink:0;width:138px;height:5px;margin:6px auto 10px}.actions{flex-direction:column;align-items:center;gap:14px;display:flex}.controls{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:23px;justify-content:center;align-items:center;gap:8px;min-width:148px;height:46px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:transform .12s,background .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn--call{background:var(--green);color:#06310f;box-shadow:0 8px 26px -8px #30d158cc}.btn--call:hover{box-shadow:0 10px 30px -8px #30d158f2}.btn--call.is-connecting{color:#2e2300;box-shadow:none;background:#d6a425}.btn--call.is-active{background:var(--red);color:#fff;box-shadow:0 8px 26px -8px #ff453ad9}.btn__icon{display:inline-flex}.btn__icon svg{fill:currentColor;width:16px;height:16px;display:block}.btn--reset{color:var(--ink);border:1px solid var(--line-strong);background:#fff}.btn--reset:hover{background:var(--bg-soft)}.hint{color:var(--ink-dim);text-align:center;max-width:420px;min-height:18px;font-size:13px;line-height:1.45}@media (height<=920px),(width<=980px){.demo{--col-w:344px;--col-h:684px}.linkcard__banner{height:92px}.stage{gap:30px;padding:32px 24px 48px}.stage__title{font-size:26px}}@media (width<=840px){.demo{--col-h:660px;flex-direction:column;gap:24px}.transcript{height:300px}}@media (width<=720px){.demo{--col-h:560px;gap:18px}.stage{gap:18px;padding:26px 16px 16px}.transcript{height:220px}.actions{z-index:30;width:calc(100% + 32px);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(#fff0,#ffffffe6 12%,#fff 32%);gap:10px;margin:6px -16px 0;position:sticky;bottom:0}.hint{display:none}}@media (width<=420px){.demo{--col-w:100%}.stage{padding:24px 12px}.phone,.transcript{max-width:340px}.phone:before{inset:-28px}}