{"id":4618,"date":"2026-04-28T06:23:17","date_gmt":"2026-04-28T10:23:17","guid":{"rendered":"https:\/\/agence3a.ca\/?page_id=4618"},"modified":"2026-04-30T07:10:33","modified_gmt":"2026-04-30T11:10:33","slug":"automatisation","status":"publish","type":"page","link":"https:\/\/agence3a.ca\/fr\/automation\/","title":{"rendered":"Automatisation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4618\" class=\"elementor elementor-4618\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e83d1b e-flex e-con-boxed e-con e-parent\" data-id=\"0e83d1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c7841de e-con-full e-flex e-con e-child\" data-id=\"c7841de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f04dcee e-con-full e-flex e-con e-child\" data-id=\"f04dcee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1a05a0d e-con-full e-flex e-con e-child\" data-id=\"1a05a0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d0cfc3 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"0d0cfc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"248\" height=\"113\" src=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Shape-02-1.png\" class=\"attachment-full size-full wp-image-4136\" alt=\"\" srcset=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Shape-02-1.png 248w, https:\/\/agence3a.ca\/wp-content\/uploads\/2026\/04\/Shape-02-1-18x8.png 18w\" sizes=\"(max-width: 248px) 100vw, 248px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31c67f7 elementor-icon-list--layout-inline elementor-align-start elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"31c67f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">AUTOMATION \u2014 BY DEPARTMENT<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5529bfd elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5529bfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Stop Doing What a Machine Does Better.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f05bd99 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"f05bd99\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"auto-hero__lead\">We design and deploy concrete automations for every department in your business. Less repetitive work, more time for what actually matters, up and running by next week.<\/p><div class=\"auto-hero__ctas\">\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51c9b14 e-con-full e-flex e-con e-child\" data-id=\"51c9b14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93edfaf elementor-align-left elementor-button-info elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"93edfaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/go.agence3a.ca\/links-page\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Diagnostic<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24c9e86 elementor-align-left elementor-button-info elementor-widget-mobile__width-initial elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"24c9e86\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"#251\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SEE THE EXAMPLES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4af1036 e-con-full e-flex e-con e-parent\" data-id=\"4af1036\" data-element_type=\"container\" data-e-type=\"container\" id=\"251\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4949c79 elementor-widget elementor-widget-html\" data-id=\"4949c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n<title>Agence 3A \u2014 Automation<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Agence 3A Automation - Elementor HTML widget fragment -->\r\n<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap\");\r\n\r\n.a3a-auto{\r\n  --brand-red:#BF2530;\r\n  --brand-red-deep:#8B2A33;\r\n  --brand-red-soft:rgba(139,42,51,0.04);\r\n  --brand-red-glow:rgba(191,37,48,0.35);\r\n  --brand-navy:#23355C;\r\n  --brand-navy-deep:#0F3796;\r\n  --brand-blue:#3E3AEA;\r\n  --brand-blue-2:#6662FF;\r\n  --brand-gold:#F5AA21;\r\n\r\n  --bg-page:#F4F4F2;\r\n  --bg-surface:#FFFFFF;\r\n  --bg-soft:#EDE6E6;\r\n  --bg-muted:#F5F5F5;\r\n  --bg-ink:#0A0A0A;\r\n\r\n  --border-hairline:#EBEBEB;\r\n  --border-soft:#DCDCDC;\r\n  --border-strong:#464646;\r\n\r\n  --fg-1:#070707;\r\n  --fg-2:#181818;\r\n  --fg-3:#575757;\r\n  --fg-4:#747474;\r\n  --fg-5:#9A9AA0;\r\n  --fg-invert:#FFFFFF;\r\n  --fg-slate:#475569;\r\n  --fg-slate-2:#5B6585;\r\n  --fg-slate-3:#5F6C7B;\r\n\r\n  --shadow-cta:0 4px 20px rgba(0,0,0,0.25);\r\n  --shadow-card:0 2px 8px rgba(0,0,0,0.06);\r\n  --shadow-card-hover:0 18px 40px -12px rgba(15,30,60,0.18);\r\n  --shadow-pop:0 12px 32px rgba(0,0,0,0.10);\r\n  --ring-focus:0 0 0 3px rgba(191,37,48,0.25);\r\n\r\n  --radius-xs:6px;\r\n  --radius-sm:8px;\r\n  --radius-md:12px;\r\n  --radius-lg:16px;\r\n  --radius-xl:24px;\r\n  --radius-pill:999px;\r\n\r\n  --font-display:'Archivo','Helvetica Neue',Arial,sans-serif;\r\n  --font-body:'Inter','Helvetica Neue',Arial,sans-serif;\r\n  --font-mono:'JetBrains Mono',ui-monospace,monospace;\r\n\r\n  --ease-standard:cubic-bezier(.2,.7,.2,1);\r\n  --ease-emphasized:cubic-bezier(.16,1,.3,1);\r\n  --ease-decel:cubic-bezier(0,0,.2,1);\r\n  --ease-spring:cubic-bezier(.34,1.56,.64,1);\r\n}\r\n\r\n.a3a-auto *, .a3a-auto *::before, .a3a-auto *::after{box-sizing:border-box}\r\n.a3a-auto{margin:0;padding:0}\r\n.a3a-auto{scroll-behavior:smooth}\r\n.a3a-auto{\r\n  font-family:var(--font-body);\r\n  background:var(--bg-page);\r\n  color:var(--fg-1);\r\n  -webkit-font-smoothing:antialiased;\r\n  text-rendering:optimizeLegibility;\r\n  font-feature-settings:\"ss01\",\"cv11\";\r\n  line-height:1.5;\r\n  overflow-x:hidden;\r\n  \/* Containment + own stacking context so the widget cannot affect any\r\n     section above or below it on the Elementor page. *\/\r\n  display:block;\r\n  position:relative;\r\n  isolation:isolate;\r\n  contain:layout style;\r\n}\r\n\/* Last department flush at the bottom \u2014 no extra trailing space below the widget *\/\r\n.a3a-auto .dept:last-of-type{padding-bottom:64px}\r\n.a3a-auto img, .a3a-auto svg{display:block;max-width:100%}\r\n.a3a-auto button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}\r\n.a3a-auto a{color:inherit;text-decoration:none}\r\n.a3a-auto ul, .a3a-auto ol{list-style:none;padding:0;margin:0}\r\n\r\n.a3a-auto h1, .a3a-auto h2, .a3a-auto h3, .a3a-auto h4, .a3a-auto h5{font-family:var(--font-display);font-weight:700;letter-spacing:-0.01em;margin:0;color:var(--fg-1)}\r\n.a3a-auto h1{font-size:clamp(40px,6.4vw,84px);line-height:.98;letter-spacing:-0.025em;font-weight:600}\r\n.a3a-auto h2{font-size:clamp(32px,4.4vw,56px);line-height:1.02;letter-spacing:-0.022em;font-weight:600}\r\n.a3a-auto h3{font-size:22px;line-height:1.18;font-weight:600}\r\n.a3a-auto p{margin:0}\r\n\r\n.a3a-auto .eyebrow{\r\n  font-family:var(--font-mono);\r\n  text-transform:uppercase;\r\n  font-size:11.5px;\r\n  font-weight:600;\r\n  letter-spacing:.14em;\r\n  color:var(--brand-red);\r\n}\r\n.a3a-auto .eyebrow-row{display:inline-flex;align-items:center;gap:10px}\r\n.a3a-auto .eyebrow-mark{\r\n  width:7px;height:7px;border-radius:50%;\r\n  background:var(--brand-red);\r\n  box-shadow:0 0 0 4px rgba(191,37,48,0.12);\r\n}\r\n\r\n.a3a-auto .btn{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  height:48px;padding:0 22px;\r\n  border-radius:var(--radius-pill);\r\n  font-family:var(--font-display);font-weight:500;font-size:15px;\r\n  letter-spacing:-.005em;\r\n  transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard),background .2s var(--ease-standard),color .2s var(--ease-standard);\r\n  white-space:nowrap;\r\n}\r\n.a3a-auto .btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}\r\n.a3a-auto .btn:active{transform:translateY(1px)}\r\n.a3a-auto .btn--sm{height:40px;padding:0 16px;font-size:13.5px}\r\n\r\n.a3a-auto .btn--primary{\r\n  background:var(--brand-red);color:#fff;\r\n  box-shadow:var(--shadow-cta);\r\n}\r\n.a3a-auto .btn--primary:hover{background:var(--brand-red-deep);transform:translateY(-1px);box-shadow:var(--shadow-cta)}\r\n\r\n\/* Primary Button White Arrow *\/\r\n.a3a-auto .btn--primary .btn-arrow {\r\n  background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round'><path d='M4 12 L12 4 M6.5 4 H12 V9.5'\/><\/svg>\");\r\n}\r\n\r\n.a3a-auto .btn--ghost{\r\n  background:transparent;color:var(--fg-1);\r\n  border:1px solid var(--border-strong);\r\n}\r\n\/* Ghost Button Black text on hover *\/\r\n.a3a-auto .btn--ghost:hover{background:rgba(0,0,0,.04); color:#000 !important;}\r\n\r\n.a3a-auto .btn--ghost-dark{\r\n  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32);\r\n}\r\n.a3a-auto .btn--ghost-dark:hover{background:rgba(255,255,255,.1)}\r\n\r\n.a3a-auto .btn-arrow{\r\n  display:inline-block;width:16px;height:16px;\r\n  background:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round'><path d='M4 12 L12 4 M6.5 4 H12 V9.5'\/><\/svg>\") center\/contain no-repeat;\r\n  transition:transform .2s var(--ease-standard);\r\n}\r\n.a3a-auto .btn:hover .btn-arrow{transform:translate(2px,-2px)}\r\n\r\n.a3a-auto .site-nav{\r\n  position:sticky;top:0;z-index:50;\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:18px 40px;\r\n  background:rgba(244,244,242,.78);\r\n  backdrop-filter:saturate(160%) blur(14px);\r\n  -webkit-backdrop-filter:saturate(160%) blur(14px);\r\n  border-bottom:1px solid rgba(15,30,60,.06);\r\n}\r\n.a3a-auto .site-nav__logo{\r\n  display:flex;align-items:center;gap:10px;\r\n  font-family:var(--font-display);font-weight:800;font-size:20px;\r\n  letter-spacing:-.02em;color:var(--brand-navy);\r\n}\r\n.a3a-auto .site-nav__logo .mark{\r\n  width:28px;height:28px;border-radius:8px;\r\n  display:grid;place-items:center;\r\n  background:var(--brand-red);color:#fff;\r\n  font-family:var(--font-display);font-weight:800;font-size:15px;\r\n  letter-spacing:-.02em;\r\n  box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 6px 14px rgba(191,37,48,.25);\r\n}\r\n.a3a-auto .site-nav__links{display:flex;align-items:center;gap:28px}\r\n.a3a-auto .site-nav__links li{position:relative;font-size:14.5px;font-weight:500;color:var(--fg-2);cursor:pointer;transition:color .2s}\r\n.a3a-auto .site-nav__links li:hover{color:var(--brand-red)}\r\n.a3a-auto .site-nav__links li.is-active{color:var(--brand-red)}\r\n.a3a-auto .site-nav__links li.is-active::after{\r\n  content:\"\";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);\r\n  width:5px;height:5px;border-radius:50%;background:var(--brand-red);\r\n}\r\n@media (max-width:880px){\r\n  .a3a-auto .site-nav{padding:14px 20px}\r\n  .a3a-auto .site-nav__links{display:none}\r\n}\r\n\r\n.a3a-auto .auto-hero{\r\n  position:relative;overflow:hidden;\r\n  padding:96px 24px 120px;\r\n  background:linear-gradient(180deg,var(--bg-page) 0%,#F8F8F6 100%);\r\n}\r\n.a3a-auto .auto-hero__grid{\r\n  position:absolute;inset:0;pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(15,30,60,.05) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(15,30,60,.05) 1px,transparent 1px);\r\n  background-size:64px 64px;\r\n  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0%,transparent 75%);\r\n  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0%,transparent 75%);\r\n}\r\n.a3a-auto .auto-hero__ghost{\r\n  position:absolute;\r\n  right:-3vw;top:8%;\r\n  font-family:var(--font-display);font-weight:800;\r\n  font-size:clamp(420px,52vw,820px);\r\n  line-height:.8;letter-spacing:-.05em;\r\n  color:var(--brand-red-soft);\r\n  user-select:none;pointer-events:none;\r\n  will-change:transform;\r\n}\r\n.a3a-auto .auto-hero__inner{\r\n  position:relative;z-index:2;\r\n  max-width:1080px;margin:0 auto;text-align:center;\r\n  display:flex;flex-direction:column;align-items:center;gap:24px;\r\n}\r\n.a3a-auto .auto-hero h1{\r\n  background:linear-gradient(180deg,var(--fg-1) 0%,var(--brand-navy) 110%);\r\n  -webkit-background-clip:text;background-clip:text;color:transparent;\r\n  max-width:920px;\r\n}\r\n.a3a-auto .auto-hero h1 .em{\r\n  font-style:italic;font-weight:500;\r\n  background:linear-gradient(180deg,var(--brand-red) 0%,var(--brand-red-deep) 100%);\r\n  -webkit-background-clip:text;background-clip:text;color:transparent;\r\n}\r\n.a3a-auto .auto-hero__lead{\r\n  max-width:640px;\r\n  font-size:18px;line-height:1.55;color:var(--fg-3);\r\n}\r\n.a3a-auto .auto-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}\r\n.a3a-auto .auto-hero__chips{\r\n  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;\r\n}\r\n.a3a-auto .auto-hero__chip{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  padding:7px 13px;border-radius:var(--radius-pill);\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  font-size:12.5px;color:var(--fg-3);font-weight:500;\r\n  box-shadow:0 1px 2px rgba(0,0,0,.03);\r\n}\r\n.a3a-auto .auto-hero__chip .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-red)}\r\n.a3a-auto .auto-hero__chip:nth-child(2) .dot{background:var(--brand-navy)}\r\n.a3a-auto .auto-hero__chip:nth-child(3) .dot{background:var(--brand-gold)}\r\n.a3a-auto .auto-hero__chip:nth-child(4) .dot{background:#10b981}\r\n\r\n.a3a-auto .dept-nav{\r\n  position:sticky;top:0;z-index:40;\r\n  background:rgba(244,244,242,.92);\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n  border-top:1px solid rgba(15,30,60,.05);\r\n  border-bottom:1px solid rgba(15,30,60,.05);\r\n}\r\n.a3a-auto .dept-nav__inner{\r\n  max-width:1240px;margin:0 auto;padding:14px 24px;\r\n  display:flex;align-items:center;gap:16px;overflow-x:auto;scrollbar-width:none;\r\n}\r\n.a3a-auto .dept-nav__inner::-webkit-scrollbar{display:none}\r\n.a3a-auto .dept-nav__label{\r\n  font-family:var(--font-mono);font-size:11px;font-weight:500;\r\n  letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);\r\n  flex-shrink:0;\r\n}\r\n.a3a-auto .dept-nav__pills{display:flex;gap:8px;flex:1}\r\n\r\n.a3a-auto .dept-pill{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:9px 16px 9px 12px;\r\n  border-radius:var(--radius-pill);\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  font-size:14px;font-weight:500;color:var(--fg-2);\r\n  transition:all .25s var(--ease-standard);\r\n  flex-shrink:0;\r\n}\r\n.a3a-auto .dept-pill:hover{\r\n  background:var(--brand-red);\r\n  border-color:var(--brand-red);\r\n  color:#fff;\r\n  transform:translateY(-1px);\r\n}\r\n.a3a-auto .dept-pill:hover .dept-pill__num{\r\n  color:rgba(255,255,255,0.8);\r\n}\r\n.a3a-auto .dept-pill:hover .dept-pill__count{\r\n  background:rgba(255,255,255,0.18);\r\n  color:#fff;\r\n}\r\n\r\n.a3a-auto .dept-pill.is-on{\r\n  background:var(--brand-red);\r\n  color:#fff;\r\n  border-color:var(--brand-red);\r\n}\r\n.a3a-auto .dept-pill.is-on .dept-pill__num{color:rgba(255,255,255,.78)}\r\n.a3a-auto .dept-pill.is-on .dept-pill__count{background:rgba(255,255,255,.18);color:#fff}\r\n\r\n.a3a-auto .dept-pill__num{font-family:var(--font-mono);font-size:11px;color:var(--fg-4);transition:color .25s}\r\n.a3a-auto .dept-pill__count{\r\n  font-family:var(--font-mono);font-size:10.5px;\r\n  background:var(--bg-soft);color:var(--fg-3);\r\n  border-radius:var(--radius-pill);padding:2px 7px;\r\n  transition:all .25s;\r\n}\r\n\r\n.a3a-auto .dept{\r\n  padding:80px 24px;\r\n  position:relative;\r\n  scroll-margin-top:80px;\r\n  transition:opacity .3s var(--ease-standard);\r\n}\r\n.a3a-auto .dept:first-of-type{padding-top:64px}\r\n.a3a-auto .dept--soft{background:var(--bg-soft)}\r\n.a3a-auto .dept__inner{max-width:1240px;margin:0 auto}\r\n.a3a-auto .dept__header{\r\n  display:grid;grid-template-columns:1.4fr 1fr;gap:48px;\r\n  align-items:start;margin-bottom:48px;\r\n}\r\n@media (max-width:900px){.a3a-auto .dept__header{grid-template-columns:1fr;gap:24px}}\r\n.a3a-auto .dept__heading-row h2{margin-top:14px}\r\n.a3a-auto .dept__title-sub{\r\n  font-family:var(--font-display);font-weight:400;\r\n  color:var(--fg-3);font-style:italic;letter-spacing:-.015em;\r\n}\r\n.a3a-auto .dept__desc{\r\n  margin-top:18px;\r\n  font-size:16px;line-height:1.6;color:var(--fg-3);\r\n  max-width:640px;\r\n}\r\n\r\n\/* Stats Headings logic - Forced One Line *\/\r\n.a3a-auto .dept__stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:12px;\r\n  align-self:end;\r\n}\r\n\r\n@media (max-width:600px){\r\n  .a3a-auto .dept__stats{grid-template-columns:repeat(3,1fr);gap:6px}\r\n  .a3a-auto .dept__stat{padding:12px 10px;min-width:0}\r\n  .a3a-auto .dept__stat-val{font-size:17px;letter-spacing:-.025em}\r\n  .a3a-auto .dept__stat-label{font-size:10px;line-height:1.25;margin-top:5px}\r\n  .a3a-auto .dept{padding:48px 16px;overflow:hidden}\r\n  .a3a-auto .dept:first-of-type{padding-top:32px}\r\n  .a3a-auto .dept__header{margin-bottom:28px;gap:16px}\r\n  .a3a-auto .dept__desc{margin-top:12px;font-size:14.5px}\r\n  .a3a-auto .dept-nav__inner{padding:10px 16px;gap:10px}\r\n  .a3a-auto .dept-nav__label{font-size:10px;letter-spacing:.12em}\r\n  .a3a-auto .dept-pill{padding:7px 12px 7px 9px;gap:7px;font-size:13px}\r\n  .a3a-auto .dept-pill__num{font-size:10px}\r\n  .a3a-auto .dept-pill__count{font-size:9.5px;padding:1.5px 6px}\r\n}\r\n@media (max-width:460px){\r\n  \/* Stack stats vertically \u2014 value + label side by side, never clipped *\/\r\n  .a3a-auto .dept__stats{\r\n    grid-template-columns:1fr !important;\r\n    gap:8px;\r\n  }\r\n  .a3a-auto .dept__stat{\r\n    display:flex;align-items:center;gap:14px;\r\n    padding:12px 14px;\r\n  }\r\n  .a3a-auto .dept__stat-val{\r\n    font-size:22px;\r\n    flex-shrink:0;\r\n    min-width:64px;\r\n  }\r\n  .a3a-auto .dept__stat-label{\r\n    font-size:12px;line-height:1.3;margin-top:0;\r\n  }\r\n  .a3a-auto .dept-pill{padding:6px 10px 6px 8px;font-size:12.5px;gap:6px}\r\n}\r\n\r\n.a3a-auto .dept__stat{\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  border-radius:var(--radius-md);padding:18px 16px;\r\n  position:relative;overflow:hidden;\r\n  transition:transform .3s var(--ease-standard),box-shadow .3s var(--ease-standard),border-color .3s var(--ease-standard);\r\n}\r\n.a3a-auto .dept__stat:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(191,37,48,.28);\r\n}\r\n\r\n.a3a-auto .dept__stat-val{\r\n  font-family:var(--font-display);font-weight:700;font-size:30px;\r\n  letter-spacing:-.02em;color:var(--brand-red);\r\n  line-height:1;\r\n  white-space:nowrap;\r\n  transition:transform .3s var(--ease-standard);\r\n  transform-origin:left center;\r\n}\r\n.a3a-auto .dept__stat:hover .dept__stat-val{transform:scale(1.05)}\r\n.a3a-auto .dept__stat-label{\r\n  margin-top:6px;font-size:12px;color:var(--fg-3);\r\n  font-weight:500;letter-spacing:.005em;\r\n  transition:color .3s var(--ease-standard);\r\n}\r\n.a3a-auto .dept__stat:hover .dept__stat-label{color:var(--fg-2)}\r\n\r\n\/* \u2500\u2500 CAROUSEL (replaces former .dept__grid 2x2 layout) \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.a3a-auto .dept__carousel{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:48px 1fr 48px;\r\n  grid-template-rows:auto auto auto;\r\n  align-items:center;\r\n  gap:14px;\r\n  width:100%;\r\n  margin:0 auto;\r\n}\r\n.a3a-auto .dept__viewport{\r\n  grid-column:2;\r\n  grid-row:1;\r\n  overflow:hidden;\r\n  border-radius:var(--radius-lg);\r\n  touch-action:pan-y;\r\n}\r\n.a3a-auto .dept__track{\r\n  display:flex;\r\n  transition:transform .55s var(--ease-emphasized);\r\n  will-change:transform;\r\n}\r\n.a3a-auto .dept__track .uc-card{\r\n  flex:0 0 100%;\r\n  min-width:0;\r\n}\r\n.a3a-auto .dept__arrow{\r\n  width:42px;height:42px;border-radius:50%;\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  display:grid;place-items:center;color:var(--fg-2);\r\n  box-shadow:var(--shadow-card);\r\n  transition:all .2s var(--ease-standard);\r\n  z-index:2;\r\n  grid-row:1;\r\n}\r\n.a3a-auto .dept__arrow:hover{\r\n  background:var(--brand-red);border-color:var(--brand-red);color:#fff;\r\n  transform:translateY(-1px);\r\n  box-shadow:var(--shadow-card);\r\n}\r\n.a3a-auto .dept__arrow:focus-visible{outline:none;box-shadow:var(--ring-focus)}\r\n.a3a-auto .dept__arrow svg{width:18px;height:18px}\r\n.a3a-auto .dept__arrow--prev{grid-column:1;justify-self:end}\r\n.a3a-auto .dept__arrow--next{grid-column:3;justify-self:start}\r\n.a3a-auto .dept__dots{\r\n  grid-column:1 \/ -1;\r\n  grid-row:2;\r\n  display:flex;justify-content:center;gap:8px;\r\n  margin-top:18px;\r\n}\r\n.a3a-auto .dept__dot{\r\n  width:8px;height:8px;border-radius:50%;\r\n  background:var(--border-soft);\r\n  transition:all .25s var(--ease-standard);\r\n}\r\n.a3a-auto .dept__dot:hover{background:var(--fg-4)}\r\n.a3a-auto .dept__dot.is-on{\r\n  background:var(--brand-red);\r\n  width:24px;border-radius:var(--radius-pill);\r\n}\r\n.a3a-auto .dept__progress{\r\n  grid-column:1 \/ -1;\r\n  grid-row:3;\r\n  height:3px;\r\n  background:rgba(15,30,60,.08);\r\n  border-radius:var(--radius-pill);\r\n  margin-top:14px;\r\n  overflow:hidden;\r\n}\r\n.a3a-auto .dept__progress-fill{\r\n  height:100%;\r\n  width:100%;\r\n  background:linear-gradient(90deg,var(--brand-red),var(--brand-red-deep));\r\n  transform:scaleX(0);\r\n  transform-origin:left center;\r\n}\r\n.a3a-auto .dept__progress-fill.is-running{\r\n  animation:deptProgress 10s linear forwards;\r\n}\r\n.a3a-auto .dept__progress-fill.is-paused{\r\n  animation-play-state:paused;\r\n}\r\n@keyframes deptProgress{\r\n  from{transform:scaleX(0)}\r\n  to{transform:scaleX(1)}\r\n}\r\n@media (max-width:760px){\r\n  .a3a-auto .dept__carousel{grid-template-columns:36px 1fr 36px;gap:6px}\r\n  .a3a-auto .dept__arrow{width:32px;height:32px}\r\n  .a3a-auto .dept__arrow svg{width:14px;height:14px}\r\n  .a3a-auto .dept__dots{margin-top:14px}\r\n  .a3a-auto .dept__progress{margin-top:10px}\r\n}\r\n\/* Phones: hide arrows entirely, full-width slide, swipe + dots take over *\/\r\n@media (max-width:560px){\r\n  .a3a-auto .dept__carousel{grid-template-columns:1fr;gap:0}\r\n  .a3a-auto .dept__arrow{display:none}\r\n  .a3a-auto .dept__viewport{grid-column:1}\r\n  .a3a-auto .dept__dots{grid-column:1;margin-top:14px}\r\n  .a3a-auto .dept__progress{grid-column:1;margin-top:10px}\r\n}\r\n\r\n.a3a-auto .uc-card{\r\n  position:relative;\r\n  display:flex;flex-direction:column;\r\n  background:#fff;\r\n  border:1px solid var(--border-hairline);\r\n  border-radius:var(--radius-lg);\r\n  padding:24px 24px 18px;\r\n  cursor:pointer;\r\n  transition:transform .25s var(--ease-standard),box-shadow .25s var(--ease-standard),border-color .25s var(--ease-standard);\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n.a3a-auto .uc-card::before{\r\n  content:\"\";position:absolute;left:24px;top:0;height:4px;width:48px;\r\n  background:var(--brand-red);\r\n  border-radius:0 0 4px 4px;\r\n}\r\n.a3a-auto .dept--navy .uc-card::before, .a3a-auto .uc-card.uc-card--navy::before{background:var(--brand-navy)}\r\n\r\n.a3a-auto .uc-card::after{\r\n  content:\"\";position:absolute;\r\n  right:-100px;top:-100px;width:240px;height:240px;border-radius:50%;\r\n  background:radial-gradient(circle at center,var(--brand-red-soft),transparent 70%);\r\n  opacity:0;transition:opacity .35s var(--ease-standard);\r\n  z-index:-1;\r\n}\r\n.a3a-auto .dept--navy .uc-card::after{background:radial-gradient(circle at center,rgba(35,53,92,.05),transparent 70%)}\r\n.a3a-auto .uc-card:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(15,30,60,.14);\r\n  box-shadow:var(--shadow-card-hover);\r\n}\r\n.a3a-auto .uc-card:hover::after{opacity:1}\r\n\r\n.a3a-auto .uc-card__head{margin-bottom:8px}\r\n.a3a-auto .uc-card__meta{\r\n  display:flex;align-items:center;gap:8px;\r\n  font-family:var(--font-mono);font-size:11px;font-weight:500;\r\n  color:var(--fg-3);letter-spacing:.04em;\r\n}\r\n.a3a-auto .uc-card__effort, .a3a-auto .uc-card__ttl{\r\n  display:inline-flex;align-items:center;gap:6px;\r\n}\r\n.a3a-auto .uc-card__effort::before{\r\n  content:\"\";width:6px;height:6px;border-radius:50%;\r\n  background:var(--brand-red);\r\n  box-shadow:0 0 0 2px rgba(191,37,48,.15);\r\n}\r\n.a3a-auto .dept--navy .uc-card__effort::before{background:var(--brand-navy);box-shadow:0 0 0 2px rgba(35,53,92,.15)}\r\n.a3a-auto .uc-card__dot{color:var(--fg-5)}\r\n.a3a-auto .uc-card__title{\r\n  font-family:var(--font-display);font-weight:600;font-size:21px;\r\n  letter-spacing:-.018em;line-height:1.18;color:var(--fg-1);\r\n  margin:6px 0 8px;\r\n}\r\n.a3a-auto .uc-card__summary{\r\n  font-size:14.5px;line-height:1.55;color:var(--fg-3);\r\n  margin-bottom:18px;\r\n}\r\n\r\n.a3a-auto .flow{\r\n  position:relative;\r\n  margin-top:auto;\r\n  padding:18px 4px 22px;\r\n  border-top:1px dashed rgba(15,30,60,.08);\r\n}\r\n.a3a-auto .flow__head{\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  margin-bottom:14px;\r\n}\r\n.a3a-auto .flow__head-label{\r\n  font-family:var(--font-mono);font-size:10.5px;font-weight:500;\r\n  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);\r\n}\r\n.a3a-auto .flow__play{\r\n  display:inline-flex;align-items:center;gap:6px;\r\n  font-family:var(--font-mono);font-size:11px;font-weight:500;\r\n  color:var(--fg-2);\r\n  padding:5px 11px 5px 9px;border-radius:var(--radius-pill);\r\n  background:rgba(15,30,60,.04);\r\n  transition:all .2s var(--ease-standard);\r\n  letter-spacing:.06em;\r\n}\r\n.a3a-auto .flow__play:hover{background:var(--brand-red);color:#fff}\r\n.a3a-auto .flow__play:hover svg path{fill:#fff}\r\n.a3a-auto .flow__play svg{width:10px;height:10px}\r\n.a3a-auto .flow__play svg path{fill:var(--brand-red);transition:fill .2s}\r\n.a3a-auto .flow__play.is-playing{background:var(--brand-red);color:#fff}\r\n.a3a-auto .flow__play.is-playing svg path{fill:#fff}\r\n\r\n.a3a-auto .flow__rail{\r\n  display:flex;align-items:flex-start;justify-content:space-between;\r\n  gap:0;position:relative;\r\n}\r\n.a3a-auto .flow__step{\r\n  flex:1;\r\n  display:flex;flex-direction:column;align-items:center;\r\n  position:relative;min-width:0;\r\n  cursor:pointer;\r\n}\r\n.a3a-auto .flow__num{\r\n  font-family:var(--font-mono);font-size:9.5px;font-weight:600;\r\n  letter-spacing:.12em;color:var(--fg-5);\r\n  line-height:1;\r\n  margin-bottom:8px;\r\n}\r\n.a3a-auto .flow__node-row{\r\n  position:relative;\r\n  width:100%;\r\n  height:34px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n.a3a-auto .flow__node{\r\n  position:relative;z-index:2;\r\n  width:34px;height:34px;border-radius:50%;\r\n  display:grid;place-items:center;\r\n  background:#fff;\r\n  border:1.5px solid var(--border-soft);\r\n  color:var(--fg-3);\r\n  transition:all .3s var(--ease-standard);\r\n  flex-shrink:0;\r\n}\r\n.a3a-auto .flow__node svg{width:15px;height:15px}\r\n.a3a-auto .flow__step--trigger .flow__node{\r\n  background:#fff;border-color:var(--brand-red);color:var(--brand-red);\r\n}\r\n.a3a-auto .flow__step--trigger.is-lit .flow__node{\r\n  background:var(--brand-red);color:#fff;\r\n  box-shadow:0 0 0 4px rgba(191,37,48,.18),0 4px 12px rgba(191,37,48,.35);\r\n}\r\n.a3a-auto .flow__step--action.is-lit .flow__node{\r\n  background:var(--fg-1);border-color:var(--fg-1);color:#fff;\r\n  box-shadow:0 0 0 4px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.18);\r\n}\r\n.a3a-auto .flow__step--outcome .flow__node{\r\n  background:#fff;border-color:var(--brand-navy);color:var(--brand-navy);\r\n}\r\n.a3a-auto .flow__step--outcome.is-lit .flow__node{\r\n  background:var(--brand-navy);color:#fff;\r\n  box-shadow:0 0 0 4px rgba(35,53,92,.15),0 4px 12px rgba(35,53,92,.4);\r\n}\r\n.a3a-auto .flow__step:hover .flow__node{\r\n  transform:translateY(-2px) scale(1.06);\r\n  border-color:var(--brand-red);\r\n}\r\n.a3a-auto .dept--navy .flow__step:hover .flow__node{border-color:var(--brand-navy)}\r\n\r\n.a3a-auto .flow__step.is-active .flow__node{\r\n  border-color:var(--brand-red);\r\n}\r\n.a3a-auto .flow__label{\r\n  margin-top:10px;\r\n  font-size:11px;line-height:1.3;font-weight:500;color:var(--fg-3);\r\n  text-align:center;max-width:96px;\r\n  transition:color .2s;\r\n}\r\n.a3a-auto .flow__step:hover .flow__label, .a3a-auto .flow__step.is-active .flow__label{color:var(--fg-1)}\r\n\r\n.a3a-auto .flow__connector{\r\n  position:absolute;\r\n  top:50%;left:50%;width:100%;height:2px;\r\n  transform:translateY(-1px);\r\n  z-index:1;pointer-events:none;\r\n}\r\n.a3a-auto .flow__connector::before{\r\n  content:\"\";position:absolute;inset:0;\r\n  background:repeating-linear-gradient(90deg,var(--border-soft) 0 5px,transparent 5px 10px);\r\n  height:1.5px;top:.5px;\r\n}\r\n.a3a-auto .flow__connector::after{\r\n  content:\"\";position:absolute;inset:0 100% 0 0;\r\n  background:linear-gradient(90deg,var(--brand-red),var(--brand-red-deep));\r\n  height:2px;\r\n  transition:right .35s var(--ease-decel);\r\n}\r\n.a3a-auto .flow__connector.is-active::after{right:0}\r\n.a3a-auto .flow__connector.is-snap::after, .a3a-auto .flow__step.is-snap .flow__node{transition:none !important}\r\n.a3a-auto .flow__connector .pulse{\r\n  position:absolute;top:-3px;left:0;\r\n  width:8px;height:8px;border-radius:50%;\r\n  background:var(--brand-red);\r\n  box-shadow:0 0 0 3px rgba(191,37,48,.25),0 0 12px rgba(191,37,48,.6);\r\n  opacity:0;transform:translateX(-50%);\r\n}\r\n.a3a-auto .flow__connector.is-pulsing .pulse{\r\n  animation:pulseTravel .42s var(--ease-decel) forwards;\r\n}\r\n@keyframes pulseTravel{\r\n  0%{opacity:0;left:0}\r\n  10%{opacity:1}\r\n  90%{opacity:1}\r\n  100%{opacity:0;left:100%}\r\n}\r\n\r\n.a3a-auto .uc-card__foot{\r\n  margin-top:14px;\r\n  display:flex;align-items:center;justify-content:flex-end;\r\n}\r\n.a3a-auto .uc-card__cta{\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  font-size:13.5px;font-weight:500;color:var(--brand-red);\r\n  font-family:var(--font-display);\r\n}\r\n.a3a-auto .uc-card__cta .arr{\r\n  display:inline-block;width:14px;height:14px;\r\n  background:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='none' stroke='%23BF2530' stroke-width='1.6' stroke-linecap='round'><path d='M4 12 L12 4 M6.5 4 H12 V9.5'\/><\/svg>\") center\/contain no-repeat;\r\n  transition:transform .2s var(--ease-standard);\r\n}\r\n.a3a-auto .uc-card:hover .arr{transform:translate(2px,-2px)}\r\n\r\n.a3a-auto .uc-overlay{\r\n  position:fixed;inset:0;z-index:80;\r\n  background:rgba(10,10,10,.45);\r\n  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\r\n  opacity:0;pointer-events:none;\r\n  transition:opacity .3s var(--ease-standard);\r\n}\r\n.a3a-auto .uc-overlay.is-open{opacity:1;pointer-events:auto}\r\n.a3a-auto .uc-drawer{\r\n  position:fixed;top:0;right:0;bottom:0;z-index:90;\r\n  width:min(560px,92vw);\r\n  background:var(--bg-page);\r\n  transform:translateX(100%);\r\n  transition:transform .42s var(--ease-emphasized);\r\n  overflow-y:auto;\r\n  box-shadow:-20px 0 60px rgba(0,0,0,.18);\r\n}\r\n.a3a-auto .uc-drawer.is-open{transform:translateX(0)}\r\n.a3a-auto .uc-drawer__head{\r\n  position:sticky;top:0;z-index:2;\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:22px 28px;\r\n  background:var(--bg-page);\r\n  border-bottom:1px solid var(--border-hairline);\r\n}\r\n.a3a-auto .uc-drawer__close{\r\n  width:36px;height:36px;border-radius:50%;\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  display:grid;place-items:center;color:var(--fg-2);\r\n  transition:all .2s;\r\n}\r\n.a3a-auto .uc-drawer__close:hover{background:var(--fg-1);color:#fff;border-color:var(--fg-1)}\r\n.a3a-auto .uc-drawer__body{padding:28px 32px 56px}\r\n.a3a-auto .uc-drawer__title{\r\n  font-family:var(--font-display);font-weight:600;\r\n  font-size:32px;letter-spacing:-.022em;line-height:1.1;\r\n  margin:14px 0 12px;\r\n}\r\n.a3a-auto .uc-drawer__summary{\r\n  font-size:16px;line-height:1.55;color:var(--fg-3);\r\n  margin-bottom:22px;\r\n}\r\n.a3a-auto .uc-drawer__chip-row{\r\n  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;\r\n}\r\n.a3a-auto .uc-drawer__chip{\r\n  display:inline-flex;align-items:center;gap:6px;\r\n  padding:6px 12px;border-radius:var(--radius-pill);\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  font-family:var(--font-mono);font-size:11px;color:var(--fg-2);\r\n  letter-spacing:.04em;\r\n}\r\n.a3a-auto .uc-drawer__chip .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-red)}\r\n.a3a-auto .uc-drawer__section{margin-bottom:32px}\r\n.a3a-auto .uc-drawer__h{\r\n  font-family:var(--font-mono);font-size:11px;font-weight:600;\r\n  letter-spacing:.16em;text-transform:uppercase;color:var(--brand-red);\r\n  margin:0 0 12px;\r\n}\r\n.a3a-auto .uc-drawer__body-text{font-size:15.5px;line-height:1.6;color:var(--fg-2)}\r\n\r\n.a3a-auto .flow-big{\r\n  position:relative;\r\n  display:flex;flex-direction:column;gap:0;\r\n  padding:8px 0;\r\n}\r\n.a3a-auto .flow-big__step{\r\n  display:grid;grid-template-columns:48px 1fr;gap:16px;\r\n  position:relative;padding:10px 0;\r\n  align-items:flex-start;\r\n}\r\n.a3a-auto .flow-big__rail{position:relative;display:flex;flex-direction:column;align-items:center}\r\n.a3a-auto .flow-big__node{\r\n  width:42px;height:42px;border-radius:50%;\r\n  display:grid;place-items:center;\r\n  background:#fff;border:2px solid var(--border-soft);color:var(--fg-3);\r\n  transition:all .3s var(--ease-standard);flex-shrink:0;\r\n  position:relative;z-index:2;\r\n}\r\n.a3a-auto .flow-big__node svg{width:18px;height:18px}\r\n.a3a-auto .flow-big__step--trigger .flow-big__node{background:var(--brand-red);border-color:var(--brand-red);color:#fff}\r\n.a3a-auto .flow-big__step--action .flow-big__node{background:var(--fg-1);border-color:var(--fg-1);color:#fff}\r\n.a3a-auto .flow-big__step--outcome .flow-big__node{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}\r\n.a3a-auto .flow-big__line{\r\n  position:absolute;left:50%;top:42px;bottom:-22px;width:2px;\r\n  transform:translateX(-50%);\r\n  background:repeating-linear-gradient(180deg,var(--border-soft) 0 5px,transparent 5px 10px);\r\n}\r\n.a3a-auto .flow-big__step:last-child .flow-big__line{display:none}\r\n.a3a-auto .flow-big__content{padding-top:6px}\r\n.a3a-auto .flow-big__kind{\r\n  font-family:var(--font-mono);font-size:10.5px;font-weight:600;\r\n  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);\r\n}\r\n.a3a-auto .flow-big__step--trigger .flow-big__kind{color:var(--brand-red)}\r\n.a3a-auto .flow-big__step--outcome .flow-big__kind{color:var(--brand-navy)}\r\n.a3a-auto .flow-big__label{\r\n  font-family:var(--font-display);font-size:17px;font-weight:500;\r\n  color:var(--fg-1);margin-top:4px;letter-spacing:-.012em;\r\n}\r\n\r\n.a3a-auto .uc-results{display:flex;flex-direction:column;gap:10px}\r\n.a3a-auto .uc-results li{\r\n  display:flex;align-items:flex-start;gap:10px;\r\n  font-size:15px;color:var(--fg-2);line-height:1.5;\r\n}\r\n.a3a-auto .uc-results li .check{\r\n  flex-shrink:0;margin-top:3px;\r\n  width:18px;height:18px;border-radius:50%;\r\n  background:rgba(15,30,60,.06);color:var(--brand-navy);\r\n  display:grid;place-items:center;\r\n}\r\n.a3a-auto .uc-results li .check svg{width:11px;height:11px}\r\n\r\n.a3a-auto .uc-meta-row{\r\n  display:grid;grid-template-columns:1fr 1fr;gap:12px;\r\n  margin-top:12px;\r\n}\r\n.a3a-auto .uc-meta-row > div{\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  border-radius:var(--radius-md);padding:14px 16px;\r\n}\r\n.a3a-auto .uc-meta-row__label{\r\n  font-family:var(--font-mono);font-size:10.5px;\r\n  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);\r\n}\r\n.a3a-auto .uc-meta-row__val{\r\n  font-family:var(--font-display);font-weight:600;font-size:18px;\r\n  color:var(--fg-1);margin-top:4px;\r\n}\r\n.a3a-auto .uc-cta-row{\r\n  margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;\r\n}\r\n\r\n.a3a-auto .method-strip{\r\n  background:var(--bg-page);\r\n  padding:96px 24px;\r\n  border-top:1px solid var(--border-hairline);\r\n}\r\n.a3a-auto .method-strip__inner{max-width:1240px;margin:0 auto}\r\n.a3a-auto .method-strip__head{margin-bottom:48px;text-align:center}\r\n.a3a-auto .method-strip__head .eyebrow-row{justify-content:center;margin-bottom:16px}\r\n.a3a-auto .method-strip__head h2{max-width:780px;margin:0 auto}\r\n.a3a-auto .method-strip__head h2 br{display:block}\r\n.a3a-auto .method-strip__grid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\r\n}\r\n@media (max-width:880px){.a3a-auto .method-strip__grid{grid-template-columns:1fr}}\r\n.a3a-auto .method-strip__step{\r\n  background:#fff;border:1px solid var(--border-hairline);\r\n  border-radius:var(--radius-lg);padding:32px 28px;position:relative;\r\n  transition:transform .25s var(--ease-standard),box-shadow .25s var(--ease-standard);\r\n}\r\n.a3a-auto .method-strip__step:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}\r\n.a3a-auto .method-strip__n{\r\n  font-family:var(--font-mono);font-weight:600;font-size:13px;\r\n  color:var(--brand-red);letter-spacing:.1em;\r\n  margin-bottom:18px;\r\n  display:inline-flex;align-items:center;gap:10px;\r\n}\r\n.a3a-auto .method-strip__n::before{\r\n  content:\"\";width:24px;height:1px;background:var(--brand-red);\r\n}\r\n.a3a-auto .method-strip__step h3{\r\n  font-family:var(--font-display);font-weight:600;font-size:24px;\r\n  letter-spacing:-.018em;margin-bottom:10px;\r\n}\r\n.a3a-auto .method-strip__step p{font-size:15px;line-height:1.6;color:var(--fg-3)}\r\n\r\n.a3a-auto .cta-band{\r\n  position:relative;overflow:hidden;\r\n  background:var(--bg-ink);\r\n  padding:120px 24px;\r\n  text-align:center;\r\n  color:#fff;\r\n}\r\n.a3a-auto .cta-band::before{\r\n  content:\"\";position:absolute;\r\n  width:140%;height:140%;left:-20%;top:-20%;\r\n  background:radial-gradient(ellipse at center,rgba(191,37,48,.22) 0%,transparent 50%);\r\n  pointer-events:none;\r\n}\r\n.a3a-auto .cta-band::after{\r\n  content:\"\";position:absolute;inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);\r\n  background-size:64px 64px;\r\n  mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 0%,transparent 70%);\r\n  -webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n.a3a-auto .cta-band__inner{position:relative;z-index:2;max-width:780px;margin:0 auto}\r\n.a3a-auto .cta-band h2{\r\n  color:#fff;margin-bottom:18px;\r\n  font-size:clamp(36px,4.6vw,60px);\r\n}\r\n.a3a-auto .cta-band h2 .em{color:var(--brand-red);font-style:italic;font-weight:500}\r\n.a3a-auto .cta-band p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.78);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}\r\n.a3a-auto .cta-band__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}\r\n\r\n.a3a-auto .site-footer{padding:80px 24px 40px;background:var(--bg-page);border-top:1px solid var(--border-hairline)}\r\n.a3a-auto .site-footer__inner{\r\n  max-width:1240px;margin:0 auto;\r\n  display:grid;grid-template-columns:1.4fr 2.6fr;gap:56px;\r\n}\r\n@media (max-width:900px){.a3a-auto .site-footer__inner{grid-template-columns:1fr;gap:40px}}\r\n.a3a-auto .site-footer__brand .site-nav__logo{margin-bottom:18px}\r\n.a3a-auto .site-footer__brand p{font-size:14px;color:var(--fg-3);margin-bottom:22px;max-width:320px;line-height:1.55}\r\n.a3a-auto .site-footer__copy{margin-top:28px;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--fg-4)}\r\n.a3a-auto .site-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\r\n@media (max-width:700px){.a3a-auto .site-footer__cols{grid-template-columns:1fr 1fr}}\r\n.a3a-auto .site-footer__cols h5{font-family:var(--font-display);font-weight:600;font-size:13px;margin-bottom:14px;color:var(--fg-1);letter-spacing:.005em}\r\n.a3a-auto .site-footer__cols ul{display:flex;flex-direction:column;gap:9px}\r\n.a3a-auto .site-footer__cols li{font-size:13.5px;color:var(--fg-3);cursor:pointer;transition:color .2s}\r\n.a3a-auto .site-footer__cols li:hover{color:var(--brand-red)}\r\n\r\n.a3a-auto .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-emphasized),transform .7s var(--ease-emphasized)}\r\n.a3a-auto .reveal.is-in{opacity:1;transform:none}\r\n.a3a-auto .reveal--lazy{transition-delay:80ms}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .a3a-auto *, .a3a-auto *::before, .a3a-auto *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}\r\n  .a3a-auto .reveal{opacity:1;transform:none}\r\n}\r\n\r\n.a3a-auto .flow-fade{\r\n  height:1px;width:24px;\r\n  background:linear-gradient(90deg,var(--border-soft),transparent);\r\n}\r\n\r\n@media (max-width:560px){\r\n  \/* Hide cramped flow labels \u2014 keep numbered icon row, drawer shows full detail *\/\r\n  .a3a-auto .flow__label{display:none}\r\n  .a3a-auto .flow__num{margin-bottom:6px}\r\n  .a3a-auto .flow__node-row{height:30px}\r\n  .a3a-auto .flow__node{width:30px;height:30px}\r\n  .a3a-auto .flow__node svg{width:13px;height:13px}\r\n  .a3a-auto .uc-card{padding:20px 16px 16px}\r\n  .a3a-auto .uc-card__title{font-size:18px;margin:6px 0 6px}\r\n  .a3a-auto .uc-card__summary{font-size:13.5px;margin-bottom:14px}\r\n  .a3a-auto .uc-card__meta{font-size:10.5px}\r\n  .a3a-auto .flow{padding:14px 0 16px}\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"a3a-auto\">\r\n<div id=\"root\">\r\n\r\n  <!-- DEPT FILTER -->\r\n  <div class=\"dept-nav\" id=\"a3a-departments\">\r\n    <div class=\"dept-nav__inner\">\r\n      <span class=\"dept-nav__label\">Departments<\/span>\r\n      <div class=\"dept-nav__pills\" id=\"a3a-deptPills\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- DEPT SECTIONS -->\r\n  <main id=\"a3a-deptStack\"><\/main>\r\n\r\n  <!-- DRAWER -->\r\n  <div class=\"uc-overlay\" id=\"a3a-ucOverlay\"><\/div>\r\n  <aside class=\"uc-drawer\" id=\"a3a-ucDrawer\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"drawerTitle\">\r\n    <div class=\"uc-drawer__head\">\r\n      <span class=\"eyebrow\" id=\"a3a-drawerEyebrow\">01 - SALES<\/span>\r\n      <button class=\"uc-drawer__close\" id=\"a3a-drawerClose\" aria-label=\"Close\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><path d=\"M3 3 L13 13 M13 3 L3 13\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n    <div class=\"uc-drawer__body\" id=\"a3a-drawerBody\"><\/div>\r\n  <\/aside>\r\n\r\n<\/div>\r\n\r\n<script>(function(){\r\nif(window.__a3aAutoLoaded)return;\r\nwindow.__a3aAutoLoaded=true;\r\n\r\n\/* \u2500\u2500 ELEMENTOR-FRIENDLY ROOT SCOPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   Every internal query is run against ROOT (the widget's own\r\n   container) instead of `document`, so this widget never reads\r\n   from or writes to any other Elementor section's DOM. *\/\r\nconst ROOT=document.querySelector(\".a3a-auto\");\r\nif(!ROOT) return;\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   AGENCE 3A - DATA\r\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst DATA = [\r\n  {\r\n    id:\"sales\",\r\n    eyebrow:\"01 - SALES\",\r\n    accent:\"red\",\r\n    title:\"Sales\",\r\n    subtitle:\" - More meetings, less manual work\",\r\n    desc:\"Your sales team spends too much time searching, following up, and entering data. We automate what can be automated so they can focus on the only thing that matters: closing.\",\r\n    stats:[\r\n      {val:\"3-5\u00d7\",label:\"prospects contacted\"},\r\n      {val:\"< 5 min\",label:\"lead response time\"},\r\n      {val:\"40 %\",label:\"rep time freed\"}\r\n    ],\r\n    useCases:[\r\n      {\r\n        title:\"Automated LinkedIn prospecting\",\r\n        effort:\"Medium\",timeToLive:\"2 weeks\",\r\n        summary:\"Every week, hundreds of ideal prospects are reached on LinkedIn with a personalized message - without your reps lifting a finger.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"target\",label:\"We define your ideal customer\"},\r\n          {kind:\"action\",icon:\"linkedin\",label:\"Personalized outreach on LinkedIn\"},\r\n          {kind:\"action\",icon:\"clockRotate\",label:\"Smart follow-up\"},\r\n          {kind:\"action\",icon:\"route\",label:\"Lead routed to the right rep\"},\r\n          {kind:\"outcome\",icon:\"calendarCheck\",label:\"Meetings booked on the calendar\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Instant response to inbound leads\",\r\n        effort:\"Low\",timeToLive:\"1 week\",\r\n        summary:\"When a prospect fills out a form or requests a demo, they're contacted in under 5 minutes - by the right person, at the right time.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"form\",label:\"Lead submits a form\"},\r\n          {kind:\"action\",icon:\"filter\",label:\"Automatic qualification\"},\r\n          {kind:\"action\",icon:\"route\",label:\"Routed to the right rep\"},\r\n          {kind:\"action\",icon:\"bell\",label:\"Instant notification\"},\r\n          {kind:\"outcome\",icon:\"zap\",label:\"First contact in < 5 minutes\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Smart prospect nurturing\",\r\n        effort:\"Medium\",timeToLive:\"3 weeks\",\r\n        summary:\"Prospects not yet ready to buy receive the right message, on the right channel, at the right time - until they're ready.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"hourglass\",label:\"Lead not yet ready\"},\r\n          {kind:\"action\",icon:\"radar\",label:\"Intent signal detection\"},\r\n          {kind:\"action\",icon:\"message\",label:\"Personalized message\"},\r\n          {kind:\"action\",icon:\"broadcast\",label:\"Most relevant channel\"},\r\n          {kind:\"outcome\",icon:\"flame\",label:\"Warmed-up lead handed back to the rep\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Automatic meeting preparation\",\r\n        effort:\"Low\",timeToLive:\"1 week\",\r\n        summary:\"Before every meeting, your rep receives a one-page briefing: who the company is, their recent news, and their likely pain points.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"calendar\",label:\"Meeting confirmed on calendar\"},\r\n          {kind:\"action\",icon:\"search\",label:\"Company research\"},\r\n          {kind:\"action\",icon:\"brain\",label:\"Smart synthesis\"},\r\n          {kind:\"action\",icon:\"inbox\",label:\"Delivered to the rep\"},\r\n          {kind:\"outcome\",icon:\"chat\",label:\"Relevant conversation from minute one\"}\r\n        ]\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    id:\"marketing\",\r\n    eyebrow:\"02 - MARKETING\",\r\n    accent:\"navy\",\r\n    title:\"Marketing\",\r\n    subtitle:\" - More content, better targeted, without overload\",\r\n    desc:\"Your marketing team is understaffed and always reactive. We automate production, monitoring, and amplification so they regain time to actually think.\",\r\n    stats:[\r\n      {val:\"5\u00d7\",label:\"content output\"},\r\n      {val:\"daily\",label:\"competitive intel\"},\r\n      {val:\"0\",label:\"repetitive tasks\"}\r\n    ],\r\n    useCases:[\r\n      {\r\n        title:\"Daily competitive intelligence\",\r\n        effort:\"Medium\",timeToLive:\"2 weeks\",\r\n        summary:\"Every morning, a clear summary lands in your inbox: what your competitors changed yesterday (pricing, products, content, hires).\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"eye\",label:\"Continuous monitoring\"},\r\n          {kind:\"action\",icon:\"diff\",label:\"Change detection\"},\r\n          {kind:\"action\",icon:\"chart\",label:\"Strategic analysis\"},\r\n          {kind:\"outcome\",icon:\"mailOpen\",label:\"Morning digest at 7:30 AM\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Content factory - from brief to publication\",\r\n        effort:\"High\",timeToLive:\"4 weeks\",\r\n        summary:\"An approved topic automatically generates: the article, social posts, LinkedIn carousel, email, and visuals. Your team reviews, no longer writes from scratch.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"checkSquare\",label:\"Topic approved\"},\r\n          {kind:\"action\",icon:\"fileText\",label:\"Article drafted\"},\r\n          {kind:\"action\",icon:\"layers\",label:\"Automatic derivatives\"},\r\n          {kind:\"action\",icon:\"image\",label:\"Visuals generated\"},\r\n          {kind:\"outcome\",icon:\"package\",label:\"Complete package ready for review\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Top-performing content amplification\",\r\n        effort:\"Low\",timeToLive:\"1 week\",\r\n        summary:\"Your best-performing posts are automatically reworded and rescheduled 60 days later, on other channels.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"trendingUp\",label:\"High-performing post detected\"},\r\n          {kind:\"action\",icon:\"archive\",label:\"Smart archiving\"},\r\n          {kind:\"action\",icon:\"edit\",label:\"Reworded\"},\r\n          {kind:\"outcome\",icon:\"repeat\",label:\"Republication scheduled\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Testimonial and review machine\",\r\n        effort:\"Low\",timeToLive:\"2 weeks\",\r\n        summary:\"After a key step in the client journey, we request feedback. The strongest testimonials automatically become social content.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"smile\",label:\"Happy client at 60 days\"},\r\n          {kind:\"action\",icon:\"branch\",label:\"Routing based on result\"},\r\n          {kind:\"action\",icon:\"quote\",label:\"Turned into content\"},\r\n          {kind:\"outcome\",icon:\"star\",label:\"Social proof that keeps running\"}\r\n        ]\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    id:\"ops\",\r\n    eyebrow:\"03 - OPERATIONS\",\r\n    accent:\"navy\",\r\n    title:\"Operations\",\r\n    subtitle:\" - Predictable delivery, well-served clients\",\r\n    desc:\"Between sales and delivery, there's friction. Between delivery and the client, even more. We automate the transitions so every step is clean, fast, and documented.\",\r\n    stats:[\r\n      {val:\"0\",label:\"manual onboarding\"},\r\n      {val:\"100 %\",label:\"projects documented\"},\r\n      {val:\"\u221260 %\",label:\"internal emails\"}\r\n    ],\r\n    useCases:[\r\n      {\r\n        title:\"Client kickoff in 48 hours\",\r\n        effort:\"Medium\",timeToLive:\"3 weeks\",\r\n        summary:\"Deal closed = contract, invoice, client workspace, assigned team, and kickoff meeting scheduled. In minutes, with no human intervention.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"trophy\",label:\"Deal marked as won\"},\r\n          {kind:\"action\",icon:\"fileSign\",label:\"Contract and invoice sent\"},\r\n          {kind:\"action\",icon:\"folderPlus\",label:\"Client workspace created\"},\r\n          {kind:\"action\",icon:\"calendar\",label:\"Kickoff scheduled\"},\r\n          {kind:\"outcome\",icon:\"flag\",label:\"First deliverable started by day 2\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Continuous project health monitoring\",\r\n        effort:\"Medium\",timeToLive:\"3 weeks\",\r\n        summary:\"Every project is continuously evaluated (budget, timelines, satisfaction). Drift is flagged before it becomes a crisis.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"clock\",label:\"Weekly automatic review\"},\r\n          {kind:\"action\",icon:\"activity\",label:\"Indicator collection\"},\r\n          {kind:\"action\",icon:\"clipboard\",label:\"Clear diagnosis\"},\r\n          {kind:\"outcome\",icon:\"alertTriangle\",label:\"Alerts only on at-risk projects\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Meeting notes and tasks, automatically\",\r\n        effort:\"Low\",timeToLive:\"1 week\",\r\n        summary:\"Every meeting automatically generates its recap, with decisions and tasks created in your project tool.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"mic\",label:\"Meeting ended\"},\r\n          {kind:\"action\",icon:\"list\",label:\"Key points extraction\"},\r\n          {kind:\"action\",icon:\"checkSquare\",label:\"Tasks created in the right tool\"},\r\n          {kind:\"outcome\",icon:\"mailSend\",label:\"Recap sent to participants\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Automatic weekly client reports\",\r\n        effort:\"Medium\",timeToLive:\"2 weeks\",\r\n        summary:\"Every Friday, each client receives a clear report: what was delivered, what's coming, key numbers.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"clock\",label:\"Every Friday 3 PM\"},\r\n          {kind:\"action\",icon:\"folderOpen\",label:\"Collects weekly deliverables\"},\r\n          {kind:\"action\",icon:\"edit\",label:\"Written in a human tone\"},\r\n          {kind:\"outcome\",icon:\"archive\",label:\"Report sent + archived\"}\r\n        ]\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    id:\"finance\",\r\n    eyebrow:\"04 - FINANCE & ADMIN\",\r\n    accent:\"red\",\r\n    title:\"Finance & Admin\",\r\n    subtitle:\" - Invoice, collect, never think about it\",\r\n    desc:\"Billing, follow-ups, and compliance should never consume human energy. We automate the entire cycle so your team can focus on conversations that actually matter.\",\r\n    stats:[\r\n      {val:\"D+0\",label:\"invoice sent\"},\r\n      {val:\"\u221270 %\",label:\"late payments\"},\r\n      {val:\"0\",label:\"missed suspension\"}\r\n    ],\r\n    useCases:[\r\n      {\r\n        title:\"Recurring invoicing without intervention\",\r\n        effort:\"Low\",timeToLive:\"2 weeks\",\r\n        summary:\"Every client receives their invoice at the right time, with the right items, and your books are up to date in real time.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"calendar\",label:\"Start of the billing cycle\"},\r\n          {kind:\"action\",icon:\"calculator\",label:\"Line items calculated\"},\r\n          {kind:\"action\",icon:\"fileSend\",label:\"Invoice generated and sent\"},\r\n          {kind:\"action\",icon:\"refresh\",label:\"Accounting synchronized\"},\r\n          {kind:\"outcome\",icon:\"trendingUp\",label:\"Predictable revenue\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Graduated payment reminders\",\r\n        effort:\"Medium\",timeToLive:\"2 weeks\",\r\n        summary:\"An unpaid invoice triggers a sequence that escalates in intensity: friendly reminder, then formal, then escalation to the account manager.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"alertCircle\",label:\"Invoice unpaid at day 3\"},\r\n          {kind:\"action\",icon:\"smile\",label:\"Friendly reminder\"},\r\n          {kind:\"action\",icon:\"mail\",label:\"Formal reminder at day 10\"},\r\n          {kind:\"action\",icon:\"userUp\",label:\"Escalated to account manager at day 20\"},\r\n          {kind:\"outcome\",icon:\"lock\",label:\"Orchestrated suspension at day 30\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Automated service suspension and restoration\",\r\n        effort:\"High\",timeToLive:\"4 weeks\",\r\n        summary:\"After 30 days of non-payment, access is revoked. Upon payment, everything is reactivated in under 2 minutes, with a confirmation email.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"calendarX\",label:\"30 days unpaid\"},\r\n          {kind:\"action\",icon:\"lock\",label:\"Access revoked\"},\r\n          {kind:\"action\",icon:\"mailAlert\",label:\"Formal email + account manager alerted\"},\r\n          {kind:\"action\",icon:\"eye\",label:\"Payment watched\"},\r\n          {kind:\"outcome\",icon:\"unlock\",label:\"Restored in < 2 minutes\"}\r\n        ]\r\n      },\r\n      {\r\n        title:\"Expense capture from a simple photo\",\r\n        effort:\"Low\",timeToLive:\"1 week\",\r\n        summary:\"A photo of a receipt \u2192 amount, taxes, and category extracted automatically. Zero manual entry, all classified to the right project.\",\r\n        flow:[\r\n          {kind:\"trigger\",icon:\"camera\",label:\"Photo sent from mobile\"},\r\n          {kind:\"action\",icon:\"scan\",label:\"Receipt read\"},\r\n          {kind:\"action\",icon:\"tag\",label:\"Smart categorization\"},\r\n          {kind:\"action\",icon:\"book\",label:\"Accounting entry created\"},\r\n          {kind:\"outcome\",icon:\"checkCircle\",label:\"Instant acknowledgment\"}\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n];\r\n\r\n\/* \u2500\u2500\u2500 ICONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst _S=`viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"`;\r\nconst ICONS = {\r\n  play:`<svg viewBox=\"0 0 16 16\"><path d=\"M4 3 L13 8 L4 13 Z\"\/><\/svg>`,\r\n  pause:`<svg viewBox=\"0 0 16 16\"><path d=\"M4 3 H6.5 V13 H4 Z M9.5 3 H12 V13 H9.5 Z\"\/><\/svg>`,\r\n  trigger:`<svg ${_S}><path d=\"M13 2 L4 14 H11 L10 22 L20 9 H13 Z\"\/><\/svg>`,\r\n  action:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><path d=\"M12 4v2M12 18v2M4 12h2M18 12h2M6.3 6.3l1.4 1.4M16.3 16.3l1.4 1.4M6.3 17.7l1.4-1.4M16.3 7.7l1.4-1.4\"\/><\/svg>`,\r\n  outcome:`<svg ${_S}><path d=\"M5 12 L10 17 L19 7\" stroke-width=\"2.2\"\/><\/svg>`,\r\n  check:`<svg ${_S}><path d=\"M5 12 L10 17 L19 7\" stroke-width=\"2.4\"\/><\/svg>`,\r\n  target:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.4\" fill=\"currentColor\"\/><\/svg>`,\r\n  linkedin:`<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9.5h4v11H3v-11zm6 0h3.8v1.6h.05c.53-.95 1.83-1.95 3.77-1.95 4.03 0 4.78 2.65 4.78 6.1V20.5h-4v-4.65c0-1.1-.02-2.5-1.55-2.5-1.55 0-1.78 1.2-1.78 2.42v4.73H9v-11z\"\/><\/svg>`,\r\n  send:`<svg ${_S}><path d=\"M22 2 L11 13\"\/><path d=\"M22 2 L15 22 L11 13 L2 9 Z\"\/><\/svg>`,\r\n  clock:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>`,\r\n  clockRotate:`<svg ${_S}><path d=\"M21 12a9 9 0 1 1-2.6-6.36\"\/><path d=\"M21 4v5h-5\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>`,\r\n  route:`<svg ${_S}><circle cx=\"6\" cy=\"19\" r=\"2.2\"\/><circle cx=\"18\" cy=\"5\" r=\"2.2\"\/><path d=\"M8 18.5h6a4 4 0 0 0 0-8H10a4 4 0 0 1 0-8h6\"\/><\/svg>`,\r\n  bell:`<svg ${_S}><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9z\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><\/svg>`,\r\n  zap:`<svg ${_S}><path d=\"M13 2 L4 14 H11 L10 22 L20 9 H13 Z\"\/><\/svg>`,\r\n  calendar:`<svg ${_S}><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>`,\r\n  calendarCheck:`<svg ${_S}><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18M9 16l2 2 4-4\"\/><\/svg>`,\r\n  calendarX:`<svg ${_S}><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18M9.5 14.5l5 5M14.5 14.5l-5 5\"\/><\/svg>`,\r\n  form:`<svg ${_S}><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>`,\r\n  filter:`<svg ${_S}><path d=\"M3 5h18l-7 9v6l-4-2v-4z\"\/><\/svg>`,\r\n  hourglass:`<svg ${_S}><path d=\"M6 3h12M6 21h12M6 3v3a6 6 0 0 0 12 0V3M6 21v-3a6 6 0 0 1 12 0v3\"\/><\/svg>`,\r\n  radar:`<svg ${_S}><path d=\"M19.07 4.93A10 10 0 1 1 7.5 2.5\"\/><path d=\"M16.24 7.76A6 6 0 1 1 9.6 5.93\"\/><path d=\"M12 12l5-5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\"\/><\/svg>`,\r\n  message:`<svg ${_S}><path d=\"M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>`,\r\n  broadcast:`<svg ${_S}><path d=\"M5 12a7 7 0 0 1 14 0\"\/><path d=\"M2.5 12a9.5 9.5 0 0 1 19 0\"\/><circle cx=\"12\" cy=\"14\" r=\"2\"\/><path d=\"M12 16v5\"\/><\/svg>`,\r\n  flame:`<svg ${_S}><path d=\"M8.5 14.5a4 4 0 1 0 7 2.6 8 8 0 0 0-3-9.5 4 4 0 0 1-1 6.4 4 4 0 0 0-3 .5z\"\/><\/svg>`,\r\n  search:`<svg ${_S}><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-3.5-3.5\"\/><\/svg>`,\r\n  brain:`<svg ${_S}><path d=\"M9.5 4a3 3 0 0 0-3 3v.5A3.5 3.5 0 0 0 4 11a3 3 0 0 0 1 5.6A3 3 0 0 0 9.5 20a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z\"\/><path d=\"M14.5 4a3 3 0 0 1 3 3v.5A3.5 3.5 0 0 1 20 11a3 3 0 0 1-1 5.6A3 3 0 0 1 14.5 20a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z\"\/><\/svg>`,\r\n  inbox:`<svg ${_S}><path d=\"M22 12h-6l-2 3h-4l-2-3H2\"\/><path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"\/><\/svg>`,\r\n  chat:`<svg ${_S}><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z\"\/><\/svg>`,\r\n  eye:`<svg ${_S}><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>`,\r\n  diff:`<svg ${_S}><path d=\"M12 3v18M5 8l-3 4 3 4M19 8l3 4-3 4\"\/><\/svg>`,\r\n  chart:`<svg ${_S}><path d=\"M3 3v18h18\"\/><path d=\"M7 16l4-4 3 3 5-6\"\/><\/svg>`,\r\n  trendingUp:`<svg ${_S}><path d=\"M3 17l6-6 4 4 8-8\"\/><path d=\"M17 7h4v4\"\/><\/svg>`,\r\n  mail:`<svg ${_S}><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg>`,\r\n  mailOpen:`<svg ${_S}><path d=\"M3 8.5l9-6 9 6V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><path d=\"m3 8.5 9 6 9-6\"\/><\/svg>`,\r\n  mailSend:`<svg ${_S}><path d=\"M22 2 L11 13\"\/><path d=\"M22 2 L15 22 L11 13 L2 9 Z\"\/><\/svg>`,\r\n  mailAlert:`<svg ${_S}><path d=\"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10\"\/><path d=\"m2 6 10 7 10-7\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><path d=\"M18 16.5v1.5M18 19.5v.01\"\/><\/svg>`,\r\n  checkSquare:`<svg ${_S}><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>`,\r\n  fileText:`<svg ${_S}><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"\/><\/svg>`,\r\n  fileSign:`<svg ${_S}><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M8 18s1-2 4-2 4 2 4 2\"\/><\/svg>`,\r\n  fileSend:`<svg ${_S}><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 14l3 3 3-3M12 11v6\"\/><\/svg>`,\r\n  layers:`<svg ${_S}><path d=\"M12 2 2 7l10 5 10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>`,\r\n  image:`<svg ${_S}><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"9\" cy=\"9\" r=\"2\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg>`,\r\n  package:`<svg ${_S}><path d=\"M16.5 9.4 7.55 4.21M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><path d=\"m3.27 6.96 8.73 5.05 8.73-5.05M12 22V12\"\/><\/svg>`,\r\n  archive:`<svg ${_S}><rect x=\"2\" y=\"4\" width=\"20\" height=\"5\" rx=\"1\"\/><path d=\"M4 9v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9M10 13h4\"\/><\/svg>`,\r\n  edit:`<svg ${_S}><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"\/><\/svg>`,\r\n  repeat:`<svg ${_S}><path d=\"m17 1 4 4-4 4\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><path d=\"m7 23-4-4 4-4\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg>`,\r\n  smile:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\/><\/svg>`,\r\n  branch:`<svg ${_S}><circle cx=\"6\" cy=\"3\" r=\"2\"\/><circle cx=\"6\" cy=\"21\" r=\"2\"\/><circle cx=\"18\" cy=\"6\" r=\"2\"\/><path d=\"M6 5v14M18 8a4 4 0 0 1-4 4 4 4 0 0 0-4 4\"\/><\/svg>`,\r\n  quote:`<svg ${_S}><path d=\"M3 21V13a4 4 0 0 1 4-4M11 21V13a4 4 0 0 1 4-4\"\/><path d=\"M3 9V7a4 4 0 0 1 4-4M11 9V7a4 4 0 0 1 4-4\"\/><\/svg>`,\r\n  star:`<svg ${_S}><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8l-6.2 3.2L7 14.2 2 9.3l6.9-1z\"\/><\/svg>`,\r\n  trophy:`<svg ${_S}><path d=\"M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0z\"\/><path d=\"M21 4h-4v3a3 3 0 0 0 3 3h0c1 0 1.5-1 1-2zM3 4h4v3a3 3 0 0 1-3 3h0c-1 0-1.5-1-1-2z\"\/><\/svg>`,\r\n  folderPlus:`<svg ${_S}><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><path d=\"M12 11v6M9 14h6\"\/><\/svg>`,\r\n  folderOpen:`<svg ${_S}><path d=\"M6 14 2 22h18l3-9H7zM2 22V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2v3\"\/><\/svg>`,\r\n  flag:`<svg ${_S}><path d=\"M4 22V4M4 4s2-2 6 0 6 2 10 0v10c-4 2-6 0-10 0s-6 2-6 2\"\/><\/svg>`,\r\n  activity:`<svg ${_S}><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\r\n  clipboard:`<svg ${_S}><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>`,\r\n  alertTriangle:`<svg ${_S}><path d=\"M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.41 0zM12 9v4M12 17h.01\"\/><\/svg>`,\r\n  alertCircle:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg>`,\r\n  mic:`<svg ${_S}><rect x=\"9\" y=\"2\" width=\"6\" height=\"13\" rx=\"3\"\/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2M12 19v3M8 22h8\"\/><\/svg>`,\r\n  list:`<svg ${_S}><path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\"\/><\/svg>`,\r\n  calculator:`<svg ${_S}><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><path d=\"M8 6h8M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01M8 10h8\"\/><\/svg>`,\r\n  refresh:`<svg ${_S}><path d=\"M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5\"\/><\/svg>`,\r\n  userUp:`<svg ${_S}><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"\/><path d=\"M19 16v-7M16 12l3-3 3 3\"\/><\/svg>`,\r\n  lock:`<svg ${_S}><rect x=\"4\" y=\"11\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 8 0v4\"\/><\/svg>`,\r\n  unlock:`<svg ${_S}><rect x=\"4\" y=\"11\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 7-2.6\"\/><\/svg>`,\r\n  camera:`<svg ${_S}><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>`,\r\n  scan:`<svg ${_S}><path d=\"M3 7V5a2 2 0 0 1 2-2h2M21 7V5a2 2 0 0 0-2-2h-2M3 17v2a2 2 0 0 0 2 2h2M21 17v2a2 2 0 0 1-2 2h-2M7 12h10\"\/><\/svg>`,\r\n  tag:`<svg ${_S}><path d=\"M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><circle cx=\"7\" cy=\"7\" r=\"1.4\" fill=\"currentColor\"\/><\/svg>`,\r\n  book:`<svg ${_S}><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>`,\r\n  checkCircle:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m8 12 3 3 5-6\"\/><\/svg>`,\r\n  share:`<svg ${_S}><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><path d=\"m8.6 13.5 6.8 4M15.4 6.5l-6.8 4\"\/><\/svg>`,\r\n  handshake:`<svg ${_S}><path d=\"m11 17 2 2a1 1 0 1 0 1.4-1.4L13 16M15 18a1 1 0 0 0 1.4 0l2-2a1 1 0 1 0-1.4-1.4L15 16.6M16 14l2.5 2.5\"\/><path d=\"M14 12a3 3 0 1 0-4 4l1 1M9 19l-2.6-2.6c-.6-.6-1.4-.6-2-.4l-1 1M3 9l1-1c.6-.6 1.4-.6 2 0l1 1M21 9l-1-1c-.6-.6-1.4-.6-2 0l-1 1M3 13l5-5a2 2 0 0 1 3 0L21 18\"\/><\/svg>`,\r\n  signal:`<svg ${_S}><path d=\"M2 20h.01M7 20v-4M12 20V8M17 20V4\"\/><\/svg>`,\r\n  pulse:`<svg ${_S}><path d=\"M3 12h4l3-9 4 18 3-9h4\"\/><\/svg>`,\r\n  watch:`<svg ${_S}><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M16.5 7.5 18 4l-3-2H9L6 4l1.5 3.5M7.5 16.5 6 20l3 2h6l3-2-1.5-3.5\"\/><\/svg>`\r\n};\r\nfunction getIcon(s){\r\n  if(s.icon && ICONS[s.icon]) return ICONS[s.icon];\r\n  return ICONS[s.kind] || ICONS.action;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RENDER DEPT FILTER PILLS (start neutral, activate on click only) \u2500 *\/\r\nfunction renderPills(){\r\n  const wrap=document.getElementById(\"a3a-deptPills\");\r\n  wrap.innerHTML=DATA.map(d=>`\r\n    <button class=\"dept-pill\" data-dept=\"${d.id}\">\r\n      <span class=\"dept-pill__num\">${d.eyebrow.split(\" - \")[0]}<\/span>\r\n      <span class=\"dept-pill__name\">${d.title.replace(\/&amp;\/g,\"&\")}<\/span>\r\n      <span class=\"dept-pill__count\">${d.useCases.length}<\/span>\r\n    <\/button>`).join(\"\");\r\n  wrap.addEventListener(\"click\",e=>{\r\n    const b=e.target.closest(\".dept-pill\"); if(!b) return;\r\n    \/\/ Scope to this widget's pill row only \u2014 avoids touching other Elementor sections\r\n    wrap.querySelectorAll(\".dept-pill\").forEach(p=>p.classList.remove(\"is-on\"));\r\n    b.classList.add(\"is-on\");\r\n    const target=document.getElementById(\"dept-\"+b.dataset.dept);\r\n    if(target) target.scrollIntoView({behavior:\"smooth\",block:\"start\"});\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RENDER A SINGLE FLOW (compact, in-card) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction renderFlow(flow){\r\n  return `\r\n    <div class=\"flow__head\">\r\n      <span class=\"flow__head-label\">Workflow<\/span>\r\n      <button class=\"flow__play is-looping\" type=\"button\" aria-label=\"Pause workflow loop\">\r\n        ${ICONS.pause}<span>Pause<\/span>\r\n      <\/button>\r\n    <\/div>\r\n    <div class=\"flow__rail\">\r\n      ${flow.map((s,i)=>{\r\n        const num=String(i+1).padStart(2,\"0\");\r\n        const next=i<flow.length-1?`<div class=\"flow__connector\"><div class=\"pulse\"><\/div><\/div>`:\"\";\r\n        const ic=getIcon(s);\r\n        return `\r\n          <div class=\"flow__step flow__step--${s.kind}\" data-step=\"${i}\">\r\n            <div class=\"flow__num\">${num}<\/div>\r\n            <div class=\"flow__node-row\">\r\n              <div class=\"flow__node\">${ic}<\/div>\r\n              ${next}\r\n            <\/div>\r\n            <div class=\"flow__label\">${s.label}<\/div>\r\n          <\/div>`;\r\n      }).join(\"\")}\r\n    <\/div>`;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RENDER USE-CASE CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction renderCard(uc,deptIdx,ucIdx){\r\n  return `\r\n    <article class=\"uc-card reveal\" data-dept-idx=\"${deptIdx}\" data-uc-idx=\"${ucIdx}\">\r\n      <header class=\"uc-card__head\">\r\n        <div class=\"uc-card__meta\">\r\n          <span class=\"uc-card__effort\">Effort \u00b7 ${uc.effort}<\/span>\r\n          <span class=\"uc-card__dot\">\u00b7<\/span>\r\n          <span class=\"uc-card__ttl\">Live in \u00b7 ${uc.timeToLive}<\/span>\r\n        <\/div>\r\n      <\/header>\r\n      <h3 class=\"uc-card__title\">${uc.title}<\/h3>\r\n      <p class=\"uc-card__summary\">${uc.summary}<\/p>\r\n      <div class=\"flow\">${renderFlow(uc.flow)}<\/div>\r\n      <footer class=\"uc-card__foot\">\r\n        <span class=\"uc-card__cta\">See the details<span class=\"arr\"><\/span><\/span>\r\n      <\/footer>\r\n    <\/article>`;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RENDER DEPT SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction renderDept(d,idx){\r\n  return `\r\n    <section class=\"dept dept--${d.accent} ${idx%2===1?\"dept--soft\":\"\"}\" id=\"dept-${d.id}\">\r\n      <div class=\"dept__inner\">\r\n        <header class=\"dept__header\">\r\n          <div>\r\n            <div class=\"eyebrow-row reveal\"><span class=\"eyebrow-mark\"><\/span><span class=\"eyebrow\">${d.eyebrow}<\/span><\/div>\r\n            <div class=\"dept__heading-row\">\r\n              <h2 class=\"reveal\">${d.title}<span class=\"dept__title-sub\">${d.subtitle}<\/span><\/h2>\r\n              <p class=\"dept__desc reveal reveal--lazy\">${d.desc}<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"dept__stats reveal reveal--lazy\">\r\n            ${d.stats.map(s=>`\r\n              <div class=\"dept__stat\">\r\n                <div class=\"dept__stat-val\">${s.val}<\/div>\r\n                <div class=\"dept__stat-label\">${s.label}<\/div>\r\n              <\/div>`).join(\"\")}\r\n          <\/div>\r\n        <\/header>\r\n        <div class=\"dept__carousel\" data-dept-idx=\"${idx}\">\r\n          <button class=\"dept__arrow dept__arrow--prev\" type=\"button\" aria-label=\"Previous use case\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"dept__viewport\">\r\n            <div class=\"dept__track\">\r\n              ${d.useCases.map((u,i)=>renderCard(u,idx,i)).join(\"\")}\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"dept__arrow dept__arrow--next\" type=\"button\" aria-label=\"Next use case\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"dept__dots\" role=\"tablist\">\r\n            ${d.useCases.map((_,i)=>`<button class=\"dept__dot${i===0?' is-on':''}\" type=\"button\" data-slide=\"${i}\" aria-label=\"Go to slide ${i+1}\"><\/button>`).join(\"\")}\r\n          <\/div>\r\n          <div class=\"dept__progress\" aria-hidden=\"true\">\r\n            <div class=\"dept__progress-fill\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>`;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BUILD ALL DEPTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction build(){\r\n  document.getElementById(\"a3a-deptStack\").innerHTML=DATA.map((d,i)=>renderDept(d,i)).join(\"\");\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTERACTION: CONTINUOUS LOOP CONTROLLER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst LOOP_REGISTRY=new WeakMap();\r\n\r\nfunction makeLoop(card){\r\n  const steps=card.querySelectorAll(\".flow__step\");\r\n  const connectors=card.querySelectorAll(\".flow__connector\");\r\n  const playBtn=card.querySelector(\".flow__play\");\r\n\r\n  const STEP_HOLD=560;\r\n  const CONN_HOLD=440;\r\n  const REST_HOLD=900;\r\n  const reduce=window.matchMedia(\"(prefers-reduced-motion:reduce)\").matches;\r\n\r\n  let timeouts=[];\r\n  const state={paused:false,inView:false,running:false};\r\n\r\n  function clearTimers(){timeouts.forEach(t=>clearTimeout(t));timeouts=[]}\r\n  function reset(snap){\r\n    if(snap){\r\n      steps.forEach(s=>s.classList.add(\"is-snap\"));\r\n      connectors.forEach(c=>c.classList.add(\"is-snap\"));\r\n    }\r\n    steps.forEach(s=>s.classList.remove(\"is-lit\"));\r\n    connectors.forEach(c=>c.classList.remove(\"is-active\",\"is-pulsing\"));\r\n    if(snap){\r\n      void card.offsetWidth;\r\n      requestAnimationFrame(()=>{\r\n        steps.forEach(s=>s.classList.remove(\"is-snap\"));\r\n        connectors.forEach(c=>c.classList.remove(\"is-snap\"));\r\n      });\r\n    }\r\n  }\r\n\r\n  function runOnce(){\r\n    state.running=true;\r\n    reset(true);\r\n    if(reduce){\r\n      steps.forEach(s=>s.classList.add(\"is-lit\"));\r\n      connectors.forEach(c=>c.classList.add(\"is-active\"));\r\n      timeouts.push(setTimeout(()=>{state.running=false;maybeStart()},REST_HOLD*2));\r\n      return;\r\n    }\r\n    let t=0;\r\n    steps.forEach((s,i)=>{\r\n      timeouts.push(setTimeout(()=>s.classList.add(\"is-lit\"),t));\r\n      t+=STEP_HOLD;\r\n      if(i<steps.length-1){\r\n        const conn=s.querySelector(\".flow__connector\");\r\n        if(conn){\r\n          timeouts.push(setTimeout(()=>{\r\n            conn.classList.remove(\"is-pulsing\");\r\n            void conn.offsetWidth;\r\n            conn.classList.add(\"is-pulsing\",\"is-active\");\r\n          },t-120));\r\n        }\r\n        t+=CONN_HOLD-120;\r\n      }\r\n    });\r\n    timeouts.push(setTimeout(()=>{\r\n      state.running=false;\r\n      maybeStart();\r\n    },t+REST_HOLD));\r\n  }\r\n\r\n  function maybeStart(){\r\n    if(state.paused||!state.inView||state.running)return;\r\n    runOnce();\r\n  }\r\n  function stop(){clearTimers();state.running=false;reset()}\r\n\r\n  function setInView(v){\r\n    state.inView=v;\r\n    if(v) maybeStart();\r\n    else stop();\r\n  }\r\n  function setPaused(p){\r\n    state.paused=p;\r\n    if(p){\r\n      stop();\r\n      playBtn.classList.remove(\"is-looping\");\r\n      playBtn.classList.add(\"is-paused\");\r\n      playBtn.innerHTML=`${ICONS.play}<span>Play<\/span>`;\r\n      playBtn.setAttribute(\"aria-label\",\"Resume workflow loop\");\r\n    }else{\r\n      playBtn.classList.add(\"is-looping\");\r\n      playBtn.classList.remove(\"is-paused\");\r\n      playBtn.innerHTML=`${ICONS.pause}<span>Pause<\/span>`;\r\n      playBtn.setAttribute(\"aria-label\",\"Pause workflow loop\");\r\n      maybeStart();\r\n    }\r\n  }\r\n  function toggle(){setPaused(!state.paused)}\r\n\r\n  return {setInView,setPaused,toggle,stop};\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTERACTION: STEP HOVER HIGHLIGHT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindStepHover(card){\r\n  const steps=card.querySelectorAll(\".flow__step\");\r\n  steps.forEach((s)=>{\r\n    s.addEventListener(\"mouseenter\",()=>{\r\n      steps.forEach(x=>x.classList.remove(\"is-active\"));\r\n      s.classList.add(\"is-active\");\r\n    });\r\n    s.addEventListener(\"mouseleave\",()=>{s.classList.remove(\"is-active\")});\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTERACTION: BIND CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindCards(){\r\n  const cards=ROOT.querySelectorAll(\".uc-card\");\r\n  cards.forEach(card=>{\r\n    bindStepHover(card);\r\n    const loop=makeLoop(card);\r\n    LOOP_REGISTRY.set(card,loop);\r\n    const play=card.querySelector(\".flow__play\");\r\n    play.addEventListener(\"click\",e=>{e.stopPropagation();loop.toggle()});\r\n    card.addEventListener(\"click\",e=>{\r\n      if(e.target.closest(\".flow__play\")) return;\r\n      if(e.target.closest(\".flow__step\") && !e.target.closest(\".uc-card__foot\")) return;\r\n      openDrawer(+card.dataset.deptIdx,+card.dataset.ucIdx);\r\n    });\r\n  });\r\n  const io=new IntersectionObserver(es=>{\r\n    es.forEach(e=>{\r\n      const loop=LOOP_REGISTRY.get(e.target);\r\n      if(loop) loop.setInView(e.isIntersecting && e.intersectionRatio>0.25);\r\n    });\r\n  },{threshold:[0,0.25,0.6]});\r\n  cards.forEach(c=>io.observe(c));\r\n  document.addEventListener(\"visibilitychange\",()=>{\r\n    cards.forEach(c=>{\r\n      const l=LOOP_REGISTRY.get(c);if(!l)return;\r\n      l.setInView(document.visibilityState===\"visible\" && c.getBoundingClientRect().top<window.innerHeight && c.getBoundingClientRect().bottom>0);\r\n    });\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTERACTION: BIND CAROUSELS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\/* Consistent 10s timer per slide across all 4 sections.\r\n   Hover ONLY pauses (timer + bar freeze at current frame).\r\n   Leaving hover resumes from the exact same position \u2014 no jump, no reset.\r\n   Arrow \/ dot \/ swipe restart from 0. *\/\r\nfunction bindCarousels(){\r\n  const AUTOPLAY_MS=10000;\r\n  ROOT.querySelectorAll(\".dept__carousel\").forEach(car=>{\r\n    const track=car.querySelector(\".dept__track\");\r\n    const slides=car.querySelectorAll(\".uc-card\");\r\n    const dots=car.querySelectorAll(\".dept__dot\");\r\n    const prev=car.querySelector(\".dept__arrow--prev\");\r\n    const next=car.querySelector(\".dept__arrow--next\");\r\n    const vp=car.querySelector(\".dept__viewport\");\r\n    const fill=car.querySelector(\".dept__progress-fill\");\r\n    const total=slides.length;\r\n    if(!total) return;\r\n\r\n    let idx=0,timer=null,paused=false,inView=false;\r\n    let cycleStart=0;        \/\/ performance.now() when current cycle began\r\n    let elapsedAtPause=0;    \/\/ ms into the current cycle when paused\r\n\r\n    \/* progress bar *\/\r\n    function fillRestart(){\r\n      if(!fill) return;\r\n      fill.classList.remove(\"is-running\",\"is-paused\");\r\n      void fill.offsetWidth;\r\n      if(!paused && inView) fill.classList.add(\"is-running\");\r\n    }\r\n    function fillPause(){if(fill) fill.classList.add(\"is-paused\")}\r\n    function fillResume(){if(fill) fill.classList.remove(\"is-paused\")}\r\n\r\n    \/* slide changes *\/\r\n    function applySlide(){\r\n      track.style.transform=`translateX(-${idx*100}%)`;\r\n      dots.forEach((d,i)=>d.classList.toggle(\"is-on\",i===idx));\r\n    }\r\n    function go(n){\r\n      idx=(n+total)%total;\r\n      applySlide();\r\n      elapsedAtPause=0;\r\n      cycleStart=performance.now();\r\n      fillRestart();\r\n    }\r\n    function autoNext(){\r\n      idx=(idx+1)%total;\r\n      applySlide();\r\n      elapsedAtPause=0;\r\n      cycleStart=performance.now();\r\n      fillRestart();\r\n    }\r\n\r\n    \/* timer control with elapsed-time tracking *\/\r\n    function clearTimers(){\r\n      if(timer){clearTimeout(timer);clearInterval(timer);timer=null}\r\n    }\r\n    function start(){\r\n      if(paused||!inView||timer) return;\r\n      const remaining=Math.max(0,AUTOPLAY_MS-elapsedAtPause);\r\n      cycleStart=performance.now()-elapsedAtPause;\r\n      timer=setTimeout(()=>{\r\n        autoNext();\r\n        timer=setInterval(autoNext,AUTOPLAY_MS);\r\n      },remaining);\r\n      \/\/ First cycle: animation hasn't started yet \u2192 kick it off.\r\n      \/\/ Resuming after hover: animation is frozen mid-cycle \u2192 just unfreeze.\r\n      if(fill){\r\n        if(!fill.classList.contains(\"is-running\")) fillRestart();\r\n        else fillResume();\r\n      }\r\n    }\r\n    function stop(){\r\n      if(timer){\r\n        elapsedAtPause=Math.min(AUTOPLAY_MS,performance.now()-cycleStart);\r\n        clearTimers();\r\n      }\r\n      fillPause();\r\n    }\r\n\r\n    \/* user controls \u2014 restart cleanly from 0 *\/\r\n    prev.addEventListener(\"click\",e=>{e.stopPropagation();go(idx-1);clearTimers();start()});\r\n    next.addEventListener(\"click\",e=>{e.stopPropagation();go(idx+1);clearTimers();start()});\r\n    dots.forEach(d=>d.addEventListener(\"click\",e=>{e.stopPropagation();go(+d.dataset.slide);clearTimers();start()}));\r\n\r\n    \/* hover \u2014 pause only, resume from same spot *\/\r\n    car.addEventListener(\"mouseenter\",()=>{paused=true;stop()});\r\n    car.addEventListener(\"mouseleave\",()=>{paused=false;start()});\r\n\r\n    \/* swipe *\/\r\n    let sx=0,dx=0,touching=false;\r\n    vp.addEventListener(\"touchstart\",e=>{sx=e.touches[0].clientX;dx=0;touching=true;paused=true;stop()},{passive:true});\r\n    vp.addEventListener(\"touchmove\",e=>{if(touching)dx=e.touches[0].clientX-sx},{passive:true});\r\n    vp.addEventListener(\"touchend\",()=>{\r\n      if(!touching) return;\r\n      touching=false;\r\n      paused=false;\r\n      if(Math.abs(dx)>40){go(dx<0?idx+1:idx-1);clearTimers();start()}\r\n      else start();\r\n    });\r\n\r\n    \/* viewport visibility \u2014 pause off-screen, resume in place *\/\r\n    new IntersectionObserver(es=>{\r\n      es.forEach(e=>{\r\n        const wasInView=inView;\r\n        inView=e.isIntersecting && e.intersectionRatio>0.25;\r\n        if(inView && !wasInView) start();\r\n        else if(!inView && wasInView) stop();\r\n      });\r\n    },{threshold:[0,0.25,0.6]}).observe(car);\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 DRAWER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst overlay=document.getElementById(\"a3a-ucOverlay\");\r\nconst drawer=document.getElementById(\"a3a-ucDrawer\");\r\nconst drawerBody=document.getElementById(\"a3a-drawerBody\");\r\nconst drawerEyebrow=document.getElementById(\"a3a-drawerEyebrow\");\r\nconst drawerClose=document.getElementById(\"a3a-drawerClose\");\r\n\r\nfunction openDrawer(deptIdx,ucIdx){\r\n  const d=DATA[deptIdx];\r\n  const uc=d.useCases[ucIdx];\r\n  drawerEyebrow.innerHTML=d.eyebrow;\r\n  drawerBody.innerHTML=`\r\n    <div class=\"uc-drawer__chip-row\">\r\n      <span class=\"uc-drawer__chip\"><span class=\"dot\"><\/span>Effort \u00b7 ${uc.effort}<\/span>\r\n      <span class=\"uc-drawer__chip\"><span class=\"dot\" style=\"background:var(--brand-navy)\"><\/span>Live in \u00b7 ${uc.timeToLive}<\/span>\r\n    <\/div>\r\n    <h2 class=\"uc-drawer__title\" id=\"a3a-drawerTitle\">${uc.title}<\/h2>\r\n    <p class=\"uc-drawer__summary\">${uc.summary}<\/p>\r\n\r\n    <section class=\"uc-drawer__section\">\r\n      <h4 class=\"uc-drawer__h\">How it works<\/h4>\r\n      <div class=\"flow-big\">\r\n        ${uc.flow.map((s,i)=>`\r\n          <div class=\"flow-big__step flow-big__step--${s.kind}\">\r\n            <div class=\"flow-big__rail\">\r\n              <div class=\"flow-big__node\">${getIcon(s)}<\/div>\r\n              <div class=\"flow-big__line\"><\/div>\r\n            <\/div>\r\n            <div class=\"flow-big__content\">\r\n              <div class=\"flow-big__kind\">${s.kind===\"trigger\"?\"Trigger\":s.kind===\"outcome\"?\"Outcome\":\"Action\"}<\/div>\r\n              <div class=\"flow-big__label\">${s.label}<\/div>\r\n            <\/div>\r\n          <\/div>`).join(\"\")}\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"uc-meta-row\">\r\n      <div>\r\n        <div class=\"uc-meta-row__label\">Effort<\/div>\r\n        <div class=\"uc-meta-row__val\">${uc.effort}<\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"uc-meta-row__label\">Time to live<\/div>\r\n        <div class=\"uc-meta-row__val\">${uc.timeToLive}<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"uc-cta-row\">\r\n      <a class=\"btn btn--primary\" href=\"https:\/\/go.agence3a.ca\/links-page\">Book a Diagnostic <span class=\"btn-arrow\"><\/span><\/a>\r\n      <a class=\"btn btn--ghost\" href=\"\/contact\/\">Talk to us<\/a>\r\n    <\/div>\r\n  `;\r\n  overlay.classList.add(\"is-open\");\r\n  drawer.classList.add(\"is-open\");\r\n  \/\/ save the previous body overflow value so we restore exactly what was there\r\n  \/\/ (rather than blindly clearing it \u2014 another script may have set it)\r\n  if(!document.body.dataset.a3aPrevOverflow){\r\n    document.body.dataset.a3aPrevOverflow=document.body.style.overflow||\"\";\r\n  }\r\n  document.body.style.overflow=\"hidden\";\r\n}\r\nfunction closeDrawer(){\r\n  overlay.classList.remove(\"is-open\");\r\n  drawer.classList.remove(\"is-open\");\r\n  if(\"a3aPrevOverflow\" in document.body.dataset){\r\n    document.body.style.overflow=document.body.dataset.a3aPrevOverflow;\r\n    delete document.body.dataset.a3aPrevOverflow;\r\n  }\r\n}\r\noverlay.addEventListener(\"click\",closeDrawer);\r\ndrawerClose.addEventListener(\"click\",closeDrawer);\r\n\/\/ Escape only acts when OUR drawer is actually open \u2014 avoids interfering\r\n\/\/ with other Elementor widgets (modals, popups) that also use Escape\r\ndocument.addEventListener(\"keydown\",e=>{\r\n  if(e.key===\"Escape\" && drawer.classList.contains(\"is-open\")) closeDrawer();\r\n});\r\n\r\n\/* \u2500\u2500\u2500 REVEAL ON VIEWPORT ENTRY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindReveal(){\r\n  const io=new IntersectionObserver(es=>{\r\n    es.forEach(e=>{if(e.isIntersecting){e.target.classList.add(\"is-in\");io.unobserve(e.target)}});\r\n  },{threshold:.18,rootMargin:\"0px 0px -40px 0px\"});\r\n  ROOT.querySelectorAll(\".reveal\").forEach(el=>io.observe(el));\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO PARALLAX (subtle) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindParallax(){\r\n  const ghost=document.getElementById(\"heroGhost\");\r\n  if(!ghost) return;\r\n  const reduce=window.matchMedia(\"(prefers-reduced-motion:reduce)\").matches;\r\n  if(reduce) return;\r\n  let raf=0;\r\n  const onScroll=()=>{\r\n    const y=window.scrollY;\r\n    if(y>900) return;\r\n    if(raf) return;\r\n    raf=requestAnimationFrame(()=>{\r\n      ghost.style.transform=`translateY(${y*0.18}px)`;\r\n      raf=0;\r\n    });\r\n  };\r\n  window.addEventListener(\"scroll\",onScroll,{passive:true});\r\n}\r\n\r\n\/* \u2500\u2500\u2500 DEPT STAT COUNT-UP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindStatCountUp(){\r\n  const ios=new IntersectionObserver(es=>{\r\n    es.forEach(e=>{\r\n      if(!e.isIntersecting||e.target.dataset.counted)return;\r\n      e.target.dataset.counted=\"1\";\r\n      const raw=e.target.textContent;\r\n      const m=raw.match(\/(-?[\\d.]+)\/);\r\n      if(!m){return}\r\n      const target=parseFloat(m[1]);\r\n      const dur=900,start=performance.now(),fmt=raw;\r\n      const isInt=Number.isInteger(target);\r\n      function tick(t){\r\n        const p=Math.min((t-start)\/dur,1);\r\n        const eased=1-Math.pow(1-p,3);\r\n        const v=target*eased;\r\n        const display=isInt?Math.round(v):v.toFixed(1);\r\n        e.target.textContent=fmt.replace(m[1],display);\r\n        if(p<1)requestAnimationFrame(tick); else e.target.textContent=raw;\r\n      }\r\n      requestAnimationFrame(tick);\r\n    });\r\n  },{threshold:.6});\r\n  ROOT.querySelectorAll(\".dept__stat-val\").forEach(el=>ios.observe(el));\r\n}\r\n\r\n\/* \u2500\u2500\u2500 ACTIVE DEPT PILL ON SCROLL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction bindActivePillOnScroll(){\r\n  const sections=DATA.map(d=>document.getElementById(\"dept-\"+d.id));\r\n  const pills=document.querySelectorAll(\".dept-pill\");\r\n  const io=new IntersectionObserver(es=>{\r\n    es.forEach(e=>{\r\n      if(e.isIntersecting && e.intersectionRatio>0.25){\r\n        const id=e.target.id.replace(\"dept-\",\"\");\r\n        pills.forEach(p=>p.classList.toggle(\"is-on\",p.dataset.dept===id));\r\n      }\r\n    });\r\n  },{threshold:[0.25,0.6],rootMargin:\"-120px 0px -40% 0px\"});\r\n  sections.forEach(s=>s&&io.observe(s));\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction __a3aInit(){\r\n  build();\r\n  renderPills();\r\n  bindCards();\r\n  bindCarousels();\r\n  bindReveal();\r\n  \/\/ bindActivePillOnScroll() removed \u2014 pill activates ONLY on user click\r\n  bindStatCountUp();\r\n}\r\nif(document.readyState===\"loading\"){document.addEventListener(\"DOMContentLoaded\",__a3aInit)}else{__a3aInit()}\r\n\r\n})();<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-715032e e-con-full e-flex e-con e-child\" data-id=\"715032e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-999d3ce e-con-full e-flex e-con e-child\" data-id=\"999d3ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7131247 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7131247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">OUR A\/A\/A METHOD IN ACTION<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25069b5 elementor-widget elementor-widget-heading\" data-id=\"25069b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diagnostic First.\nExecution Second.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53b9923 e-con-full e-flex e-con e-child\" data-id=\"53b9923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62ed8f9 e-con-full e-flex e-con e-child\" data-id=\"62ed8f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e784e1c e-con-full e-flex e-con e-child\" data-id=\"e784e1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cac281 elementor-widget elementor-widget-heading\" data-id=\"8cac281\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">01\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9221cdb elementor-widget elementor-widget-heading\" data-id=\"9221cdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diagnostic\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3379b12 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3379b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<article class=\"method-strip__step\"><p>Audit of existing workflows. Map of the 10 biggest friction points per department. Prioritization by impact \/ effort.<\/p><\/article><article class=\"method-strip__step\"><\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b613ac e-con-full e-flex e-con e-child\" data-id=\"0b613ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d46166 elementor-widget elementor-widget-heading\" data-id=\"9d46166\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e276ce9 elementor-widget elementor-widget-heading\" data-id=\"e276ce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4a5ae4 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e4a5ae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<article class=\"method-strip__step\"><p>Prototype in 2 weeks, deployment in 4 to 6. Tested with your team on real data. Full documentation delivered.<\/p><\/article><article class=\"method-strip__step\"><\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f8309b e-con-full e-flex e-con e-child\" data-id=\"1f8309b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e63581 elementor-widget elementor-widget-heading\" data-id=\"2e63581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5615a elementor-widget elementor-widget-heading\" data-id=\"4c5615a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Operate\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1974242 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1974242\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"method-strip\"><div class=\"method-strip__inner\"><div class=\"method-strip__grid\"><article class=\"method-strip__step\"><p>Monitoring, dashboards, iterations. We stay partners \u2014 not just integrators. Your automation evolves with your business.<\/p><\/article><\/div><\/div><\/section><section id=\"contact\" class=\"cta-band\"><div class=\"cta-band__inner\">\u00a0<\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c8cf6f e-con-full e-flex e-con e-parent\" data-id=\"5c8cf6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ee7975f e-con-full e-flex e-con e-child\" data-id=\"ee7975f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-45a05b8 e-flex e-con-boxed e-con e-child\" data-id=\"45a05b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a78c449 e-con-full e-flex e-con e-child\" data-id=\"a78c449\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5569e elementor-widget elementor-widget-heading\" data-id=\"5a5569e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Automate Your Growth?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f678ed4 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"f678ed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Book a free diagnostic. We&#8217;ll identify 2 to 3 high-leverage automations together, no strings attached.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7a8914 e-con-full e-flex e-con e-child\" data-id=\"e7a8914\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0169f07 elementor-align-center elementor-laptop-align-justify elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"0169f07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/go.agence3a.ca\/links-page\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book A Diagnostic<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3ff14f elementor-align-center elementor-laptop-align-justify elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"a3ff14f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-745215c e-flex e-con-boxed e-con e-child\" data-id=\"745215c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c56916b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c56916b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AUTOMATION \u2014 BY DEPARTMENT Stop Doing What a Machine Does Better. We design and deploy concrete automations for every department in your business. Less repetitive work, more time for what actually matters, up and running by next week. \u00a0 Book a Diagnostic SEE THE EXAMPLES Agence 3A \u2014 Automation Departments 01 &#8211; SALES OUR A\/A\/A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":185,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4618","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Consultation IA, Automatisation et Marketing pour Croissance PME - Agence 3A<\/title>\n<meta name=\"description\" content=\"Optimisez votre croissance avec une consultation IA, Automatisation et Marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agence3a.ca\/fr\/automatisation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consultation IA, Automatisation et Marketing pour Croissance PME - Agence 3A\" \/>\n<meta property=\"og:description\" content=\"Optimisez votre croissance avec une consultation IA, Automatisation et Marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agence3a.ca\/fr\/automatisation\/\" \/>\n<meta property=\"og:site_name\" content=\"Agence 3A\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T11:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-014.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1494\" \/>\n\t<meta property=\"og:image:height\" content=\"1548\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/\",\"name\":\"Consultation IA, Automatisation et Marketing pour Croissance PME - Agence 3A\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-014.png\",\"datePublished\":\"2026-04-28T10:23:17+00:00\",\"dateModified\":\"2026-04-30T11:10:33+00:00\",\"description\":\"Optimisez votre croissance avec une consultation IA, Automatisation et Marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-014.png\",\"contentUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Shape-014.png\",\"width\":1494,\"height\":1548},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/automation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agence3a.ca\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#website\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/\",\"name\":\"Agence 3A\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agence3a.ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#organization\",\"name\":\"Agence 3A\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-transparent.png\",\"contentUrl\":\"https:\\\/\\\/agence3a.ca\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-transparent.png\",\"width\":271,\"height\":57,\"caption\":\"Agence 3A\"},\"image\":{\"@id\":\"https:\\\/\\\/agence3a.ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consulting IA, Automatisation et Marketing pour la Croissance des PME - Agence 3A","description":"Optimisez votre croissance gr\u00e2ce \u00e0 une consultation IA, d'automatisation et de marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agence3a.ca\/fr\/automatisation\/","og_locale":"fr_CA","og_type":"article","og_title":"Consultation IA, Automatisation et Marketing pour Croissance PME - Agence 3A","og_description":"Optimisez votre croissance avec une consultation IA, Automatisation et Marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.","og_url":"https:\/\/agence3a.ca\/fr\/automatisation\/","og_site_name":"Agence 3A","article_modified_time":"2026-04-30T11:10:33+00:00","og_image":[{"width":1494,"height":1548,"url":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-014.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/agence3a.ca\/fr\/automation\/","url":"https:\/\/agence3a.ca\/fr\/automation\/","name":"Consulting IA, Automatisation et Marketing pour la Croissance des PME - Agence 3A","isPartOf":{"@id":"https:\/\/agence3a.ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agence3a.ca\/fr\/automation\/#primaryimage"},"image":{"@id":"https:\/\/agence3a.ca\/fr\/automation\/#primaryimage"},"thumbnailUrl":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-014.png","datePublished":"2026-04-28T10:23:17+00:00","dateModified":"2026-04-30T11:10:33+00:00","description":"Optimisez votre croissance gr\u00e2ce \u00e0 une consultation IA, d'automatisation et de marketing adapt\u00e9e \u00e0 vos objectifs et \u00e0 votre public cible.","breadcrumb":{"@id":"https:\/\/agence3a.ca\/fr\/automation\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agence3a.ca\/fr\/automation\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/agence3a.ca\/fr\/automation\/#primaryimage","url":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-014.png","contentUrl":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/04\/Shape-014.png","width":1494,"height":1548},{"@type":"BreadcrumbList","@id":"https:\/\/agence3a.ca\/fr\/automation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agence3a.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"Automation"}]},{"@type":"WebSite","@id":"https:\/\/agence3a.ca\/#website","url":"https:\/\/agence3a.ca\/","name":"Agence 3A","description":"","publisher":{"@id":"https:\/\/agence3a.ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agence3a.ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/agence3a.ca\/#organization","name":"Agence 3A","url":"https:\/\/agence3a.ca\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/agence3a.ca\/#\/schema\/logo\/image\/","url":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/07\/cropped-transparent.png","contentUrl":"https:\/\/agence3a.ca\/wp-content\/uploads\/2025\/07\/cropped-transparent.png","width":271,"height":57,"caption":"Agence 3A"},"image":{"@id":"https:\/\/agence3a.ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/pages\/4618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/comments?post=4618"}],"version-history":[{"count":0,"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/pages\/4618\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/agence3a.ca\/fr\/wp-json\/wp\/v2\/media?parent=4618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}