.flowchat-page{position:relative}.flowchat-backdrop{background:radial-gradient(circle at 14% 24%,rgba(59,130,246,.26),transparent 34%),radial-gradient(circle at 78% 24%,rgba(78,224,249,.18),transparent 26%),radial-gradient(circle at 68% 70%,rgba(139,92,246,.18),transparent 34%),linear-gradient(180deg,#020617eb,#000000fa)}.flowchat-page[data-enhanced-fx=ready] .flowchat-backdrop{opacity:.2;filter:saturate(.95) brightness(.94)}html[data-motion-mode=reduced] .flowchat-page .flowchat-backdrop{opacity:.92!important;filter:none!important;transform:none!important}.flowchat-fx-layer{transform:none;transform-origin:center center}.flowchat-page[data-flowchat-visual="1"] .flowchat-fx-layer,.flowchat-page[data-flowchat-visual="2"] .flowchat-fx-layer{transform:none}.flowchat-fx-stage{width:100%;height:100%}.flowchat-fx-stage canvas{width:100%!important;height:100%!important}.flowchat-transparent-section{background:transparent!important}.flowchat-hero{padding-top:calc(var(--nav-height) + var(--space-12));position:relative}.flowchat-hero-bg{position:absolute;inset:0;pointer-events:none}.fh-glow-1{position:absolute;width:600px;height:600px;top:-100px;left:-150px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);filter:blur(60px)}.fh-glow-2{position:absolute;width:500px;height:500px;top:0;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 70%);filter:blur(60px)}.flowchat-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.flowchat-hero-copy{position:relative;z-index:2;max-width:640px}.flowchat-hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8)}.flowchat-hero-text h1{font-size:clamp(2.2rem,6vw,4rem);margin:var(--space-4) 0 var(--space-6)}.fh-channels{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.fh-channel-pill{display:flex;align-items:center;gap:var(--space-2);padding:.4rem .9rem;border-radius:var(--border-radius-full);border:1px solid;font-size:var(--font-size-sm);font-weight:600}.flowchat-mockup{position:relative}.fh-dashboard{border-radius:var(--border-radius-lg);overflow:hidden;font-size:12px}.fhd-header{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;background:#ffffff08;border-bottom:1px solid var(--color-border)}.fhd-dots{display:flex;gap:5px}.fhd-dot{width:10px;height:10px;border-radius:50%}.fhd-title{flex:1;text-align:center;font-weight:600;color:var(--color-text-secondary)}.fhd-status{display:flex;align-items:center;gap:5px;color:var(--color-text-muted)}.fhd-online{width:6px;height:6px;border-radius:50%;background:#10b981}.fhd-body{display:flex;height:320px;overflow:hidden}.fhd-sidebar{width:170px;border-right:1px solid var(--color-border);overflow:hidden}.fhd-conv{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03)}.fhd-conv.active{background:#3b82f61a}.fhd-conv:hover:not(.active){background:#ffffff08}.fhd-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fhd-conv-info{flex:1;min-width:0}.fhd-conv-top{display:flex;justify-content:space-between;align-items:center;gap:4px}.fhd-conv-name{font-weight:600;color:var(--color-text-primary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fhd-conv-time{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.fhd-conv-msg{font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fhd-unread{background:var(--color-accent-primary);color:#fff;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700;flex-shrink:0}.fhd-chat{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;overflow:hidden}.fhd-chat-msg{display:flex;flex-direction:column;max-width:85%}.fhd-chat-msg.bot{align-self:flex-start}.fhd-chat-msg.user{align-self:flex-end}.fhd-msg-content{padding:8px 12px;border-radius:12px;line-height:1.45}.fhd-chat-msg.bot .fhd-msg-content{background:#3b82f61f;border:1px solid rgba(59,130,246,.2);color:var(--color-text-primary)}.fhd-chat-msg.user .fhd-msg-content{background:#ffffff0f;border:1px solid var(--color-border);color:var(--color-text-secondary)}.fhd-msg-meta{font-size:9px;color:var(--color-text-muted);margin-top:3px;padding:0 4px}.fhd-msg-meta.user{text-align:right}.fhd-transfer-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:4px 10px;border-radius:20px;align-self:center}.fhd-kpi-strip{display:flex;border-top:1px solid var(--color-border);background:#ffffff05}.fhd-kpi{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;gap:2px;border-right:1px solid var(--color-border)}.fhd-kpi:last-child{border-right:none}.fhd-kpi-value{font-size:14px;font-weight:800;color:var(--color-text-primary);font-family:var(--font-display)}.fhd-kpi-label{font-size:9px;color:var(--color-text-muted);text-align:center}.hybrid-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-8);align-items:start;margin-top:var(--space-8)}.hybrid-side{background:var(--color-bg-glass);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8)}.hybrid-side h4{font-size:var(--font-size-xl);margin-bottom:var(--space-6)}.hybrid-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.hybrid-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-6);position:relative}.hybrid-list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-primary);font-weight:700}.hybrid-divider{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:32px;min-width:120px}.hybrid-icon{width:48px;height:48px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 0 24px #3b82f666}.hybrid-line{width:1px;flex:1;min-height:60px;background:linear-gradient(to bottom,var(--color-accent-primary),var(--color-accent-secondary))}.hybrid-divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1024px){.flowchat-fx-layer,.flowchat-page[data-flowchat-visual="1"] .flowchat-fx-layer,.flowchat-page[data-flowchat-visual="2"] .flowchat-fx-layer{transform:none}.flowchat-hero-grid,.hybrid-flow{grid-template-columns:1fr}.hybrid-divider{flex-direction:row;min-width:100%;padding-top:0}.hybrid-line{width:auto;min-height:auto;height:1px;flex:1;background:linear-gradient(to right,var(--color-accent-primary),var(--color-accent-secondary))}}@media(max-width:768px){.flowchat-backdrop{opacity:.95}.flowchat-mockup{display:none}}