/* Zes stappen in één dossier; volgt de goedgekeurde hero-preview. */
#geochain-hero-motion { --gc-ink: #326349; --gc-green: #00863f; --gc-signal: #00da63; --gc-soft: #f0f7f3; --gc-line: #b9cec1; --gc-muted: #586c5e; --gc-white: #fff; --gc-bar: #b3cbbd; font-family: Montserrat, sans-serif; color: var(--gc-ink); width: 100%; }
#geochain-hero-motion { min-width: 0; max-width: 460px; margin-inline: auto; }
#geochain-hero-motion * { box-sizing: border-box; }
#geochain-hero-motion [hidden] { display: none !important; }
#geochain-hero-motion .gc-stage { background: transparent; padding: 0; }
#geochain-hero-motion .gc-drawing { display: block; width: 100%; height: auto; overflow: visible; }
#geochain-hero-motion .gc-paper { fill: var(--gc-white); stroke: #9bb6a5; stroke-width: 1.1; }
#geochain-hero-motion .gc-paper-back { fill: #e5eee8; stroke: #c7d9cd; stroke-width: 1; }
#geochain-hero-motion .gc-line { fill: none; stroke: var(--gc-line); stroke-width: 1.1; }
#geochain-hero-motion .gc-bar { fill: var(--gc-bar); }
#geochain-hero-motion .gc-cover-title { fill: #41875f; }
#geochain-hero-motion .gc-green { fill: var(--gc-green); }
#geochain-hero-motion .gc-signal { fill: var(--gc-signal); }
#geochain-hero-motion .gc-soft { fill: #e2f3e8; }
#geochain-hero-motion .gc-stroke { fill: none; stroke: var(--gc-green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#geochain-hero-motion .gc-brand { fill: var(--gc-ink); font: 600 16px Montserrat, sans-serif; letter-spacing: -.4px; }
#geochain-hero-motion .gc-label { fill: var(--gc-ink); font: 500 14.5px Montserrat, sans-serif; }
#geochain-hero-motion .gc-muted-label { fill: var(--gc-muted); font: 400 14.5px Montserrat, sans-serif; }
#geochain-hero-motion .gc-button-label { fill: var(--gc-white); font: 500 14.5px Montserrat, sans-serif; }
#geochain-hero-motion .gc-price { fill: var(--gc-green); font: 600 32px Montserrat, sans-serif; letter-spacing: -.8px; font-variant-numeric: tabular-nums; }
#geochain-hero-motion .gc-messages { position: relative; min-height: 28px; }
#geochain-hero-motion .gc-step-caption { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 28px; margin-bottom: 8px; }
#geochain-hero-motion .gc-step-name { margin: 0; color: var(--gc-ink); font: 500 16px/1.5 Montserrat, sans-serif; }
#geochain-hero-motion .gc-actors { display: inline-flex; align-items: center; gap: 6px; }
#geochain-hero-motion .gc-actor { display: block; flex: none; width: 18px; height: 18px; }
#geochain-hero-motion .gc-actor--client { fill: none; stroke: var(--gc-ink); stroke-width: 1.6; stroke-linecap: round; }
#geochain-hero-motion .gc-accessible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { #geochain-hero-motion * { animation: none !important; transition: none !important; } }
@media (max-width: 760px) { #geochain-hero-motion { max-width: 340px; } }