.dq-hero-visual{display:flex;justify-content:center;align-items:center}.data-hub{position:relative;width:400px;height:400px}.hub-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #3b82f64d;z-index:10}.hub-core span{font-size:14px;font-weight:600;margin-top:4px}.data-flow-nodes{position:absolute;inset:0}.flow-node{position:absolute;width:90px;height:90px;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-card);border:1px solid #3b82f626;color:var(--text-primary)}.flow-node span{font-size:12px;font-weight:500}.flow-node.node-nl{top:10px;left:50%;transform:translateX(-50%);border-color:#3b82f64d}.flow-node.node-db{top:50%;right:10px;transform:translateY(-50%);border-color:#8b5cf64d}.flow-node.node-viz{bottom:10px;left:50%;transform:translateX(-50%);border-color:#10b9814d}.flow-node.node-api{top:50%;left:10px;transform:translateY(-50%);border-color:#06b6d44d}.float-cards,.flow-lines{position:absolute;inset:0;pointer-events:none}.float-cards .float-card{position:absolute;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:500;animation:float 4s ease-in-out infinite}.float-cards .float-card.card-sql{top:60px;right:20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-family:monospace;animation-delay:0s}.float-cards .float-card.card-query{bottom:80px;left:20px;background:#fff;color:var(--primary-blue);border:1px solid #3b82f633;box-shadow:var(--shadow-soft);animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dq-placeholder .arch-layers{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.dq-placeholder .arch-layers .arch-layer{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.dq-placeholder .arch-layers .arch-layer.layer-app{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.dq-placeholder .arch-layers .arch-layer.layer-semantic{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.dq-placeholder .arch-layers .arch-layer.layer-engine{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#6b21a8}.dq-placeholder .arch-layers .arch-layer.layer-data{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.dq-feature-placeholder{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important}@media(max-width:1200px){.data-hub{width:320px;height:320px}.hub-core{width:100px;height:100px}.hub-core span{font-size:12px}.flow-node{width:72px;height:72px}.flow-node span{font-size:11px}}@media(max-width:768px){.data-hub{width:280px;height:280px}.hub-core{width:80px;height:80px}.hub-core span{font-size:11px}.flow-node{width:64px;height:64px}.flow-node,.flow-node span{font-size:10px}.float-cards .float-card{font-size:11px;padding:8px 12px}.float-cards .float-card.card-sql{top:40px;right:10px}.float-cards .float-card.card-query{bottom:60px;left:10px}}@media(max-width:380px){.data-hub{width:240px;height:240px}.flow-node{width:56px;height:56px}}@media(max-width:768px){.ai-app-page .cta-section{display:none}}