/* Small, wordless illustration beneath the benefits heading. */
.home-benefits-intro { align-items: start; }
.benefit-day { position: relative; width: min(100%,360px); margin: 22px 0 0; }
.benefit-time-art { display: block; width: 100%; height: auto; overflow: hidden; }
.time-flow { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 0; }
.time-arc { stroke-dasharray: 1; }
.time-paper-back { transform: translate(88px,16px); }
.time-paper-mid { transform: translate(94px,22px); }
.time-paper-front { transform: translate(100px,28px); }
.day-toggle { position: absolute; right: -6px; bottom: -4px; width: 44px; height: 44px; padding: 13px; border: 0; background: transparent; color: #526c7b; cursor: pointer; border-radius: 50%; }
.day-toggle[hidden] { display: none; }
.day-toggle:hover { background: #1236530a; }
.day-toggle:focus-visible { outline: 2px solid #a9430a; outline-offset: 2px; }
.day-toggle svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.time-play-icon { display: none; }
.day-toggle[data-paused=true] .time-pause-icon { display: none; }
.day-toggle[data-paused=true] .time-play-icon { display: block; }
@media(max-width:650px) { .benefit-day { width: min(100%,300px); margin-top: 14px; } }