:root{--shadow-phone:#081e2f33}:root[data-mode=dark]{--shadow-phone:#0006}@media (prefers-color-scheme:dark){:root[data-mode=system]{--shadow-phone:#0006}}.flow-grid{stroke:var(--border-subtle);stroke-width:1px}.flow-real{fill:none;stroke:var(--chart-1);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.flow-projected{fill:none;stroke:var(--chart-3);stroke-width:2.5px;stroke-dasharray:7 6;stroke-linecap:round;stroke-linejoin:round}.flow-area{fill:url(#flow-area-fill)}.flow-area-top{stop-color:var(--chart-1);stop-opacity:.16}.flow-area-bottom{stop-color:var(--chart-1);stop-opacity:0}.flow-here-line{stroke:var(--border-control);stroke-width:1px;stroke-dasharray:3 4}.flow-grid,.flow-real,.flow-projected,.flow-here-line{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.flow-figure.flow-js .flow-real{stroke-dasharray:260;transition:stroke-dashoffset 1.1s var(--ease-out)}.flow-figure.flow-js:not(.is-drawn) .flow-real{stroke-dashoffset:260px}.flow-figure.flow-js:not(.is-drawn) .flow-projected,.flow-figure.flow-js:not(.is-drawn) .flow-area{opacity:0}.flow-figure.flow-js .flow-projected{transition:opacity .42s var(--ease-out) .9s}.flow-figure.flow-js .flow-area{transition:opacity .42s var(--ease-out) .6s}}summary{list-style:none}summary::-webkit-details-marker{display:none}details[open] .faq-chevron{transform:rotate(180deg)}.phone-scene{perspective:1100px}.phone{will-change:transform;filter:drop-shadow(0 18px 30px var(--shadow-phone))}