/* v6: make the step toward automation tangible, while clearly separating planned capabilities */
.automation-section{position:relative;padding:104px 0 108px;background:radial-gradient(ellipse 75% 65% at 87% 48%,rgba(43,104,96,.18),transparent 75%),linear-gradient(180deg,#091316 0%,#0a1719 100%);border-top:1px solid rgba(187,249,220,.07);border-bottom:1px solid rgba(187,249,220,.1);overflow:hidden}
.automation-section:before{content:'';position:absolute;pointer-events:none;width:520px;height:520px;right:-250px;top:-200px;border-radius:50%;border:1px solid rgba(128,231,189,.1);box-shadow:0 0 0 100px rgba(104,190,169,.018),0 0 0 220px rgba(104,190,169,.012)}
.automation-header{display:flex;align-items:flex-end;justify-content:space-between;gap:56px;margin-bottom:38px;position:relative;z-index:1}
.automation-header h2{font-family:'Space Grotesk',sans-serif;color:#eff9f5;font-weight:600;letter-spacing:-.055em;font-size:clamp(36px,4.8vw,63px);line-height:1.08;margin:16px 0 0}
.automation-header h2 em{color:#9bf1ca;font-style:normal}
.automation-intro{max-width:435px;flex:0 1 430px}
.automation-intro p{margin:0 0 17px;font-size:16px;line-height:1.72;color:#acbfbb}
.auto-inline-cta{display:inline-flex;gap:10px;color:#a7f3d1;font-weight:700;font-size:14px;text-decoration:none;align-items:center}
.auto-inline-cta:hover{color:#e9fff5}
.auto-stage-layout{position:relative;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:22px;align-items:stretch;z-index:1}
.auto-stage-list{display:grid;gap:13px;grid-template-rows:repeat(3,minmax(0,1fr))}
.auto-stage{display:flex;gap:20px;min-width:0;padding:24px 25px;background:linear-gradient(112deg,rgba(24,47,48,.84),rgba(13,27,30,.9));border:1px solid #27423f;border-radius:19px;transition:border-color .18s,transform .18s}
.auto-stage:hover{border-color:#6fbea4;transform:translateY(-2px)}
.auto-stage .auto-number{flex:0 0 auto;width:39px;height:39px;border-radius:11px;background:rgba(133,232,194,.1);border:1px solid rgba(153,236,199,.2);color:#a8edce;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em}
.auto-stage-detail{min-width:0}
.auto-stage-label{color:#80b9ac;font-size:10px;letter-spacing:.17em;font-weight:700;margin:0 0 7px}
.auto-stage h3{font-family:'Space Grotesk',sans-serif;font-size:20px;color:#f2faf5;line-height:1.22;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}
.auto-stage p{font-size:13px;color:#b2c4bf;line-height:1.62;margin:0 0 13px}
.auto-stage-state{display:inline-flex;gap:8px;align-items:center;color:#8fc6b2;font-size:11px;line-height:1.4}
.auto-stage-state .state-dot{height:6px;width:6px;background:#c5e5a8;border-radius:100%}
.stage-paper .state-dot{background:#e7c38d}.stage-organize .state-dot{background:#a1b3f8}
.auto-console{background:#0d1c1e;border:1px solid rgba(155,232,202,.26);border-radius:21px;min-width:0;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.04)}
.auto-console-bar{display:flex;align-items:center;gap:11px;min-height:46px;border-bottom:1px solid #24403d;padding:10px 20px;color:#90a9a3;font-size:10px;font-weight:700;letter-spacing:.09em}
.auto-console-dots{display:flex;gap:5px}.auto-console-dots i{height:7px;width:7px;background:#39635e;border-radius:50%;display:block}.auto-console-dots i:first-child{background:#e69c8d}.auto-console-dots i:nth-child(2){background:#dfc187}.auto-console-dots i:nth-child(3){background:#80d7b7}
.auto-console-indicator{margin-left:auto;white-space:nowrap;background:rgba(159,206,183,.09);border:1px solid #44645b;border-radius:5px;padding:5px 7px;color:#c5e1ce}
.auto-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 26px 0}
.auto-console-overline{display:block;font-size:10px;color:#80b3a5;letter-spacing:.15em;font-weight:700;margin-bottom:10px}
.auto-console-head h3{font:600 clamp(21px,2.4vw,27px)/1.16 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#f3fbf7;margin:0}
.auto-console-spark{font-size:28px;color:#a3f4ce}
.auto-console-graph{height:145px;position:relative;margin:20px 26px 15px;overflow:hidden;background:linear-gradient(180deg,rgba(30,61,53,.19),rgba(21,53,48,.04));border-radius:10px}
.auto-console-graph svg{display:block;width:100%;height:100%;padding-top:23px;box-sizing:border-box}
.auto-console-graph-caption{position:absolute;top:11px;left:12px;font-size:10px;font-weight:700;color:#9fc5b4;z-index:2}
.auto-console-stats{margin:0 26px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #31514b;background:#0b2423;border-radius:11px;overflow:hidden}
.auto-console-stats>div{padding:15px 13px;min-width:0}.auto-console-stats>div+div{border-left:1px solid #31514b}.auto-console-stats small{display:block;color:#8ba8a0;letter-spacing:.06em;font-size:9px;font-weight:700;min-height:23px}.auto-console-stats strong{display:block;font:600 22px 'Space Grotesk',sans-serif;color:#e1fbeb;letter-spacing:-.04em;margin-top:6px}
.auto-console-records{margin:0 26px 15px;border-top:1px solid #26423d;padding-top:17px}
.auto-console-record-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#c8e9dd;font-size:12px;font-weight:700}.auto-console-record-title span:last-child{color:#739a8b;font-size:9px;letter-spacing:.07em}
.auto-record{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(83,131,117,.22);padding:10px 0;align-items:center}.auto-record>span{display:flex;gap:9px;align-items:center;color:#d0ded8;font-size:12px}.auto-record em{font-size:11px;font-style:normal;color:#9bd8ba;text-align:right}.auto-record .auto-warn{color:#edb19a}.auto-record-icon{display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:6px;font-size:10px;color:#c6b6ff;background:#3b335e}.auto-record-icon.icon-amber{color:#ffdab9;background:#514038}.auto-record-icon.icon-slate{color:#bdd4d3;background:#294143}
.auto-console-note{font-size:10px;line-height:1.65;color:#8bac9d;margin:0 26px 21px}
.auto-bottom{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-top:28px;padding:20px 22px;border-radius:14px;background:rgba(41,74,65,.28);border:1px solid rgba(119,185,161,.22)}.auto-bottom p{color:#b6cbc1;font-size:13px;line-height:1.58;max-width:680px;margin:0}.auto-bottom p strong{color:#e9f8ef}.auto-bottom .btn{flex:none}
@media(max-width:1050px){.automation-header{gap:25px}.automation-header h2{font-size:clamp(34px,4.4vw,52px)}.auto-stage-layout{grid-template-columns:1fr 1fr}.auto-stage{padding:19px;gap:13px}.auto-stage h3{font-size:18px}.auto-console-head,.auto-console-graph,.auto-console-stats,.auto-console-records{margin-left:18px;margin-right:18px}.auto-console-note{margin-left:18px;margin-right:18px}}
@media(max-width:760px){.automation-section{padding:68px 0 72px}.automation-header{display:block;margin-bottom:24px}.automation-header h2{font-size:clamp(34px,8vw,50px);margin-bottom:20px}.automation-intro{max-width:none}.automation-intro p{font-size:14px}.auto-stage-layout{grid-template-columns:1fr}.auto-stage-list{grid-template-rows:auto}.auto-stage{padding:20px}.auto-stage h3{font-size:19px}.auto-console{max-width:none}.auto-bottom{flex-direction:column;align-items:stretch;padding:19px}.auto-bottom .btn{text-align:center;justify-content:center}.auto-console-stats strong{font-size:20px}}
@media(max-width:380px){.auto-console-bar{padding:10px 12px;font-size:9px}.auto-console-bar>span:not(.auto-console-indicator){font-size:9px;letter-spacing:.02em}.auto-console-stats small{font-size:8px}.auto-console-stats>div{padding:13px 7px}.auto-console-stats strong{font-size:18px}.auto-record em{font-size:10px}}

/* Keep the section title visible below the sticky navigation when using anchor links. */
#automation{scroll-margin-top:96px}