/* Text is permanent; only decorative graphics move after JS opt-in. */
.flow-section{padding-block:90px}.flow-section>h2{max-width:1000px}.flow-section>.section-description{max-width:760px;margin-top:24px}.flow-grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:46px}.flow-card{min-width:0;position:relative;padding:30px;border:1px solid #32463b;background:linear-gradient(145deg,#15221b,#0c1310 65%);border-radius:3px 32px 3px 3px;overflow:hidden}.flow-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px}.flow-code,.flow-step-number,.flow-toggle{font-family:var(--font-mono,'IBM Plex Mono',monospace)}.flow-code{font-size:12px;letter-spacing:.08em;color:#b6cbba}.flow-signal{color:#d1fda1;font-size:12px}.flow-card h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}.flow-intro{margin-top:16px;max-width:680px;font-size:16px;line-height:1.65;min-height:5em}.flow-drawing{position:relative;margin:24px -8px;isolation:isolate}.flow-art{display:block;width:100%;height:auto;overflow:visible}.flow-art>g{fill:#14271c;stroke:#a5c9b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.flow-wire{fill:none;stroke:#d1fda1;stroke-dasharray:5 8;stroke-width:2}.flow-grid{position:absolute;inset:0;background-image:linear-gradient(#8cba9b09 1px,transparent 1px),linear-gradient(90deg,#8cba9b09 1px,transparent 1px);background-size:24px 24px;z-index:-1;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.ai-core{stroke:#d1fda1;transform-origin:298px 120px}.diagram-halo{fill:none;stroke:#47634c;stroke-dasharray:3 9;transform-origin:298px 120px}.flow-check{fill:none;stroke:#d1fda1;stroke-width:3}.flow-finish{fill:#223b26;stroke:#d1fda1}.web-cta,.moving-deal{fill:#35543b;stroke:#d1fda1}.web-funnel{fill:#233f2b}.crm-lanes{stroke:#4b6858;fill:#122018}.rollback-path{fill:none;stroke:#739987;stroke-dasharray:4 6}.flow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.flow-steps li{display:flex;gap:10px;min-width:0;border-top:1px solid #35483b;padding-top:16px}.flow-step-number{color:#cffa9f;font-size:12px;padding-top:3px}.flow-steps h4{font-family:'Onest',sans-serif;font-weight:500;font-size:17px;line-height:1.4;letter-spacing:0;margin:0 0 7px}.flow-steps p{font-size:14px;line-height:1.5;color:#bbc8bd}.flow-metric{margin:26px 0 22px;padding-top:20px;border-top:1px solid #35483b;font-size:14px;color:#d7e5d7}.flow-disclaimer{max-width:800px;margin-top:24px;font-size:13px;color:#aabbac}.flow-toggle{background:transparent;color:#d1fda1;border:1px solid #526d48;padding:12px 16px;border-radius:3px;font-size:12px;min-height:44px;line-height:1.5}.flow-toggle:hover{background:#21321f}.flow-toggle[hidden]{display:none}.flow-detail .flow-grid-layout{grid-template-columns:1fr}.flow-detail .flow-card{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;padding:40px}.flow-detail .flow-card-head,.flow-detail .flow-steps,.flow-detail .flow-metric{grid-column:1/-1}.flow-detail .flow-card h3{grid-column:1;align-self:end;font-size:clamp(27px,3vw,40px)}.flow-detail .flow-intro{grid-column:1;min-height:0}.flow-detail .flow-drawing{grid-column:2;grid-row:2/4;align-self:center;margin:10px 0 28px}.flow-detail .flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.flow-detail .text-link{grid-column:1/-1;justify-self:start}
@keyframes data-travel{to{stroke-dashoffset:-104}}@keyframes core-breathe{50%{transform:scale(1.065);opacity:.75}}@keyframes halo-turn{to{transform:rotate(360deg)}}@keyframes deal-route{0%,15%{transform:translateX(0)}30%,42%{transform:translateX(142px)}58%,70%{transform:translateX(284px)}86%,100%{transform:translateX(426px)}}@keyframes flow-glow{0%,100%{opacity:.45}50%{opacity:1}}@keyframes stage-glow{0%,20%{border-color:#cffa9f}25%,100%{border-color:#35483b}}
.flow-ready .flow-wire{animation:data-travel 6s linear infinite}.flow-ready .ai-core{animation:core-breathe 5s ease-in-out infinite}.flow-ready .diagram-halo{animation:halo-turn 30s linear infinite}.flow-ready .moving-deal{animation:deal-route 12s ease-in-out infinite}.flow-ready .flow-check,.flow-ready .web-cta{animation:flow-glow 6s ease-in-out infinite}.flow-ready .flow-steps li{animation:stage-glow 12s linear infinite}.flow-ready .flow-steps li:nth-child(2){animation-delay:3s}.flow-ready .flow-steps li:nth-child(3){animation-delay:6s}.flow-ready .flow-steps li:nth-child(4){animation-delay:9s}
.flow-card *{animation-play-state:paused!important}.flow-ready .flow-card.is-visible *{animation-play-state:running!important}.flow-ready.flow-paused .flow-card *,.flow-ready.motion-paused .flow-card *,.flow-ready.flow-hidden .flow-card *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.flow-card *{animation:none!important;transition:none!important}}
@media(max-width:900px){.flow-grid-layout{gap:18px}.flow-card{padding:24px}.flow-card h3{font-size:26px}.flow-detail .flow-card{padding:28px;column-gap:20px}.flow-detail .flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.flow-section{padding-block:64px}.flow-section .section-top{align-items:flex-start;flex-wrap:wrap;gap:18px}.flow-grid-layout{grid-template-columns:1fr;margin-top:30px}.flow-card{padding:22px 18px}.flow-intro{min-height:0}.flow-detail .flow-card{display:block;padding:24px 18px}.flow-detail .flow-drawing{margin-block:24px}.flow-detail .flow-steps{display:grid}.flow-code{font-size:11px}.flow-card h3{font-size:27px}.flow-steps{gap:20px 14px}.flow-steps li{gap:7px}.flow-steps h4{font-size:16px}.flow-steps p{font-size:13px}.flow-card .text-link{font-size:15px}.flow-detail .flow-card h3{font-size:29px}.flow-drawing{margin-inline:0}}
@media(max-width:360px){.flow-steps,.flow-detail .flow-steps{grid-template-columns:1fr}.flow-card h3{font-size:24px}}

.flow-steps li>div{min-width:0;overflow-wrap:anywhere}.flow-card h3,.flow-code{overflow-wrap:anywhere}.flow-toggle:disabled{cursor:default;color:#bacabb}
@media(min-width:651px) and (max-width:900px){.flow-overview .flow-grid-layout{grid-template-columns:1fr}.flow-overview .flow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}