[data-features-infographic]{background:var(--color-surface);color:var(--color-body);overflow:visible}[data-features-infographic] .features-header{padding-top:.25rem;overflow:visible}[data-features-infographic] .features-title{color:var(--color-on-primary);text-shadow:0 1px 2px color-mix(in srgb, var(--color-footer-bg) 40%, transparent)}[data-features-infographic] .features-intro{color:color-mix(in srgb, var(--color-on-primary) 92%, var(--color-footer-text))}[data-features-infographic] .features-connectors__track{position:relative}[data-features-infographic] .features-hub-line{z-index:0;background:linear-gradient(90deg, transparent 0%, var(--color-secondary) 8%, var(--color-accent) 50%, var(--color-secondary) 92%, transparent 100%);height:4px;box-shadow:0 0 10px color-mix(in srgb, var(--color-secondary) 55%, transparent), 0 0 18px color-mix(in srgb, var(--color-accent) 35%, transparent);background-size:200% 100%;border-radius:9999px;animation:7s ease-in-out infinite features-hub-flow;position:absolute;top:.6875rem;left:0;right:0}@keyframes features-hub-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes features-dot-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-secondary) 45%, transparent), 0 2px 10px color-mix(in srgb, var(--color-heading) 40%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 55%, transparent), 0 4px 16px color-mix(in srgb, var(--color-secondary) 45%, transparent);transform:scale(1.12)}}[data-features-infographic] .features-connectors__grid{z-index:1;gap:1rem;display:grid;position:relative}[data-features-infographic] .features-connector-col{flex-direction:column;align-items:center;min-width:0;display:flex}[data-features-infographic] .features-dot{z-index:2;border:3px solid var(--color-surface);width:1.375rem;height:1.375rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-secondary) 45%, transparent), 0 2px 10px color-mix(in srgb, var(--color-heading) 12%, transparent);border-radius:9999px;animation:2.8s ease-in-out infinite features-dot-pulse;position:relative}[data-features-infographic] .features-dot--primary{background:color-mix(in srgb, var(--color-primary) 45%, var(--color-accent))}[data-features-infographic] .features-dot--hover{background:color-mix(in srgb, var(--color-primary) 35%, var(--color-on-primary))}[data-features-infographic] .features-dot--secondary{background:var(--color-secondary)}[data-features-infographic] .features-dot--terracotta{background:color-mix(in srgb, var(--color-terracotta) 70%, var(--color-accent))}[data-features-infographic] .features-dot--accent{background:var(--color-accent)}[data-features-infographic] .features-stem{transform-origin:top;border-radius:9999px;width:3px;height:2.75rem;margin-top:.125rem;animation:.6s cubic-bezier(.22,1,.36,1) both features-stem-grow}@keyframes features-stem-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}[data-features-infographic] .features-connector-col:first-child .features-stem{animation-delay:.1s}[data-features-infographic] .features-connector-col:nth-child(2) .features-stem{animation-delay:.2s}[data-features-infographic] .features-connector-col:nth-child(3) .features-stem{animation-delay:.3s}[data-features-infographic] .features-connector-col:nth-child(4) .features-stem{animation-delay:.4s}[data-features-infographic] .features-connector-col:nth-child(5) .features-stem{animation-delay:.5s}[data-features-infographic] .features-stem--primary{background:color-mix(in srgb, var(--color-primary) 45%, var(--color-accent))}[data-features-infographic] .features-stem--hover{background:color-mix(in srgb, var(--color-primary) 35%, var(--color-on-primary))}[data-features-infographic] .features-stem--secondary{background:var(--color-secondary)}[data-features-infographic] .features-stem--terracotta{background:color-mix(in srgb, var(--color-terracotta) 70%, var(--color-accent))}[data-features-infographic] .features-stem--accent{background:var(--color-accent)}[data-features-infographic] .features-card{border-radius:calc(var(--radius-lg) - 4px);background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);box-shadow:0 12px 32px color-mix(in srgb, var(--color-heading) 8%, transparent);flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-features-infographic] .features-card:hover{box-shadow:0 22px 44px color-mix(in srgb, var(--color-heading) 12%, transparent);transform:translateY(-8px)scale(1.02)}[data-features-infographic] .features-card--primary:hover{box-shadow:0 22px 44px color-mix(in srgb, var(--color-heading) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}[data-features-infographic] .features-card--secondary:hover{box-shadow:0 22px 44px color-mix(in srgb, var(--color-heading) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-secondary) 40%, transparent)}[data-features-infographic] .features-card--terracotta:hover{box-shadow:0 22px 44px color-mix(in srgb, var(--color-heading) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-terracotta) 40%, transparent)}[data-features-infographic] .features-card--accent:hover{box-shadow:0 22px 44px color-mix(in srgb, var(--color-heading) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, transparent)}[data-features-infographic] .features-card:hover .features-card__icon-wrap{transform:scale(1.12)}[data-features-infographic] .features-card:hover .features-card__visual{filter:brightness(1.08)}[data-features-infographic] .features-card--terracotta:hover .features-card__icon-wrap svg{transform:rotate(180deg)}}[data-features-infographic] .features-card__visual{justify-content:center;align-items:center;min-height:7.5rem;padding:1.5rem;transition:filter .35s;display:flex}[data-features-infographic] .features-card__visual--primary{background:var(--color-primary)}[data-features-infographic] .features-card__visual--hover{background:var(--color-hover)}[data-features-infographic] .features-card__visual--secondary{background:var(--color-secondary)}[data-features-infographic] .features-card__visual--terracotta{background:var(--color-terracotta)}[data-features-infographic] .features-card__visual--accent{background:var(--color-accent)}[data-features-infographic] .features-card__icon-wrap{background:color-mix(in srgb, var(--color-on-primary) 28%, transparent);width:4.5rem;height:4.5rem;color:var(--color-on-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--color-heading) 18%, transparent);border-radius:9999px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex}[data-features-infographic] .features-card__icon-wrap svg{transition:transform .45s cubic-bezier(.22,1,.36,1)}[data-features-infographic] .features-card__visual--light .features-card__icon-wrap{background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-footer-bg);box-shadow:0 2px 10px color-mix(in srgb, var(--color-heading) 14%, transparent)}[data-features-infographic] .features-card__body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.125rem 1.375rem;display:flex}[data-features-infographic] .features-card__title{color:var(--color-heading);font-size:.9375rem;font-weight:700;line-height:1.35}[data-features-infographic] .features-card__text{color:var(--color-body);flex:1;font-size:.8125rem;line-height:1.55}[data-features-infographic] .features-card__bullets{color:var(--color-body);margin:0;padding-left:1rem;font-size:.8125rem;line-height:1.5}[data-features-infographic] .features-footer-note{color:var(--color-body)}@media (min-width:640px) and (max-width:1023px){[data-features-infographic] .features-grid>.features-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,50% - .5rem)}}@media (min-width:1024px){[data-features-infographic] .features-card__visual{min-height:8.5rem}[data-features-infographic] .features-card__title{font-size:1rem}}@media (max-width:1023px){[data-features-infographic] .features-connectors{display:none}}@media (prefers-reduced-motion:reduce){[data-features-infographic] .features-hub-line,[data-features-infographic] .features-dot,[data-features-infographic] .features-stem{animation:none}[data-features-infographic] .features-card:hover,[data-features-infographic] .features-card:hover .features-card__icon-wrap,[data-features-infographic] .features-card:hover .features-card__icon-wrap svg{transform:none}}