/* Home-only decorative motion. The complete static scene is the default. */
body.lawnfree-light[data-page="/"] .motion-stage{position:relative;isolation:isolate;width:100%;min-width:0;max-width:100%;aspect-ratio:560/430;overflow:hidden;border-radius:inherit;background:#edf4fd}
body.lawnfree-light[data-page="/"] .motion-stage svg{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:560/430;overflow:hidden}
body.lawnfree-light[data-page="/"] .motion-animated{animation-play-state:paused!important;transform-box:fill-box;transform-origin:center}
body.lawnfree-light[data-page="/"][data-motion="playing"] [data-motion-scene].is-visible .motion-animated{animation-play-state:running!important}
body.lawnfree-light[data-page="/"] .hero-folder-float{animation:lf-hero-float 6s ease-in-out infinite}
/* Layer on the original 3:2 picture without changing the Hero's layout box. */
body.lawnfree-light[data-page="/"] .hero-folio-stage{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden}
body.lawnfree-light[data-page="/"] .hero-folio-papers{position:absolute;z-index:1;top:0;left:-6%;width:112%;max-width:none;height:auto;aspect-ratio:3/2;margin-top:-4%;pointer-events:none}
body.lawnfree-light[data-page="/"] .hero-folio-front{position:absolute;z-index:2;inset:0;pointer-events:none}
body.lawnfree-light[data-page="/"] .hero-sheet{animation:lf-hero-sort 8.8s cubic-bezier(.4,0,.2,1) infinite;transform-origin:50% 70%}
body.lawnfree-light[data-page="/"] .hero-sheet-one{--sheet-rise:-142px;--sheet-fan:-8px;--sheet-tilt:-2deg}
body.lawnfree-light[data-page="/"] .hero-sheet-two{--sheet-rise:-152px;--sheet-fan:0px;--sheet-tilt:1deg;animation-delay:.55s}
body.lawnfree-light[data-page="/"] .hero-sheet-three{--sheet-rise:-138px;--sheet-fan:7px;--sheet-tilt:2deg;animation-delay:1.1s}
@media(min-width:1181px){body.lawnfree-light[data-page="/"] .hero-folio-papers{width:114%;left:-7%;margin-top:-4.67%}}
body.lawnfree-light[data-page="/"] .motion-check-one,body.lawnfree-light[data-page="/"] .motion-check-two,body.lawnfree-light[data-page="/"] .motion-check-three{animation:lf-check-emphasis 8s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-check-two{animation-delay:.4s}
body.lawnfree-light[data-page="/"] .motion-check-three{animation-delay:.8s}
body.lawnfree-light[data-page="/"] .motion-data-path{animation:lf-data-flow 2.8s linear infinite}
body.lawnfree-light[data-page="/"] .motion-highlight-one,body.lawnfree-light[data-page="/"] .motion-highlight-two{animation:lf-highlight 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-highlight-two{animation-delay:.7s}
body.lawnfree-light[data-page="/"] .motion-output-row-one,body.lawnfree-light[data-page="/"] .motion-output-row-two,body.lawnfree-light[data-page="/"] .motion-output-row-three{animation:lf-output-ready 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-output-row-one{animation-delay:1s}
body.lawnfree-light[data-page="/"] .motion-output-row-two{animation-delay:1.3s}
body.lawnfree-light[data-page="/"] .motion-output-row-three{animation-delay:1.6s}
/* Contextual guidance and OCR scenes; all effects share the existing pause gate. */
body.lawnfree-light[data-page="/"] .motion-adviser-body{transform-box:view-box;transform-origin:125px 323px;animation:lf-guidance-posture 8s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-guiding-hand{transform-box:view-box;transform-origin:162px 204px;animation:lf-guidance-point 8s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-guidance-bubble{animation:lf-guidance-breathe 8s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-gather-sheet{animation:lf-gather-paper 8s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-workstation-scan{animation:lf-workstation-scan 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-path-delayed{animation-delay:-.7s}
body.lawnfree-light[data-page="/"] .motion-review-pointer{animation:lf-review-point 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-review-ring{animation:lf-review-ring 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-review-hand{animation:lf-review-hand 7s ease-in-out infinite}
body.lawnfree-light[data-page="/"] .motion-workflow li>span.motion-animated{animation:lf-workflow-step 12s ease-in-out infinite;animation-delay:calc(var(--motion-step,0) * 3s)}
@keyframes lf-hero-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.35deg)}}
@keyframes lf-hero-sort{0%,10%,82%,100%{transform:translate(0,0) rotate(0)}30%,43%{transform:translate(var(--sheet-fan),var(--sheet-rise)) rotate(var(--sheet-tilt))}65%{transform:translate(6px,-24px) rotate(0)}}
@keyframes lf-check-emphasis{0%,15%,75%,100%{stroke-width:2.3}35%,50%{stroke-width:3.5}}
@keyframes lf-data-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-22}}
@keyframes lf-highlight{0%,100%{fill:#dcecff}45%,65%{fill:#b6d9ff}}
@keyframes lf-output-ready{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes lf-workflow-step{0%,24%,100%{box-shadow:0 0 0 0 #1475d000}8%,16%{box-shadow:0 0 0 6px #1475d016;color:#075aaf;background:#e3f0ff}}
@keyframes lf-guidance-posture{0%,65%,100%{transform:translateY(0) rotate(0)}20%,40%{transform:translateY(-.7px) rotate(.35deg)}}
@keyframes lf-guidance-point{0%,65%,100%{transform:rotate(0)}20%,40%{transform:rotate(-1.2deg)}}
@keyframes lf-guidance-breathe{0%,100%{scale:1}25%,40%{scale:1.025}}
@keyframes lf-gather-paper{0%,35%,100%{transform:translateY(0)}65%,78%{transform:translateY(13px)}}
@keyframes lf-workstation-scan{0%,10%{transform:translateY(0)}48%,62%{transform:translateY(85px)}100%{transform:translateY(0)}}
@keyframes lf-review-point{0%,45%,100%{transform:translate(0,0)}65%,82%{transform:translate(-7px,-3px)}}
@keyframes lf-review-ring{0%,45%,100%{scale:1;stroke-width:1.5}66%,78%{scale:1.3;stroke-width:2}}
@keyframes lf-review-hand{0%,45%,100%{transform:translate(0,0)}65%,82%{transform:translate(-2px,-2px)}}
/* One 15-second sequence: gather papers, review scope, settle for delivery. */
body.lawnfree-light[data-page="/"] .hero-scene{--hero-cycle:15s}
body.lawnfree-light[data-page="/"] .hero-sheet{animation-duration:var(--hero-cycle);animation-delay:0s}
body.lawnfree-light[data-page="/"] .hero-sheet-one{animation-name:lf-hero-prepare-one}
body.lawnfree-light[data-page="/"] .hero-sheet-two{animation-name:lf-hero-prepare-two}
body.lawnfree-light[data-page="/"] .hero-sheet-three{animation-name:lf-hero-prepare-three}
body.lawnfree-light[data-page="/"] .hero-scope-scan{opacity:0;animation:lf-hero-scope-scan var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-scope-tick{animation:lf-hero-scope-tick var(--hero-cycle) ease-in-out infinite;stroke-dasharray:1;stroke-dashoffset:0}
body.lawnfree-light[data-page="/"] .hero-scene .hero-workflow{gap:clamp(6px,1.2vw,16px)}
body.lawnfree-light[data-page="/"] .hero-flow-step{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:0;color:#6b8096;font-weight:500;animation:lf-hero-phase-prepare var(--hero-cycle) linear infinite}
body.lawnfree-light[data-page="/"] .hero-flow-review{animation-name:lf-hero-phase-review}
body.lawnfree-light[data-page="/"] .hero-flow-deliver{animation-name:lf-hero-phase-deliver}
body.lawnfree-light[data-page="/"] .hero-flow-icon{display:block;width:1.6em;height:1.6em;flex:none;overflow:visible}
body.lawnfree-light[data-page="/"] .hero-flow-arrow{color:#a7bace;flex:none;width:18px;height:16px;overflow:visible}
body.lawnfree-light[data-page="/"] .hero-flow-papers{animation:lf-hero-icon-prepare var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-flow-check{stroke-dasharray:1;animation:lf-hero-icon-review var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-flow-delivery{animation:lf-hero-icon-deliver var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-flow-dot{opacity:0;animation:lf-hero-flow-first var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-flow-dot-second{animation-name:lf-hero-flow-second}
@keyframes lf-hero-prepare-one{0%,3%,88%,100%{transform:translate(0,0) rotate(0)}18%,31%{transform:translate(-14px,-142px) rotate(-3deg)}40%,60%{transform:translate(-6px,-142px) rotate(-1deg)}77%{transform:translate(4px,-16px) rotate(0)}}
@keyframes lf-hero-prepare-two{0%,7%,88%,100%{transform:translate(0,0) rotate(0)}22%,31%{transform:translate(0,-152px) rotate(1deg)}40%,60%{transform:translate(0,-152px) rotate(0)}78%{transform:translate(4px,-16px) rotate(0)}}
@keyframes lf-hero-prepare-three{0%,11%,88%,100%{transform:translate(0,0) rotate(0)}26%,31%{transform:translate(14px,-138px) rotate(3deg)}40%,60%{transform:translate(6px,-138px) rotate(1deg)}79%{transform:translate(4px,-16px) rotate(0)}}
@keyframes lf-hero-scope-scan{0%,32%,62%,100%{opacity:0;transform:translateY(0)}36%{opacity:1;transform:translateY(0)}52%{opacity:1;transform:translateY(155px)}58%{opacity:0;transform:translateY(155px)}}
@keyframes lf-hero-scope-tick{0%,34%,100%{stroke-dashoffset:1;opacity:0}47%,90%{stroke-dashoffset:0;opacity:1}}
@keyframes lf-hero-phase-prepare{0%,29%{color:#286aa7}34%,100%{color:#6b8096}}
@keyframes lf-hero-phase-review{0%,29%,65%,100%{color:#6b8096}35%,59%{color:#286aa7}}
@keyframes lf-hero-phase-deliver{0%,60%,100%{color:#6b8096}67%,92%{color:#286aa7}}
@keyframes lf-hero-icon-prepare{0%,30%,100%{transform:translateY(0)}12%,20%{transform:translateY(-2px)}}
@keyframes lf-hero-icon-review{0%,32%,100%{stroke-dashoffset:1}45%,92%{stroke-dashoffset:0}}
@keyframes lf-hero-icon-deliver{0%,60%,100%{transform:translateY(0)}67%{transform:translateY(-3px)}81%,93%{transform:translateY(4px)}}
@keyframes lf-hero-flow-first{0%,24%,37%,100%{opacity:0;transform:translateX(0)}27%{opacity:1;transform:translateX(0)}34%{opacity:1;transform:translateX(16px)}}
@keyframes lf-hero-flow-second{0%,57%,71%,100%{opacity:0;transform:translateX(0)}60%{opacity:1;transform:translateX(0)}68%{opacity:1;transform:translateX(16px)}}
/* Three separate full-size compositions share one stable responsive canvas. */
body.lawnfree-light[data-page="/"] .hero-phase-visual{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;animation:lf-hero-scene-review var(--hero-cycle) linear infinite}
body.lawnfree-light[data-page="/"] .hero-phase-prepare{opacity:1;animation-name:lf-hero-scene-prepare}
body.lawnfree-light[data-page="/"] .hero-phase-deliver{animation-name:lf-hero-scene-deliver}
body.lawnfree-light[data-page="/"] .hero-review-beam{opacity:0;animation:lf-hero-review-beam var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-review-lens{animation:lf-hero-review-lens var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] :is(.hero-review-check-a,.hero-review-check-b,.hero-review-check-c){stroke-dasharray:1;stroke-dashoffset:0;animation:lf-hero-review-check-a var(--hero-cycle) ease-in-out infinite}
body.lawnfree-light[data-page="/"] .hero-review-check-b{animation-name:lf-hero-review-check-b}
body.lawnfree-light[data-page="/"] .hero-review-check-c{animation-name:lf-hero-review-check-c}
body.lawnfree-light[data-page="/"] .hero-delivery-packet{animation:lf-hero-delivery-packet var(--hero-cycle) cubic-bezier(.4,0,.2,1) infinite}
body.lawnfree-light[data-page="/"] .hero-delivery-check{animation:lf-hero-delivery-check var(--hero-cycle) ease-in-out infinite}
@keyframes lf-hero-scene-prepare{0%,28%,98%,100%{opacity:1}32%,94%{opacity:0}}
@keyframes lf-hero-scene-review{0%,28%,66%,100%{opacity:0}32%,62%{opacity:1}}
@keyframes lf-hero-scene-deliver{0%,62%,98%,100%{opacity:0}66%,94%{opacity:1}}
@keyframes lf-hero-review-beam{0%,32%,62%,100%{opacity:0;transform:translateY(0)}36%{opacity:1;transform:translateY(0)}52%{opacity:1;transform:translateY(315px)}59%{opacity:0;transform:translateY(315px)}}
@keyframes lf-hero-review-lens{0%,31%,100%{transform:translate(0,0)}39%{transform:translate(-18px,-24px)}55%,64%{transform:translate(12px,88px)}}
@keyframes lf-hero-review-check-a{0%,34%,100%{opacity:0;stroke-dashoffset:1}41%,66%{opacity:1;stroke-dashoffset:0}}
@keyframes lf-hero-review-check-b{0%,41%,100%{opacity:0;stroke-dashoffset:1}48%,66%{opacity:1;stroke-dashoffset:0}}
@keyframes lf-hero-review-check-c{0%,48%,100%{opacity:0;stroke-dashoffset:1}55%,66%{opacity:1;stroke-dashoffset:0}}
@keyframes lf-hero-delivery-packet{0%,65%,100%{transform:translate(0,0) rotate(-4deg)}70%{transform:translate(35px,-62px) rotate(-2deg)}83%,95%{transform:translate(290px,112px) rotate(0)}}
@keyframes lf-hero-delivery-check{0%,81%,100%{opacity:0;transform:scale(.92)}88%,96%{opacity:1;transform:scale(1)}}
@media(max-width:600px){body.lawnfree-light[data-page="/"] .hero-flow-step{gap:4px}body.lawnfree-light[data-page="/"] .hero-flow-icon{width:18px;height:18px}body.lawnfree-light[data-page="/"] .hero-flow-arrow{width:14px}}
@media(max-width:600px){body.lawnfree-light[data-page="/"] .motion-stage{border-radius:18px}}
@media(prefers-reduced-motion:reduce){body.lawnfree-light[data-page="/"] .motion-animated{animation:none!important;animation-play-state:paused!important}}
@media print{body.lawnfree-light[data-page="/"] .motion-animated{animation:none!important}}