.workflow-diagram{position:relative;background:rgba(15,23,42,.6);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;padding:2rem;backdrop-filter:blur(10px);box-shadow:0 25px 50px -12px rgba(0,0,0,.4);width:100%;overflow:hidden}@media (max-width:1024px){.workflow-diagram{padding:2.5rem 2rem;max-width:420px;margin:0 auto}.wf-node{padding:.75rem 1.25rem;font-size:.9rem}.wf-node-icon{width:22px;height:22px}}.workflow-diagram-title{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(59,130,246,.7);margin-bottom:1.5rem;text-align:center}.workflow-nodes{display:flex;flex-direction:column;gap:1rem;align-items:center}.workflow-row{gap:.75rem;flex-wrap:wrap}.wf-node,.workflow-row{display:flex;align-items:center;justify-content:center}.wf-node{gap:.5rem;padding:.6rem 1rem;background:rgba(30,41,59,.8);border:1px solid rgba(59,130,246,.25);border-radius:.75rem;color:#e2e8f0;font-size:.8rem;font-weight:500;white-space:nowrap;flex:1;opacity:0;animation:node-appear .5s cubic-bezier(.16,1,.3,1) forwards}.wf-node:first-child{animation-delay:.5s}.wf-node:nth-child(2){animation-delay:.7s}.wf-node:nth-child(3){animation-delay:.9s}.wf-node-icon{width:20px;height:20px;flex-shrink:0;color:#60a5fa}.wf-node.active{border-color:rgba(59,130,246,.6);box-shadow:0 0 15px rgba(59,130,246,.2);background:rgba(59,130,246,.15)}.wf-connector{display:flex;justify-content:center;opacity:0;animation:node-appear .4s ease forwards}.wf-connector:nth-of-type(2){animation-delay:.6s}.wf-connector:nth-of-type(4){animation-delay:.8s}.wf-connector:nth-of-type(6){animation-delay:1s}.wf-connector svg{color:rgba(59,130,246,.4)}@keyframes node-appear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.wf-connector .flow-dot{position:absolute;width:4px;height:4px;background:#60a5fa;border-radius:50%;animation:flow-pulse 2s ease-in-out infinite}@keyframes flow-pulse{0%,to{opacity:0;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}}.auto-usecase-card{position:relative;background:#ffffff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2rem;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(30px);overflow:hidden}.auto-usecase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}.auto-usecase-card.auto-card-visible{opacity:1;transform:translateY(0)}.auto-usecase-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.auto-usecase-card:hover:before{transform:scaleX(1)}.auto-usecase-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.05));border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#2563eb;transition:all .3s ease}.auto-usecase-card:hover .auto-usecase-icon{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.1));transform:scale(1.05)}.auto-usecase-icon svg{width:28px;height:28px}.auto-usecase-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.auto-usecase-desc{font-size:.95rem;color:#64748b;line-height:1.7}.auto-page .cta-section-bg{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#1e40af)!important}