.op-motion{--op-motion-bg: var(--strategy-color-bg, #fff);--op-motion-surface: var(--strategy-color-surface, #f7f7f5);--op-motion-ink: var(--strategy-color-ink, #20231f);--op-motion-muted: var(--strategy-color-muted, #646a61);--op-motion-line: var(--strategy-color-line, #e3e6df);--op-motion-accent: var(--strategy-color-accent, #ff5c02);--op-motion-on-accent: var(--color-accent-ink, #fff);--op-motion-accent-line: color-mix(in srgb, var(--op-motion-on-accent) 35%, transparent);--op-motion-shadow-near: color-mix(in srgb, var(--op-motion-ink) 9%, transparent);--op-motion-shadow-far: color-mix(in srgb, var(--op-motion-ink) 16%, transparent);--op-motion-shadow-accent: color-mix(in srgb, var(--op-motion-accent) 35%, transparent);--op-motion-card-shadow: 0 3px 4px -3px var(--op-motion-shadow-near), 0 12px 28px -18px var(--op-motion-shadow-far);--op-motion-core-shadow: 0 18px 30px -21px var(--op-motion-shadow-accent);width:100%;min-width:0;max-width:560px;margin:0;color:var(--op-motion-ink);font-family:var(--strategy-font-body, Inter, sans-serif);isolation:isolate}.op-motion *,.op-motion *:before,.op-motion *:after{box-sizing:border-box}.op-motion-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--op-motion-line);padding-bottom:12px}.op-motion-header figcaption{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;letter-spacing:.015em}.op-motion-caption-mark{width:7px;height:7px;background:var(--op-motion-accent)}.op-motion-scene{position:relative;display:flex;flex-direction:column;align-items:center;padding:27px 8px 24px}.op-motion-guide{position:absolute;z-index:-1;border:1px solid var(--op-motion-line);pointer-events:none}.op-motion-guide-left{left:0;top:88px;width:35%;height:235px;border-right:0;border-radius:14px 0 0 14px}.op-motion-guide-right{right:0;bottom:70px;width:35%;height:220px;border-left:0;border-radius:0 14px 14px 0}.op-motion-guide:before,.op-motion-guide:after{position:absolute;content:"";width:5px;height:5px;border:1px solid var(--op-motion-line);background:var(--op-motion-bg);border-radius:50%}.op-motion-guide-left:before{top:-3px;right:0}.op-motion-guide-left:after{bottom:-3px;right:0}.op-motion-guide-right:before{top:-3px;left:0}.op-motion-guide-right:after{bottom:-3px;left:0}.op-motion-card{position:relative;border:1px solid var(--op-motion-line);border-radius:8px;background:var(--op-motion-bg);padding:19px 21px;box-shadow:var(--op-motion-card-shadow)}.op-motion-input{align-self:flex-start;width:77%}.op-motion-step-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;line-height:1.35}.op-motion-icon{display:flex;width:19px;height:19px;color:var(--op-motion-muted);flex-shrink:0}.op-motion-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.op-motion-card p{margin:11px 0 0!important;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.015em}.op-motion-meta{display:block;margin-top:8px;color:var(--op-motion-muted);font-size:11px;line-height:1.5}.op-motion-card-pin{position:absolute;right:15px;top:15px;width:5px;height:5px;border:1px solid var(--op-motion-line);border-radius:50%}.op-motion-connector{display:block;width:100%;height:36px;flex-shrink:0;overflow:visible}.op-motion-connector path{fill:none;stroke:var(--op-motion-line);stroke-width:1.3;vector-effect:non-scaling-stroke}.op-motion-connector circle{fill:var(--op-motion-accent)}.op-motion-core{width:87%;padding:23px 23px 17px;border-color:var(--op-motion-accent);background:var(--op-motion-accent);color:var(--op-motion-on-accent);box-shadow:var(--op-motion-core-shadow)}.op-motion-core-heading{display:flex;align-items:center;gap:18px}.op-motion-core-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border:1px solid var(--op-motion-accent-line);border-radius:10px;transform:rotate(-7deg)}.op-motion-core-symbol svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.op-motion-core-eyebrow{display:block;font-size:11px;font-weight:500;line-height:1.5;color:var(--op-motion-on-accent)}.op-motion-core p{margin-top:7px!important;font-family:var(--strategy-font-display);color:var(--op-motion-on-accent);font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.22;letter-spacing:-.035em}.op-motion-context{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:19px;padding-top:13px;padding-right:10px;border-top:1px solid var(--op-motion-accent-line);font-size:11px;line-height:1.5}.op-motion-context span:before{content:"+";margin-right:5px}.op-motion-context i{position:absolute;right:0;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--op-motion-on-accent)}.op-motion-output{align-self:flex-end;width:78%;background:var(--op-motion-surface)}.op-motion-output p{max-width:25ch}.op-motion-review{display:flex;align-items:flex-start;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--op-motion-line);font-size:11px;line-height:1.5;color:var(--op-motion-muted)}.op-motion-review svg{flex-shrink:0;stroke:currentColor;stroke-width:1.3}.op-motion-footnote{display:flex;align-items:flex-start;gap:10px;padding-top:15px;border-top:1px solid var(--op-motion-line);color:var(--op-motion-muted)}.op-motion-footnote>span{font-size:18px;line-height:1.2;color:var(--op-motion-accent)}.op-motion-footnote p{margin:0;font-size:11px;line-height:1.7}.op-motion--hero .op-motion-scene{padding-block:16px}.op-motion-stage-outline{position:absolute;inset:-1px;border:1px solid var(--op-motion-accent);border-radius:inherit;pointer-events:none;box-shadow:0 0 0 3px var(--strategy-color-accent-soft)}.op-motion-core .op-motion-stage-outline{inset:-5px;box-shadow:none}.op-motion-signal{position:absolute;right:15px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--op-motion-accent)}.op-motion-connector .op-motion-route{stroke:var(--op-motion-accent);stroke-width:1.5;stroke-linecap:round}.op-motion--hero .op-motion-context{padding-right:0}.op-motion--hero .op-motion-context>span{display:inline-flex;align-items:center;gap:6px}.op-motion--hero .op-motion-context>span:before{content:none}.op-motion-context-check{flex-shrink:0;width:14px;height:14px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.op-motion-context-check circle{stroke:var(--op-motion-accent-line)}.op-motion-complete{position:absolute;top:16px;right:14px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--strategy-color-accent-soft);color:var(--op-motion-accent)}.op-motion-complete svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.op-motion--hero .op-motion-output .op-motion-step-label{padding-right:22px}@media(max-width:600px){.op-motion{max-width:480px;margin-inline:auto}.op-motion-scene{padding-inline:4px}.op-motion-card{padding:16px}.op-motion-core{padding:20px 17px 15px}.op-motion-core-heading{gap:12px}.op-motion-core-symbol{width:36px;height:36px;border-radius:8px}.op-motion-core-symbol svg{width:24px;height:24px}.op-motion-core p{font-size:19px}}@media(max-width:380px){.op-motion-header{gap:8px}.op-motion-header figcaption{font-size:11px;gap:6px}.op-motion-input,.op-motion-output{width:91%}.op-motion-core{width:96%}.op-motion-context{gap:5px 10px;font-size:11px}.op-motion-card p{font-size:13px}.op-motion-core p{font-size:17px}.op-motion-desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.op-motion-card{transform:none!important;opacity:1!important}.op-motion-connector circle{opacity:0!important}.op-motion-stage-outline,.op-motion-signal{opacity:0!important}.op-motion--hero .op-motion-core-symbol{transform:rotate(-7deg)!important}}
