/* Scope: Integrări only. Explicit process diagrams replace decorative/ambiguous imagery. */
.omnichannel>.integration-photo{display:none}
.story .menu-qr-mobile{display:none}
@media(max-width:700px){.story .menu-qr-mobile{display:flex}}
.integration-data-route,.integration-continuity-map{position:relative;min-width:0;overflow:hidden;padding:clamp(24px,3vw,40px);background:radial-gradient(circle at 100% 0,rgba(113,237,183,.12),transparent 48%),var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 68px rgba(0,0,0,.16)}
.integration-data-route h3,.integration-continuity-map h3{font-size:clamp(24px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em;margin:6px 0 28px;max-width:15ch}
.integration-data-route ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.integration-data-route li{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:baseline;gap:4px 12px;padding:15px 0;border-bottom:1px solid var(--line)}
.integration-data-route li span{grid-row:span 2;color:var(--accent);font:800 11px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.integration-data-route li strong{font-size:17px;line-height:1.25}
.integration-data-route li small{color:var(--muted);font-size:13px;line-height:1.45}
.integration-data-route li:not(:last-child)::after{content:'↓';position:absolute;left:100px;bottom:-11px;z-index:1;color:var(--accent);font-weight:800;background:var(--surface);padding:0 3px}
.integration-data-route figcaption,.integration-continuity-map figcaption{font-size:12px;line-height:1.5;color:var(--muted);padding:18px 0 0}
.integration-data-route>a{display:inline-block;margin-top:20px;font-weight:650}
.integration-continuity-map{background:radial-gradient(circle at 0 0,rgba(113,237,183,.11),transparent 46%),var(--surface)}
.continuity-lane{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.continuity-label{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}
.continuity-lane ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:10px;padding:0;margin:0;counter-reset:continuity-step}
.continuity-lane li{position:relative;min-width:0;padding:28px 8px 13px 0;counter-increment:continuity-step}
.continuity-lane li::before{content:counter(continuity-step,decimal-leading-zero);position:absolute;top:4px;left:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.1em}
.continuity-lane li:not(:last-child)::after{content:'';position:absolute;left:27px;right:8px;top:10px;height:1px;background:var(--accent);opacity:.65}
.continuity-lane strong,.continuity-lane small{display:block;overflow-wrap:anywhere}
.continuity-lane strong{font-size:15px;line-height:1.2}
.continuity-lane small{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}
.continuity-restore{position:relative;margin-top:10px}
.continuity-restore ol{border-top:1px dashed var(--line)}
.continuity-restore::before{content:'';position:absolute;top:33px;left:3px;width:1px;height:15px;background:var(--accent)}
.continuity.in-view .continuity-restore::before{animation:continuity-signal 1.7s ease-in-out 2}
@keyframes continuity-signal{50%{background:#fff;box-shadow:0 0 12px var(--accent)}}
@media(max-width:760px){.integration-data-route,.integration-continuity-map{padding:20px;border-radius:18px}.integration-data-route li{grid-template-columns:84px minmax(0,1fr)}.integration-data-route li:not(:last-child)::after{left:65px}.continuity-lane li{padding-right:4px}.continuity-lane strong{font-size:13px}.continuity-lane small{font-size:10px}}
@media(max-width:390px){.continuity-lane ol{gap:5px}.continuity-lane li:not(:last-child)::after{right:4px}}
@media(prefers-reduced-motion:reduce){.continuity.in-view .continuity-restore::before{animation:none}}

/* The light theme remains genuinely light while preserving readable copy over the hero image. */
.light-mode .hero{color:var(--fg);background:var(--bg)}
.light-mode .hero .eyebrow{color:var(--accent)}
.light-mode .hero .lead{color:var(--muted)}
.light-mode .hero figure:after{background:linear-gradient(90deg,rgba(250,251,249,.98),rgba(250,251,249,.9) 38%,rgba(250,251,249,.08) 78%)}
@media(max-width:760px){.light-mode .hero figure:after{background:linear-gradient(180deg,rgba(250,251,249,.99) 12%,rgba(250,251,249,.95) 48%,rgba(250,251,249,.08) 80%)}}