.automation-service{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;padding:85px 0;border-bottom:1px solid var(--line);align-items:center}.service-eyebrow{font-size:9px;color:var(--muted)}.automation-copy h3{font-size:clamp(30px,3.5vw,53px);line-height:1.2;margin:25px 0}.automation-copy>p{font-size:13px;color:var(--muted);max-width:350px}.workflow-button{font:500 12px 'DM Sans',Arial,sans-serif;padding:17px 21px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;margin-top:30px;display:flex;gap:30px;align-items:center}.workflow-button span{font-size:19px;transition:transform .18s ease-out}.workflow-button:hover:not(:disabled) span{transform:translate(2px,-2px)}.workflow-button:disabled{cursor:progress;opacity:.7}.workflow-button:focus-visible,.workflow-notification button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.simulation-note{display:block;font-size:9px;color:var(--muted);margin-top:14px}.workflow-demo{background:#edf0e9;padding:25px 25px 15px;border:1px solid #17382f20}.workflow-heading{display:flex;justify-content:space-between;gap:15px;font-size:8px;padding-bottom:24px;border-bottom:1px solid var(--line)}#workflow-state{color:#466b4e}.workflow-track{list-style:none;margin:25px 0;padding:0}.workflow-track li{display:flex;gap:15px;align-items:center;position:relative;background:var(--paper);border:1px solid #17382f20;padding:18px 15px;margin-bottom:27px;opacity:.5;transition:opacity .18s ease-out,transform .18s ease-out}.workflow-track li:last-child{margin-bottom:0}.workflow-track li:not(:last-child):after{content:'';position:absolute;left:30px;top:calc(100% + 1px);height:26px;border-left:1px solid #17382f40}.workflow-track li.done:not(:last-child):after{border-left-color:var(--ink)}.workflow-track li.active,.workflow-track li.done{opacity:1}.workflow-track li.active{transform:translateX(4px);border-color:var(--ink)}.node-icon{font-size:23px;width:27px;text-align:center}.workflow-track h4{font:500 12px Manrope,Arial,sans-serif;margin:0 0 5px}.workflow-track p{font-size:10px;color:var(--muted)}.node-status{margin-left:auto;font-size:10px}.done .node-status{color:#2b6541}.workflow-result{border-top:1px solid var(--line);padding-top:16px;min-height:53px;font-size:10px;color:var(--muted)}.workflow-notification{position:fixed;right:28px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:40;width:390px;max-width:calc(100vw - 32px);background:var(--paper);color:var(--ink);border:1px solid #17382f40;box-shadow:0 12px 30px #102e2918;padding:22px;display:flex;align-items:start;gap:14px;animation:notification-in .25s ease-out both}.workflow-notification[hidden]{display:none}.notification-icon{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;background:#e0e9db;border-radius:50%}.notification-label{font-size:8px;color:var(--muted);display:block;margin-bottom:8px}.workflow-notification strong{font:600 13px Manrope,Arial,sans-serif}.workflow-notification p{font-size:11px;color:var(--muted);margin-top:5px}.workflow-notification button{border:0;background:none;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;min-width:28px;min-height:28px}.notification-leaving{animation:notification-out .15s ease-out both}@keyframes notification-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes notification-out{to{opacity:0;transform:translateY(6px)}}@media(max-width:700px){.automation-service{grid-template-columns:1fr;gap:35px;padding:50px 0}.automation-copy h3{font-size:35px}.automation-copy>p{font-size:12px}.workflow-demo{padding:20px 16px 12px}.workflow-track li{padding:16px 10px;gap:10px}.workflow-track h4{font-size:11px}.workflow-track p{font-size:9px}.workflow-notification{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:17px}.simulation-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.workflow-track li.active{transform:none}.workflow-notification{animation:none}.notification-leaving{animation:none}}
