/* Workflow automation: process illustrations above the shared service offer. */
.automation-page { --shell:1200px; --auto-slate:#526a7d; --auto-green:#31594e; }
.automation-page .section { padding-block:3rem; }
.automation-page main > .section p { color:var(--ink-soft); }
.automation-page h2 { font-size:clamp(2rem,3vw,2.8rem); max-width:26ch; }
.automation-page h3 { font-size:1.3rem; line-height:1.3; }
.automation-page .service-hero { padding-block:2.5rem 3rem; background:radial-gradient(ellipse at 75% 48%,#eff5fa 0, #f8fbfd 45%,#fff 80%); }
.automation-page .service-hero-grid { width:min(calc(100% - 9vw),1700px); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(2rem,2.7vw,3.2rem); }
.automation-page .hero h1 { font-size:clamp(2.8rem,3.9vw,4.5rem); font-weight:700; max-width:15ch; line-height:1.07; }
.automation-page .hero-lede { font-size:clamp(1.05rem,1.18vw,1.375rem); line-height:1.65; color:#4c6380; }
.automation-page .hero .eyebrow { letter-spacing:.22em; color:#486987; }
.automation-page .hero-actions { gap:1rem; }
.automation-page .hero-actions .button,.automation-page .hero-actions .text-link { font-size:clamp(.85rem,.98vw,1.125rem); }
.automation-page .auto-start-note { font-size:clamp(.85rem,.95vw,1.1rem); margin:.8rem 0 1.2rem; color:var(--ink-soft); }
.automation-page .auto-experience { font-size:clamp(.85rem,.95vw,1.1rem); line-height:1.65; padding-top:1rem; border-top:1px solid var(--line); color:var(--auto-slate); margin:0; }
.automation-page .auto-label { margin:0 0 .55rem; color:var(--auto-slate); font:700 .73rem/1.5 var(--font-display); text-transform:uppercase; letter-spacing:.08em; }
/* Purchase request illustration: HTML records with decorative vector UI. */
/* Bottom-left origin keeps the base level; projective depth raises the far-right top edge. */
.automation-page .auto-hero { position:relative; isolation:isolate; top:-10px; margin:0; min-width:0; width:90%; transform-origin:bottom left; transform:matrix3d(1,0,0,-.00004,-.01,1,0,0,0,0,1,0,0,0,0,1); align-self:center; color:var(--auto-slate); }
.automation-page .auto-hero::before { content:""; position:absolute; inset:8px -8px -8px 8px; z-index:-1; background:#c3d0db; border:1px solid #b5c6d3; border-radius:2px; box-shadow:5px 7px 10px #263f5b1f; pointer-events:none; }
.automation-page .auto-hero svg { fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.automation-page .auto-app { display:grid; grid-template-columns:minmax(7.8rem,21%) minmax(0,1fr); background:#fff; border:1px solid #d4e0e9; border-radius:2px; overflow:hidden; }
.automation-page .auto-app-sidebar { background:#f3f7fa; padding:3rem .8rem 1.5rem; border-right:1px solid #e2eaf0; }
.automation-page .auto-app-sidebar ul { list-style:none; padding:0; margin:0; }
.automation-page .auto-app-sidebar li { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; padding:.75rem .5rem; margin-bottom:.65rem; font:clamp(.75rem,.86vw,1rem)/1.5 var(--font-prose); overflow-wrap:anywhere; }
.automation-page .auto-app-sidebar .is-selected { background:#eaf0f5; color:#243f5a; border-radius:2px; }
.automation-page .auto-app-sidebar .auto-app-icon { width:1.15rem; height:1.15rem; flex-shrink:0; }
.automation-page .auto-app-count { display:inline-grid; place-items:center; width:1.6em; height:1.6em; margin-left:auto; border-radius:50%; color:#fff; background:#586e83; font-size:.65rem; }
.automation-page .auto-app-main { padding:clamp(1.4rem,2vw,2.4rem) clamp(1.1rem,1.8vw,2rem) 1.1rem; min-width:0; }
.automation-page .auto-app-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:.8rem; }
.automation-page .auto-app-header h2 { font:700 clamp(1.3rem,1.4vw,1.6rem)/1.35 var(--font-display); margin:0 0 .3rem; color:#182e43; }
.automation-page .auto-app-header p { margin:0; font:clamp(.72rem,.86vw,1rem)/1.6 var(--font-prose); color:var(--auto-slate); }
.automation-page .auto-app-header p span { margin-inline:.3rem; }
.automation-page .auto-app-status { display:flex; align-items:center; gap:.45rem; padding:.5rem .65rem; border:1px solid #d4e0e9; border-radius:2px; background:#fff; font:clamp(.74rem,.8vw,.94rem)/1.4 var(--font-prose); color:#2c4d6a; }
.automation-page .auto-app-status i { width:.5rem; height:.5rem; border-radius:50%; background:#1871b9; flex-shrink:0; }
.automation-page .auto-app-status svg { width:.6rem; height:.5rem; margin-left:.7rem; }
.automation-page .auto-app-tabs { display:flex; flex-wrap:wrap; gap:1.6rem; border-bottom:1px solid #e2eaf0; margin:1.3rem 0 1.1rem; font:clamp(.75rem,.86vw,1rem)/1.5 var(--font-prose); }
.automation-page .auto-app-tabs span { padding:.5rem .2rem; }
.automation-page .auto-app-tabs .is-selected { color:#182e43; font-weight:600; border-bottom:2px solid #317caf; }
.automation-page .auto-app ol { list-style:none; margin:0; padding:0; }
.automation-page .auto-app-step { position:relative; display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:.7rem; align-items:start; padding:.8rem; border:1px solid #e0e8ef; background:#fcfdfe; border-radius:2px; min-width:0; }
.automation-page .auto-app-icon-box { display:grid; place-items:center; width:2.5rem; height:2.5rem; color:#294662; background:#eaf0f5; border-radius:2px; }
.automation-page .auto-app-icon { width:1.3rem; height:1.3rem; }
.automation-page .auto-app-step-copy { min-width:0; }
.automation-page .auto-app-step strong { display:block; color:#21354a; font:700 clamp(.8rem,.86vw,1rem)/1.4 var(--font-display); }
.automation-page .auto-app-step-copy > span { display:block; margin-top:.25rem; color:var(--auto-slate); font:clamp(.72rem,.8vw,.94rem)/1.5 var(--font-prose); }
.automation-page .auto-app-step time { display:block; margin-top:.35rem; color:var(--auto-slate); font:clamp(.72rem,.8vw,.94rem)/1.5 var(--font-prose); }
.automation-page .auto-app-entry > li:first-child .auto-app-step-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:.6rem; }
.automation-page .auto-app-entry > li:first-child time { grid-column:2; grid-row:1 / span 2; align-self:center; margin:0; }
.automation-page .auto-app-entry > li + li { margin-top:1.5rem; }
.automation-page .auto-app-rules { background:#eff4f8; border-color:#e0e8ef; }
.automation-page .auto-app-arrow { position:absolute; top:100%; left:calc(50% - .375rem); width:.75rem; height:1.5rem; color:#54738d; }
.automation-page .auto-app-fork { display:block; height:2rem; width:100%; color:#54738d; }
.automation-page .auto-app-fork path { vector-effect:non-scaling-stroke; }
.automation-page .auto-app-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.automation-page .auto-app-paths section { position:relative; min-width:0; display:flex; flex-direction:column; }
.automation-page .auto-app-paths h3 { align-self:center; width:fit-content; margin:0 0 .8rem; padding:0 .25rem; color:#385c7e; font:500 clamp(.78rem,.86vw,1rem)/1.4 var(--font-prose); text-align:center; }
.automation-page .auto-app-paths section > .auto-app-arrow { position:relative; flex:none; left:auto; align-self:center; top:auto; margin-top:-.8rem; height:.8rem; }
.automation-page .auto-app-paths ol { display:flex; flex:1; flex-direction:column; }
.automation-page .auto-app-paths li:first-child { flex:1; }
.automation-page .auto-app-paths li + li { margin-top:1.5rem; }
.automation-page .auto-app-outcome { padding:.8rem; grid-template-columns:2.5rem minmax(0,1fr); gap:.7rem; }
.automation-page .auto-app-outcome .auto-app-icon-box { width:2.5rem; height:2.5rem; }
.automation-page .auto-app-avatars { display:flex; flex-wrap:wrap; gap:.25rem; margin-top:.5rem; }
.automation-page .auto-app-avatars span { display:grid; place-items:center; width:2.6em; height:2.6em; border-radius:50%; border:1px solid #c8d6df; background:#dbe6ee; color:#334e63; font:500 .65rem/1 var(--font-prose); }
.automation-page .auto-app-avatars span:nth-child(2) { background:#e4ecf2; color:#334e63; }
.automation-page .auto-app-avatars span:nth-child(3) { background:#e4ecf2; color:#334e63; }
/* Recognition: three compact operational illustrations alongside the buyer's problem. */
.automation-page .auto-fit { padding-block:3rem; }
.automation-page .auto-fit-grid { width:min(calc(100% - 9vw),1560px); display:grid; grid-template-columns:minmax(0,.52fr) minmax(0,1fr); gap:2rem; }
.automation-page .auto-fit-grid .section-intro { margin:0; }

.automation-page .auto-fit-grid .section-intro > p:last-child { margin:0; font-size:1rem; line-height:1.7; color:var(--ink-soft); }
.automation-page .auto-fit-rows { list-style:none; padding:0 0 0 2.3rem; margin:0; border-left:1px solid #edf1f5; }
.automation-page .auto-fit-rows > li { display:grid; grid-template-columns:minmax(0,.58fr) minmax(0,1.52fr); align-items:center; gap:1.5rem; padding:1.7rem 0; }
.automation-page .auto-fit-rows > li:first-child { padding-top:0; }
.automation-page .auto-fit-rows > li:last-child { padding-bottom:0; }
.automation-page .auto-fit-rows > li + li { border-top:1px solid #edf1f5; }
.automation-page .auto-fit-rows h3 { font-size:1.25rem; font-weight:700; line-height:1.3; margin:0 0 .4rem; }
.automation-page .auto-fit-rows p { margin:0; font-size:1rem; line-height:1.7; color:var(--ink-soft); }
.automation-page .auto-fit-copy { min-width:0; }
/* Recognition illustrations share the Integration page's steel-blue vector palette. */
.automation-page .auto-fit-diagram { margin:0; min-width:0; min-height:8rem; display:grid; align-items:center; }
.automation-page .fit-drawing { display:block; width:100%; max-width:220px; max-height:128px; height:auto; margin-inline:auto; overflow:visible; }
.automation-page .fit-plane { fill:#fff; stroke:#527b98; stroke-width:1.8; }
.automation-page .fit-chrome { fill:#edf2f6; }
.automation-page .fit-tile { fill:#a8bfce; stroke:#7f9fb5; stroke-width:1.4; }
.automation-page .fit-lines { fill:#bfccd5; }
.automation-page .fit-route { fill:none; stroke:#416d8d; stroke-width:2.2; stroke-linejoin:round; }
.automation-page .fit-file { fill:#fff; stroke:#6d92ac; stroke-width:1.8; }
.automation-page .fit-fold { fill:#e6edf2; stroke:#6d92ac; stroke-width:1.4; stroke-linejoin:round; }
.automation-page .fit-number { fill:#386485; font:600 23px var(--font-prose); }
.automation-page .fit-dots { fill:#466f8c; }
.automation-page .fit-question { fill:#386485; font:600 18px var(--font-prose); }
.automation-page .fit-success { fill:#4b8167; }
.automation-page .fit-attention { fill:#c95d65; }
.automation-page .fit-state-mark { fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:1100px) {
 .automation-page .auto-hero { transform:none; }
 .automation-page .auto-fit-grid { grid-template-columns:minmax(0,1fr); }
 .automation-page .auto-fit-grid .section-intro { max-width:48rem; }
 .automation-page .auto-fit-rows { border-left:0; padding-left:0; }
 .automation-page .auto-fit .section-heading-marker { margin-bottom:1.5rem; }
 .automation-page .auto-fit-diagram { font-size:.85rem; }
}
@media(max-width:600px) {
 .automation-page .auto-fit-grid { width:calc(100% - 2rem); }
 .automation-page .auto-fit-rows > li { grid-template-columns:minmax(0,1fr); gap:1.5rem; padding-block:1.8rem; }
 .automation-page .auto-fit-diagram { width:100%; max-width:26rem; margin-inline:auto; font-size:.75rem; }
}
.automation-page .auto-project-header { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,5vw,4rem); margin-bottom:2rem; }
.automation-page .auto-project-title { display:flex; align-items:baseline; gap:1rem; margin-bottom:.9rem; }
.automation-page .auto-project-title > span { font:400 1.8rem/1 var(--font-display); color:var(--auto-slate); }
.automation-page .auto-project-title h3 { margin:0; font-size:1.75rem; }
.automation-page .auto-role { font-size:.85rem; line-height:1.65; margin:0; }
.automation-page .auto-project-header > div:last-child p { margin:0; }
.automation-page .auto-project-header .auto-status { font-size:.8rem; margin:.8rem 0 0; color:var(--auto-slate); }
.automation-page #full-stack-storage .auto-project-header { margin-bottom:1.25rem; }
.automation-page #full-stack-storage .auto-project-header > div + div { border-left:1px solid var(--line); padding-left:1.5rem; }
.automation-page .auto-rule-row .auto-label { margin:.25rem 0 0; }
.automation-page #full-stack-storage .auto-demo figcaption { margin-top:1rem; }
@media(max-width:980px) {
 .automation-page #full-stack-storage .auto-project-header > div + div { border-left:0; padding-left:0; }
}
.automation-page .auto-demo { padding:1.5rem 0 0; border-top:1px solid #d4dfe7; }
.automation-page .auto-demo figure { margin:0; }
.automation-page .auto-demo h4 { font-size:clamp(1.4rem,2.3vw,1.8rem); line-height:1.25; margin:0 0 .9rem; }
.automation-page .auto-demo-intro { font-size:.95rem; max-width:100ch; margin:0 0 1.25rem; }
.automation-page .auto-rule-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,3fr); background:#f3f6f9; border:1px solid #c7d5df; }
.automation-page .auto-rule-row > div { padding:.75rem 1.25rem; }
.automation-page .auto-rule-row h5 { font:700 1rem/1.4 var(--font-display); margin:0; }
.automation-page .auto-rule-row dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.automation-page .auto-rule-row dl div { padding:.75rem 1.25rem; border-left:1px solid #d9e2e9; }
.automation-page .auto-rule-row dt { font-size:.8rem; color:var(--auto-slate); }
.automation-page .auto-rule-row dd { margin:.25rem 0 0; font:700 1.2rem/1.4 var(--font-display); }
.automation-page .auto-preview-title { position:relative; width:fit-content; max-width:100%; margin:1.5rem auto 0; padding:.7rem 1.5rem; border:1px solid #9cb3c4; background:#edf3f7; text-align:center; }
.automation-page .auto-preview-title::before { content:""; position:absolute; bottom:100%; left:50%; height:1.5rem; border-left:1px solid #8fa8bb; }
.automation-page .auto-preview-title h5 { margin:0; font:700 1.2rem/1.4 var(--font-display); }
.automation-page .auto-preview-title p { margin:.2rem 0 0; font-size:.8rem; }
.automation-page .auto-branches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; padding-top:2rem; position:relative; }
.automation-page .auto-branches::before { content:""; position:absolute; top:0; height:1rem; left:50%; border-left:1px solid #8fa8bb; }
.automation-page .auto-branch { position:relative; min-width:0; display:flex; flex-direction:column; border:1px solid #c7d5df; background:#fff; margin-top:2.6rem; }
.automation-page .auto-branch::before { content:""; position:absolute; bottom:100%; left:50%; height:3.6rem; border-left:1px solid #8fa8bb; }
.automation-page .auto-branch::after { content:""; position:absolute; top:-3.6rem; border-top:1px solid #8fa8bb; }
.automation-page .auto-eligible::after { left:50%; right:-1rem; }
.automation-page .auto-excluded::after { left:-1rem; right:50%; }
.automation-page .auto-branch-heading { position:absolute; bottom:calc(100% + .7rem); left:50%; transform:translateX(-50%); width:max-content; max-width:100%; margin:0; padding:.45rem 1.2rem; background:#dce9e3; color:#274b3e; text-align:center; font:700 .9rem/1.4 var(--font-display); }
.automation-page .auto-excluded .auto-branch-heading { background:#e0e7ed; color:#40576a; }
.automation-page .auto-account { padding:0 1.25rem .8rem; background:#fff; }
.automation-page .auto-account > p:first-child { margin:0 -1.25rem .5rem; padding:.7rem 1.25rem; background:#eef5f1; }
.automation-page .auto-excluded .auto-account > p:first-child { background:#edf2f6; }
.automation-page .auto-account > p:first-child { font-size:.85rem; }
.automation-page .auto-account .auto-amount { font:700 1.7rem/1.3 var(--font-display); color:var(--ink); margin:.6rem 0; }
.automation-page .auto-amount span { font-size:1.1rem; color:var(--auto-slate); padding-inline:.3rem; }
.automation-page .auto-account .auto-reason { margin:0; font-size:.85rem; line-height:1.6; }
.automation-page .auto-carry-label { position:relative; margin:0; padding:1.7rem 0 .75rem; font:700 .8rem/1.4 var(--font-display); color:var(--auto-slate); text-transform:uppercase; letter-spacing:.06em; }
.automation-page .auto-carry-label::before { content:""; position:absolute; top:0; left:1.5rem; height:1.2rem; border-left:1px solid #8fa8bb; }
.automation-page .auto-continuation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0 1.25rem; padding:1rem 0; border-top:1px solid #d4dfe7; counter-reset:workflow-step; gap:1rem; }
.automation-page .auto-continuation li { position:relative; counter-increment:workflow-step; padding:3rem 0 0; text-align:center; }
.automation-page .auto-continuation li::before { content:counter(workflow-step,decimal-leading-zero); position:absolute; top:0; left:calc(50% - 1rem); width:2rem; height:2rem; display:grid; place-items:center; border:1px solid #9bb4c7; border-radius:50%; background:#f3f6f9; color:#527b98; font:400 .9rem/1.4 var(--font-display); }
.automation-page .auto-continuation li + li::after { content:"→"; position:absolute; right:calc(100% - .25rem); top:.2rem; font-size:1.3rem; color:#527b98; }
.automation-page .auto-continuation strong { display:block; font:700 1.05rem/1.4 var(--font-display); }
.automation-page .auto-continuation span { display:block; font-size:.85rem; line-height:1.6; color:var(--auto-slate); margin-top:.2rem; }
.automation-page .auto-terminal { display:flex; flex-direction:column; flex:1; margin:0 1.25rem; padding:.75rem 0; border-top:1px solid #d4dfe7; }
.automation-page .auto-terminal .auto-carry-label { padding:.25rem 0; text-align:center; text-transform:none; letter-spacing:0; font-size:.95rem; }
.automation-page .auto-terminal .auto-carry-label::before { display:none; }
.automation-page .auto-support-label { border-top:1px solid var(--line); padding-top:1rem; margin:1.5rem 0 0; font:700 .8rem/1.5 var(--font-display); color:var(--auto-slate); letter-spacing:.04em; }
.automation-page .auto-stop { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; margin:0; padding:.75rem 0; text-align:center; }
.automation-page .auto-stop svg { width:2.5rem; height:2.5rem; fill:none; stroke:#527b98; stroke-width:1.4; }
.automation-page .auto-stop strong { font:700 1.05rem/1.4 var(--font-display); }
.automation-page .auto-stop p { margin:0; font-size:.85rem; color:var(--auto-slate); }
@media(max-width:760px) {
 .automation-page .auto-rule-row { grid-template-columns:minmax(0,1fr); }
 .automation-page .auto-rule-row dl { border-top:1px solid #d9e2e9; }
 .automation-page .auto-rule-row dl div { padding:.9rem .6rem; }
 .automation-page .auto-rule-row dl div:first-child { border-left:0; }
 .automation-page .auto-account { min-height:0; }
}
.automation-page .auto-demo figcaption,.automation-page .auto-breeze-figure figcaption { font-size:.78rem; line-height:1.6; color:var(--auto-slate); margin:1.5rem 0 0; }
.automation-page .auto-support { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.5rem; padding-top:1rem; }
.automation-page .auto-support > div { padding-top:.5rem; }
.automation-page .auto-support h4 { margin:0 0 .6rem; font-size:1.1rem; line-height:1.4; }
.automation-page .auto-support p { margin:0; font-size:.9rem; line-height:1.7; }
.automation-page .auto-project-link { margin:1.3rem 0 0; }
.automation-page .auto-breeze { border-top:1px solid var(--line); padding-top:2.5rem; margin-top:2.5rem; }
.automation-page .auto-breeze h4 { font-size:1.25rem; line-height:1.3; margin:0 0 .8rem; }
.automation-page .auto-breeze-figure { margin:0; }
/* Breeze reference: two operational records, a condition gate, and an email output. */
.automation-page .auto-breeze-sequence { --breeze-gap:clamp(2rem,5vw,5rem); list-style:none; padding:0; margin:0; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr) minmax(0,1.25fr) minmax(0,.78fr); gap:var(--breeze-gap); align-items:stretch; }
.automation-page .auto-breeze-sequence li { min-width:0; position:relative; }
.automation-page .auto-breeze-sequence strong { display:block; font:700 1rem/1.4 var(--font-display); color:var(--ink); }
.automation-page .auto-breeze-record,.automation-page .auto-breeze-output { height:100%; border:1px solid #8eafc5; border-radius:2px; overflow:hidden; }
.automation-page .auto-breeze-record { display:flex; flex-direction:column; background:#fff; }
.automation-page .auto-breeze-record > .auto-label,.automation-page .auto-breeze-output > .auto-label { margin:0; padding:.75rem 1rem; background:#f1f6f9; }
.automation-page .auto-breeze-fields { margin:0; padding:.25rem 1rem; font:.875rem/1.5 var(--font-prose); color:var(--auto-slate); }
.automation-page .auto-breeze-fields > div { display:grid; grid-template-columns:minmax(0,.58fr) minmax(0,1fr); align-items:center; border-bottom:1px solid #dce6ed; padding:.25rem 0; }
.automation-page .auto-breeze-fields > div:last-child { border:0; }
.automation-page .auto-breeze-fields dt,.automation-page .auto-breeze-fields dd { margin:0; min-width:0; }
.automation-page .auto-breeze-state { position:relative; padding:.35rem .65rem; background:#dceefa; border-radius:2px; }
.automation-page .auto-breeze-fields .auto-breeze-state strong { font-size:.875rem; }
.automation-page .auto-breeze-updated .auto-breeze-state { background:#e0f1e5; }
.automation-page .auto-breeze-sequence svg { fill:none; stroke:#557c96; stroke-width:1.4; stroke-linecap:square; stroke-linejoin:miter; }
.automation-page .auto-breeze-sequence .auto-breeze-pointer { position:absolute; right:.75rem; bottom:0; width:1.2rem; height:1.6rem; fill:#24313b; stroke:#fff; stroke-width:1; }
.automation-page .auto-breeze-detail { margin:0; font:.85rem/1.5 var(--font-prose); color:var(--auto-slate); }
.automation-page .auto-breeze-record > .auto-breeze-detail { padding:.75rem 1rem; margin-top:auto; border-top:1px solid #dce6ed; background:#f1f6f9; }
.automation-page .auto-breeze-connector { position:absolute; width:calc(var(--breeze-gap) - 1rem); height:12px; left:calc(-1 * var(--breeze-gap) + .5rem); top:43%; }
.automation-page .auto-breeze-check { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.automation-page .auto-breeze-check > .auto-label { margin:0 0 .5rem; }
.automation-page .auto-breeze-gate { width:5.5rem; height:5.5rem; margin:0 0 .5rem; }
.automation-page .auto-breeze-sequence .auto-breeze-diamond { fill:#e6eff5; }
.automation-page .auto-breeze-sequence .auto-breeze-checkmark { stroke-width:3; }
.automation-page .auto-breeze-check > .auto-breeze-detail { margin-top:.25rem; }
.automation-page .auto-breeze-output { background:#f3f7fa; display:flex; flex-direction:column; }
.automation-page .auto-breeze-output-content { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; text-align:center; padding:.25rem .65rem 1rem; }
.automation-page .auto-breeze-email { display:block; width:6.5rem; height:4.1rem; margin-bottom:.35rem; }
.automation-page .auto-breeze-figure figcaption { margin-top:1.75rem; }
@media(max-width:1100px) and (min-width:1000px) {
 .automation-page .auto-breeze-sequence { --breeze-gap:2rem; grid-template-columns:minmax(0,1.2fr) minmax(0,.72fr) minmax(0,1.25fr) minmax(0,.82fr); }
 .automation-page .auto-breeze-fields,.automation-page .auto-breeze-record > .auto-label,.automation-page .auto-breeze-record > .auto-breeze-detail { padding-inline:.75rem; }
}
@media(max-width:999px) {
 .automation-page .auto-breeze-sequence { --breeze-gap:2.5rem; grid-template-columns:minmax(0,1fr); max-width:380px; margin-inline:auto; }
 .automation-page .auto-breeze-connector { width:1.6rem; height:12px; left:calc(50% - .8rem); top:-1.7rem; transform:rotate(90deg); }
 .automation-page .auto-breeze-gate { width:4.5rem; height:4.5rem; }
 .automation-page .auto-breeze-output { max-width:260px; margin-inline:auto; }
 .automation-page .auto-breeze-output-content { padding:0 1rem 1rem; }
}
.automation-page .auto-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-top:1.8rem; }
.automation-page .auto-principles h3 { font-size:1.1rem; margin:0 0 .5rem; }
.automation-page .auto-principles p { margin:0; font-size:.9rem; }
.automation-page .auto-engagement .section-intro { margin-bottom:1.5rem; }
.automation-page .auto-discovery-output { max-width:85ch; font-size:.95rem; }
.automation-page .auto-terms { display:flex; flex-wrap:wrap; align-items:baseline; gap:1rem 3rem; }
.automation-page .auto-terms p { flex:1 1 35rem; margin:0; font-size:.9rem; }
.automation-page .auto-terms .text-link { margin-top:.5rem; }
.automation-page .auto-faq h2 { margin-bottom:1.5rem; }
.automation-page .auto-faq details { padding:1.1rem 0; border-top:1px solid var(--line); }
.automation-page .auto-faq details:last-child { border-bottom:1px solid var(--line); }
.automation-page .auto-faq summary { cursor:pointer; font:700 1.02rem/1.5 var(--font-display); }
.automation-page .auto-faq details p { max-width:85ch; margin:.85rem 0 0; font-size:.94rem; line-height:1.75; }
.automation-page .auto-faq summary:focus-visible { outline:2px solid var(--auto-slate); outline-offset:5px; }
.automation-page .auto-anchor { display:block; scroll-margin-top:6rem; }
.automation-page .site-footer .related-services p { color:var(--muted-on-dark); }
.automation-page .footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem 2rem; }
@media(max-width:980px) {
 .automation-page .service-hero-grid { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .automation-page .hero h1 { max-width:20ch; }
 .automation-page .auto-hero { width:100%; top:0; transform:none; max-width:820px; justify-self:center; }
 .automation-page .auto-hero::before { display:none; }
 .automation-page .auto-project-header { grid-template-columns:minmax(0,1fr); gap:1rem; }
}
@media(max-width:760px) {
 .automation-page .section { padding-block:2.5rem; }
 .automation-page .service-hero { padding-top:2rem; }
 .automation-page .hero h1 { font-size:clamp(2.5rem,8.3vw,3.4rem); }
 .automation-page .service-hero-grid { width:calc(100% - 2rem); }
 .automation-page .auto-app { grid-template-columns:minmax(0,1fr); }
 .automation-page .auto-app-sidebar { display:none; }
 .automation-page .auto-app-main { padding:1rem; }
 .automation-page .auto-app-header h2 { font-size:1.3rem; }
 .automation-page .auto-app-tabs { gap:1.1rem; }
 .automation-page .auto-app-entry > li:first-child .auto-app-step-copy { display:block; }
 .automation-page .auto-app-step strong { font-size:.9rem; }
 .automation-page .auto-app-step-copy > span { font-size:.8rem; }
 .automation-page .auto-app-step time { font-size:.72rem; }
 .automation-page .auto-app-fork { display:none; }
 .automation-page .auto-app-paths { grid-template-columns:minmax(0,1fr); gap:1.4rem; margin:0 0 0 .5rem; padding:1.2rem 0 0 .85rem; border-left:1px solid #9bb1c1; }
 .automation-page .auto-app-paths section::before { content:""; position:absolute; top:.85rem; right:100%; width:.85rem; border-top:1px solid #9bb1c1; }
 .automation-page .auto-app-paths h3 { align-self:flex-start; font-size:.8rem; }
 .automation-page .auto-app-paths section > .auto-app-arrow { align-self:flex-start; margin-left:1rem; }
 .automation-page .auto-app-review { border-top:1px dashed #9bb1c1; padding-top:1rem; }
 .automation-page .auto-app-paths .auto-app-review::before { top:1.85rem; }
 .automation-page .auto-branches { grid-template-columns:minmax(0,1fr); gap:1.4rem; border-left:1px solid #8fa8bb; margin:.8rem 0 0 .5rem; padding:.6rem 0 0 1rem; }
 .automation-page .auto-branches::before { display:none; }
 .automation-page .auto-branch::before { top:1.1rem; bottom:auto; left:-1rem; width:1rem; height:0; border:0; border-top:1px solid #8fa8bb; }
 .automation-page .auto-branch::after { display:none; }
 .automation-page .auto-preview-title { margin-inline:0; }
 .automation-page .auto-preview-title::before { left:.5rem; }
 .automation-page .auto-support,.automation-page .auto-principles { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
}
@media(forced-colors:active) {
 .automation-page .auto-branch-heading { border:1px solid CanvasText; }
}

@media(max-width:760px) {
 .automation-page .auto-branch { margin-top:2.2rem; }
 .automation-page .auto-branch-heading { bottom:calc(100% + .5rem); left:0; transform:none; }
 .automation-page .auto-continuation { grid-template-columns:minmax(0,1fr); gap:.8rem; }
 .automation-page .auto-continuation li { padding:0 0 0 3rem; text-align:left; }
 .automation-page .auto-continuation li::before { left:0; }
 .automation-page .auto-continuation li + li::after { display:none; }
}