.demo-addon{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center;margin-bottom:20px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--ink);color:#fff}.demo-addon .eyebrow{color:#f4a17b}.demo-addon h2{max-width:720px;margin:.1rem 0 .6rem;font-size:2rem;letter-spacing:-.045em}.demo-addon p:not(.eyebrow){max-width:760px;color:#c9c4cf}.demo-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.demo-steps span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #4a4454;border-radius:8px;background:#211e31;font-size:.68rem;font-weight:700}.demo-steps b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;font-size:.58rem}.addon-action{display:flex;flex-direction:column;gap:9px;align-items:stretch}.addon-action small,.addon-action span{color:#a9a3b0;font-size:.65rem;text-align:center}.demo-control-head{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.demo-title{padding-bottom:20px}.demo-setup-card{overflow:hidden;margin-bottom:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.demo-setup-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.demo-setup-steps article{display:flex;align-items:center;gap:10px;padding:18px;border-right:1px solid var(--line);opacity:.55}.demo-setup-steps article:last-child{border-right:0}.demo-setup-steps article.done,.demo-setup-steps article.current{opacity:1}.demo-setup-steps article.done{background:var(--green-soft)}.demo-setup-steps b{display:grid;place-items:center;min-width:29px;height:29px;border:1px solid var(--line-dark);border-radius:50%;color:var(--accent-deep);font-size:.68rem}.demo-setup-steps .done b{border-color:var(--green);background:var(--green);color:#fff}.demo-setup-steps strong,.demo-setup-steps small{display:block}.demo-setup-steps small{margin-top:2px;color:var(--muted);font-size:.62rem}.demo-empty,.demo-manage{display:flex;align-items:center;gap:17px;padding:28px}.demo-empty h2{margin:0 0 4px;font-size:1.45rem}.demo-empty p{margin:0;color:var(--muted)}.demo-empty .button{margin-left:auto}.demo-manage{justify-content:space-between}.demo-manage small,.demo-manage strong,.demo-manage p{display:block}.demo-manage small{color:var(--accent-deep);font-size:.6rem;font-weight:800;letter-spacing:.12em}.demo-manage strong{margin-top:5px;overflow-wrap:anywhere}.demo-manage p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.demo-manage-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-insights .metric-grid{grid-template-columns:repeat(4,1fr)}.question-list p{display:flex;justify-content:space-between;gap:15px;padding:11px 0;margin:0;border-bottom:1px solid var(--line);color:#504b58}.question-list b{color:var(--accent-deep)}
.public-demo-loading{display:grid;place-items:center;align-content:center;gap:12px;min-height:100dvh;padding:30px;text-align:center;background:var(--paper)}.public-demo-loading h1{margin:5px 0;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.06em}.public-demo-loading p{color:var(--muted)}.demo-public-bar{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:12px max(4vw,22px);border-bottom:1px solid var(--line);background:rgba(250,248,242,.95);backdrop-filter:blur(18px)}.demo-public-bar>div{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.71rem;font-weight:700}.demo-public-bar a:not(.brand){color:var(--ink)}.demo-public-shell{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(520px,1.28fr);min-height:calc(100dvh - 74px);background:var(--paper)}.demo-guide{position:relative;display:flex;flex-direction:column;padding:clamp(38px,6vw,90px);overflow:hidden;border-right:1px solid var(--line)}.demo-guide:after{content:"";position:absolute;right:-230px;bottom:-260px;width:520px;height:520px;border:1px solid rgba(232,111,61,.25);border-radius:50%}.demo-guide h1{max-width:620px;margin:0;font-size:clamp(3.2rem,5vw,6rem);line-height:.91;letter-spacing:-.075em}.demo-welcome{max-width:590px;color:var(--muted);font-size:1rem;line-height:1.7}.demo-promise{display:flex;flex-direction:column;gap:9px;margin:24px 0;padding:0;border-top:1px solid var(--line)}.demo-promise strong{padding-top:17px}.demo-promise span{color:#5e5966;font-size:.74rem}.demo-memory-card{position:relative;z-index:1;margin:0 0 18px;padding:17px;border-left:3px solid var(--green);background:var(--green-soft)}.demo-memory-card small{color:var(--green);font-size:.58rem;font-weight:800;letter-spacing:.12em}.demo-memory-card p{margin:7px 0;color:#3b574e;font-size:.72rem;line-height:1.5}.demo-memory-card strong{display:block;color:#155d4a;font-size:.68rem}.demo-language{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:28px;color:#5b5663;font-size:.73rem;font-weight:700}.demo-language select{padding:9px 11px;border:1px solid var(--line-dark);border-radius:8px;background:var(--white)}.demo-privacy{position:relative;z-index:1;color:#817b86;font-size:.66rem}.demo-conversation{display:flex;flex-direction:column;min-height:calc(100dvh - 74px);padding:clamp(22px,4vw,58px);background:var(--white)}.demo-conversation-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.demo-conversation-head strong,.demo-conversation-head small{display:block}.demo-conversation-head small{margin-top:3px;color:var(--green);font-size:.66rem}.demo-conversation-head small[data-state="failed"]{color:#9a2d41}.demo-conversation-head small[data-state="listening"],.demo-conversation-head small[data-state="responding"]{color:var(--accent-deep)}.public-demo-thread{flex:1;min-height:330px;max-height:55vh;overflow-y:auto;padding:29px 2px}.demo-message{max-width:82%;margin-bottom:16px}.demo-message span{display:block;margin:0 0 6px 3px;color:#8a8490;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.demo-message p{margin:0;padding:15px 17px;border:1px solid var(--line);border-radius:17px 17px 17px 4px;background:var(--paper-2);color:#302b35;line-height:1.55}.demo-message.visitor{margin-left:auto}.demo-message.visitor span{text-align:right}.demo-message.visitor p{border:0;border-radius:17px 17px 4px 17px;background:var(--ink);color:#fff}.demo-sources{display:block;margin:6px 4px 0;color:var(--blue);font-size:.59rem}.demo-topics{display:flex;gap:7px;overflow-x:auto;padding:4px 0 14px}.demo-topics button{min-width:max-content;min-height:40px;padding:9px 11px;border:1px solid var(--line-dark);border-radius:8px;background:var(--white);color:#4c4753;font-size:.67rem;font-weight:700;cursor:pointer}.demo-topics button:hover{border-color:var(--accent)}.demo-composer label{position:absolute;width:1px;height:1px;overflow:hidden}.demo-composer>div{display:grid;grid-template-columns:1fr auto;gap:8px}.demo-composer textarea{width:100%;resize:none;padding:14px;border:1px solid var(--line-dark);border-radius:10px;background:var(--white);font:inherit;outline:0}.demo-composer textarea:focus{border-color:#1677a8;box-shadow:0 0 0 3px rgba(22,119,168,.15)}.demo-final-cta{display:block;margin-top:14px;padding:13px;border:1px solid var(--ink);border-radius:9px;color:var(--ink);font-weight:750;text-align:center;text-decoration:none}.demo-capture{margin-top:14px;padding:15px;border:1px solid var(--line-dark);border-radius:11px;background:var(--paper-2)}.demo-capture summary{cursor:pointer;font-weight:750}.capture-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:13px}.demo-capture label{display:flex;flex-direction:column;gap:5px;margin-top:9px;color:#5a5561;font-size:.66rem;font-weight:700}.demo-capture input,.demo-capture textarea{width:100%;padding:10px;border:1px solid var(--line-dark);border-radius:8px;font:inherit}.demo-capture .button{margin-top:12px}.demo-complete{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:16px;color:var(--green)}.demo-complete b{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff}.demo-complete strong,.demo-complete span{display:block}.demo-complete span{font-size:.68rem}
@media(max-width:820px){.demo-addon{grid-template-columns:1fr}.demo-setup-steps{grid-template-columns:1fr 1fr}.demo-empty,.demo-manage{align-items:flex-start;flex-direction:column}.demo-empty .button{margin-left:0}.demo-insights .metric-grid{grid-template-columns:1fr 1fr}.demo-public-shell{grid-template-columns:1fr}.demo-guide{padding:42px 22px;border-right:0;border-bottom:1px solid var(--line)}.demo-guide h1{font-size:3.8rem}.demo-language{margin-top:5px}.demo-conversation{min-height:720px;padding:26px 18px}.capture-grid{grid-template-columns:1fr}}
@media(max-width:620px){.demo-public-bar>div span{display:none}.demo-message{max-width:94%}.demo-composer>div{grid-template-columns:1fr}.demo-composer .button{width:100%}}
