/* WFD Integration Engine — product-specific presentation */

.hero-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.hero-proof span { padding: 7px 11px; border: 1px solid var(--dr-border); border-radius: 999px; background: rgba(255,255,255,.8); color: #4b5563; font-size: 10px; font-weight: 800; }

.hero-visual { position: relative; min-height: 590px; }
.hero-network { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hero-line { fill: none; stroke: rgba(17,24,39,.16); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 7 10; animation: networkFlow 8s linear infinite; }
.hero-line--2,.hero-line--5 { stroke: rgba(229,0,99,.34); }
@keyframes networkFlow { to { stroke-dashoffset: -136; } }
.hero-side { position: absolute; inset-block: 0; display: flex; flex-direction: column; justify-content: space-around; width: 128px; padding: 48px 0; }
.hero-side--left { left: 0; }
.hero-side--right { right: 0; }
.hero-node { display: grid; gap: 3px; min-height: 68px; padding: 13px 11px; border: 1px solid var(--dr-border); border-radius: 15px; background: rgba(255,255,255,.96); box-shadow: var(--dr-shadow-card); text-align: center; }
.hero-node small { color: var(--dr-muted); font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.hero-node strong { font-size: 10px; line-height: 1.25; }
.hero-engine-node { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 198px; min-height: 166px; padding: 24px 22px; transform: translate(-50%,-50%); border: 1px solid var(--dr-pink-border); border-radius: 28px; background: #fff; box-shadow: 0 30px 85px rgba(229,0,99,.13),var(--dr-shadow-card); text-align: center; }
.hero-engine-node__badge { color: var(--dr-pink); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.hero-engine-node strong { margin-top: 8px; font-size: 22px; line-height: 1.05; letter-spacing: -.04em; }
.hero-engine-node small { margin-top: 10px; color: var(--dr-muted); font-size: 9px; font-weight: 700; }
.engine-pulse { position: absolute; top: -8px; left: 50%; width: 15px; height: 15px; transform: translateX(-50%); border: 3px solid #fff; border-radius: 50%; background: var(--dr-pink); box-shadow: 0 0 0 0 rgba(229,0,99,.35); animation: pulse 2.6s ease-out infinite; }
@keyframes pulse { 0%,50% { box-shadow: 0 0 0 0 rgba(229,0,99,.35); } 100% { box-shadow: 0 0 0 20px rgba(229,0,99,0); } }
.hero-payload { position: absolute; display: grid; place-items: center; width: 44px; height: 28px; border: 1px solid var(--dr-pink-border); border-radius: 8px; background: #fff; box-shadow: 0 8px 20px rgba(15,23,42,.08); color: var(--dr-pink); font-size: 7px; font-weight: 900; opacity: 0; }
.hero-payload--one { top: 26%; left: 20%; animation: payloadOne 5.8s ease-in-out infinite; }
.hero-payload--two { top: 51%; right: 20%; animation: payloadTwo 6.4s 1.3s ease-in-out infinite; }
.hero-payload--three { bottom: 22%; left: 22%; animation: payloadThree 6.1s 2.2s ease-in-out infinite; }
@keyframes payloadOne { 0%,10% { opacity:0; transform:translate(0,0); } 20%{opacity:1} 52%{opacity:1;transform:translate(145px,92px)} 64%,100%{opacity:0;transform:translate(182px,112px)} }
@keyframes payloadTwo { 0%,12%{opacity:0;transform:translate(0,0)} 22%{opacity:1} 55%{opacity:1;transform:translate(-140px,0)} 67%,100%{opacity:0;transform:translate(-178px,0)} }
@keyframes payloadThree { 0%,10%{opacity:0;transform:translate(0,0)} 21%{opacity:1} 54%{opacity:1;transform:translate(140px,-84px)} 66%,100%{opacity:0;transform:translate(180px,-105px)} }

.complexity-map,.simplify-map { position: relative; min-height: 650px; }
.complexity-map svg,.simplify-map svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.stage-line,.simplify-lines path { fill: none; stroke: rgba(17,24,39,.16); stroke-width: 1.8; stroke-linecap: round; opacity: 0; transition: opacity 900ms ease,stroke 750ms ease; }
[data-stage="0"] .stage-line--1,[data-stage="1"] .stage-line--1,[data-stage="2"] .stage-line--1,[data-stage="3"] .stage-line--1,
[data-stage="1"] .stage-line--2,[data-stage="2"] .stage-line--2,[data-stage="3"] .stage-line--2,
[data-stage="2"] .stage-line--3,[data-stage="3"] .stage-line--3,[data-stage="3"] .stage-line--4 { opacity: 1; }
[data-stage="3"] .stage-line { stroke: rgba(229,0,99,.28); }
.complexity-node,.simplify-node { position: absolute; display: grid; place-items: center; min-width: 145px; min-height: 64px; padding: 12px 15px; border: 1px solid var(--dr-border); border-radius: 16px; background: #fff; box-shadow: var(--dr-shadow-card); color: #374151; font-size: 12px; font-weight: 700; text-align: center; transition: opacity 500ms ease,transform 650ms cubic-bezier(.22,1,.36,1),border-color 350ms ease; }
.c-app-1 { top: 8%; left: 0; }.c-app-2 { top: 31.5%; left: 0; opacity:0; transform:translateY(18px); }.c-app-3 { top: 55%; left:0; opacity:0; transform:translateY(18px); }.c-app-4 { top: 78%; left:0; opacity:0; transform:translateY(18px); }
.c-sys-1 { top: 9%; right:0; }.c-sys-2 { top: 33.5%; right:0; opacity:0; transform:translateY(18px); }.c-sys-3 { top: 58%; right:0; opacity:0; transform:translateY(18px); }
[data-stage="1"] .c-app-2,[data-stage="2"] .c-app-2,[data-stage="3"] .c-app-2,[data-stage="1"] .c-sys-2,[data-stage="2"] .c-sys-2,[data-stage="3"] .c-sys-2,[data-stage="2"] .c-app-3,[data-stage="3"] .c-app-3,[data-stage="2"] .c-sys-3,[data-stage="3"] .c-sys-3,[data-stage="3"] .c-app-4 { opacity:1; transform:translateY(0); }
[data-stage="3"] .complexity-node { border-color: rgba(229,0,99,.18); }

.simplify-lines--messy path { opacity:1; }
.simplify-lines--clean path { stroke: rgba(229,0,99,.38); }
[data-stage="1"] .simplify-lines--messy path,[data-stage="2"] .simplify-lines--messy path { opacity:0; }
[data-stage="1"] .simplify-lines--clean path,[data-stage="2"] .simplify-lines--clean path { opacity:1; }
.s-app-1 { top: 13%; left:0; }.s-app-2 { top: 40%; left:0; }.s-app-3 { top:67%; left:0; }.s-sys-1 { top:12%; right:0; }.s-sys-2 { top:40%; right:0; }.s-sys-3 { top:68%; right:0; }
.simplify-engine { position:absolute; top:38%; left:50%; display:grid; grid-template-columns:52px minmax(0,1fr); gap:3px 13px; align-items:center; min-width:210px; min-height:132px; padding:20px; transform:translate(-50%,0) scale(.92); border:1px solid var(--dr-pink-border); border-radius:26px; background:#fff; box-shadow:0 24px 68px rgba(229,0,99,.13),var(--dr-shadow-card); opacity:0; transition:opacity 850ms ease,transform 1000ms cubic-bezier(.22,1,.36,1); }
.simplify-engine__placeholder { grid-row:1/4; display:grid; place-items:center; width:50px; height:50px; border:1px dashed var(--dr-pink-border); border-radius:13px; color:var(--dr-pink); font-size:10px; font-weight:900; }
.simplify-engine small { color:var(--dr-pink); font-size:9px; font-weight:800; letter-spacing:.12em; }.simplify-engine strong { font-size:17px; }.simplify-engine > span:last-child { color:var(--dr-muted); font-size:9px; }
[data-stage="1"] .simplify-engine,[data-stage="2"] .simplify-engine { opacity:1; transform:translate(-50%,0) scale(1); }
[data-stage="2"] .simplify-node { opacity:.58; }

.transform-section { padding: var(--marketing-section-pad) 0; background:#f8fafc; }
.transform-grid { display:grid; grid-template-columns:minmax(360px,.78fr) minmax(600px,1.22fr); gap:clamp(60px,8vw,130px); align-items:center; }
.transform-copy { max-width:650px; }.transform-copy > p:not(.marketing-eyebrow) { margin:30px 0 0; color:#4b5563; font-size:19px; }
.capability-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:30px; }.capability-list span { padding:12px 14px; border:1px solid var(--dr-border); border-radius:12px; background:#fff; color:#4b5563; font-size:11px; font-weight:700; }
.transform-visual { position:relative; display:grid; grid-template-columns:1fr 180px 1fr; gap:28px; align-items:center; min-height:520px; padding:34px; border:1px solid var(--dr-border); border-radius:30px; background:#fff; box-shadow:var(--dr-shadow-card); }
.transform-visual::before,.transform-visual::after { content:''; position:absolute; top:50%; width:20%; height:2px; border-top:2px dashed rgba(229,0,99,.24); }.transform-visual::before { left:27%; }.transform-visual::after { right:27%; }
.transform-column { display:grid; gap:12px; }.transform-label { margin-bottom:4px; color:var(--dr-muted); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.payload-card { display:grid; grid-template-columns:38px 1fr; gap:2px 10px; align-items:center; min-height:82px; padding:14px; border:1px solid var(--dr-border); border-radius:16px; background:#fbfcfd; opacity:.42; transform:scale(.98); transition:opacity 300ms ease,transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease; }
.payload-card b { grid-row:1/3; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#fff; color:var(--dr-muted); font-size:10px; }.payload-card strong { font-size:11px; }.payload-card small { color:var(--dr-muted); font-size:8px; }.payload-card.is-active { opacity:1; transform:scale(1); border-color:var(--dr-pink-border); box-shadow:0 12px 30px rgba(229,0,99,.08); }.payload-card.is-active b { background:var(--dr-pink-soft); color:var(--dr-pink); }
.transform-engine { position:relative; z-index:2; display:grid; place-items:center; min-height:180px; padding:20px; border:1px solid var(--dr-pink-border); border-radius:24px; background:#fff; box-shadow:0 20px 60px rgba(229,0,99,.12); text-align:center; }.transform-engine small { color:var(--dr-pink); font-size:8px; font-weight:900; letter-spacing:.12em; }.transform-engine strong { margin-top:8px; font-size:18px; }.transform-engine > span:not(.transform-engine__flow) { margin-top:7px; color:var(--dr-muted); font-size:9px; }.transform-engine__flow { position:absolute; inset:-1px; border:1px solid transparent; border-radius:24px; box-shadow:0 0 0 0 rgba(229,0,99,.18); animation:transformPulse 2.7s ease-out infinite; }
@keyframes transformPulse { 0%,52%{box-shadow:0 0 0 0 rgba(229,0,99,.18)} 100%{box-shadow:0 0 0 18px rgba(229,0,99,0)} }
.transform-column--target { gap:14px; }.target-card { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; min-height:68px; padding:12px; border:1px solid var(--dr-border); border-radius:15px; background:#fbfcfd; }.target-card span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#fff; color:var(--dr-muted); font-size:8px; font-weight:900; }.target-card strong { font-size:10px; }

.connectors-section { padding:var(--marketing-section-pad) 0; background:#fff; }
.connector-workbench { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); gap:32px; align-items:stretch; margin-top:62px; }
.connector-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.connector-chip { min-height:88px; padding:15px; border:1px solid var(--dr-border); border-radius:17px; background:#fbfcfd; color:#374151; font-weight:800; cursor:pointer; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.connector-chip:hover,.connector-chip.is-active { transform:translateY(-2px); border-color:var(--dr-pink-border); background:#fff; box-shadow:0 12px 30px rgba(229,0,99,.08); color:var(--dr-pink); }
.connector-detail { display:flex; flex-direction:column; min-height:390px; padding:34px; border:1px solid var(--dr-pink-border); border-radius:26px; background:linear-gradient(145deg,#fff,#fff7fa); box-shadow:0 22px 60px rgba(229,0,99,.08); }
.connector-detail__label { color:var(--dr-pink); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.connector-detail h3 { margin-top:18px; }.connector-detail p { color:#4b5563; font-size:16px; }.connector-route { display:grid; grid-template-columns:1fr auto 1.4fr auto 1fr; gap:7px; align-items:center; margin-top:auto; padding:14px; border:1px solid var(--dr-border); border-radius:15px; background:#fff; font-size:8px; text-align:center; }.connector-route strong { color:var(--dr-pink); }.connector-detail > small { margin-top:18px; color:var(--dr-muted); font-size:10px; line-height:1.55; }

.abbyy-section { padding:var(--marketing-section-pad) 0; background:linear-gradient(145deg,#111827,#0b1020); color:#fff; }
.abbyy-grid { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(570px,1.2fr); gap:clamp(56px,8vw,120px); align-items:center; }.abbyy-copy { max-width:700px; }.abbyy-copy p:not(.marketing-eyebrow) { color:rgba(255,255,255,.68); font-size:18px; }
.abbyy-flow { display:grid; grid-template-columns:minmax(150px,1fr) 80px minmax(190px,1.15fr) 80px minmax(190px,1fr); gap:12px; align-items:center; min-height:350px; padding:32px; border:1px solid rgba(255,255,255,.1); border-radius:28px; background:rgba(255,255,255,.05); box-shadow:0 30px 70px rgba(0,0,0,.16); }
.abbyy-node { display:grid; gap:5px; place-items:center; min-height:130px; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(255,255,255,.06); text-align:center; }.abbyy-node small { color:#ff8bbb; font-size:8px; font-weight:900; letter-spacing:.1em; }.abbyy-node strong { font-size:15px; }.abbyy-node span { color:rgba(255,255,255,.55); font-size:9px; }.abbyy-node--engine { border-color:rgba(255,91,162,.55); background:rgba(229,0,99,.13); box-shadow:0 18px 50px rgba(229,0,99,.1); }
.abbyy-arrow { position:relative; height:2px; border-top:2px dashed rgba(255,139,187,.42); }.abbyy-arrow span { position:absolute; top:-4px; left:0; width:8px; height:8px; border-radius:50%; background:#ff8bbb; animation:abbyyDot 2.6s linear infinite; }.abbyy-arrow:nth-of-type(4) span { animation-delay:.9s; }
@keyframes abbyyDot { from{left:0} to{left:calc(100% - 8px)} }
.abbyy-targets { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.abbyy-targets span { display:grid; place-items:center; min-height:58px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.7); font-size:9px; font-weight:800; }

.runtime-section { padding:var(--marketing-section-pad) 0; background:#f8fafc; }
.runtime-grid { display:grid; grid-template-columns:minmax(360px,.75fr) minmax(640px,1.25fr); gap:clamp(50px,7vw,110px); align-items:center; }.runtime-copy { max-width:650px; }.runtime-copy > p:not(.marketing-eyebrow) { margin:30px 0 0; color:#4b5563; font-size:19px; }
.reliability-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:30px; }.reliability-grid div { min-height:112px; padding:16px; border:1px solid var(--dr-border); border-radius:15px; background:#fff; }.reliability-grid strong { display:block; color:var(--dr-pink); font-size:12px; }.reliability-grid span { display:block; margin-top:7px; color:var(--dr-muted); font-size:10px; line-height:1.5; }
.admin-ui { overflow:hidden; border:1px solid var(--dr-border); border-radius:24px; background:#fff; box-shadow:0 28px 80px rgba(15,23,42,.12); transform:translateY(18px); opacity:.2; transition:opacity 700ms ease,transform 700ms cubic-bezier(.22,1,.36,1); }.runtime-section.is-visible .admin-ui { opacity:1; transform:translateY(0); }.admin-ui__bar { display:flex; justify-content:space-between; align-items:center; min-height:58px; padding:0 20px; border-bottom:1px solid var(--dr-border); background:#fff; }.admin-ui__brand { font-size:12px; font-weight:800; }.admin-ui__brand b { color:var(--dr-pink); }.admin-status { display:flex; gap:7px; align-items:center; color:#166534; font-size:9px; font-weight:800; }.admin-status i { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.1); }
.admin-ui__body { display:grid; grid-template-columns:130px minmax(0,1fr); min-height:440px; }.admin-ui__nav { display:flex; flex-direction:column; gap:5px; padding:16px 12px; border-right:1px solid var(--dr-border); background:#fafafa; }.admin-ui__nav span { padding:9px 10px; border-radius:9px; color:var(--dr-muted); font-size:9px; font-weight:800; }.admin-ui__nav .is-active { background:var(--dr-pink-soft); color:var(--dr-pink); }.admin-ui__main { display:grid; gap:14px; padding:18px; }.admin-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.admin-kpis div { padding:13px; border:1px solid var(--dr-border); border-radius:12px; background:#fff; }.admin-kpis small { display:block; color:var(--dr-muted); font-size:8px; }.admin-kpis strong { display:block; margin-top:5px; font-size:14px; }.admin-panel { overflow:hidden; border:1px solid var(--dr-border); border-radius:13px; background:#fff; }.admin-panel__head { display:flex; justify-content:space-between; padding:11px 13px; border-bottom:1px solid var(--dr-border); font-size:9px; }.admin-panel__head span { color:#166534; font-weight:800; }.activity-log { display:grid; }.activity-log > div { display:grid; grid-template-columns:10px 1fr auto; gap:8px; align-items:center; min-height:36px; padding:0 13px; border-bottom:1px solid #f1f2f4; color:#4b5563; font-size:8px; }.activity-log > div:last-child { border-bottom:0; }.activity-log i { width:7px; height:7px; border-radius:50%; background:#22c55e; }.activity-log time { color:#9ca3af; }.config-lines { display:grid; gap:8px; padding:14px; }.config-lines span { display:block; height:8px; border-radius:999px; background:#eef0f3; }.config-lines span:nth-child(2) { width:78%; }.config-lines span:nth-child(3) { width:91%; }.config-lines span:nth-child(4) { width:64%; }

.transport-section { padding:var(--marketing-section-pad) 0; background:#fff; }.transport-grid { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr); gap:clamp(60px,8vw,130px); align-items:center; }.transport-copy { max-width:680px; }.transport-copy > p:not(.marketing-eyebrow) { margin:30px 0 0; color:#4b5563; font-size:19px; }.transport-cloud { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-content:center; min-height:360px; padding:36px; border:1px solid var(--dr-border); border-radius:28px; background:radial-gradient(circle at 50% 50%,rgba(229,0,99,.07),transparent 45%),#fbfcfd; }.transport-cloud span { display:grid; place-items:center; min-width:110px; min-height:64px; padding:11px 16px; border:1px solid var(--dr-border); border-radius:16px; background:#fff; box-shadow:0 8px 20px rgba(15,23,42,.05); color:#4b5563; font-size:11px; font-weight:800; }.transport-cloud span:nth-child(3n+2) { transform:translateY(-12px); border-color:var(--dr-pink-border); }

.faq-section { padding:var(--marketing-section-pad) 0; background:#f8fafc; }.faq-grid { display:grid; grid-template-columns:minmax(320px,.7fr) minmax(600px,1.3fr); gap:clamp(50px,7vw,110px); align-items:start; }.faq-list { display:grid; gap:12px; }.faq-list details { border:1px solid var(--dr-border); border-radius:17px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.04); }.faq-list summary { padding:19px 22px; cursor:pointer; font-weight:800; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+'; float:right; color:var(--dr-pink); font-size:20px; font-weight:400; }.faq-list details[open] summary::after { content:'–'; }.faq-list details p { margin:0; padding:0 22px 20px; color:#4b5563; font-size:14px; }

@media (max-width: 1120px) {
  .transform-grid,.abbyy-grid,.runtime-grid,.transport-grid { grid-template-columns:1fr; }
  .connector-workbench { grid-template-columns:1fr; }
  .abbyy-flow { max-width:860px; }
  .admin-ui { max-width:900px; }
}

@media (max-width: 980px) {
  .hero-visual { min-height:520px; }
  .complexity-map,.simplify-map { min-height:590px; }
  .transform-visual { grid-template-columns:1fr 150px 1fr; }
  .connector-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .faq-grid { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  .hero-visual { min-height:450px; margin-top:16px; }
  .hero-side { width:92px; padding:34px 0; }.hero-node { min-height:58px; padding:9px 6px; }.hero-node strong { font-size:8px; }.hero-engine-node { width:154px; min-height:138px; }.hero-engine-node strong { font-size:17px; }.hero-payload { display:none; }
  .complexity-map,.simplify-map { min-height:500px; margin-inline:-8px; }.complexity-node,.simplify-node { min-width:108px; min-height:52px; padding:8px; font-size:9px; }.simplify-engine { min-width:154px; min-height:104px; padding:13px; grid-template-columns:38px 1fr; }.simplify-engine__placeholder { width:36px; height:36px; }.simplify-engine strong { font-size:12px; }.simplify-engine > span:last-child { display:none; }
  .capability-list,.reliability-grid { grid-template-columns:1fr; }
  .transform-visual { grid-template-columns:1fr; min-height:auto; padding:22px; }.transform-visual::before,.transform-visual::after { display:none; }.transform-engine { min-height:132px; }.transform-column--target { grid-template-columns:1fr 1fr 1fr; }.transform-column--target .transform-label { grid-column:1/-1; }.target-card { grid-template-columns:1fr; place-items:center; text-align:center; }
  .connector-list { grid-template-columns:1fr; }.connector-detail { min-height:auto; padding:24px; }.connector-route { grid-template-columns:1fr; }.connector-route i { transform:rotate(90deg); }
  .abbyy-flow { grid-template-columns:1fr; min-height:auto; padding:20px; }.abbyy-arrow { width:2px; height:42px; margin:auto; border-top:0; border-left:2px dashed rgba(255,139,187,.42); }.abbyy-arrow span { top:0; left:-4px; animation:abbyyDotVertical 2.6s linear infinite; }.abbyy-targets { width:100%; }.abbyy-node { min-height:105px; }
  @keyframes abbyyDotVertical { from{top:0} to{top:calc(100% - 8px)} }
  .admin-ui__body { grid-template-columns:1fr; }.admin-ui__nav { flex-direction:row; overflow:auto; border-right:0; border-bottom:1px solid var(--dr-border); }.admin-kpis { grid-template-columns:1fr 1fr 1fr; }.runtime-grid { gap:40px; }
  .transport-cloud { min-height:280px; padding:20px; }.transport-cloud span { min-width:90px; min-height:52px; font-size:9px; }.transport-cloud span:nth-child(3n+2) { transform:none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-payload { opacity:1 !important; animation:none !important; }
  .admin-ui { opacity:1 !important; transform:none !important; }
  .simplify-engine { opacity:1; transform:translate(-50%,0) scale(1); }
}