.pricing-intro { position: relative; isolation: isolate; overflow: hidden; min-height: 600px; display: flex; flex-direction: column; justify-content: center; }
.pricing-intro::before { content: none; display: none; background: none; }
.pricing-intro::after { content: none; display: none; background: none; }
.pricing-intro > :not(svg) { position: relative; z-index: 1; }
.pricing-intro h1 { max-width: 1100px; }
.pricing-field { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; color: #aaa0e7; opacity: .24; z-index: 0; }
.pricing-field .field-flow { stroke-dasharray: 3 18; animation: sophie-field-travel 26s linear infinite; }
.pricing-field .field-node { animation: sophie-field-breathe 8s ease-in-out infinite alternate; }
html:not(.dark) .pricing-intro::before { content: none; display: none; background: none; }
html:not(.dark) .pricing-intro::after { content: none; display: none; background: none; }
html:not(.dark) .pricing-field { color: #615293; opacity: .16; }
@keyframes sophie-field-travel { to { stroke-dashoffset: -210; } }
@keyframes sophie-field-breathe { from { opacity: .3; } to { opacity: .9; } }
@media(max-width:580px) { .pricing-intro { min-height: 500px; } .pricing-intro::before { content: none; display: none; background: none; } .pricing-intro::after { content: none; display: none; background: none; } .pricing-field { opacity: .13; } }
@media(prefers-reduced-motion:reduce) { .pricing-field * { animation: none !important; } }