.static-mockup.smw{text-align:left;flex-flow:row;justify-content:center;align-items:flex-end;gap:6px;width:100%;max-width:600px;margin:0 auto;display:flex}.static-mockup.smw .smw__aside,.static-mockup.smw .smw__drawer{box-sizing:border-box;background-color:var(--surface-1);border:1px solid var(--edge);box-shadow:var(--shadow-2);border-radius:19px}.static-mockup.smw .smw__drawer{background-image:radial-gradient(65% 75% at 50% 90%,color-mix(in srgb,var(--jade) 17%,transparent),transparent 70%),radial-gradient(60% 65% at 27% 110%,color-mix(in srgb,var(--electric-indigo) 10%,transparent),transparent 70%),radial-gradient(60% 62% at 73% 115%,color-mix(in srgb,var(--corn) 12%,transparent),transparent 70%);flex-flow:column;flex:auto;min-width:0;max-width:510px;height:520px;display:flex;overflow:hidden}.static-mockup.smw .smw__header{flex:none;justify-content:space-between;align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex}.static-mockup.smw .smw__title{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.875rem;font-weight:400;line-height:1.125rem;overflow:hidden}.static-mockup.smw .smw__header-actions{flex:none;align-items:center;gap:3px;display:flex}.static-mockup.smw .smw__round{place-items:center;width:32px;height:32px;display:grid}.static-mockup.smw .smw__round svg.icon{fill:var(--text-1)}.static-mockup.smw .smw__thread{border-bottom:1px solid var(--edge);flex:auto;align-content:end;min-height:0;padding:6px 18px 18px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.static-mockup.smw .smw__turn{flex-flow:column;grid-area:1/1;align-items:flex-start;gap:15px;min-width:0;display:flex}.static-mockup.smw .smw__ask{justify-content:flex-end;align-self:stretch;display:flex}.static-mockup.smw .smw__bubble{box-sizing:border-box;background:var(--edge);max-width:85%;color:var(--text-1);border-radius:15px;padding:9px 12px}.static-mockup.smw .smw__bubble,.static-mockup.smw .smw__reply{font-size:.9375rem;line-height:1.3125rem}.static-mockup.smw .smw__steps{flex-flow:column;gap:15px;display:flex}.static-mockup.smw .smw__meta,.static-mockup.smw .smw__step,.static-mockup.smw .smw__summary{color:var(--text-3);margin:0;font-size:.775rem;line-height:1rem}.static-mockup.smw .smw__step{font-style:italic;animation:.4s both smw-arrive}.static-mockup.smw .smw__summary{align-items:center;gap:3px;display:inline-flex}.static-mockup.smw .smw__summary svg.icon{fill:currentColor}.static-mockup.smw .smw__agent{align-self:stretch;min-width:0}.static-mockup.smw .smw__reply{color:var(--text-1);margin:0}.static-mockup.smw .smw__chip{border:1px solid var(--action-2-hover);background-color:var(--action-2);white-space:nowrap;border-radius:7px;padding:0 6px 0 3px;font-weight:500}.static-mockup.smw svg.icon.smw__chip-icon{vertical-align:calc(.3625em - 6px);fill:var(--text-1);margin:0 6px 0 3px}.static-mockup.smw .smw__table{margin:21px 0 12px}.static-mockup.smw .smw__table .smg__row{animation:.4s both smw-arrive}.static-mockup.smw .smw__table .smg__cell{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.static-mockup.smw .smw__table .smg__cell.smg__cell--right{padding-left:15px}.static-mockup.smw .smw__footer,.static-mockup.smw .smw__progress{align-items:center;animation:.4s both smw-arrive;display:flex}.static-mockup.smw .smw__footer{gap:3px;margin-top:6px}.static-mockup.smw .smw__meta{white-space:nowrap}.static-mockup.smw .smw__tiny{border:1px solid #0000;padding:2px 6px;line-height:16px;display:inline-flex}.static-mockup.smw .smw__tiny svg.icon{width:12px;height:12px;fill:var(--text-3)}.static-mockup.smw .smw__progress{gap:6px;padding:6px 0}.static-mockup.smw .smw__actions{flex:none;padding:6px;display:flex}.static-mockup.smw .smw__actions .smwc{background:0 0;border:none;border-radius:0;flex:1}.static-mockup.smw .smw__aside{flex:none;padding:6px;display:flex}.static-mockup.smw .smw__recents{border:1px solid #0000;border-radius:11px;padding:8px 11px;font-size:.9375rem;line-height:1.3125rem;display:inline-block}.static-mockup.smw .smw__recents svg.icon{fill:var(--text-1)}@keyframes smw-arrive{0%{opacity:0}}.smw-fade-enter-active,.smw-fade-leave-active{transition:opacity .4s}.smw-fade-enter-from,.smw-fade-leave-to{opacity:0}.static-chat-demo .static-chat-demo__description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.static-mockup.smcf{aspect-ratio:540/300;width:100%;position:relative;overflow:hidden;container-type:inline-size}.static-mockup.smcf .smcf__canvas{transform-origin:0 0;width:540px;height:300px;transform:scale(calc(.18519cqw / 1px));position:absolute;top:0;left:0}.static-mockup.smcf .smcf__surface{box-sizing:border-box;background:var(--surface-1);border:1px solid var(--edge);box-shadow:var(--shadow-3);text-align:left;border-radius:15px;flex-flow:column;gap:9px;padding:15px 33px 15px 15px;display:flex;position:absolute;inset:18px -18px -18px 18px}.smcf .smi__title{color:var(--text-1);font-size:.875rem;font-weight:600;line-height:1.125rem}.smcf .smi__file{align-items:center;gap:9px;display:flex}.smcf .smi__file .badge{margin:0}.smcf .smi__icon{background:var(--overlay-hover);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.smcf .smi__icon svg.icon{fill:var(--text-2)}.smcf .smi__text{flex-flow:column;flex:1;min-width:0;display:flex}.smcf .smi__text strong{color:var(--text-1);font-size:.875rem;font-weight:500;line-height:1.125rem}.smcf .smi__text span{color:var(--text-3);font-size:.775rem;line-height:1rem}.smcf .smcl__line{background:var(--surface-0);border-radius:15px;flex-flow:column;gap:6px;padding:9px 12px;display:flex}.smcf .smcl__head{align-items:flex-start;gap:9px;display:flex}.smcf .smcl__head .currency{color:var(--text-1);white-space:nowrap}.smcf .smcl__text{flex-flow:column;flex:1;min-width:0;display:flex}.smcf .smcl__text strong{color:var(--text-1);font-size:.875rem;font-weight:500;line-height:1.125rem}.smcf .smcl__text span{color:var(--text-3);font-size:.775rem;line-height:1rem}.smcf .smcl__tags{gap:6px;display:flex}.smcf .smcl__chip{border:1px solid var(--action-2-hover);background-color:var(--action-2);color:var(--text-1);border-radius:7px;align-items:center;gap:6px;padding:0 6px;font-size:.775rem;font-weight:500;line-height:calc(1rem + 3px);display:inline-flex}.smcf .smcl__chip svg.icon{fill:var(--text-1)}.smcf .smcl__note{color:var(--text-3);align-items:center;gap:6px;font-size:.775rem;line-height:1rem;display:inline-flex}.smcf .smcl__note svg.icon{fill:var(--text-3)}.ai-page__logos{justify-content:center;gap:18px;margin:24px 0;display:flex}.ai-page__logo{background:var(--surface-1);width:64px;height:64px;box-shadow:var(--shadow-2);border-radius:15px;place-items:center;display:grid}.ai-page__logo img{width:40px;height:40px}.ai-page__plans{width:fit-content}
