/* Editorial support rows and original animated geometric SVGs. */
.after-maintenance{background:#f8f8f6}
.maintenance-heading{margin-bottom:66px}
.maintenance-heading h2>span{color:#ee7138}
.after-main .maintenance-heading>p{margin-top:26px;max-width:740px;color:#777;line-height:1.8}
.maintenance-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px 0;border-top:1px solid #d4d0c9;align-items:stretch}
.maintenance-copy{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:4px 0 8px}
.maintenance-number{font-size:40px;line-height:1.1;font-weight:400;letter-spacing:-.04em;color:#b4aba1}
.after-main .maintenance-copy h3{font-size:32px;line-height:1.4;font-weight:700;letter-spacing:-.045em;margin:0 0 14px}
.after-main .maintenance-copy p{color:#777;max-width:520px;line-height:1.8;margin:0}
.maintenance-copy ul{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid #e0dcd6;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.maintenance-copy li{font-size:14px;line-height:1.6;color:#777;word-break:keep-all}
.maintenance-copy li:before{content:'+';color:#ee7138;margin-right:8px}
.maintenance-visual{position:relative;display:grid;place-items:center;width:100%;min-height:360px;aspect-ratio:1.5;margin:0;border:1px solid #ded8d0;overflow:hidden;background-color:#f3f1ec;background-image:linear-gradient(#d8d0c533 1px,transparent 1px),linear-gradient(90deg,#d8d0c533 1px,transparent 1px);background-size:32px 32px;color:#80786e;transition:background-color .6s,border-color .5s}
.maintenance-svg-drift{width:76%;max-width:340px;aspect-ratio:1;translate:var(--maint-x,0px) var(--maint-y,0px);transition:translate .8s cubic-bezier(.22,1.2,.36,1)}
.maintenance-visual svg{display:block;width:100%;height:100%;overflow:visible}
.maint-accent{stroke:#ee7138}.maint-dot{fill:#ee7138;stroke:#ee7138}
.maint-orbit,.maint-counter,.maint-orbit-inner{transform-origin:160px 160px;animation:maintenance-orbit 20s linear infinite;animation-play-state:paused}
.maint-counter{animation-direction:reverse;animation-duration:26s}.maint-orbit-inner{animation-duration:11s;transform-origin:205px 160px}
.maint-pulse{transform-origin:center;animation:maintenance-pulse 4s ease-in-out infinite;animation-play-state:paused}
.maint-slide{animation:maintenance-slide 5s ease-in-out infinite;animation-play-state:paused}
.maintenance-row.is-visual-active :is(.maint-orbit,.maint-counter,.maint-orbit-inner,.maint-pulse,.maint-slide){animation-play-state:running}
.maintenance-row.is-visual-entering .maintenance-svg-drift svg{animation:maintenance-appear 1s cubic-bezier(.22,1,.36,1) both}
.maintenance-note{max-width:900px}
@keyframes maintenance-orbit{to{transform:rotate(360deg)}}
@keyframes maintenance-pulse{0%,100%{opacity:.65;scale:.97}50%{opacity:1;scale:1.03}}
@keyframes maintenance-slide{0%,100%{transform:translateY(-4px)}50%{transform:translateY(7px)}}
@keyframes maintenance-appear{from{opacity:0;transform:scale(.85) rotate(-8deg)}to{opacity:1;transform:none}}
@media(hover:hover){.maintenance-row:hover .maintenance-visual{background-color:#fff3ed;border-color:#edb18f}.maintenance-row:hover .maint-orbit{animation-duration:12s}}
@media(max-width:1050px){.maintenance-row{gap:34px}.maintenance-visual{min-height:330px}.maintenance-copy ul{grid-template-columns:1fr}.after-main .maintenance-copy h3{font-size:28px}}
@media(max-width:700px){.maintenance-heading{margin-bottom:40px}.maintenance-row{grid-template-columns:1fr;gap:28px;padding:32px 0}.maintenance-copy{gap:22px}.maintenance-number{font-size:30px}.after-main .maintenance-copy h3{font-size:27px}.maintenance-copy ul{grid-template-columns:1fr 1fr;gap:10px}.maintenance-copy li{font-size:13px}.maintenance-visual{min-height:0;aspect-ratio:1.3}.maintenance-svg-drift{width:68%;max-width:270px}}
@media(prefers-reduced-motion:reduce){.maintenance-row *{animation:none!important;transition:none!important}}

/* Constant black scene; desktop scroll changes the text and SVG as one pair. */
.after-main .after-maintenance{background:#171717;color:#fff}
.after-main .after-maintenance h2,.after-main .after-maintenance h3{color:#fff}
.after-main .after-maintenance .maintenance-heading>p,.after-main .after-maintenance .maintenance-copy p,.after-main .after-maintenance .maintenance-note{color:#b3b3b3}
.after-maintenance .maintenance-copy li{color:#b3b3b3}
.after-maintenance .maintenance-row{border-color:#4b4b4b}
.after-maintenance .maintenance-number{color:#f68a55}
.after-maintenance .maintenance-copy ul{border-color:#444}
.after-maintenance .maintenance-visual,.after-maintenance .maintenance-row:hover .maintenance-visual{background-color:#202020;border-color:#444;color:#e9e6e1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}
.after-main .after-maintenance.has-fixed-maintenance{height:340svh;padding:0}
.after-maintenance.has-fixed-maintenance>.after-wrap{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:48px 0 32px;box-sizing:border-box}
.after-maintenance.has-fixed-maintenance .maintenance-heading{margin-bottom:28px}
.after-main .has-fixed-maintenance .maintenance-heading>p{margin-top:18px}
.after-maintenance.has-fixed-maintenance .maintenance-rows{position:relative;flex:none;height:clamp(350px,43svh,430px)}
.after-maintenance.has-fixed-maintenance .maintenance-row{position:absolute;inset:0;padding:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .45s}
.after-maintenance.has-fixed-maintenance .maintenance-row.is-maintenance-current{opacity:1;visibility:visible;transform:none}
.after-maintenance.has-fixed-maintenance .maintenance-visual{min-height:0;height:100%;aspect-ratio:auto}
.after-maintenance.has-fixed-maintenance .maintenance-copy{gap:22px}
.after-main .has-fixed-maintenance .maintenance-copy h3{font-size:30px}
.after-maintenance.has-fixed-maintenance .maintenance-number{font-size:34px}
.after-maintenance.has-fixed-maintenance .maintenance-note{margin-top:24px!important}
.after-maintenance.has-fixed-maintenance .maintenance-row:not(.is-maintenance-current) :is(.maint-orbit,.maint-counter,.maint-orbit-inner,.maint-pulse,.maint-slide){animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.after-maintenance .maintenance-row{transition:none!important}}

/* White maintenance theme; the fixed scene and SVG transitions stay the same. */
.after-main .after-maintenance,.after-main .after-maintenance.has-fixed-maintenance{background:#fff;color:#1c1c1c}
.after-main .after-maintenance h2,.after-main .after-maintenance h3{color:#1c1c1c}
.after-main .after-maintenance .maintenance-heading>p,.after-main .after-maintenance .maintenance-copy p,.after-main .after-maintenance .maintenance-note,.after-maintenance .maintenance-copy li{color:#777}
.after-maintenance .maintenance-row{border-color:#d4d0c9}
.after-maintenance .maintenance-number{color:#ee7138}
.after-maintenance .maintenance-copy ul{border-color:#e0dcd6}
.after-maintenance .maintenance-visual,.after-maintenance .maintenance-row:hover .maintenance-visual{background-color:#f8f8f6;border-color:#ded8d0;color:#80786e;background-image:linear-gradient(#d8d0c533 1px,transparent 1px),linear-gradient(90deg,#d8d0c533 1px,transparent 1px)}

/* Copy starts at the top; the support list anchors to the bottom. */
.after-maintenance .maintenance-copy{justify-content:flex-start}
.after-maintenance .maintenance-copy>div{display:flex;flex:1;flex-direction:column;min-height:0}
.after-maintenance .maintenance-copy ul{margin-top:auto;padding-top:22px}
.after-maintenance .maintenance-copy p{margin-bottom:28px}
.after-main .after-maintenance .maintenance-note{align-self:flex-end;width:100%;max-width:none;text-align:right;margin-left:auto}

.after-main .has-fixed-maintenance .maintenance-copy>div{padding-top:30px}

body.process-workflow-page .after-main .after-maintenance .maintenance-note{font-size:15px!important}