.how-ai-agents-work-section{isolation:isolate;background-color:color-mix(in srgb, var(--background-primary) 90%, var(--accent-primary) 4%);background-image:radial-gradient(ellipse 85% 60% at 72% 22%, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent 58%), radial-gradient(ellipse 55% 40% at 12% 78%, color-mix(in srgb, var(--north-gradient-mid) 8%, transparent), transparent 62%), linear-gradient(180deg, var(--background-primary) 0%, color-mix(in srgb, var(--background-secondary) 38%, transparent) 45%, var(--background-primary) 100%);justify-content:flex-start;position:relative;overflow:hidden}.how-ai-agents-work-container{z-index:1;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.how-ai-agents-work-scene{gap:var(--home-scene-gap-major);flex:1;width:100%;display:grid}.how-ai-agents-work-headline{font-size:var(--home-section-title);line-height:1.1;font-weight:var(--weight-heading);letter-spacing:-.015em;max-width:min(48rem,100%)}.how-ai-agents-work-headline-accent{display:block}.how-ai-agents-work-body{max-width:min(42rem,100%);font-size:clamp(1.1875rem,1.05rem + .5vw,1.375rem);line-height:1.55}.how-ai-agents-work-highlight{align-items:center;gap:clamp(2.5rem,5vw,4rem);width:100%;display:grid}.how-ai-agents-work-visual-wrap,.how-ai-agents-work-visual{width:100%}.how-ai-agents-work-image-wrap{justify-content:center;width:100%;display:flex}.how-ai-agents-work-image{object-fit:contain;width:min(100%,44rem);height:auto}.how-ai-agents-work-experience{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.how-ai-agents-work-pipeline{width:3.75rem;min-height:clamp(18rem,36vh,24rem)}.how-ai-agents-work-pipeline-canvas{width:100%;height:100%;min-height:inherit;display:block}.how-ai-agents-work-pipeline-line{stroke:var(--muted);stroke-width:1.25px;stroke-linecap:round;stroke-opacity:.22;transition:stroke-opacity var(--duration-hover) var(--ease-standard)}.how-ai-agents-work-pipeline-line[data-active=true]{stroke:color-mix(in srgb, var(--accent-primary) 55%, var(--muted));stroke-opacity:.55}.how-ai-agents-work-pipeline-node{fill:color-mix(in srgb, var(--ink) 6%, transparent);stroke:color-mix(in srgb, var(--muted) 30%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill var(--duration-hover) var(--ease-standard), stroke var(--duration-hover) var(--ease-standard)}.how-ai-agents-work-pipeline-node[data-active=true]{fill:color-mix(in srgb, var(--accent-primary) 12%, transparent);stroke:color-mix(in srgb, var(--accent-primary) 45%, transparent)}.how-ai-agents-work-pipeline-packet{fill:var(--accent-primary);fill-opacity:.9}.how-ai-agents-work-steps{gap:clamp(2rem,4vh,3rem);margin:0;padding:0;list-style:none;display:grid}.how-ai-agents-work-step{opacity:.62;transition:opacity var(--duration-section) var(--ease-standard)}.how-ai-agents-work-step[data-active=true]{opacity:1}.how-ai-agents-work-step-inner{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.5vw,2rem);display:grid}.how-ai-agents-work-step-index{font-family:var(--font-jetbrains-mono), monospace;font-size:clamp(.875rem,.8rem + .3vw,1rem);line-height:1;font-weight:var(--weight-label);letter-spacing:.08em;color:color-mix(in srgb, var(--accent-primary) 72%, var(--muted));padding-top:.35rem}.how-ai-agents-work-step-copy{flex-direction:column;gap:.625rem;display:flex}.how-ai-agents-work-step-title{font-size:clamp(1.375rem,1.15rem + .6vw,1.75rem);line-height:1.2;font-weight:var(--weight-subheading)}.how-ai-agents-work-step-description{font-size:var(--home-body-size);max-width:34rem;line-height:1.55}@media (min-width:1024px){.how-ai-agents-work-highlight{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(3rem,5vw,5rem)}.how-ai-agents-work-image{width:100%;max-width:none}}@media (min-width:1280px){.how-ai-agents-work-scene{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-items:start;gap:clamp(2rem,4vw,3rem)}.how-ai-agents-work-headline,.how-ai-agents-work-body{max-width:none}.how-ai-agents-work-highlight{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media (max-width:819px){.how-ai-agents-work-experience{grid-template-columns:minmax(0,1fr)}.how-ai-agents-work-pipeline{display:none}}@media (prefers-reduced-motion:reduce){.how-ai-agents-work-step{opacity:1}.how-ai-agents-work-pipeline-packet{display:none}}