.embedding-flow{display:block;min-width:0;width:100%;max-width:520px;margin:0;justify-self:center;padding:0}
.embedding-caption{padding-left:6px;margin-bottom:15px}
.embedding-caption .micro{display:block;color:var(--faint);font-size:10px;letter-spacing:.12em}
.embedding-caption h2{color:var(--ink);font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:10px 0 8px}
.embedding-caption p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.embedding-diagram{display:block;width:100%;height:auto;overflow:visible;background:radial-gradient(ellipse at 50% 46%,#07c1600d,transparent 62%)}
.embedding-note{display:block;text-align:center;color:var(--faint);font:9px/1.7 var(--mono);letter-spacing:.06em;margin-top:2px}
.flow-connections{stroke:url(#flow-line);stroke-width:1}
.flow-input-float { animation: embedding-input 9s ease-in-out infinite; }
.flow-input-image .flow-input-float { animation-delay: -2s; }
.flow-input-video .flow-input-float { animation-delay: -4s; }
.flow-input-document .flow-input-float { animation-delay: -6s; }
.flow-text-card { fill: #f4f7f5; stroke: #dbe3dd; }
.flow-text { fill: #2b3a32; font: 11px Inter, Arial, sans-serif; }
.flow-text-accent { fill: #0b7d45; }
.flow-card-label { fill: #4a5a51; font: 8px var(--mono); letter-spacing: .6px; }
.flow-media-label { fill: #ffffff; fill-opacity: .92; }
.flow-media-border { fill: none; stroke: #c6d3cb; stroke-opacity: .9; }
.flow-model-core { fill: url(#model-fill); stroke: #0a5c35; stroke-width: 1; }
.flow-model-halo { fill: #07c16014; stroke: #07c16033; animation: embedding-activate 7s ease-in-out infinite; }
.flow-model-name { fill: #ffffff; font: 500 26px Inter, Arial, sans-serif; letter-spacing: -.6px; }
.flow-model-subtitle { fill: #b9e8ce; font: 9px var(--mono); letter-spacing: 1.4px; }
.flow-stage-label { fill: #8a958e; font: 9px var(--mono); letter-spacing: 1px; }
.flow-vector-cell { fill: #0d9c56; opacity: var(--dimension-value); animation: embedding-dimensions 7s ease-in-out infinite; animation-delay: var(--dimension-delay); }
.flow-vector-label{fill:#65746b;font:9px var(--mono);letter-spacing:.6px}
.flow-dimensions-label{fill:#8a958e;font:7px var(--mono);letter-spacing:.6px}
.flow-representation-caption{fill:#65746b;font:10px Inter,Arial,sans-serif}
.flow-space-heading{fill:#4a5a51;font:8px var(--mono);letter-spacing:1px}
.flow-packet { fill: #07c160; opacity: 0; offset-distance: 0%; animation: embedding-packet 7s linear infinite; animation-delay: var(--packet-delay, 0s); filter: drop-shadow(0 0 3px #07c16099); }
.embedding-flow:not([data-motion=running]) * { animation-play-state: paused !important; }
@keyframes embedding-input { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes embedding-packet { 0%, 4% { opacity: 0; offset-distance: 0%; } 8% { opacity: 1; } 35% { opacity: 1; offset-distance: 100%; } 38%, 100% { opacity: 0; offset-distance: 100%; } }
@keyframes embedding-activate { 0%, 25%, 90%, 100% { opacity: .35; } 44%, 62% { opacity: 1; } }
@keyframes embedding-dimensions { 0%, 38%, 100% { opacity: .34; } 46%, 88% { opacity: var(--dimension-value); } }

.flow-packet-text{offset-path:path('M59 82V98Q59 110 78 110H117Q130 110 130 127')}
.flow-packet-image{offset-path:path('M193 82V101Q193 110 207 110H215Q222 110 222 127');--packet-delay:.25s}
.flow-packet-video{offset-path:path('M327 82V101Q327 110 313 110H305Q298 110 298 127');--packet-delay:.5s}
.flow-packet-document{offset-path:path('M461 82V98Q461 110 442 110H403Q390 110 390 127');--packet-delay:.75s}
.flow-packet-vector{offset-path:path('M260 215V245');--packet-delay:2.9s}
@media(max-width:1150px){.embedding-caption h2{font-size:25px}.embedding-caption p{font-size:12px}}
@media(max-width:900px){.embedding-caption h2{font-size:22px}.embedding-caption .micro{display:block;font-size:9px;letter-spacing:.1em}.embedding-caption p{font-size:11px}}
@media(max-width:680px){.embedding-flow{padding-top:25px;border-top:1px solid var(--line);max-width:440px}.embedding-caption h2{font-size:26px}.embedding-caption p{font-size:12px}.embedding-caption .micro{display:block;font-size:10px}.flow-card-label{font-size:10px;letter-spacing:0}.flow-stage-label{font-size:11px;letter-spacing:.5px}.embedding-note{font-size:9px;margin-top:2px}.flow-space-heading{font-size:9px;letter-spacing:.5px}.flow-vector-label{font-size:10px;letter-spacing:0}.flow-dimensions-label{font-size:8px;letter-spacing:0}.flow-representation-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.embedding-flow *{animation:none!important}.flow-packet{opacity:0}}

@media(min-width:681px){.hero .eyebrow,.embedding-caption .micro{line-height:16px}.hero .eyebrow{margin-bottom:25px}.embedding-caption h2{margin-top:31px}}
@media(min-width:681px) and (max-width:900px){.hero .eyebrow{margin-bottom:20px}.embedding-caption h2{margin-top:26px}}