.solutions-surface{background:radial-gradient(circle at 18% 18%,#6f2bd640,transparent 32%),radial-gradient(circle at 80% 14%,#f15bb538,transparent 32%),radial-gradient(circle at 72% 78%,#5cf3dc33,transparent 32%),var(--bg-gradient);position:relative}.solutions-grid{opacity:.2;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:140px 140px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 28%,#0000002e,#0000 60%);mask-image:radial-gradient(circle at 50% 28%,#0000002e,#0000 60%)}.solutions-aurora{filter:blur(36px);opacity:.6;pointer-events:none;border-radius:40px;width:70%;height:320px;position:absolute}.solutions-aurora.top{background:radial-gradient(circle at 35% 40%,#6f2bd64d,#0000 55%),radial-gradient(circle at 72% 52%,#f15bb542,#0000 55%);top:10%;left:12%}.solutions-aurora.bottom{background:radial-gradient(circle at 35% 40%,#5cf3dc4d,#0000 55%),radial-gradient(circle at 72% 52%,#6f2bd647,#0000 55%);bottom:10%;right:10%}.demo-shell{border:1px solid var(--border-soft);background:#ffffff08;border-radius:24px;padding:1rem;box-shadow:0 18px 40px #00000057}.demo-tabs-row{flex-wrap:wrap;gap:.75rem;display:flex}.demo-tab{text-align:center;border:1px solid var(--border-soft);color:var(--text-high);background:#ffffff0a;border-radius:999px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem 1.1rem;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:flex;box-shadow:0 10px 22px #0003}.demo-tab.active{border-color:var(--accent-secondary);background:linear-gradient(135deg,#6f2bd638,#f15bb524);transform:translateY(-1px);box-shadow:0 12px 26px #6f2bd640}.demo-tab-badge{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.85rem;display:inline-flex}.demo-visual .demo-panels{gap:1rem}.demo-visual{grid-template-columns:1fr;gap:1rem;display:grid}.demo-visual .info-card{order:1;align-self:stretch}.demo-visual .live-chat-panel{order:2;align-self:stretch}.live-chat-panel{flex-direction:column;gap:.75rem;height:520px;min-height:420px;display:flex}.demo-panel{background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid #ffffff1a;border-radius:18px;padding:1rem;position:relative;box-shadow:0 16px 36px #00000047}.demo-panel.primary{background:radial-gradient(circle at 18% 20%,#6f2bd629,#1f0e3de0 60%),linear-gradient(145deg,#ffffff0a,#ffffff05)}.demo-panel.secondary{background:radial-gradient(circle at 82% 20%,#5cf3dc29,#1f0e3de0 60%),linear-gradient(145deg,#ffffff0a,#ffffff05)}.demo-panel-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.demo-panel-header .dots{gap:.35rem;display:inline-flex}.demo-panel-header .dots span{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #6f2bd62e}.demo-panel-body{flex-direction:column;display:flex}.chat-bubble{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;width:fit-content;max-width:80%;padding:.8rem .9rem;box-shadow:0 8px 20px #00000038}.chat-bubble.inbound{align-self:flex-start}.chat-bubble.outbound{align-self:flex-end}.chat-bubble.outbound.accent{border-color:var(--accent-secondary);background:linear-gradient(140deg,#6f2bd638,#5cf3dc2e)}.chat-bubble.typing{flex-direction:column;gap:.3rem;display:inline-flex}.chat-meta{align-items:center;gap:.5rem;margin-bottom:.35rem;display:inline-flex}.chat-avatar{width:28px;height:28px;color:var(--text-high);border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;box-shadow:0 0 0 6px #ffffff0d}.chat-avatar.bot{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}.chat-avatar.user{background:linear-gradient(135deg,var(--accent-warm),var(--accent-pink))}.typing-dots{gap:4px;display:inline-flex}.typing-dots span{background:var(--accent-secondary);border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite typing}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.info-card{position:relative;overflow:hidden}.info-card:after{content:"";z-index:0;background:radial-gradient(circle at 70% 20%,#5cf3dc2e,#0000 48%);position:absolute;inset:-20%}.info-card>*{z-index:1;position:relative}.status-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.45rem;padding:.35rem .7rem;display:inline-flex}.status-dot{background:var(--accent-green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #5cf3dc1f}.status-dot.error{background:var(--accent-warm);box-shadow:0 0 0 6px #f2672e1f}.status-dot.thinking{background:var(--accent-secondary);box-shadow:0 0 0 6px #9b5cf21f}.chat-feed{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:1;gap:1.05rem;min-height:0;max-height:360px;padding:1rem 1.1rem;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d}.chat-input-row{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.chat-input{border:1px solid var(--border-soft);color:var(--text-high);background:#ffffff0d;border-radius:14px;outline:none;flex:1;padding:.75rem .9rem;transition:border-color .16s,box-shadow .16s}.chat-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 6px #9b5cf21f}.chat-submit{min-width:96px;padding-left:1rem;padding-right:1rem}.event-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.event-pill .dot{background:var(--accent-green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #5cf3dc29}.guide-box{border:1px solid var(--border-soft);background:#ffffff0a;border-radius:16px;margin-top:.8rem;padding:.9rem 1rem;box-shadow:0 12px 28px #0000003d}.solution-card{background:radial-gradient(circle at 20% 20%,#6f2bd633,#1f0e3de6 60%),linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:20px;padding:1.25rem;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 16px 36px #0000004d}.solution-card:hover{border-color:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 18px 40px #6f2bd640}.solution-card:after{content:"";opacity:.7;background:radial-gradient(circle at 80% 24%,#5cf3dc29,#0000 50%);position:absolute;inset:0}.solution-card .content{z-index:1;position:relative}.solutions-cta{background:linear-gradient(120deg,#6f2bd63d,#f15bb53d,#5cf3dc3d);border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000057}.solutions-cta:before{content:"";opacity:.5;background:radial-gradient(circle,#fff3,#0000 60%);position:absolute;inset:-40%;transform:rotate(18deg)}.solutions-cta .content{z-index:1;position:relative}.demo-preview-block{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#6f2bd640,#1f0e3df2);border:1px solid #ffffff14;border-radius:24px;padding:1.5rem;box-shadow:0 18px 38px #00000059}.demo-preview-block .preview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.preview-card{min-height:180px;color:inherit;background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.preview-card:hover{border-color:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 18px 34px #6f2bd659}.preview-card .preview-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.preview-card .preview-card-type{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid #fff3;border-radius:999px;padding:.2rem .8rem;font-size:.65rem}.preview-card .preview-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-self:flex-start;margin-top:auto;padding:.2rem .8rem;font-size:.65rem}@keyframes typing{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.3;transform:translateY(0)}}@media (min-width:960px){.demo-visual{grid-template-columns:.9fr 1.1fr;align-items:start}}@media (max-width:900px){.demo-tab{padding:.75rem .85rem}}@media (max-width:768px){.solutions-grid{background-size:100px 100px}.demo-shell{padding:.75rem}.demo-panels{grid-template-columns:1fr}.live-chat-panel{height:auto;min-height:420px}.chat-feed{max-height:none}}