.lab-hero{position:relative;overflow:hidden;padding-bottom:105px}.lab-hero::after{content:"";position:absolute;right:-120px;top:40px;width:520px;height:520px;border:1px solid rgba(107,190,230,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(107,190,230,.035),0 0 0 140px rgba(107,190,230,.02)}.hero-stats{display:flex;gap:10px;margin-top:30px}.hero-stats span{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.05);color:#c3d3e2;font-size:9px}.lab-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lab-tab{display:flex;align-items:center;gap:10px;text-align:left}.tab-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:8px;background:#edf2f6;color:#53718f;font-size:9px;font-weight:900}.lab-tab.active .tab-icon{background:#d9eaff;color:#1769d2}.demo-workspace{grid-template-columns:330px 1fr}.scenario-panel{position:relative}.scenario-badge{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 8px;border-radius:7px;background:#edf3f8;color:#587088;font-size:8px}.scenario-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#20a06a}.flow-panel{position:relative;overflow:hidden;background-color:#f7fafd;background-image:radial-gradient(#cbd8e4 1px,transparent 1px);background-size:18px 18px}.flow-head{position:relative;z-index:2;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.92)}.flow-head span{padding:5px 8px;border-radius:99px;background:#eef2f5}.app-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:52px 5px 35px}.app-track::before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,#7ab6f0,#66d1ba);z-index:0}.app-node{position:relative;z-index:1;text-align:center;opacity:.42;transition:.4s ease}.app-node.running,.app-node.done{opacity:1}.app-node.running{transform:translateY(-5px)}.app-node.running .app-logo{box-shadow:0 0 0 7px rgba(43,125,233,.12),0 12px 30px rgba(23,75,130,.2)}.app-node.done .app-logo::after{content:"✓";position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:8px}.app-logo{position:relative;width:68px;height:68px;display:grid;place-items:center;margin:auto;border:1px solid #dbe5ee;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(20,48,78,.08);font-size:17px;font-weight:900;color:#315779;transition:.35s ease}.app-logo.whatsapp{background:#e9fbf1;color:#168a55}.app-logo.email{background:#eef5ff;color:#236dcc}.app-logo.excel{background:#eaf7ef;color:#167848}.app-logo.crm{background:#fff1e9;color:#c25b28}.app-logo.ai{background:#f0edff;color:#6952c8}.app-logo.sheet{background:#eef8f1;color:#2d8c55}.app-logo.web{background:#eaf4ff;color:#2870bd}.app-node b,.app-node small{display:block}.app-node b{margin-top:10px;font-size:9px}.app-node small{color:var(--muted);font-size:7px}.data-packet{position:absolute;z-index:2;left:8%;top:30px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #2b7de9,0 0 15px #2b7de9;opacity:0}.automation-demo.executing .data-packet{opacity:1;animation:packet 3s linear forwards}@keyframes packet{0%{left:8%}33%{left:35%}66%{left:63%}100%{left:90%}}.execution-grid{display:grid;grid-template-columns:1fr 230px;gap:14px}.flow-nodes{margin:0}.flow-node{padding:11px;grid-template-columns:30px 1fr auto}.flow-icon{width:30px;height:30px}.execution-log{padding:14px;border:1px solid #203a51;border-radius:12px;background:#0e2132;color:#c4d3df}.execution-log>small{color:#718ca2;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.log-lines{margin-top:10px;font-family:ui-monospace,Consolas,monospace;font-size:7px}.log-line{margin-top:8px;color:#6f899d}.log-line.live{color:#78dfb0}.log-line::before{content:"> ";color:#3b718f}.flow-output{position:relative;z-index:2}.run-flow{transition:.2s}.run-flow:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(43,125,233,.22)}.run-flow:disabled{opacity:.6}.automation-demo.active{animation:demo-enter .3s ease}@keyframes demo-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.app-track{gap:8px}.execution-grid{grid-template-columns:1fr}.execution-log{min-height:130px}}@media(max-width:760px){.lab-tabs{grid-template-columns:1fr 1fr}.demo-workspace{grid-template-columns:1fr}.app-track{grid-template-columns:repeat(2,1fr);margin-top:30px}.app-track::before,.data-packet{display:none}.hero-stats{flex-wrap:wrap}}