.skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.skill-tags span{font-size:14px;padding:9px 13px;border:1px solid var(--border);border-radius:6px;background:#ffffff05}.automation-demo{border:1px solid var(--border);padding:30px;border-radius:12px;background:#241322;margin-bottom:60px;scroll-margin-top:25px}.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-heading h2{font-size:30px;font-weight:400;margin:0 0 20px;letter-spacing:-.7px}.demo-heading .work-eyebrow{margin-bottom:12px}.demo-badge{font-size:12px;color:#cfb4eb;border:1px solid #705b84;border-radius:30px;padding:8px 12px;white-space:nowrap}.demo-note{font-size:14px;line-height:1.65;color:var(--muted);max-width:800px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:24px 0}.pipeline>div{position:relative;display:flex;flex-direction:column;gap:10px;background:#37203f;border:1px solid #745284;padding:18px 14px;border-radius:8px;min-width:0}.pipeline>div:not(:last-child):after{content:'→';position:absolute;right:-14px;top:45%;color:#dec0ff;z-index:1}.pipeline span{font-size:12px;color:#cda6e5}.pipeline strong{font-size:18px;font-weight:500}.pipeline small{font-size:12px;line-height:1.5;color:#d4bdd7}.demo-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:15px 0 22px}.demo-inputs label{font-size:14px;color:#dfc9de;line-height:1.5}.demo-inputs input{display:block;width:100%;margin-top:9px;background:#160b17;border:1px solid #80566b;color:white;font:inherit;font-size:18px;padding:12px;border-radius:5px}.automation-demo button{cursor:pointer;border-radius:5px;border:1px solid #ad80bb;padding:12px 17px;background:#543261;color:#f8e6ff;font-size:14px}.automation-demo button:disabled{opacity:.6;cursor:default}.automation-demo .run-signal{background:#e0b3fa;color:#25122b;font-size:16px;border:0}.automation-demo :is(button,input,textarea):focus-visible{outline:2px solid #f3b69f;outline-offset:4px}#signal-status{font-size:14px;line-height:1.5;margin-top:22px;color:#e0b3fa}.signal-results h3{font-size:20px;font-weight:400;margin-top:30px}.signal-results table{min-width:830px;border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.signal-results td,.signal-results th{padding:14px;border:1px solid var(--border);text-align:left}.signal-results th{background:#ffffff09}.signal-results textarea{width:100%;display:block;resize:vertical;min-height:200px;background:#150b19;color:#d9cce4;border:1px solid #775e80;border-radius:5px;padding:16px;margin:20px 0;font-size:14px;line-height:1.5}.automation-story{max-width:850px;margin:0 auto 70px}.stage-done{animation:stage-flash .7s calc(var(--step) * .12s) both}@keyframes stage-flash{0%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 24px #c093f355;border-color:#e0b3fa}100%{border-color:#ae80c2}}@media(max-width:760px){.automation-demo{padding:20px 16px}.demo-heading{display:block}.demo-badge{display:inline-block;margin-bottom:12px}.pipeline{grid-template-columns:1fr;gap:20px}.pipeline>div{display:grid;grid-template-columns:30px 1fr;align-items:center}.pipeline small{grid-column:2}.pipeline>div:not(:last-child):after{content:'↓';top:auto;bottom:-21px;right:50%}.demo-inputs{grid-template-columns:1fr}.demo-heading h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.stage-done{animation:none}}
