/* Automation page identity: BRIGHT DAYLIGHT. White and ice-blue blueprint surfaces, cobalt and sky blue, one coral for failures.
   Colors come from the hero picture's own sunny glass office (sky #2bb1ff, hologram cobalt #0a66f0, navy glass #08142e).
   Deliberately no amber (that belongs to the AI page) and no green. No arrows on buttons. No sweeping light. */
.au-sec,.au-how,.au-ai{--ink:#08142e;--cobalt:#0a66f0;--sky:#2bb1ff;--ice:#e8f4ff;--line:rgba(8,20,46,.16)}

/* ---------- hero ---------- */
.is-au .rb-stage-inner::after{display:none}
.is-au .rb-stage img{animation:none}
.au-title{position:absolute;left:67vw;top:40%;z-index:3;width:32vw;pointer-events:none}
.au-title h1{margin:0;text-transform:uppercase;color:#08142e;text-shadow:0 0 22px rgba(255,255,255,.55)}
.au-t1{display:block;margin-bottom:.8vw;font:700 1.15vw/1.25 var(--rb-display);letter-spacing:.07em;color:#0a66f0}
.au-t2{display:block;font:700 4.4vw/.98 var(--rb-display);letter-spacing:-.04em}
.au-t2 .w{display:block;width:max-content}
.au-title .hot{color:#0a66f0}
.au-title .w{display:inline-block;opacity:0;transform:translateY(40px);filter:blur(8px);animation:rb-wordin .85s var(--rb-ease) forwards;animation-delay:calc(var(--i) * .08s + .2s)}
.au-t1 .w{display:inline-block}

/* ---------- band: solid cobalt ---------- */
.au-band{position:relative;background:linear-gradient(135deg,#0a66f0 0%,#0558cf 55%,#06409a 100%);color:#fff;padding:clamp(72px,11vw,170px) 0;overflow:hidden}
.au-band-h{margin:0;text-transform:uppercase;font:700 clamp(2.4rem,6.2vw,6.6rem)/1.02 var(--rb-display);letter-spacing:-.045em}
.au-bl{display:block}
.au-band-h .hot{background:linear-gradient(transparent 84%,#fff 84%,#fff 95%,transparent 95%) no-repeat 0 0/0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1s var(--rb-ease) .7s}
.au-band-h.in .hot{background-size:100% 100%}

/* ---------- the workbench ---------- */
.au-sec{position:relative;padding:clamp(56px,8vw,112px) 0;color:var(--ink);background-color:#f3f9ff;background-image:radial-gradient(rgba(10,102,240,.16) 1.2px,transparent 1.4px);background-size:26px 26px}
.au-panel-grid{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(24px,4.5vw,72px);align-items:start}
.au-panel .au-pk-name{margin:0 0 12px;font:700 clamp(2.2rem,4.6vw,4.2rem)/1 var(--rb-display);letter-spacing:-.045em;color:var(--ink)}
.au-pk-line{margin:0 0 clamp(18px,2.2vw,28px);font:600 clamp(1.05rem,1.5vw,1.35rem)/1.3 var(--rb-display);color:var(--cobalt);letter-spacing:-.015em}
.au-pk-inc{margin:0 0 12px;font:700 .72rem/1 var(--rb-display);letter-spacing:.18em;text-transform:uppercase;color:#4a5d82}
.au-pk-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}
.au-pk-list li{position:relative;padding-left:28px;font-size:1.02rem;line-height:1.45;color:#27375a}
.au-pk-list li::before{content:"";position:absolute;left:0;top:.38em;width:16px;height:16px;border-radius:50%;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.au-sec .rb-btn.is-primary,.au-ai .rb-btn.is-primary{background:var(--cobalt);color:#fff;box-shadow:none}
.au-sec .rb-btn.is-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 30px rgba(10,102,240,.3)}
.au-sec .rb-btn.is-line{border-color:var(--line);background:#fff;color:var(--ink)}
.au-sec .rb-btn.is-line:hover{border-color:var(--cobalt);color:var(--cobalt)}

.au-demo{color:var(--ink);border:2px solid var(--cobalt);border-radius:26px;background:#fff;padding:clamp(18px,2.4vw,32px);box-shadow:0 24px 60px rgba(10,102,240,.14)}
.au-demo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:20px}
.au-demo-tag{margin:0;font:700 .72rem/1 var(--rb-display);letter-spacing:.18em;text-transform:uppercase;color:var(--cobalt)}
.au-demo .rb-chips{margin:0}
.au-sec .rb-chip{border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.au-sec .rb-chip:hover{border-color:var(--cobalt)}
.au-sec .rb-chip[aria-pressed="true"]{background:var(--cobalt);color:#fff;border-color:var(--cobalt);box-shadow:none}
.au-demo-fine{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:#5a6c8f}
.au-cap{margin:0 0 10px;font:700 .72rem/1 var(--rb-display);letter-spacing:.18em;text-transform:uppercase;color:#4a5d82}

/* Task: rule + wire + feed */
.au-rule{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,36px);margin-bottom:22px}
.au-wire{display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,.45fr) minmax(0,1fr);align-items:center}
.au-node{min-height:7.2em;padding:16px 18px;border:2px solid var(--line);border-radius:16px;background:var(--ice);transition:border-color .3s,box-shadow .3s,background .3s,color .3s}
.au-node small{display:block;margin-bottom:8px;font:700 10px/1 var(--rb-display);letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.au-node b{display:block;font:700 1.05rem/1.25 var(--rb-display)}
.au-node span{display:block;margin-top:6px;font-size:13.5px;line-height:1.4;color:#3a4d72}
.au-node.is-fire{border-color:var(--cobalt);box-shadow:0 0 0 5px rgba(10,102,240,.16)}
.au-out{opacity:.6;border-style:dashed}
.au-out.is-on{opacity:1;border-style:solid;background:var(--cobalt);border-color:var(--cobalt);color:#fff;animation:au-pop .5s var(--rb-ease)}
.au-out.is-on small,.au-out.is-on span{color:#d4ecff}
@keyframes au-pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
.au-line{position:relative;height:3px;background:repeating-linear-gradient(90deg,#a9bde8 0 8px,transparent 8px 14px)}
.au-line i{position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:5px;background:var(--cobalt);opacity:0}
.au-line.is-run i{opacity:1;animation:au-dot .9s var(--rb-ease) forwards}
@keyframes au-dot{from{left:0}to{left:calc(100% - 16px)}}
.au-demo-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:20px}
.au-run:disabled{opacity:.55;cursor:default}
.au-ran{font:600 13px/1 var(--rb-display);font-style:normal;color:var(--cobalt);letter-spacing:.04em}
.au-hist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.au-hist li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--ice);font-size:14px;opacity:0;transform:translateY(-8px);transition:opacity .35s var(--rb-ease),transform .35s var(--rb-ease)}
.au-hist li.is-on{opacity:1;transform:none}
.au-hist time{font:700 12px/1 var(--rb-display);color:var(--cobalt);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.au-hist b{font-weight:600}

/* Process */
.au-req{margin:0 0 18px;font-size:15px;color:#3a4d72}
.au-req b{color:var(--ink)}
.au-track{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.au-track li{position:relative;padding:44px 12px 4px 0}
.au-track li::before{content:"";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #b9c9ec;transition:all .4s var(--rb-ease);z-index:1}
.au-track li::after{content:"";position:absolute;left:22px;right:0;top:20px;height:3px;background:#dbe5f8;transition:background .4s var(--rb-ease)}
.au-track li:last-child::after{display:none}
.au-track b{display:block;font:700 .98rem/1.2 var(--rb-display);color:var(--ink)}
.au-track span{display:block;margin-top:4px;font-size:13px;color:#4a5d82}
.au-track li.is-on::before{background:var(--cobalt);border-color:var(--cobalt);box-shadow:0 0 0 5px rgba(10,102,240,.16)}
.au-track li.is-on::after{background:var(--cobalt)}
.au-track li.is-yes::before{background:#06409a;border-color:#06409a;box-shadow:0 0 0 5px rgba(13,42,143,.18)}
.au-track li.is-yes::after{background:#06409a}
.au-track li.is-no::before{background:#e0452f;border-color:#e0452f;box-shadow:0 0 0 5px rgba(224,69,47,.16)}
.au-track li.is-no::after{background:#e0452f}
.au-track li.is-wait::before{background:#fff;border-color:var(--cobalt);border-style:dashed}
.au-day{display:inline-block;margin:0 0 14px;padding:7px 14px;border-radius:999px;background:var(--ice);color:var(--cobalt);font:700 12px/1 var(--rb-display);letter-spacing:.14em;text-transform:uppercase}
.au-log{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:l}
.au-log li{counter-increment:l;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;font-size:14.5px;opacity:0;transform:translateX(-10px);transition:opacity .4s var(--rb-ease),transform .4s var(--rb-ease)}
.au-log li::before{content:counter(l);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cobalt);color:#fff;font:700 12px/1 var(--rb-display)}
.au-log li.is-on{opacity:1;transform:none}
.au-log li.is-bad::before{background:#e0452f}

/* Operations */
.au-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.au-tile{padding:16px 16px 14px;border:2px solid var(--line);border-radius:16px;background:var(--ice)}
.au-tile b{display:block;font:700 clamp(1.8rem,3vw,2.6rem)/1 var(--rb-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--cobalt)}
.au-tile span{display:block;margin-top:8px;font-size:13px;color:#3a4d72}
.au-sys{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.au-sys li{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;font:600 14px/1 var(--rb-display);transition:all .35s var(--rb-ease)}
.au-sys li i{width:10px;height:10px;border-radius:50%;background:var(--cobalt)}
.au-sys li.is-bad{border-color:#e0452f;background:#fff0ed;color:#8f2415}
.au-sys li.is-bad i{background:#e0452f}
.au-sys li.is-alert{border-color:var(--cobalt);background:var(--ice)}

/* ---------- cross-sell, how it works, closing ---------- */
.au-ai{background:var(--ice);color:var(--ink);text-align:center;padding:clamp(56px,7vw,100px) 0}
.au-ai-h{margin:0 auto 14px;max-width:22ch;font:700 clamp(1.8rem,4vw,3.4rem)/1.05 var(--rb-display);letter-spacing:-.04em}
.au-ai-p{margin:0 auto 28px;max-width:52ch;color:#3a4d72}
.au-how{background:#fff;color:var(--rb-text);padding:clamp(64px,9vw,120px) 0}
.au-fine{max-width:90ch;margin:34px 0 0;font-size:13.5px;line-height:1.6;color:#4a5a73}
.au-cta{background:linear-gradient(135deg,#0a66f0 0%,#0558cf 55%,#06409a 100%);color:#fff;text-align:center;padding:clamp(72px,10vw,150px) 0}
.au-cta h2{margin:0 auto 32px;max-width:20ch;font:700 clamp(2.2rem,5.2vw,4.4rem)/1.02 var(--rb-display);letter-spacing:-.04em}
.au-cta .rb-btn.is-light{background:#fff;color:#06409a;box-shadow:none}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .au-title{position:static;width:auto;padding:26px 16px 20px;background:#e8f4ff}
  .au-title h1{text-shadow:none}
  .au-t1{font-size:.78rem;margin-bottom:8px}
  .au-t2{font-size:clamp(2rem,10vw,2.8rem)}
  .au-t2 .w{display:inline-block;width:auto}
  .is-au .rb-stagewrap{display:flex;flex-direction:column}
  .is-au .au-title{order:-1}
  .is-au .rb-swipe{position:static;align-self:flex-end;margin:-46px 16px 0 0;z-index:2}
  .au-panel-grid{grid-template-columns:1fr}
  .au-rule{grid-template-columns:1fr}
  .au-wire{grid-template-columns:1fr;gap:10px}
  .au-line{height:28px;width:3px;margin:0 auto;background:repeating-linear-gradient(180deg,#a9bde8 0 8px,transparent 8px 14px)}
  .au-line i{left:50%;margin-left:-8px;top:0;margin-top:0}
  .au-line.is-run i{animation:au-dotv .9s var(--rb-ease) forwards}
  @keyframes au-dotv{from{top:0}to{top:calc(100% - 16px)}}
  .au-track{grid-template-columns:1fr;gap:6px}
  .au-track li{padding:2px 0 8px 36px}
  .au-track li::before{top:2px}
  .au-track li::after{left:10px;top:26px;width:3px;height:calc(100% - 12px);right:auto}
  .au-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .au-hist li{grid-template-columns:1fr;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .au-title .w{animation:none;opacity:1;transform:none;filter:none}
  .au-band-h .hot{background-size:100% 100%;transition:none}
  .au-line.is-run i{animation:none;left:calc(100% - 16px)}
  .au-out.is-on{animation:none}
  .au-log li,.au-hist li,.au-track li::before,.au-track li::after,.au-sys li,.au-tab{transition:none}
}

/* three sections, three looks */
.au-s-proc{background:linear-gradient(160deg,#0a66f0 0%,#0558cf 60%,#06409a 100%);background-image:linear-gradient(160deg,#0a66f0 0%,#0558cf 60%,#06409a 100%);color:#fff}
.au-s-proc .au-panel-grid{grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr)}
.au-s-proc .au-pk-copy{order:2}
.au-s-ops{background:#050b1c;background-image:radial-gradient(rgba(43,177,255,.18) 1.2px,transparent 1.4px);background-size:26px 26px;color:#fff}
.au-s-proc .au-pk-name,.au-s-ops .au-pk-name{color:#fff}
.au-s-proc .au-pk-line{color:#d4ecff}
.au-s-ops .au-pk-line{color:#2bb1ff}
.au-s-proc .au-pk-inc,.au-s-ops .au-pk-inc{color:#a9c1ee}
.au-s-proc .au-pk-list li,.au-s-ops .au-pk-list li{color:#e6eeff}
.au-s-proc .au-pk-list li::before{background-color:#fff}
.au-s-proc .rb-btn.is-primary{background:#fff;color:#06409a}
.au-s-ops .rb-btn.is-primary{background:#2bb1ff;color:#050b1c}
.au-s-proc .au-demo{border-color:#fff;box-shadow:0 30px 70px rgba(5,11,60,.45)}
.au-s-ops .au-demo{border-color:#2bb1ff;box-shadow:0 0 0 6px rgba(43,177,255,.12),0 30px 70px rgba(0,0,0,.5)}
@media (max-width:900px){.au-s-proc .au-pk-copy{order:0}}

@media(max-width:900px){
  .au-s-proc .au-panel-grid,.au-s-ops .au-panel-grid,.au-s-task .au-panel-grid{grid-template-columns:1fr}
  .au-s-proc .au-pk-copy{order:0}
}