@charset "UTF-8";

/* Page-specific workflow illustrations; core layout and controls remain shared. */
.automation-page main h2 { overflow-wrap: break-word; hyphens: auto; }
.automation-hero .service-hero-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 76px; }
.automation-hero h1 { font-size: clamp(2.8rem, 3.9vw, 3.5rem); }
.automation-hero-flow { margin: 0; min-width: 0; max-width: 405px; width: 100%; justify-self: end; }
.automation-hero-flow figcaption { color: #c5d1d7; font-size: .8125rem; line-height: 1.7; margin-bottom: 22px; }
.automation-hero-flow ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; }
.automation-hero-flow li { display: flex; align-items: center; gap: 20px; min-height: 67px; padding: 13px 23px; border: 1px solid #788581; border-radius: 7px; background: #102938ed; color: #e8eff2; font-size: 1.0625rem; line-height: 1.6; position: relative; }
.automation-hero-flow li:nth-child(2) { border-color: #b2986b; background: #243b46; }
.automation-hero-flow li:not(:last-child)::after { content: "↓"; position: absolute; left: 30px; top: calc(100% + 3px); line-height: 1; height: 21px; color: #cbb381; font-size: 21px; }
.automation-node-index { color: var(--gold); font-size: .75rem; line-height: 1; letter-spacing: 1px; flex: 0 0 23px; }
.automation-hero-flow > p { border-top: 1px solid #ffffff26; color: #c5d1d7; font-size: .8125rem; line-height: 1.7; margin: 25px 0 0; padding-top: 18px; }

/* Use cases are examples, with each short sequence readable in document order. */
.automation-use-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.automation-page .automation-use-case { background: #fff; padding: 30px; }
.automation-page .automation-use-case h3 { font-size: 1.4rem; line-height: 1.4; }
.automation-page .automation-use-case > p { font-size: 1rem; line-height: 1.8; margin-bottom: 25px; }
.automation-mini-example { margin: auto 0 0; border-top: 1px solid var(--line); padding-top: 20px; }
.automation-mini-example figcaption { margin-bottom: 14px; font-size: .75rem; line-height: 1.6; color: #596a74; }
.automation-mini-flow { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 10px; }
.automation-mini-flow li { font-size: .8125rem; line-height: 1.6; max-width: 100%; color: #425b69; }
.automation-use-case .automation-mini-flow li { padding-left: 0; margin-bottom: 0; }
.automation-use-case .automation-mini-flow li::before { content: none; }
.automation-mini-flow li:not(:last-child)::after { content: "→"; color: #876839; display: inline-block; margin-left: 10px; }
.automation-mini-example blockquote { font-size: .9375rem; line-height: 1.7; color: #425b69; margin: 0; }
.automation-mini-outcome { color: #425b69; font-size: .8125rem; line-height: 1.7; margin: 9px 0 0; }
.automation-mini-outcome span { color: #876839; margin-right: 12px; }

.automation-inquiry-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 100px; align-items: center; }
.automation-inquiry-layout > * { min-width: 0; }
.automation-example-copy h2 { color: #fff; }
.automation-example-conclusion { color: #d9e4ea; font-size: 1.0625rem; line-height: 1.8; margin: 24px 0; }
.automation-example-note { color: #becdd5; padding-top: 22px; border-top: 1px solid #ffffff28; font-size: .875rem; line-height: 1.8; margin: 0; }
.automation-inquiry-flow { background: #fff; color: var(--ink); padding: 30px; border-radius: var(--radius); margin: 0; }
.automation-inquiry-flow figcaption { color: #596a74; font-size: .75rem; line-height: 1.7; margin-bottom: 27px; }
.automation-inquiry-flow > ol { list-style: none; padding: 0; margin: 0; }
.automation-inquiry-flow > ol > li { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 18px; position: relative; padding-bottom: 28px; }
.automation-inquiry-flow > ol > li:last-child { padding-bottom: 0; }
.automation-inquiry-flow > ol > li:not(:last-child)::after { content: ""; position: absolute; width: 1px; top: 45px; bottom: 7px; left: 19px; background: #d3dee0; }
.automation-stage-index { width: 39px; height: 39px; display: grid; place-items: center; background: var(--soft); border: 1px solid #d3dee0; border-radius: 50%; color: #526773; font-size: .75rem; }
.automation-inquiry-flow h3 { font-size: 1.0625rem; font-weight: 600; letter-spacing: -.2px; line-height: 1.5; margin: 6px 0 7px; }
.automation-inquiry-flow p { margin: 0; font-size: .9375rem; color: var(--muted); line-height: 1.75; }
.automation-data-fields { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 7px; }
.automation-data-fields li { color: #526773; font-size: .75rem; line-height: 1.6; border: 1px solid #dbe3e4; border-radius: 4px; padding: 5px 9px; background: #f5f8f7; }

.automation-documents-layout { align-items: center; }
.automation-document-flow { margin: 0; padding: 29px 31px; background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); }
.automation-document-flow figcaption { color: #596a74; font-size: .8125rem; line-height: 1.7; margin-bottom: 23px; }
.automation-document-steps { list-style: none; padding: 0; margin: 0; }
.automation-document-steps li { padding: 14px 20px; font-size: .9375rem; line-height: 1.7; position: relative; }
.automation-document-steps li:first-child, .automation-document-steps li:last-child { border: 1px solid #ccdade; border-radius: 6px; background: #fff; font-weight: 500; }
.automation-document-steps li:not(:last-child) { margin-bottom: 20px; }
.automation-document-steps li:not(:last-child)::after { content: "↓"; position: absolute; left: 21px; bottom: -22px; color: #876839; font-size: 22px; line-height: 1; }
.automation-document-steps li:nth-child(4) { border-left: 2px solid #bc9964; background: #faf5ed; }

.automation-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.automation-comparison > article { min-width: 0; padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; }
.automation-comparison-label { font-size: .75rem; letter-spacing: 1.2px; color: #596a74; margin-bottom: 22px; }
.automation-comparison h3 { font-size: 1.5rem; font-weight: 500; letter-spacing: -.5px; line-height: 1.4; margin-bottom: 20px; }
.automation-comparison h3 + p { color: #596a74; font-size: .875rem; margin-bottom: 10px; }
.automation-comparison ul { padding-left: 20px; margin: 0 0 25px; color: #526773; font-size: 1rem; line-height: 1.8; }
.automation-comparison ul li { padding-bottom: 5px; }
.automation-comparison ul li::marker { color: #8b6a39; }

.automation-approvals { display: grid; gap: 20px; }
.automation-approval-example { margin: 0; padding: 24px 28px; background: var(--soft); border: 1px solid var(--line); border-radius: 8px; }
.automation-approval-example figcaption { color: #596a74; font-size: .75rem; line-height: 1.7; margin-bottom: 17px; }
.automation-approval-flow { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 50px; }
.automation-approval-flow li { display: grid; place-items: center; text-align: center; position: relative; min-width: 0; min-height: 65px; padding: 14px; border: 1px solid #d4dfe0; background: #fff; border-radius: 6px; line-height: 1.7; font-size: .9375rem; }
.automation-approval-flow li:nth-child(2) { border-color: #c7a978; background: #fcf7ef; font-weight: 500; }
.automation-approval-flow li:not(:last-child)::after { content: "→"; position: absolute; right: -36px; top: calc(50% - 16px); font-size: 23px; color: #876839; }

.automation-systems-layout { align-items: start; }
.automation-systems-flow { min-width: 0; margin: 0; }
.automation-systems-flow figcaption { font-size: .8125rem; line-height: 1.7; color: #596a74; margin-bottom: 22px; }
.automation-system-sources { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.automation-system-sources li { display: grid; place-items: center; text-align: center; padding: 14px 12px; min-height: 57px; border: 1px solid #d4dfe0; border-radius: 7px; background: #fff; font-size: .875rem; line-height: 1.65; overflow-wrap: break-word; }
.automation-system-sources li:last-child { grid-column: 2; }
.automation-systems-flow .service-flow-arrow { text-align: center; padding: 12px 0; }
.automation-systems-flow .service-integration-source { margin-inline: auto; max-width: 100%; }
.automation-system-outcome { width: fit-content; max-width: 100%; padding: 16px 24px; margin: 0 auto; border: 1px solid #cfb995; border-radius: 7px; background: #fcf7ef; font-size: .9375rem; line-height: 1.7; text-align: center; }

/* A deliberately modest personal-assistant example, with no simulated controls. */
.automation-showcase { padding-block: 78px; }
.automation-assistant-example { margin: 0; padding: 27px; background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); }
.automation-assistant-example figcaption { font-size: .75rem; color: #596a74; line-height: 1.7; margin-bottom: 21px; }
.automation-assistant-example ol { list-style: none; padding: 0; margin: 0; }
.automation-assistant-example li + li { border-top: 1px solid #d5dfe0; padding-top: 18px; margin-top: 18px; }
.automation-assistant-example blockquote { margin: 0; line-height: 1.8; font-size: .9375rem; }
.automation-assistant-example li p { display: flex; gap: 12px; color: #526773; font-size: .8125rem; line-height: 1.7; margin: 9px 0 0; }
.automation-assistant-example li p span { color: #876839; }
.automation-contact-link { color: #c9d5dc; margin-top: 15px; }
.automation-related { padding-block: 27px; border-bottom: 1px solid var(--line); background: var(--soft); }
.automation-related .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; }
.automation-related a { min-height: 44px; font-size: .875rem; line-height: 1.65; align-items: flex-start; }
.automation-related a span { flex-shrink: 0; }

@media (max-width: 1190px) {
  .automation-hero .service-hero-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 45px; }
  .automation-hero h1 { font-size: 3.1rem; }
  .automation-inquiry-layout { gap: 60px; }
  .automation-use-cases { gap: 20px; }
  .automation-page .automation-use-case { padding: 27px; }
  .automation-comparison { gap: 24px; }
  .automation-comparison > article { padding: 28px; }
}
@media (max-width: 980px) {
  .automation-hero .service-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .automation-hero h1 { font-size: 3.25rem; }
  .automation-hero-flow { max-width: 690px; justify-self: start; }
  .automation-inquiry-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .automation-inquiry-flow { max-width: 690px; }
  .automation-documents-layout, .automation-systems-layout, .automation-showcase .service-split { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .automation-document-flow, .automation-systems-flow, .automation-assistant-example { width: 100%; max-width: 640px; }
  .automation-approval-flow { gap: 35px; }
  .automation-approval-flow li:not(:last-child)::after { right: -27px; font-size: 22px; }
  .automation-related .container { gap: 22px; }
  .automation-showcase { padding-block: 65px; }
}
@media (max-width: 760px) {
  .automation-hero .service-hero-grid { gap: 28px; }
  .automation-hero h1 { font-size: clamp(2rem, 6.8vw, 3rem); }
  .automation-hero-flow figcaption { font-size: .75rem; margin-bottom: 17px; }
  .automation-hero-flow ol { gap: 22px; }
  .automation-hero-flow li { min-height: 59px; padding: 12px 19px; gap: 15px; font-size: 1rem; }
  .automation-hero-flow li:not(:last-child)::after { left: 26px; top: calc(100% + 2px); }
  .automation-hero-flow > p { margin-top: 21px; padding-top: 15px; }
  .automation-use-cases { grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .automation-page .automation-use-case { padding: 26px; }
  .automation-page .automation-use-case h3 { font-size: 1.3rem; }
  .automation-mini-flow { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .automation-mini-flow li { position: relative; font-size: .875rem; }
  .automation-mini-flow li:not(:last-child)::after { content: "↓"; position: absolute; left: 0; top: calc(100% + 1px); font-size: 18px; line-height: 1; margin-left: 0; }
  .automation-mini-outcome { display: grid; gap: 6px; }
  .automation-mini-outcome span { margin: 0; }
  .automation-inquiry-layout, .automation-documents-layout, .automation-systems-layout, .automation-showcase .service-split { gap: 30px; }
  .automation-example-conclusion { font-size: 1rem; }
  .automation-inquiry-flow { padding: 25px; }
  .automation-inquiry-flow > ol > li { grid-template-columns: 35px minmax(0, 1fr); gap: 16px; }
  .automation-stage-index { width: 35px; height: 35px; }
  .automation-inquiry-flow > ol > li:not(:last-child)::after { left: 17px; top: 41px; }
  .automation-inquiry-flow h3 { margin-top: 4px; }
  .automation-inquiry-flow figcaption { margin-bottom: 23px; }
  .automation-document-flow { padding: 25px; }
  .automation-comparison { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .automation-comparison > article { padding: 26px; }
  .automation-comparison h3 { font-size: 1.35rem; }
  .automation-approval-example { padding: 23px; }
  .automation-approval-flow { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .automation-approval-flow li { text-align: left; place-items: center start; padding: 15px 18px; min-height: 58px; }
  .automation-approval-flow li:not(:last-child)::after { content: "↓"; left: 21px; top: calc(100% + 3px); right: auto; line-height: 1; font-size: 22px; }
  .automation-system-sources { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .automation-system-sources li:last-child { grid-column: auto; }
  .automation-showcase { padding-block: 55px; }
  .automation-assistant-example { padding: 24px; }
  .automation-related .container { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .automation-related a { justify-content: space-between; }
  .automation-related { padding-block: 22px; }
}
@media (max-width: 390px) {
  .automation-page .automation-use-case { padding: 23px; }
  .automation-inquiry-flow, .automation-document-flow { padding: 21px; }
  .automation-inquiry-flow > ol > li { grid-template-columns: 31px minmax(0, 1fr); gap: 13px; }
  .automation-stage-index { width: 31px; height: 31px; }
  .automation-inquiry-flow > ol > li:not(:last-child)::after { left: 15px; top: 37px; }
  .automation-inquiry-flow h3 { font-size: 1rem; margin-top: 2px; }
  .automation-comparison > article, .automation-approval-example, .automation-assistant-example { padding: 22px; }
  .automation-process-hub { padding-inline: 18px; font-size: .9375rem; gap: 11px; }
  .automation-document-steps li { padding-inline: 15px; }
  .automation-document-steps li:not(:last-child)::after { left: 16px; }
}