.tech-demo__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tech-space-7);align-items:center}.tech-demo__layout>*{min-width:0}@media screen and (min-width:990px){.tech-demo__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--tech-space-8)}}.tech-demo__intro{display:flex;flex-direction:column;gap:var(--tech-space-5)}.tech-demo__intro .tech-section-heading{margin-bottom:0}.tech-demo__disclaimer{display:flex;gap:var(--tech-space-3);align-items:flex-start;margin:0;padding:var(--tech-space-4);border:1px dashed rgba(var(--tech-accent-2-rgb),.45);border-radius:var(--tech-radius);background:rgba(var(--tech-accent-2-rgb),.06);font-size:1.35rem;line-height:1.55;color:rgba(var(--color-foreground),.75)}.tech-demo__disclaimer .tech-icon{flex:none;width:2rem;height:2rem;color:#c4b1fb}.tech-demo__app{display:block}.tech-demo__window{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:var(--tech-radius-xl);background:linear-gradient(180deg,#182033eb,#0c101af5);box-shadow:0 4rem 10rem -3rem #000c,0 0 0 1px rgba(var(--tech-accent-rgb),.06),0 2rem 8rem -3rem rgba(var(--tech-accent-rgb),.35);color:#e8ebf2;overflow:hidden}.tech-demo__bar{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 2rem;border-bottom:1px solid rgba(255,255,255,.07)}.tech-demo__avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:1.2rem;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));color:#fff;box-shadow:0 .8rem 2.4rem -.8rem rgba(var(--tech-accent-rgb),.8)}.tech-demo__avatar .tech-icon{width:2.2rem;height:2.2rem}.tech-demo__bar-text{flex:1;min-width:0}.tech-demo__name{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-demo__status{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:1.2rem;color:#e8ebf28c}.tech-demo__status span{width:.7rem;height:.7rem;border-radius:50%;background:#c4b1fb}.tech-demo__badge{flex:none;padding:.4rem 1rem;border:1px solid rgba(var(--tech-accent-2-rgb),.45);border-radius:var(--tech-radius-pill);background:rgba(var(--tech-accent-2-rgb),.14);font-family:var(--tech-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#c4b1fb}.tech-demo__messages{display:flex;flex-direction:column;gap:1.2rem;height:30rem;padding:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.tech-demo__msg{max-width:86%;padding:1.2rem 1.5rem;border-radius:1.6rem;font-size:1.45rem;line-height:1.55}.tech-demo__msg p{margin:0}.tech-demo__msg--bot{align-self:flex-start;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:.5rem;background:#ffffff0d;color:#e8ebf2eb}.tech-demo__msg--user{align-self:flex-end;border-bottom-right-radius:.5rem;background:var(--tech-accent);color:#fff}.tech-demo__msg--cta{display:grid;gap:1rem;justify-items:start;border-color:rgba(var(--tech-accent-rgb),.4);background:linear-gradient(135deg,rgba(var(--tech-accent-rgb),.16),rgba(var(--tech-accent-2-rgb),.1))}.tech-demo__msg--typing{display:inline-flex;gap:.5rem;padding:1.5rem 1.6rem}.tech-demo__msg--typing span{width:.7rem;height:.7rem;border-radius:50%;background:#ffffff73}@media(prefers-reduced-motion:no-preference){.tech-demo__msg{animation:tech-fade-up .28s var(--tech-ease) both}.tech-demo__msg--typing span{animation:tech-typing 1.2s infinite ease-in-out}.tech-demo__msg--typing span:nth-child(2){animation-delay:.15s}.tech-demo__msg--typing span:nth-child(3){animation-delay:.3s}}@keyframes tech-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-.3rem)}}.tech-demo__suggestions{padding:1.4rem 2rem 0;border-top:1px solid rgba(255,255,255,.06)}.tech-demo__suggestions-label{margin:0 0 .8rem;font-family:var(--tech-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#e8ebf29e}.tech-demo__chips{display:flex;flex-wrap:wrap;gap:.8rem}.tech-demo__chip{padding:.8rem 1.4rem;border:1px solid rgba(var(--tech-accent-rgb),.35);border-radius:var(--tech-radius-pill);background:rgba(var(--tech-accent-rgb),.08);font-family:inherit;font-size:1.35rem;line-height:1.35;text-align:left;color:#dbe4ff;cursor:pointer;transition:background-color var(--tech-duration) var(--tech-ease),border-color var(--tech-duration) var(--tech-ease),opacity var(--tech-duration) var(--tech-ease)}.tech-demo__chip:hover{border-color:rgba(var(--tech-accent-rgb),.7);background:rgba(var(--tech-accent-rgb),.18)}.tech-demo__chip.is-used{opacity:.5}.tech-demo__form{display:flex;gap:.8rem;padding:1.4rem 2rem 0}.tech-demo__input{flex:1;min-width:0;min-height:4.8rem;padding:1.2rem 1.6rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--tech-radius);background:#05070c8c;font-family:inherit;font-size:1.6rem;color:#e8ebf2}.tech-demo__input::placeholder{color:#e8ebf294}.tech-demo__input:focus{outline:none;border-color:var(--tech-accent);box-shadow:0 0 0 .3rem rgba(var(--tech-accent-rgb),.25)}.tech-demo__input:disabled{opacity:.6}.tech-demo__send{flex:none;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:0;border-radius:var(--tech-radius);background:var(--tech-accent);color:#fff;cursor:pointer;transition:transform var(--tech-duration) var(--tech-ease)}.tech-demo__send:hover{transform:translate(2px)}.tech-demo__send .tech-icon{width:2rem;height:2rem}.tech-demo__privacy{margin:0;padding:1rem 2rem 1.6rem;font-size:1.15rem;color:#e8ebf29e}@media screen and (max-width:749px){.tech-demo__messages{height:30rem;padding:1.6rem}.tech-demo__bar,.tech-demo__suggestions,.tech-demo__form,.tech-demo__privacy{padding-left:1.6rem;padding-right:1.6rem}.tech-demo__msg{max-width:92%;font-size:1.4rem}.tech-demo__chip{min-height:4.4rem;font-size:1.3rem}.tech-demo__privacy{font-size:1.25rem}}.tech-demo__window{position:relative;border-color:transparent;background:linear-gradient(170deg,#1a2252eb,#0a0e24f5 55%,#140e34f2);box-shadow:0 4rem 10rem -3rem #000000d9,0 0 6rem -1rem #2f6bff66,2rem 3rem 8rem -2rem #7c3aed73}.tech-demo__window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:1.5px;border-radius:inherit;background:linear-gradient(140deg,#8cafffe6,#5b8cff26 35%,#7c3aed26 65%,#b48cffd9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tech-demo__dots{display:inline-flex;gap:.3rem;margin-left:.4rem}.tech-demo__dots i{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff4d}.tech-demo__flow{display:flex;align-items:center;gap:.6rem;margin:0;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);list-style:none;background:#ffffff04}.tech-demo__flow li{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .6rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--tech-radius-pill);font-size:1.15rem;color:#e8ebf299;transition:color .3s var(--tech-ease),border-color .3s var(--tech-ease),background-color .3s var(--tech-ease),box-shadow .3s var(--tech-ease)}.tech-demo__flow li+li:before{content:"";width:1.2rem;height:1px;margin:0 .4rem 0 -1.2rem;background:#6d97ff66}.tech-demo__flow .tech-icon{width:1.4rem;height:1.4rem}.tech-demo__flow li.is-active{color:#fff;border-color:#6d97ffb3;background:#2f6bff38;box-shadow:0 0 1.6rem -.2rem #2f6bffcc}.tech-demo__flow li.is-done{color:#6ee7b7;border-color:#6ee7b759;background:#34d39914}.tech-demo__msg--bot{display:flex;gap:1rem;align-items:flex-start;background:#ffffff0e}.tech-demo__msg--bot.tech-demo__msg--typing,.tech-demo__msg--bot.tech-demo__msg--cta{display:inline-flex}.tech-demo__msg--bot.tech-demo__msg--cta{display:grid}.tech-demo__msg-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin:-.2rem 0 0 -.4rem;border-radius:.9rem;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));box-shadow:0 .4rem 1.4rem -.4rem #2f6bffe6;color:#fff}.tech-demo__msg-avatar .tech-icon{width:1.5rem;height:1.5rem}.tech-demo__msg--user{background:linear-gradient(135deg,#2f6bff,#4b5bff);box-shadow:0 .8rem 2.4rem -1rem #2f6bffe6}.tech-demo__chip{border-color:#ffffff24;background:#ffffff0d;color:#e8ebf2eb}.tech-demo__chip:hover,.tech-demo__chip:focus-visible{border-color:#6d97ffb3;background:#2f6bff2e}.tech-demo__send{background:linear-gradient(135deg,#2f6bff,#5a4bff);box-shadow:0 .8rem 2rem -.8rem #2f6bffe6}.tech-demo .tech-demo__disclaimer{border-style:solid;border-color:#a78bfa4d;background:linear-gradient(135deg,#7c3aed1f,#2f6bff0f)}.tech-demo.is-offscreen *,.tech-demo.is-offscreen *:before,.tech-demo.is-offscreen *:after{animation-play-state:paused!important}@media screen and (max-width:749px){.tech-demo__flow{padding:.9rem 1.4rem;gap:.4rem}.tech-demo__flow li{padding:.3rem .8rem .3rem .5rem;font-size:1.05rem}.tech-demo__flow li+li:before{width:.6rem;margin:0 .2rem 0 -.8rem}.tech-demo__dots{display:none}}.tech-demo__divider{display:flex;align-items:center;gap:1rem;margin:0 0 .2rem;font-family:var(--tech-font-mono);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#c4b1fbbf}.tech-demo__divider:before,.tech-demo__divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.35),transparent)}.tech-demo__msg.is-intro-answer{position:relative}.tech-demo__intro-typing{position:absolute;left:5.2rem;top:50%;display:inline-flex;gap:.4rem;opacity:0;transform:translateY(-50%)}.tech-demo__intro-typing i{width:.7rem;height:.7rem;border-radius:50%;background:#ffffff8c}.tech-demo__progress{position:relative;height:2px;overflow:hidden;background:#ffffff0a}.tech-demo__progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#7aa2ff,#b48cff,transparent);opacity:0;transform:translate(-100%)}tech-ai-demo[aria-busy=true] .tech-demo__progress span{opacity:1}.intro-pending .is-intro{opacity:0}@media(prefers-reduced-motion:no-preference){tech-ai-demo[aria-busy=true] .tech-demo__progress span{animation:tdemo-progress 1.1s ease-in-out infinite}.intro-play .is-intro{animation:tdemo-in .55s var(--tech-ease) both;animation-delay:var(--d, 0ms)}.intro-play .is-intro-answer>p{animation:tdemo-text .5s var(--tech-ease) 2.1s both}.intro-play .tech-demo__intro-typing{animation:tdemo-typing-window 2.1s linear .9s both}.intro-play .tech-demo__intro-typing i{animation:tech-typing 1s ease-in-out infinite}.intro-play .tech-demo__intro-typing i:nth-child(2){animation-delay:.15s}.intro-play .tech-demo__intro-typing i:nth-child(3){animation-delay:.3s}.intro-play [data-flow-step="0"]{animation:tdemo-step .8s ease .25s both}.intro-play [data-flow-step="1"]{animation:tdemo-step 1.4s ease .95s both}.intro-play [data-flow-step="2"]{animation:tdemo-step 1.2s ease 2.2s both}.intro-play .tech-demo__progress span{animation:tdemo-progress 1.1s ease-in-out .9s 2 both}}@keyframes tdemo-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes tdemo-text{0%{opacity:0}to{opacity:1}}@keyframes tdemo-typing-window{0%,92%{opacity:1}to{opacity:0}}@keyframes tdemo-step{0%{color:#e8ebf299;border-color:#ffffff14;background-color:transparent}20%,80%{color:#fff;border-color:#6d97ffb3;background-color:#2f6bff38}to{color:#6ee7b7;border-color:#6ee7b759;background-color:#34d39914}}@keyframes tdemo-progress{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(100%)}}.tech-demo__window:before{padding:1px;background:linear-gradient(140deg,#fff9,#96afff40 20%,#ffffff0a,#aa8cff4d 80%,#ffffff73)}.tech-demo__window{box-shadow:inset 0 1px #ffffff1f,0 5rem 12rem -3rem #000000e6,0 0 6rem -2rem #2f6bff59,3rem 4rem 10rem -4rem #7c3aed73}.tech-demo__messages{height:34rem}@media screen and (max-width:749px){.tech-demo__messages{height:32rem}.tech-demo__intro-typing{left:4.8rem}}.tech-demo__intro .tech-chapter{margin-bottom:-.8rem}.tech-demo__intro-cta{display:flex}.tech-demo__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.6rem;padding:1rem 2rem 1.6rem}.tech-demo__footer .tech-demo__privacy{flex:1 1 26rem;padding:0}.tech-demo__footer-cta{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-size:1.35rem;font-weight:600;color:#c7d4ff;text-decoration:none;white-space:nowrap}.tech-demo__footer-cta:hover{color:#fff}.tech-demo__footer-cta .tech-icon{width:1.6rem;height:1.6rem;transition:transform var(--tech-duration) var(--tech-ease)}.tech-demo__footer-cta:hover .tech-icon{transform:translate(.3rem)}@media screen and (max-width:749px){.tech-demo__footer{padding:.8rem 1.6rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tech-ai-demo.css.map */