:root {
  --home-navy: #0d2340;
  --home-green: #20b77a;
  --home-green-dark: #0b7953;
  --home-mint: #67cdb0;
  --home-lime: #cadb35;
  --home-lime-text: #748200;
  --home-cream: #fbf8ef;
  --home-soft: #f4f7f3;
  --home-text: #182538;
  --home-muted: #5e6874;
  --home-line: #dce3df;
  --font-home: "Avenir Next", Avenir, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
body { background: #fff; color: var(--home-text); font-family: var(--font-home); }
.section { position: relative; padding: clamp(88px,10vw,145px) 0; }
h1,h2,h3,p { margin-top: 0; }
h1,h2 { margin-bottom: 0; color: var(--home-navy); font-family: var(--font-home); font-weight: 750; letter-spacing: -.05em; }
h1 { font-size: clamp(3.2rem,5.6vw,5.5rem); line-height: 1.01; }
h2 { font-size: clamp(2.35rem,4.2vw,4rem); line-height: 1.06; }
h1 em,h2 em { color: var(--home-green-dark); font-family: inherit; font-style: normal; font-weight: inherit; }
.section-number,.eyebrow { color: var(--home-green-dark); font-family: var(--font-home); font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }

.site-header { height: 88px; background: rgba(255,255,255,.96); border-bottom: 1px solid transparent; color: var(--home-navy); }
.site-header.scrolled { background: rgba(255,255,255,.98); border-color: var(--home-line); backdrop-filter: none; }
.brand { display: inline-flex; align-items: center; color: var(--home-navy); }
.brand-logo { display: block; width: auto; height: 48px; object-fit: contain; }
.main-nav { color: #364252; font-family: var(--font-home); font-size: .83rem; font-weight: 600; }
.main-nav > a > span,.nav-services-link > span { display: none; }
.main-nav > a::after,.nav-services-link::after { display: none; }
.main-nav > a:not(.nav-cta),.nav-services-link { padding: 10px 11px; border-radius: 3px; transition: color 180ms ease,background 180ms ease,transform 180ms ease; }
.main-nav > a:not(.nav-cta):hover,.nav-services-link:hover { background: #eff6f2; color: var(--home-green-dark); transform: translateY(-2px); }
.main-nav > a.active { background: #eff6f2; color: var(--home-green-dark); }
.nav-services-link b { color: var(--home-green); }
.main-nav .nav-cta { min-height: 48px; margin-left: 14px; padding: 0 23px; border: 0; background: var(--home-green-dark); color: #fff; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.main-nav .nav-cta:hover { background: var(--home-navy); color: #fff; }
.main-nav .nav-cta i { transition: transform 180ms ease; }
.main-nav .nav-cta:hover i { transform: translate(3px,-3px); }
.services-menu { border-color: #d5e1db; background: #fff; color: var(--home-text); box-shadow: 0 18px 45px rgba(13,35,64,.12); }
.services-menu { transform: translateY(14px) scale(.985); transform-origin: 75% top; transition: opacity 220ms ease,visibility 220ms ease,transform 220ms cubic-bezier(.2,.75,.25,1); }
.nav-group:hover .services-menu,.nav-group:focus-within .services-menu { transform: translateY(0) scale(1); }
.services-menu-intro { border-color: #cde5da; background: #e8f6f0; color: var(--home-navy); }
.services-menu-intro small { color: var(--home-green-dark); }
.services-menu-intro strong { font-family: var(--font-home); font-weight: 700; }
.services-menu-intro i { background: var(--home-green); }
.services-menu-links a { border-color: #edf1ee; color: #354153; }
.services-menu-links a { transform: translateX(0); transition: background 160ms ease,color 160ms ease,transform 160ms ease; }
.services-menu-links a:hover,.services-menu-links a.current { background: #f2f8f5; color: var(--home-navy); }
.services-menu-links a:hover { transform: translateX(4px); }
.services-menu-links small,.services-menu-links a > span { color: #7f8b86; }
.services-menu-links i { color: var(--home-green); }

.hero { min-height: 860px; padding: 155px 0 0; overflow: hidden; background: var(--home-cream); color: var(--home-text); }
.hero::before,.hero::after { display: none; }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.75fr); gap: clamp(55px,6vw,95px); align-items: center; }
.eyebrow { display: block; color: var(--home-green-dark); }
.eyebrow::before { display: none; }
.hero h1 { max-width: 780px; margin-top: 25px; }
.hero h1 em { color: var(--home-lime-text); }
.hero-text { max-width: 640px; margin: 30px 0 0; color: #3f4c5a; font-size: clamp(1.05rem,1.4vw,1.3rem); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 36px; }
.button { min-height: 52px; padding-inline: 22px; border-radius: 2px; font-family: var(--font-home); font-size: .76rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.button-primary { border-color: var(--home-green-dark); background: var(--home-green-dark); color: #fff; }
.button-primary:hover { border-color: var(--home-navy); background: var(--home-navy); }
.button-ghost { border-color: var(--home-navy); color: var(--home-navy); }
.button-ghost:hover { background: var(--home-navy); color: #fff; }
.hero-proof { display: grid; grid-template-columns: 78px 1fr; gap: 17px; align-items: center; max-width: 420px; margin-top: 47px; padding-top: 17px; border-top: 1px solid #d9ddcf; color: var(--home-muted); }
.hero-proof p { margin: 0; font-size: .75rem; line-height: 1.5; }
.hero-proof strong { color: var(--home-navy); }
.avatar-stack { display: flex; }
.avatar-stack span { display: grid; width: 28px; height: 28px; place-items: center; margin-right: -4px; border: 1px solid #fff; border-radius: 50%; background: var(--home-navy); color: #fff; font-size: .5rem; }
.hero-visual { position: relative; min-height: 590px; }
.visual-stage { position: absolute; inset: 0; isolation: isolate; }
.visual-circle { position: absolute; z-index: -2; top: 28px; left: 2%; width: min(430px,90%); aspect-ratio: 1; border: 1px solid #dfe4e7; border-radius: 50%; background: #f0f2f3; }
.visual-square { position: absolute; z-index: -1; right: 1%; bottom: 62px; width: 58%; height: 46%; background: var(--home-lime); }
.system-illustration { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 18px 18px rgba(13,35,64,.11)); }
.system-illustration text { fill: var(--home-navy); font-family: var(--font-home); font-size: 11px; font-weight: 850; letter-spacing: .11em; }
.system-route { fill: none; stroke: var(--home-green); stroke-width: 3; stroke-dasharray: 7 7; }
.system-route-dot { fill: var(--home-lime); stroke: var(--home-navy); stroke-width: 3; }
.system-product rect:first-child { fill: #fff; stroke: var(--home-navy); stroke-width: 5; }
.system-product > path { fill: none; stroke: var(--home-line); stroke-width: 2; }
.system-product > circle { fill: var(--home-green); }
.system-product > circle:nth-of-type(2) { fill: var(--home-lime); }
.system-product > circle:nth-of-type(3) { fill: var(--home-mint); }
.system-product .system-accent { fill: var(--home-navy); }
.system-product .system-line { fill: #cad4cf; }
.system-product .system-block { fill: #e5f4ee; stroke: #bfddd0; stroke-width: 2; }
.system-infra rect { fill: var(--home-navy); stroke: #fff; stroke-width: 3; }
.system-infra circle { fill: var(--home-lime); }
.system-infra path { stroke: var(--home-mint); stroke-width: 4; }
.system-infra text { fill: var(--home-navy); }
.system-infra .system-infra-label { fill: #fff; stroke: var(--home-navy); stroke-width: 2; }
.system-infra .system-infra-label-text { fill: var(--home-navy); font-size: 9px; }
.system-data ellipse,.system-data path { fill: #fff; stroke: var(--home-green-dark); stroke-width: 4; }
.system-automation circle { fill: var(--home-green); stroke: #fff; stroke-width: 4; }
.system-automation path { fill: var(--home-lime); }
.visual-caption { position: absolute; z-index: 3; right: 0; bottom: 28px; display: grid; width: min(310px,67%); padding: 20px 22px; background: #fff; box-shadow: 0 12px 28px rgba(13,35,64,.1); }
.visual-caption strong { color: var(--home-navy); font-size: .88rem; }
.visual-caption span { margin-top: 5px; color: var(--home-muted); font-size: .67rem; line-height: 1.45; }

.section-light { background: #fff; }
.about-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(65px,10vw,150px); }
.section-intro h2 { max-width: 570px; margin-top: 30px; }
.about-copy { padding-top: 78px; }
.about-copy > p { max-width: 660px; color: var(--home-muted); }
.about-copy .lead { color: var(--home-navy); font-family: var(--font-home); font-size: clamp(1.3rem,2vw,1.8rem); font-weight: 600; line-height: 1.5; }
.stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 54px; }
.stats > div { padding: 25px 20px; background: var(--home-soft); }
.stats strong,.stats span { display: block; }
.stats strong { color: var(--home-green-dark); font-family: var(--font-home); font-size: 2rem; font-weight: 800; }
.stats span { margin-top: 4px; color: var(--home-muted); font-size: .68rem; }

.process-section { background: var(--home-soft); }
.process-head { display: block; max-width: 820px; }
.process-head .section-number { margin: 0; }
.process-head h2 { max-width: 760px; }
.process-head h2 { margin-top: 20px; }
.process-list { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin-top: 72px; }
.process-list::before { content: ""; position: absolute; z-index: 0; top: 34px; right: 7%; left: 7%; height: 2px; background: #cbdad3; transform: scaleX(1); transform-origin: left; transition: transform 900ms cubic-bezier(.22,.75,.25,1); }
.js .process-list:not(.visible)::before { transform: scaleX(0); }
.process-list.visible::before { transform: scaleX(1); }
.process-item { position: relative; z-index: 1; min-height: 230px; padding: 0; }
.process-item > span { display: grid; width: 70px; height: 70px; place-items: center; border: 7px solid var(--home-soft); border-radius: 50%; background: var(--home-green-dark); color: #fff; font-size: .7rem; font-weight: 850; box-shadow: 0 0 0 2px var(--home-green-dark); }
.process-item:nth-child(2) > span { background: var(--home-lime); color: var(--home-navy); box-shadow: 0 0 0 2px var(--home-lime); }
.process-item:nth-child(3) > span { background: var(--home-navy); box-shadow: 0 0 0 2px var(--home-navy); }
.process-item:nth-child(4) > span { background: var(--home-mint); color: var(--home-navy); box-shadow: 0 0 0 2px var(--home-mint); }
.process-item > div { margin-top: 34px; padding-right: 18px; }
.process-item strong { color: var(--home-navy); font-size: 1.35rem; }
.process-item p { max-width: 230px; margin: 10px 0 0; color: var(--home-muted); font-size: .78rem; }
.process-item::after { content: ""; position: absolute; top: 31px; right: 12px; width: 7px; height: 7px; border-top: 2px solid var(--home-green); border-right: 2px solid var(--home-green); transform: rotate(45deg); }
.process-item:last-child::after { display: none; }
.js .process-list:not(.visible) .process-item > span { opacity: 0; transform: scale(.65); }
.process-list.visible .process-item > span { animation: process-node-in 430ms cubic-bezier(.2,.8,.25,1) both; }
.process-list.visible .process-item:nth-child(2) > span { animation-delay: 180ms; }
.process-list.visible .process-item:nth-child(3) > span { animation-delay: 360ms; }
.process-list.visible .process-item:nth-child(4) > span { animation-delay: 540ms; }
.js .process-list:not(.visible) .process-item > div { opacity: 0; transform: translateY(10px); }
.process-list.visible .process-item > div { animation: process-copy-in 420ms ease both 160ms; }
.process-list.visible .process-item:nth-child(2) > div { animation-delay: 320ms; }
.process-list.visible .process-item:nth-child(3) > div { animation-delay: 480ms; }
.process-list.visible .process-item:nth-child(4) > div { animation-delay: 640ms; }
.js .process-list:not(.visible) .process-item::after { opacity: 0; }
.process-list.visible .process-item::after { transition: opacity 180ms ease 560ms; }

.local-section { background: var(--home-navy); color: #fff; }
.local-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(65px,9vw,130px); }
.local-intro { position: sticky; top: 130px; align-self: start; }
.local-intro .section-number { color: var(--home-mint); }
.local-intro h2 { margin-top: 30px; color: #fff; }
.local-intro h2 em { color: var(--home-lime); }
.local-intro > p { max-width: 490px; margin: 26px 0; color: #b9c4d0; }
.local-intro .text-link { color: #fff; }
.local-services { border-top: 1px solid rgba(255,255,255,.3); }
.local-services { margin-top: 24px; }
.local-card { position: relative; padding: 31px 0 34px 55px; border-bottom: 1px solid rgba(255,255,255,.2); }
.local-card:nth-child(2) { margin-left: 0; }
.local-card > span { position: absolute; top: 35px; left: 0; color: var(--home-lime); font-size: .65rem; }
.local-card h3 { margin: 0; color: #fff; font-family: var(--font-home); font-size: 1.55rem; }
.local-card p { max-width: 560px; margin: 10px 0 0; color: #aebdca; font-size: .8rem; }

.faq-section { background: #fff; color: var(--home-text); }
.faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(60px,9vw,130px); }
.faq-intro { position: sticky; top: 130px; align-self: start; }
.faq-intro h2 { margin-top: 29px; }
.faq-intro p { max-width: 410px; margin-top: 24px; color: var(--home-muted); }
.faq-list { border-top: 1px solid var(--home-line); }
.faq-list details { border-bottom: 1px solid var(--home-line); }
.faq-list summary { display: flex; justify-content: space-between; gap: 24px; padding: 24px 0; color: var(--home-navy); font-size: 1rem; font-weight: 700; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--home-green); font-size: 1.25rem; font-weight: 400; transition: transform 180ms ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 660px; margin: -4px 0 25px; color: var(--home-muted); font-size: .84rem; }

.contact-section { background: #0b7d57; color: #fff; }
.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(60px,9vw,130px); }
.contact-copy .section-number { color: var(--home-navy); }
.contact-copy h2 { margin-top: 30px; color: #fff; }
.contact-copy h2 em { color: var(--home-navy); }
.contact-copy > p { max-width: 430px; margin: 26px 0; color: #e9fff5; }
.contact-channels { display: grid; gap: 10px; margin-top: 40px; }
.contact-email { display: flex; gap: 13px; align-items: center; width: fit-content; color: #fff; font-size: .8rem; }
.contact-icon { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.65); }
.contact-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.contact-form { padding: 40px; background: #fff; color: var(--home-text); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form label { display: grid; gap: 7px; margin-bottom: 18px; color: #4f5965; font-size: .67rem; font-weight: 750; letter-spacing: .03em; }
.contact-form input,.contact-form select,.contact-form textarea { width: 100%; min-height: 48px; padding: 11px 0; border: 0; border-bottom: 1px solid #cbd4d0; border-radius: 0; outline: 0; background: transparent; color: var(--home-text); font-size: .87rem; }
.contact-form textarea { min-height: 112px; resize: vertical; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: var(--home-green); box-shadow: 0 1px 0 var(--home-green); }
.contact-form .button-primary { background: var(--home-navy); border-color: var(--home-navy); }
.contact-form .button-primary:hover { background: #183758; }
.form-note { margin: 13px 0 0; color: var(--home-muted); font-size: .67rem; }
.form-note.error { color: #b33131; }
.form-success { display: flex; gap: 13px; align-items: center; margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--home-line); }
.form-success[hidden] { display: none; }
.form-success > span { color: var(--home-green); font-size: 1.4rem; }
.form-success strong,.form-success p { display: block; margin: 0; }
.form-success p { color: var(--home-muted); font-size: .7rem; }
.honeypot { position: absolute!important; left: -10000px!important; }
.turnstile-wrap { margin-bottom: 15px; }

.site-footer { background: var(--home-navy); color: #fff; }
.site-footer .brand-logo { height: 56px; filter: brightness(0) invert(1); }
.footer-grid p,.footer-links,.footer-bottom { color: #aebaca; }
.footer-links strong { color: #fff; }
.footer-links a:hover,.footer-instagram:hover { color: var(--home-mint); }

/* Consent and assistant follow the home palette when loaded here. */
body .privacy-banner,body .privacy-modal-backdrop,body .privacy-footer-button {
  --privacy-bg: #fff;
  --privacy-card: #f4f7f3;
  --privacy-teal: #10835a;
  --privacy-text: #0d2340;
  --privacy-muted: #5e6874;
  --privacy-line: #dce3df;
}
body .privacy-banner { border-color: var(--home-line); background: #fff; color: var(--home-navy); box-shadow: 0 14px 38px rgba(13,35,64,.12); }
body .privacy-banner-mark { color: var(--home-green); font-family: var(--font-home); font-style: normal; }
body .privacy-button-primary { border-color: var(--home-green-dark); background: var(--home-green-dark); color: #fff; }
body .privacy-button-secondary { border-color: var(--home-navy); color: var(--home-navy); }
body .privacy-button-ghost { border-color: var(--home-line); color: var(--home-navy); }
body .privacy-modal { border-top-color: var(--home-green); background: #fff; color: var(--home-navy); }
body .privacy-modal-backdrop { background: rgba(13,35,64,.58); }
body .privacy-modal-close { color: var(--home-navy); }
body .to-top { right: 22px; bottom: 22px; width: 50px; height: 50px; border: 0; border-radius: 50%; background: #fff; color: var(--home-navy); box-shadow: 0 10px 28px rgba(13,35,64,.2); }
body .to-top span { font-size: 1.1rem; transition: transform 180ms ease; }
body .to-top:hover { background: var(--home-green-dark); color: #fff; }
body .to-top:hover span { transform: translateY(-3px); }

@media (max-width:980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 800px; }
  .hero-visual { min-height: 540px; width: min(100%,600px); margin-left: auto; }
  .about-grid,.local-grid,.faq-grid,.contact-grid { gap: 55px; }
}
@media (max-width:760px) {
  .site-header { height: 72px; background: #fff; border-color: var(--home-line); }
  .brand-logo { height: 40px; }
  .site-footer .brand-logo { height: 52px; }
  .menu-toggle { display: block; border-color: #cbd5d0; background: #fff; }
  .menu-toggle span { background: var(--home-navy); }
  .main-nav { top: 72px; background: #fff; }
  .main-nav.open > a,.main-nav.open > .nav-group { animation: home-nav-enter 280ms both; }
  .main-nav.open > :nth-child(2) { animation-delay: 35ms; }
  .main-nav.open > :nth-child(3) { animation-delay: 70ms; }
  .main-nav.open > :nth-child(4) { animation-delay: 105ms; }
  .main-nav.open > :nth-child(5) { animation-delay: 140ms; }
  .main-nav > a,.main-nav > a:not(.nav-cta),.main-nav > .nav-group > a,.main-nav > .nav-group > .nav-services-link { padding: 0 12px; border-color: var(--home-line); color: var(--home-navy); font-family: var(--font-home); font-size: 1.15rem; font-weight: 600; }
  .main-nav > a:not(.nav-cta):hover,.main-nav > a.active,.nav-services-link:hover,.nav-services-link.active { background: #eff6f2; color: var(--home-green-dark); }
  .main-nav .nav-cta,.main-nav > a.nav-cta { display: flex; margin: 18px 0 0; padding-inline: 16px; color: #fff; font-weight: 700; }
  .services-menu { background: var(--home-soft); }
  .services-menu-links a { color: var(--home-text); }
  .section { padding: 72px 0; }
  .hero { min-height: auto; padding-top: 120px; }
  .hero-grid,.about-grid,.local-grid,.faq-grid,.contact-grid { grid-template-columns: minmax(0,1fr); }
  .hero-grid > *,.about-grid > *,.local-grid > *,.faq-grid > *,.contact-grid > * { min-width: 0; }
  .about-grid,.local-grid,.faq-grid,.contact-grid { gap: 38px; }
  h1,h2 { font-weight: 650; letter-spacing: -.038em; }
  h1,h2,h3 { max-width: 100%; overflow-wrap: anywhere; hyphens: auto; }
  h2 { font-size: clamp(2.05rem,9.3vw,3rem); }
  .section-number,.eyebrow { font-weight: 700; }
  .hero h1 { font-size: clamp(2.55rem,12vw,3.65rem); }
  .hero-text { font-size: 1rem; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; justify-content: space-between; }
  .hero-proof { margin-top: 36px; }
  .hero-visual { min-height: 455px; width: 100%; margin-top: 15px; }
  .visual-stage { inset: 0 0 45px; }
  .system-illustration { transform: scale(.98); }
  .visual-caption { right: 0; padding: 16px 18px; }
  .about-copy { padding-top: 0; }
  .about-copy .lead { font-weight: 500; }
  .stats { gap: 9px; }
  .stats strong { font-weight: 700; }
  .process-head { grid-template-columns: 1fr; gap: 20px; }
  .process-list { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 45px; }
  .process-list::before,.process-item::after { display: none; }
  .process-item:nth-child(2),.process-item:nth-child(4) { margin-top: 0; }
  .local-intro,.faq-intro { position: static; }
  .local-card:nth-child(2) { margin-left: 0; }
  .local-card h3,.process-item strong,.faq-list summary { font-weight: 600; }
  .button,.contact-form label { font-weight: 700; }
  .contact-form { padding: 28px 20px; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .contact-form input,.contact-form select,.contact-form textarea { font-size: 16px; }
}
@media (max-width:430px) {
  .section { padding: 64px 0; }
  .hero { padding-top: 104px; }
  .hero h1 { font-size: clamp(2.35rem,11.5vw,3rem); }
  .hero-text { line-height: 1.6; }
  .hero-proof { grid-template-columns: 64px 1fr; gap: 14px; }
  .hero-visual { min-height: 420px; }
  .visual-circle { width: 82%; }
  .visual-square,.visual-caption { width: 62%; }
  .stats { grid-template-columns: 1fr; margin-top: 38px; }
  .process-list { grid-template-columns: 1fr; }
  .process-list::before { display: block; top: 35px; bottom: 35px; left: 34px; width: 2px; height: auto; }
  .process-item,.process-item:nth-child(2),.process-item:nth-child(4) { display: grid; min-height: 0; grid-template-columns: 70px 1fr; gap: 22px; margin-top: 0; padding-bottom: 30px; }
  .process-item > div { margin-top: 9px; padding-right: 0; }
  .local-card { padding-left: 42px; }
  .contact-form { padding: 24px 16px; }
  body .to-top { right: 14px; bottom: 14px; width: 44px; height: 44px; }
}

@keyframes home-nav-enter {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes process-node-in {
  from { opacity: 0; transform: scale(.65); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes process-copy-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion:reduce) {
  .process-list::before { transform: scaleX(1); }
  .process-list .process-item > span,.process-list .process-item > div { opacity: 1!important; transform: none!important; animation: none!important; }
}