/* The Automation Studio is a progressive enhancement: all examples remain readable. */
:root{--flow-blue:#235ee8;--flow-ink:#172842;--flow-line:#d9e2ed;--flow-soft:#f3f6fb;--flow-purple:#6651ad;--flow-orange:#9c560e;--flow-green:#236f50}
.au-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.flow-hero,.automation-intro{background:#f9fbff;position:relative;overflow:hidden}.flow-hero .shell{position:relative}

.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--flow-line);background:white;border-radius:30px;padding:5px 14px;min-height:36px;font-size:.75rem;white-space:normal;text-align:left;color:#54647a}
.motion-glyph{font-weight:700;color:var(--flow-blue);font-size:0.92rem}
.tool-ribbon{border-block:1px solid #e5e9ef;background:white}.tool-ribbon .shell{display:flex;align-items:center;gap:40px;padding-block:24px}.ribbon-tools{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;flex:1}.ribbon-tools>span{display:flex;align-items:center;gap:9px;font-size:0.81rem;font-weight:560;color:#4b5a70;white-space:nowrap}.automation-examples h2,.connector-section h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.07}.automation-examples .section-heading>p,.connector-section .section-heading>p{font-size:0.96rem;line-height:1.7;max-width:370px}
.automation-studio{border:1px solid #d0dced;box-shadow:0 12px 50px -25px #214d8526;border-radius:14px;background:white;overflow:hidden;scroll-margin-top:110px;min-width:0}

.studio-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 30px 22px;flex-wrap:wrap}.studio-caption{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#68768c;font-size:.75rem;letter-spacing:.08em;font-weight:550}.studio-caption [data-demo-category]{text-transform:uppercase;color:#485a73}.studio-bar :is(h2,h3){font-size:1.45rem;letter-spacing:-.045em;line-height:1.25;margin:8px 0 0;color:var(--flow-ink)}
.simulation-badge{font-size:.75rem;line-height:1.5;border:1px solid #cce0d5;background:#f3faf6;color:#3b7156;border-radius:30px;padding:5px 11px;white-space:nowrap}
.studio-options{display:flex;align-items:end;gap:18px;padding:0 30px 23px;border-bottom:1px solid var(--flow-line);flex-wrap:wrap}.studio-options label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;font-weight:550;color:#5b6b80;min-width:0;max-width:100%;flex:1}.studio-options select{width:100%;max-width:100%;min-height:42px;background:#fff;border:1px solid #ced9e8;border-radius:6px;padding:8px 26px 8px 11px;font-size:0.79rem;color:#314661;text-overflow:ellipsis}.blueprint-button{border:0;background:transparent;min-height:42px;font-size:0.76rem;color:#415d83;display:flex;align-items:center;gap:12px;padding:6px 0;max-width:100%}.blueprint-button:hover{text-decoration:underline}
.studio-canvas{background-color:#f7f9fd;background-image:radial-gradient(#cad5e5 .75px,transparent .75px);background-size:16px 16px;padding:20px 30px 19px;position:relative}.workflow-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;position:relative;isolation:isolate;padding:8px 0 16px}.workflow-nodes:before{content:'';position:absolute;left:8%;right:8%;height:2px;top:85px;background:#bfd0e8;z-index:-1}.workflow-node{border:1px solid #cfdbee;background:white;position:relative;min-width:0;border-radius:10px;padding:22px 12px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 5px 10px #264e8510;min-height:167px;transition:border-color .2s,box-shadow .2s,transform .2s}.workflow-node:after{content:'›';position:absolute;right:-26px;top:60px;color:#769acb;font-size:1.3rem;line-height:1;pointer-events:none}.workflow-node:last-child:after{display:none}.workflow-node:hover{transform:translateY(-3px);border-color:#769ddd;box-shadow:0 9px 18px #264e8520}.workflow-node[aria-pressed=true]{border-color:#6d97e7;box-shadow:0 0 0 3px #235ee80a,0 5px 10px #264e8510}.step-index{position:absolute;top:8px;left:10px;font-size:.75rem;font-weight:500;color:#526780;font-variant-numeric:tabular-nums}.node-symbol,.connector-mark{display:inline-grid;place-items:center;background:#edf2ff;color:#3a65b2;width:44px;height:44px;border:1px solid #c9d9f4;border-radius:10px;font-size:0.92rem;font-weight:650;flex-shrink:0}.node-symbol{margin-bottom:12px}.workflow-node strong{font-size:0.8rem;line-height:1.4;letter-spacing:-.02em;font-weight:600;overflow-wrap:anywhere}.node-caption{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#5c6c82;margin-top:7px}.node-state-indicator{position:absolute;right:9px;top:9px;width:6px;height:6px;border-radius:50%;background:#cdd7e5}.workflow-node[data-state=running]{border-color:#306fe9;box-shadow:0 0 0 4px #235ee812}.workflow-node[data-state=running] .node-state-indicator{background:#236ce8;animation:node-pulse .8s infinite}.workflow-node[data-state=done]{border-color:#94bfab;background:#fcfffd}.workflow-node[data-state=done] .node-state-indicator{background:#238359}.workflow-node[data-state=waiting]{border-color:#bd8c3b;background:#fffdf6;box-shadow:0 0 0 3px #b67d1110}.workflow-node[data-state=waiting] .node-state-indicator{background:#b58122}.automation-studio[data-run-state=running] .workflow-nodes:before{background:repeating-linear-gradient(90deg,#6b9bef 0 9px,#c6d7f2 9px 21px);background-size:42px 2px;animation:connection-travel 1s linear infinite}
[data-tone=blue]{background:#ecf3ff;color:#2c5d9e;border-color:#cfdef4}[data-tone=purple],[data-tone=violet]{background:#f2ecfc;color:#7052a3;border-color:#ded1f2}[data-tone=orange],[data-tone=amber]{background:#fff2df;color:#955918;border-color:#edd8b7}[data-tone=green]{background:#eaf6ee;color:#367253;border-color:#c9e2d2}[data-tone=rose]{background:#fcedf0;color:#a2516b;border-color:#ebced7}[data-tone=ink]{background:#eff1f4;color:#455166;border-color:#d5dce7}
.studio-inspector{display:grid;grid-template-columns:1fr 1.1fr 1fr;border-top:1px solid var(--flow-line)}.studio-inspector>div{padding:23px 25px;min-width:0}.studio-inspector>div+div{border-left:1px solid var(--flow-line)}.inspector-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:.75rem!important;letter-spacing:.09em;font-weight:600;color:#576980!important;margin:0 0 11px!important}.inspector-label span{font-size:.75rem;text-transform:uppercase;color:#5c4b8c;background:#f2eef8;padding:3px 5px;border-radius:3px}.studio-inspector :is(h3,h4){font-size:0.89rem;margin:0 0 6px;color:#354962;line-height:1.4}.studio-inspector p{font-size:0.76rem;line-height:1.65;color:#566b86;margin:0}.output-data{background:#fbfcff}.example-data [data-demo-input]{color:#3f5675}.studio-console{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f8fd;border-top:1px solid var(--flow-line);padding:19px 25px}.demo-status{font-size:.75rem;line-height:1.6;color:#576e90;margin:0;max-width:500px}.run-controls{display:flex;align-items:center;gap:15px;flex-shrink:0;flex-wrap:wrap}.run-controls .button{font-size:0.77rem;min-height:43px;padding:10px 15px;gap:9px;background:var(--flow-blue);border-radius:7px}.run-controls .button .au-icon{width:16px;height:16px}.run-controls .approve-demo{background:#337250}.reset-demo{font-size:.75rem;border:0;background:transparent;min-height:40px;padding:7px;color:#56708e}.reset-demo:hover{text-decoration:underline}.studio-note{font-size:.75rem;color:#586a80;line-height:1.65;padding:12px 25px;margin:0;border-top:1px solid #e4eaf2}
.automation-examples{background:#fff}.automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.automation-card{min-width:0;border:1px solid #d7e1ed;border-radius:12px;background:#fff;padding:24px 25px 0;display:flex;flex-direction:column;box-shadow:0 3px 6px #203f7405;transition:border-color .2s,box-shadow .2s,transform .2s}.automation-card:hover{border-color:#9db8e3;box-shadow:0 12px 30px #14385f0d;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.category-tag{font-size:.75rem;color:#55728e;font-weight:550;letter-spacing:.04em;text-transform:uppercase}.mini-flow{display:flex;align-items:center;width:100%;margin:26px 0 24px;min-width:0}.mini-flow .connector-mark{width:37px;height:37px;border-radius:9px;font-size:0.8rem}.mini-flow .connector-mark .au-icon{width:20px;height:20px}.mini-wire{flex:1;height:1px;background:#c6d5e9;position:relative;min-width:6px}.mini-wire:after{content:'';position:absolute;right:0;top:-2px;border-left:3px solid #b8c9e0;border-top:2px solid transparent;border-bottom:2px solid transparent}.automation-card h3{font-size:1.09rem;letter-spacing:-.037em;line-height:1.25;margin:0 0 13px;color:var(--flow-ink)}.card-description{font-size:0.85rem;line-height:1.7;color:#5c6c82;margin:0 0 23px}.card-output{font-size:0.75rem;line-height:1.6;margin:auto 0 17px;padding:13px 15px;background:#f6f8fc;border-radius:6px;color:#4f6583}.card-output>span{display:block;font-size:.75rem;letter-spacing:.08em;margin-bottom:5px;color:#586f8c}.blueprint-details{font-size:0.76rem;border-top:1px solid #e1e7f0}.blueprint-details summary{display:flex;justify-content:space-between;gap:8px;min-height:47px;align-items:center;font-size:0.75rem;color:#526c8e;list-style:none}.blueprint-details summary::-webkit-details-marker{display:none}.blueprint-details[open] summary>span{transform:rotate(45deg)}.blueprint-details>div{padding:3px 0 15px;color:#65778f}.blueprint-details ol{padding-left:21px}.blueprint-details li{padding:0 0 8px 3px}.blueprint-details li p{font-size:.75rem;margin:3px 0}.blueprint-details strong{font-weight:600;color:#3b5473}.card-demo-link{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e1e7f0;margin:0 -25px;padding:17px 25px;font-size:0.79rem;color:var(--flow-blue);font-weight:550;text-decoration:none}.card-demo-link:hover{background:#f7faff}.centered-link{text-align:center;margin-top:36px}.centered-link .button{font-size:0.88rem;background:#fff}
.automation-intro{padding:25px 0 36px;background:white}.lab-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.lab-intro-grid h1{font-size:clamp(3rem,5.8vw,5.1rem);line-height:1.03;letter-spacing:-.04em;margin:0}.lab-intro-grid h1 em{font-style:normal;color:var(--flow-blue)}.lab-intro-grid p{font-size:0.99rem;line-height:1.7;color:#5c6c82}.lab-intro-grid p:first-child{font-size:1.03rem;color:#344c6c}.lab-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:18px}.lab-intro-actions .text-link{font-size:0.9rem;display:inline-flex}.lab-studio{padding:12px 0 60px;background:linear-gradient(#fff,#f6f9fd)}
.library-tools{display:flex;flex-direction:column;gap:24px}.automation-search{display:flex;align-items:center;gap:15px;border:1px solid #d1deef;padding:8px 17px;background:#f8faff;max-width:640px;border-radius:8px}.automation-search .au-icon{color:#6689b4;width:20px;height:20px}.automation-search input{border:0;background:transparent;min-height:37px;width:100%;min-width:0;color:var(--flow-ink);font-size:0.87rem;padding:5px 0;outline-offset:6px}.automation-search input::placeholder{color:#58718f;opacity:1}.category-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-filters button{min-height:40px;border:1px solid #d8e1ee;border-radius:6px;background:#fff;padding:7px 15px;color:#5b708d;font-size:0.77rem}.category-filters button:hover{border-color:#638dce;color:var(--flow-blue)}.category-filters button[aria-pressed=true]{background:var(--flow-ink);color:#fff;border-color:var(--flow-ink)}.library-count{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0;font-size:.75rem;color:var(--muted);min-height:35px}.library-count p{margin:0}.library-count button{border:0;background:none;color:var(--flow-blue);padding:6px 0;min-height:35px;font-size:.75rem}.empty-examples{padding:70px 25px;border:1px dashed #a4b8d5;text-align:center;background:#f7faff;border-radius:12px}.empty-examples h3{font-size:1.4rem}.empty-examples p{font-size:0.97rem;color:#627a97}
.connector-section{background:#f5f8fd}.connector-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.connector-tile{border:1px solid #d7e1f0;border-radius:9px;padding:17px 18px;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;min-width:0;transition:border-color .2s,transform .2s}.connector-tile:hover{transform:translateY(-2px);border-color:#8ca9d3}.connector-tile[aria-pressed=true]{border-color:#3b70ca;background:#eff5ff;box-shadow:0 0 0 2px #3b70ca0b}.connector-tile>span:not(.connector-mark){min-width:0}.connector-tile strong{display:block;font-size:0.81rem;line-height:1.4;font-weight:600;color:#3e5676;overflow-wrap:anywhere}.connector-tile small{display:block;font-size:.75rem;margin-top:4px;color:#586f8c}.connector-tile .connector-mark{width:35px;height:35px;font-size:0.79rem;border-radius:8px}.connector-plus{margin-left:auto;font-size:0.92rem;color:#586f8c}.connector-tile[aria-pressed=true] .connector-plus{transform:rotate(45deg);color:var(--flow-blue)}.connection-note{font-size:0.75rem;color:#536b8b;line-height:1.8;margin:25px 0 0;max-width:860px}.connection-note a{color:#466a9c}.connector-feedback{font-size:0.77rem;color:#3f648e;margin-top:20px}

@keyframes node-pulse{50%{box-shadow:0 0 0 4px #235ee822}}
@keyframes connection-travel{to{background-position:42px 0}}
html[data-motion=off] .hero-node,html[data-motion=off] .workflow-node,html[data-motion=off] .workflow-nodes:before{animation:none!important;transition:none!important}html[data-motion=off] .node-state-indicator{animation:none!important}html[data-motion=off] .hero-canvas{transform:none!important}html[data-motion=off] .automation-card,html[data-motion=off] .connector-tile{transition:none}

@media(max-width:1100px){.ribbon-tools{gap:18px}.ribbon-tools>span{font-size:.75rem}.tool-ribbon .shell{gap:28px}.workflow-nodes{gap:22px}.workflow-node{padding-inline:8px}.workflow-node:after{right:-19px}.studio-canvas{padding-inline:22px}.studio-inspector>div{padding:20px}.studio-console{flex-wrap:wrap}.run-controls{margin-left:auto}.automation-grid{gap:16px}.automation-card{padding:20px 20px 0}.card-demo-link{margin-inline:-20px;padding-inline:20px}.connector-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tool-ribbon .shell{align-items:flex-start}.ribbon-tools{justify-content:flex-start;gap:16px 25px}.ribbon-tools>span{font-size:0.77rem}.workflow-nodes{gap:16px}.workflow-node:after{right:-15px}.workflow-node strong{font-size:.75rem}.studio-options{padding-inline:22px;gap:15px}.studio-options label{flex:1 1 35%}.studio-options .blueprint-button{flex-basis:100%;min-height:26px}.studio-options{padding-bottom:15px}.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-intro-grid{gap:40px}.lab-intro-grid h1{font-size:3.8rem}.lab-intro-grid p{font-size:0.9rem}.connector-tile{padding:14px}}
@media(max-width:700px){.motion-toggle{font-size:.75rem;min-height:36px;padding-inline:11px}.tool-ribbon .shell{padding-block:19px;gap:20px;flex-direction:column}.ribbon-tools{gap:17px 20px}.ribbon-tools>span{font-size:.75rem}.automation-examples h2,.connector-section h2{font-size:2.22rem}.automation-examples .section-heading>p,.connector-section .section-heading>p{font-size:0.9rem}.studio-bar{padding:22px 18px 18px;gap:12px}.studio-bar :is(h2,h3){font-size:1.2rem}.studio-caption{font-size:.75rem;gap:7px}.simulation-badge{font-size:.75rem;padding:4px 8px}.studio-options{padding:0 18px 17px;gap:13px}.studio-options label{flex-basis:100%;font-size:.75rem}.studio-options select{font-size:0.8rem;min-height:44px}.blueprint-button{font-size:.75rem}.studio-canvas{padding:19px 18px 18px}.workflow-nodes{display:flex;flex-direction:row;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4c7e3 transparent;padding:8px 4px 18px;scroll-padding-inline:8px}.workflow-nodes:before{display:none}.workflow-node{display:flex;flex:0 0 155px;min-height:178px;align-items:center;padding:27px 13px 18px;text-align:center}.workflow-node .node-symbol{margin:0 0 13px;width:40px;height:40px;font-size:.84rem}.workflow-node strong{font-size:.88rem;line-height:1.35}.workflow-node .node-caption{font-size:.75rem;margin-top:6px}.step-index{left:10px;right:auto;top:8px;font-size:.75rem}.node-state-indicator{right:10px;top:10px;bottom:auto}.workflow-node:after{right:-19px;left:auto;top:65px;bottom:auto;font-size:1.15rem}.studio-inspector{grid-template-columns:1fr}.studio-inspector>div{padding:19px}.studio-inspector>div+div{border-left:0;border-top:1px solid var(--flow-line)}.inspector-label{font-size:.75rem!important}.studio-inspector p{font-size:0.77rem}.studio-inspector :is(h3,h4){font-size:0.92rem}.studio-console{padding:18px;gap:14px;align-items:flex-start}.demo-status{font-size:.75rem}.run-controls{width:100%;justify-content:flex-end;gap:9px}.run-controls .button{font-size:.75rem;padding:10px 12px;min-height:44px}.reset-demo{margin-right:auto;font-size:.75rem}.studio-note{padding:13px 18px;font-size:.75rem}.automation-grid{gap:17px}.automation-card{padding:20px 20px 0}.automation-card h3{font-size:1rem}.card-description{font-size:0.81rem}.mini-flow{margin-block:23px}.mini-flow .connector-mark{width:31px;height:31px;font-size:.75rem}.mini-flow .connector-mark .au-icon{width:16px;height:16px}.card-output{padding:12px;font-size:.75rem}.automation-intro{padding-top:14px}.lab-intro-grid{grid-template-columns:1fr;gap:20px}.lab-intro-grid h1{font-size:3.25rem}.lab-intro-grid p{font-size:0.94rem}.lab-intro-grid p:first-child{font-size:1.08rem}.lab-studio{padding-bottom:45px}.connector-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.connector-tile{padding:13px;gap:10px}.connector-tile .connector-mark{width:31px;height:31px;font-size:.75rem;flex-shrink:0}.connector-tile strong{font-size:.75rem}.connector-tile small{font-size:.75rem}.connector-plus{display:none}.automation-search{padding:7px 12px;gap:10px}.automation-search input{font-size:0.82rem}.category-filters{gap:7px}.category-filters button{font-size:.75rem;padding:8px 12px}.library-count{font-size:.75rem}.connection-note{font-size:.75rem}}
@media(max-width:480px){.automation-grid{grid-template-columns:1fr}.automation-card{padding:24px 25px 0}.automation-card h3{font-size:1.2rem}.card-description{font-size:0.88rem}.card-demo-link{margin-inline:-25px;padding-inline:25px;font-size:0.82rem}.card-output{font-size:0.76rem}.mini-flow .connector-mark{width:38px;height:38px;font-size:0.82rem}.mini-flow{max-width:285px}.motion-glyph{font-size:0.77rem}.studio-options label{width:100%}.studio-bar :is(h2,h3){font-size:1.18rem}.studio-caption{font-size:.75rem}.workflow-node{column-gap:12px}.studio-console .run-controls{gap:8px}.run-controls .button{font-size:.75rem;padding:10px}.run-controls .button .au-icon{width:13px;height:13px}.lab-intro-grid h1{font-size:2.85rem}.connector-tile{padding:11px 9px;gap:7px}.connector-tile .connector-mark{width:27px;height:27px;font-size:.75rem}.connector-tile strong{font-size:.75rem}.connector-tile small{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.hero-node,.workflow-node,.workflow-nodes:before,.node-state-indicator,.hero-canvas{animation:none!important;transition:none!important}.automation-card,.connector-tile{transition:none}.hero-canvas,.automation-card:hover,.connector-tile:hover,.workflow-node:hover{transform:none}}

.studio-options label{flex-basis:220px}.studio-inspector p{font-size:.82rem}.studio-inspector :is(h3,h4){font-size:.95rem}.workflow-node strong{font-size:.85rem}.workflow-node .node-caption{font-size:.75rem}.studio-note{font-size:.75rem}.card-description{font-size:.92rem}.card-output{font-size:.8rem}.card-output>span{font-size:.75rem}.blueprint-details{font-size:.84rem}.blueprint-details summary,.blueprint-details li p{font-size:.8rem}.card-demo-link{font-size:.83rem}.connector-tile strong{font-size:.85rem}.connector-tile small{font-size:.75rem}.connection-note{font-size:.8rem}.automation-card h3{font-size:1.3rem}.category-tag{font-size:.75rem}.connector-feedback{font-size:.8rem}.library-tools-row{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.library-tools-row .automation-search{flex:2;min-width:220px}.connection-select-label{display:flex;align-items:center;gap:9px;font-size:.75rem;color:#586f8c;flex:1;min-width:220px}.connection-select-label select{width:100%;min-width:0;min-height:52px;padding:10px;border:1px solid #d1deef;border-radius:8px;background:white;color:#344e70;font-size:.8rem}.studio-inspector [role=region]{outline-offset:-4px}.workflow-node:disabled{opacity:1;cursor:default}
@media(max-width:700px){.simulation-badge{font-size:.75rem}.studio-caption{font-size:.75rem}.studio-options label{font-size:.75rem}.studio-options select{font-size:.85rem}.blueprint-button{font-size:.75rem}.studio-inspector p{font-size:.85rem}.demo-status{font-size:.8rem}.run-controls .button,.reset-demo{font-size:.8rem}.studio-note{font-size:.75rem}.automation-card h3{font-size:1.3rem}.category-tag{font-size:.75rem}.connector-tile strong{font-size:.78rem}.connector-tile small{font-size:.75rem}.connector-tile{flex-wrap:wrap;align-content:start}.library-tools-row .automation-search,.connection-select-label{min-width:0;flex-basis:100%}.connection-select-label{flex-wrap:wrap}.studio-console .run-controls{justify-content:flex-start}.studio-options label{flex-basis:100%}}

.orchestration-row{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:30px;margin-top:30px;border-top:1px solid #d3e0ef}.orchestration-row p{font-size:.85rem;max-width:480px;color:#546b88}.orchestration-tools{display:flex;gap:15px;flex-wrap:wrap}.orchestration-tools a{display:flex;align-items:center;gap:9px;background:white;border:1px solid #d4dfef;padding:12px;border-radius:8px;font-size:.8rem;text-decoration:none}.orchestration-tools .connector-mark{width:29px;height:29px;font-size:.75rem;border-radius:7px}.orchestration-tools a:hover{border-color:#7596c3}.orchestration-tools a>span:last-child{color:#5b76a0}.connector-tile:disabled{opacity:1;cursor:default}
@media(max-width:900px){.orchestration-row{flex-direction:column;align-items:flex-start;gap:22px}}

.connector-mark img,.node-symbol img{width:24px;height:24px;object-fit:contain}.ribbon-tools .connector-mark{width:26px;height:26px;border:0;background:transparent}.ribbon-tools .connector-mark img{width:24px;height:24px}.card-connections{font-size:.75rem;color:#536b89;line-height:1.6;margin:-10px 0 17px}.mini-flow .connector-mark img{width:22px;height:22px}.orchestration-tools .connector-mark img{width:20px;height:20px}.connector-tile .connector-mark img{width:23px;height:23px}.node-caption{text-transform:none;letter-spacing:.01em}
@media(max-width:480px){.connector-tile .connector-mark img{width:20px;height:20px}}

/* Discovery and conversion controls share the same restrained visual hierarchy. */
.studio-options{border-bottom:0;padding-bottom:16px}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding:0 30px 22px;border-bottom:1px solid var(--flow-line)}
.studio-toolbar .run-controls{margin:0;gap:14px}
.studio-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.studio-utilities .blueprint-button{font-size:.75rem;min-height:40px;gap:8px}
.share-status:not(:empty),.share-fallback{font-size:.8rem;color:#37577f;flex-basis:100%}
.studio-conversion{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 26px;background:#fff}
.studio-conversion strong{display:block;color:var(--flow-ink);font-size:.96rem;font-weight:600;margin-bottom:6px}
.studio-conversion span{display:block;font-size:.79rem;color:#576d89;line-height:1.6}
.studio-conversion .text-link{font-size:.87rem;flex-shrink:0}
.card-actions{display:flex;flex-direction:column;border-top:1px solid #e1e7f0;padding-block:4px 9px}
.card-actions a{margin:0;padding:11px 0;border:0;font-size:.8rem;min-height:42px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none}
.card-inquiry-link{color:#516986}.card-actions a:hover{color:var(--flow-blue);background:transparent;text-decoration:underline}
.library-more{text-align:center;margin-top:30px}.library-more:has([hidden]){display:none}
.library-more .button{font-size:.85rem;background:white}
[data-card-title]:focus{outline:2px solid var(--flow-blue);outline-offset:5px;border-radius:2px}
[data-connector=mailchimp]{background:#292522;border-color:#292522}
@media(max-width:700px){
 .studio-toolbar{padding:0 18px 18px;gap:7px}.studio-toolbar .run-controls{justify-content:flex-start;width:auto}.studio-toolbar .reset-demo{margin:0}
 .studio-utilities{width:100%;gap:8px 18px}.studio-utilities .blueprint-button{font-size:.75rem}
 .studio-conversion{padding:22px 18px;align-items:flex-start;flex-direction:column;gap:13px}.studio-conversion .text-link{min-height:38px}
 .studio-console:has(.approve-demo[hidden]) .run-controls{display:none}
 .connector-tile strong{font-size:.82rem}.connector-tile small{font-size:.75rem}
}

/* Homepage: restore the expressive workflow composition while keeping mobile copy legible. */
.flow-hero-grid{display:grid;grid-template-columns:.95fr 1.12fr;align-items:center;gap:52px;padding:56px 0 58px}
.flow-hero-grid>*{min-width:0}
.flow-hero h1{font-size:clamp(4.5rem,8.3vw,7.2rem);line-height:.96;font-weight:650;letter-spacing:-.078em;margin:0 0 28px;color:var(--flow-ink);text-wrap:initial}
.flow-hero h1 em{font-style:normal;color:var(--flow-blue);position:relative}
.flow-hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:5px;background:var(--flow-blue);opacity:.18;transform:rotate(-3deg)}
.flow-hero-copy>p{max-width:470px;font-size:1.02rem;line-height:1.65;margin:0 0 14px;color:var(--flow-ink)}
.flow-hero-copy>p.flow-hero-secondary{font-size:1rem;color:#54647a}
.flow-hero-copy .button-row{gap:16px 24px;margin-top:27px}
.flow-hero-copy .button{background:var(--flow-blue);border-radius:8px;box-shadow:0 4px 14px #235ee81a;font-size:.9rem;gap:18px}
.flow-hero-copy .text-link{font-size:.87rem}
.hero-canvas{margin:0;border:1px solid #d7e2f2;border-radius:16px;background-color:#f1f5fc;background-image:radial-gradient(#bdcbe2 .8px,transparent .8px);background-size:18px 18px;box-shadow:0 28px 65px -35px #193f823d,0 4px 15px #1c47850a;transform:rotate(-1deg);position:relative;min-width:0;line-height:1.3}
.canvas-topline,.canvas-bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffffb8;padding:16px 20px;font-size:.75rem;letter-spacing:.07em;color:#63748a}
.canvas-topline{border-bottom:1px solid #dce5f2;border-radius:16px 16px 0 0}.canvas-topline>span:first-child{display:flex;align-items:center;gap:8px}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--flow-blue);flex-shrink:0}
.canvas-bottomline{border-top:1px solid #dce5f2;border-radius:0 0 16px 16px;font-size:.75rem}.canvas-owned{display:flex;align-items:center;gap:7px;color:var(--flow-green);letter-spacing:0}.canvas-owned .au-icon{width:14px;height:14px}
.hero-flow{--wire-gap:32px;display:grid;grid-template-columns:minmax(0,1fr) var(--wire-gap) minmax(0,1fr);grid-template-rows:auto 32px auto 32px auto;align-items:stretch;padding:32px 24px;position:relative;isolation:isolate}
.hero-node{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;position:relative;background:#fff;border:1px solid #d7e1f0;border-radius:11px;box-shadow:0 7px 12px -5px #274f8921;padding:18px 14px;min-width:0}
.hero-node .node-symbol{width:36px;height:36px;border-radius:9px;margin:0}.hero-node .au-icon{width:20px;height:20px}
.hero-node small{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#5c6c82;margin-bottom:4px}.hero-node strong{display:block;font-size:.84rem;font-weight:650;color:var(--flow-ink);line-height:1.5;letter-spacing:-.025em}.hero-node div>span{display:block;font-size:.75rem;color:#5c6c82;line-height:1.6;margin-top:4px}
.hero-step{display:none;font:500 .75rem/1.4 var(--mono);font-variant-numeric:tabular-nums;color:#526780}
.hero-node>div{min-width:0}.node-email{grid-column:1;grid-row:1}.node-ai{grid-column:3;grid-row:1;border-color:#c9bdf0}.node-review{grid-column:1;grid-row:5;border-color:#e6d5b9}.node-action{grid-column:3;grid-row:5;border-color:#c5dccf}
.node-port{display:none}
.node-email:after,.node-review:after{content:'';position:absolute;left:100%;top:50%;width:var(--wire-gap);height:1px;background:#8fa9d1}
.node-email:before,.node-review:before{content:'';position:absolute;left:calc(100% + var(--wire-gap) - 5px);top:calc(50% - 3px);border-left:5px solid #6d94ce;border-top:3px solid transparent;border-bottom:3px solid transparent}
.node-ai:after{content:'';position:absolute;left:50%;top:100%;height:32px;width:1px;background:#8fa9d1}
.node-ai:before{content:'';position:absolute;left:calc(50% - 3px);top:calc(100% + 27px);border-top:5px solid #6d94ce;border-left:3px solid transparent;border-right:3px solid transparent}
.hero-condition{grid-column:3;grid-row:3;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;background:#e9effa;border:1px solid #cedcf1;border-radius:18px;padding:10px 12px;color:#426399;min-width:0}.hero-condition .node-symbol{width:28px;height:28px;margin:0;border-radius:7px;flex-shrink:0}
.hero-return{grid-column:1/-1;grid-row:4;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--wire-gap) minmax(0,1fr)}
.hero-return:before{content:'';position:absolute;top:50%;left:calc((100% - var(--wire-gap))/4);right:calc((100% - var(--wire-gap))/4);height:1px;background:#8fa9d1}
.hero-return>span{position:relative}.hero-return>span:first-child{grid-column:1}.hero-return>span:last-child{grid-column:3}
.hero-return>span:first-child:before{content:'';position:absolute;left:50%;top:50%;bottom:0;width:1px;background:#8fa9d1}.hero-return>span:last-child:before{content:'';position:absolute;left:50%;top:0;bottom:50%;width:1px;background:#8fa9d1}
.hero-return>span:first-child:after{content:'';position:absolute;left:calc(50% - 3px);bottom:0;border-top:5px solid #6d94ce;border-left:3px solid transparent;border-right:3px solid transparent}
.hero-paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--flow-line);gap:40px;padding:23px 0}.hero-paths a{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.94rem;font-weight:550;color:var(--flow-ink);text-decoration:none}.hero-paths a:hover{color:var(--flow-blue);text-decoration:underline;text-underline-offset:.3em}.hero-paths .arrow{color:var(--flow-blue)}
.offering-section,.automation-examples,.ownership-section,.studio-cta{padding-block:clamp(48px,6vw,88px)}
.offering-section .section-heading,.automation-examples .section-heading{margin-bottom:40px}.offering-section h2,.automation-examples h2{font-size:clamp(2.2rem,3.8vw,3.5rem);line-height:1.08}.offering-section .section-heading>p,.automation-examples .section-heading>p{font-size:1rem;max-width:38ch}
.offering-section .offer-grid{column-gap:clamp(32px,6vw,88px);row-gap:0}
.offering-section .offer-panel{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:25px 0 0;border:0;border-top:2px solid var(--flow-blue);border-radius:0;background:transparent;box-shadow:none}
.offer-heading{margin-bottom:18px}.offer-heading .eyebrow{font-size:.875rem;font-weight:600;letter-spacing:0;margin:0}.offering-section .offer-panel h3{font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;margin-bottom:20px}.offering-section .offer-panel>p{font-size:1rem;line-height:1.7;max-width:46ch}.offering-section .offer-levels,.offering-section .offer-steps{margin:26px 0 22px}.offering-section .offer-levels a,.offering-section .offer-steps li{min-height:60px;font-size:.94rem}.offering-section .offer-steps li>span{font-size:.8rem;font-variant-numeric:tabular-nums}.offering-section .offer-link{color:var(--flow-blue);font-size:.94rem}
.home-examples{background:#fff;border-block:1px solid var(--flow-line)}.home-examples .automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.home-examples .automation-card-compact{padding-bottom:0}.home-examples .automation-card-compact .category-tag{margin:0}.home-examples .automation-card-compact .card-connections{margin:0 0 20px}.home-examples .automation-card-compact .card-description{flex:1;margin-bottom:18px}.home-examples .automation-card-compact .card-demo-link{margin-top:auto}.home-examples .automation-card-compact:hover{border-color:#9db8e3;box-shadow:0 12px 30px #14385f0d;transform:translateY(-3px)}.home-examples .centered-link{text-align:center;margin-top:36px}
.ownership-section{background:#14263e;color:#f5f8fe;position:relative;overflow:hidden}.ownership-section:after{content:'';position:absolute;pointer-events:none;width:500px;height:500px;right:-180px;top:-220px;border:1px solid #6b89b026;border-radius:50%;box-shadow:0 0 0 80px #6b89b00a,0 0 0 160px #6b89b008}.ownership-summary{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ownership-summary h2{font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.09;margin:0}.ownership-summary>div>p:not(.eyebrow){margin-top:0}.ownership-section p{font-size:1rem;color:#b2c2d9;line-height:1.8;max-width:410px}.ownership-section .text-link{font-size:.87rem;display:inline-flex;margin-top:15px;color:#deebff}
.studio-cta{background:#f0f5ff;text-align:center;border-top:1px solid #dae5f7}.studio-cta>.shell{display:block}.studio-cta #start{position:absolute}.studio-cta h2{font-size:clamp(2rem,4.7vw,4rem);line-height:1.1}.studio-cta h2 em{font-style:normal;color:var(--flow-blue)}.studio-cta>.shell>p:not(.eyebrow){max-width:600px;margin:24px auto 0;font-size:1rem}.studio-cta .button-row{justify-content:center;margin-top:30px;gap:22px 30px}.studio-cta .button{background:var(--flow-blue)}.studio-cta .text-link{font-size:.9rem}.studio-cta .micro a{font-size:.77rem;color:#506580}
@media(max-width:1100px){.flow-hero-grid{gap:25px;grid-template-columns:1fr 1fr}.flow-hero h1{font-size:5.2rem}.canvas-topline,.canvas-bottomline{padding-inline:20px}.hero-node{gap:8px;padding:11px 10px}.hero-node .node-symbol{width:30px;height:30px}.hero-node strong{font-size:.75rem}.hero-node div>span{font-size:.75rem}.hero-node small{font-size:.75rem}.hero-condition{font-size:.75rem;padding:7px 9px;gap:5px}.home-examples .automation-grid{gap:16px}.home-examples .automation-card-compact{padding:20px 20px 0}.home-examples .automation-card-compact .card-demo-link{margin-inline:-20px;padding-inline:20px}.ownership-summary{gap:40px}}
@media(max-width:900px){.flow-hero-grid{grid-template-columns:1fr;gap:35px;padding:37px 0 36px}.flow-hero-copy{display:grid;grid-template-columns:1.05fr 1fr;gap:0 30px;align-items:end}.flow-hero h1{grid-row:span 3;font-size:5.6rem;margin:0}.flow-hero-copy>p{font-size:1rem;margin-bottom:12px}.flow-hero-copy>p.flow-hero-secondary{font-size:.88rem}.flow-hero-copy .button-row{margin-top:8px;gap:15px}.hero-canvas{max-width:670px;width:100%;justify-self:center;transform:none}.hero-node strong{font-size:.84rem}.hero-node small{font-size:.75rem}.hero-node div>span{font-size:.75rem}.hero-node{padding:18px;gap:15px}.hero-node .node-symbol{width:40px;height:40px}.hero-condition{font-size:.76rem;padding:10px 15px}.home-examples .automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ownership-summary{gap:35px}.studio-cta>.shell{display:block}}
@media(max-width:900px){.hero-flow{aspect-ratio:auto;display:flex;flex-direction:column;padding:0 20px;background-image:none}.hero-wires{display:none}.hero-node,.hero-condition{position:relative;inset:auto;left:auto;right:auto;top:auto;width:auto;display:grid;grid-template-columns:2ch 40px minmax(0,1fr);align-items:center;gap:15px;padding:18px 0;border:0;border-top:1px solid #d5dde399;border-radius:0;background:transparent;box-shadow:none}.hero-node.node-email{border-top:0}.hero-step{position:static;grid-column:1;font-size:.75rem}.hero-node .node-symbol,.hero-condition .node-symbol{grid-column:2;width:40px;height:40px;margin:0;border-radius:9px}.hero-node>div{grid-column:3}.hero-condition{justify-content:initial;text-align:left;font-size:.8rem;padding:18px 0;color:#426399}.hero-condition>span:last-child{grid-column:3;display:block}.hero-node .node-port{display:none}.hero-node strong{font-size:.9rem}.hero-node small{font-size:.75rem}.hero-node div>span{font-size:.78rem}}
@media(max-width:700px){.flow-hero-grid{padding-top:30px}.flow-hero-copy{display:block}.flow-hero h1{font-size:clamp(4.6rem,18vw,6.3rem);margin-bottom:24px;line-height:.97}.flow-hero h1 br{display:block}.flow-hero-copy>p{font-size:1.06rem;max-width:470px;margin-bottom:14px}.flow-hero-copy>p.flow-hero-secondary{font-size:.92rem}.flow-hero-copy .button-row{margin-top:25px;gap:18px 23px}.flow-hero-copy .button{font-size:.85rem;min-height:50px;padding-inline:18px}.flow-hero-copy .text-link{font-size:.8rem}.hero-canvas{margin-block:7px}.canvas-topline,.canvas-bottomline{padding:13px 14px}.canvas-topline{font-size:.75rem}.canvas-bottomline{font-size:.75rem;gap:7px}.canvas-owned .au-icon{width:11px;height:11px}.hero-flow{aspect-ratio:auto;padding:0 14px;background-image:none}.hero-wires{display:none}.hero-node,.hero-condition{position:relative;inset:auto;left:auto;right:auto;top:auto;width:auto;display:grid;grid-template-columns:2ch 34px minmax(0,1fr);align-items:center;gap:12px;padding:16px 0;border:0;border-top:1px solid #d5dde399;border-radius:0;background:transparent;box-shadow:none}.hero-node.node-email{border-top:0}.hero-step{position:static;grid-column:1;font-size:.75rem}.hero-node .node-symbol,.hero-condition .node-symbol{grid-column:2;width:34px;height:34px;margin:0;border-radius:8px}.hero-node>div{grid-column:3}.hero-condition{justify-content:initial;text-align:left;font-size:.8rem;padding:16px 0;color:#426399}.hero-condition .hero-step{color:#526780}.hero-condition>span:last-child{grid-column:3;display:block}.hero-node .node-port{display:none}.hero-node strong{font-size:.9rem}.hero-node small{font-size:.75rem}.hero-node div>span{font-size:.78rem}.hero-paths{gap:22px;padding-block:20px}.hero-paths a{font-size:.83rem;line-height:1.4}.offering-section .offer-grid{row-gap:36px}.offering-section .offer-panel{display:flex;grid-row:auto;padding-top:22px}.offering-section .offer-panel h3{font-size:2.25rem}.offering-section .offer-panel h3 br{display:none}.offering-section .section-heading,.automation-examples .section-heading{margin-bottom:28px}.home-examples .automation-grid{grid-template-columns:1fr;gap:17px}.home-examples .automation-card-compact{padding:20px 20px 0}.home-examples .automation-card-compact h3{font-size:1.3rem}.home-examples .automation-card-compact .card-description{font-size:.92rem}.home-examples .automation-card-compact .card-demo-link{margin-inline:-20px;padding-inline:20px}.ownership-summary{grid-template-columns:1fr;gap:25px}.ownership-section h2{font-size:2.2rem}.ownership-section p{font-size:.91rem}.studio-cta h2{font-size:2.3rem}.studio-cta>.shell>p:not(.eyebrow){font-size:.92rem}.studio-cta .button-row{gap:20px}.studio-cta .button{font-size:.86rem}.studio-cta .text-link{font-size:.86rem}.flow-hero h1{word-spacing:-.035em}}
@media(max-width:480px){.hero-flow{padding-inline:12px}.hero-node{column-gap:10px}.home-examples .automation-card-compact{padding:24px 25px 0}.home-examples .automation-card-compact .card-demo-link{margin-inline:-25px;padding-inline:25px;font-size:.82rem}.studio-cta h2{font-size:2.13rem}.flow-hero h1{font-size:clamp(3.3rem,17.5vw,4.55rem)}.flow-hero-copy>p{font-size:.99rem}.flow-hero-copy>p.flow-hero-secondary{font-size:.88rem}}
@media print{.hero-canvas{box-shadow:none;break-inside:avoid}.hero-flow{background-image:none}.hero-paths{display:none}.automation-card-compact{break-inside:avoid}}

@media(max-width:900px){.hero-return{display:none}.hero-step{display:block;grid-column:1}.hero-node:before,.hero-node:after{display:none}.hero-node .node-symbol{grid-column:2}.hero-canvas{background-image:none}}
@media(prefers-reduced-motion:reduce){.hero-canvas{transform:none}.home-examples .automation-card-compact:hover{transform:none}}