/* Automation page: section layout + brand look for the workflow window (loads after i-automation.css). */
.auto-scenario{padding-block:clamp(72px,8vw,130px)!important;overflow:hidden}
.auto-scenario-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,110px);align-items:center;perspective:1800px}
html body main.n99-product-detail:not(#v2) .auto-scenario .auto-scenario-copy{background:transparent!important;padding:0!important}
.auto-scenario-copy>span{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--v2-green-2)}
.auto-scenario-copy>span:before{content:'';width:22px;height:1px;background:currentColor;opacity:.7}
html body main.n99-product-detail:not(#v2) .auto-scenario-copy h2{font-size:clamp(40px,5.2vw,84px)!important;line-height:1!important;font-weight:800!important;letter-spacing:-.05em!important;color:var(--v2-ink)!important;margin:20px 0 24px!important}
.auto-scenario-copy p{color:var(--v2-muted);font-size:clamp(17px,1.4vw,21px);line-height:1.75;margin:0 0 30px;max-width:46ch}
html body main.n99-product-detail:not(#v2) .auto-scenario-copy .btn{background:var(--v2-ink)!important;color:#fff!important;border-radius:999px!important;min-height:54px;padding:0 30px;display:inline-flex;align-items:center;gap:14px}
html[dir=ltr] .auto-scenario-copy .btn>span{transform:scaleX(-1)}
html body main:not(#v2) .auto-scenario .scenario-visual{background:var(--v2-ink)!important;border:1px solid #9bf0c82e!important;border-radius:28px!important;box-shadow:0 60px 120px -40px #06140d99,0 0 0 8px #0f4b2410!important;transform-style:preserve-3d}
.auto-scenario .scenario-window-bar{background:#0b2116!important;border-bottom:1px solid #ffffff12!important}
.auto-scenario .scenario-window-bar>span{background:#ffffff2e!important}
.auto-scenario .scenario-window-bar>b{color:var(--v2-on-dark-muted)!important;font-size:12px}
.auto-scenario .scenario-canvas{background:radial-gradient(circle,#9bf0c82b 1px,transparent 1.5px) 0 0/26px 26px,radial-gradient(ellipse at 50% 40%,#145833aa,transparent 70%),var(--v2-ink)!important;min-height:clamp(320px,32vw,440px)!important}
.auto-scenario .scenario-node{color:var(--v2-on-dark-muted)!important;font-size:12px!important}
.auto-scenario .scenario-node-icon{background:#eef8f2!important;border-color:#9bf0c844!important;border-radius:18px!important;transition:transform .6s var(--v2-ease),border-color .5s,box-shadow .6s}
.auto-scenario .scenario-connector{background:#9bf0c824!important}
.auto-scenario .scenario-connector:after{border-left-color:#52e3a4!important}
.auto-scenario .scenario-connector>i{background:var(--v2-mint)!important;box-shadow:0 0 12px var(--v2-mint)}
.auto-scenario .scenario-running{background:#0f2a1c!important;border:1px solid #9bf0c833!important;color:var(--v2-mint-2)!important;display:flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;font-size:12px}
.auto-scenario .scenario-running>i{width:6px;height:6px;border-radius:50%;background:var(--v2-mint)!important;box-shadow:0 0 10px var(--v2-mint)}
.auto-scenario .scenario-visual-footer{display:flex;justify-content:space-around;gap:10px;padding:15px 10px;background:#0b2116!important;border-top:1px solid #ffffff12!important;color:var(--v2-on-dark-muted)!important;font-size:12px}
.auto-scenario .scenario-visual-footer>span{transition:color .4s}
.auto-scenario .scenario-visual-footer>span.on{color:var(--v2-mint)!important}
.auto-scenario .scenario-node.on .scenario-node-icon{border-color:var(--v2-mint)!important;box-shadow:0 0 0 6px #52e3a41c,0 0 40px #52e3a455}
.auto-scenario .scenario-node.on{color:#fff!important}
.auto-scenario .scenario-flow{max-width:520px}
@media(max-width:900px){.auto-scenario-layout{grid-template-columns:1fr}.auto-scenario .scenario-node{width:58px;font-size:10px!important}.auto-scenario .scenario-node-icon{width:50px;height:50px}.auto-scenario .scenario-node-icon img,.auto-scenario .scenario-node-icon svg{width:24px;height:24px}.auto-scenario .scenario-connector{margin-top:24px;min-width:6px}.auto-scenario .scenario-visual-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auto-scenario .scenario-node-icon,.auto-scenario .scenario-connector>i{animation:none}}

/* ── merged page: systems cards + controlled process ── */
.auto-merged .auto-systems .heading{margin-bottom:clamp(28px,4vw,56px)}
.auto-sys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.auto-sys-grid article{position:relative;overflow:hidden;min-height:clamp(200px,19vw,260px);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--v2-radius);background:#fff;border:1px solid var(--v2-line);box-shadow:0 24px 50px -34px #10261a40;transition:transform .6s var(--v2-ease),box-shadow .6s var(--v2-ease),border-color .4s}
.auto-sys-grid article:hover{transform:translateY(-6px);border-color:#52e3a480;box-shadow:0 40px 80px -38px #0f4b2455}
.auto-sys-grid article>b{position:absolute;inset-block-start:clamp(14px,1.6vw,24px);inset-inline-start:clamp(20px,2vw,30px);font-size:clamp(56px,5.5vw,92px);font-weight:800;letter-spacing:-.05em;line-height:1;color:#0f4b2414}
html body main.auto-merged:not(#v2) .auto-sys-grid h3{font-size:clamp(22px,2vw,30px);font-weight:700;margin:0 0 8px;color:var(--v2-ink)}
html body main.auto-merged:not(#v2) .auto-sys-grid p{margin:0;color:var(--v2-muted);font-size:clamp(15px,1.15vw,18px);line-height:1.6}
html body main.auto-merged:not(#v2) .auto-process{background:var(--v2-paper-2)!important}
.auto-steps{list-style:none;margin:clamp(28px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.auto-steps li{padding:clamp(22px,2.2vw,32px);border-radius:var(--v2-radius);background:#fff;border:1px solid var(--v2-line)}
.auto-steps li>b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--v2-ink);color:var(--v2-mint);font-size:18px;font-weight:800;margin-bottom:clamp(14px,1.6vw,22px)}
html body main.auto-merged:not(#v2) .auto-steps h3{font-size:clamp(20px,1.7vw,26px);font-weight:700;margin:0 0 6px;color:var(--v2-ink)}
html body main.auto-merged:not(#v2) .auto-steps p{margin:0;color:var(--v2-muted);font-size:clamp(14px,1.1vw,17px);line-height:1.55}
@media(max-width:900px){.auto-sys-grid{grid-template-columns:1fr}.auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.auto-steps{grid-template-columns:1fr}}