/* Three legible sequences: converge, assemble, deliver. No moving body copy. */
.lower-motion{pointer-events:none;user-select:none}
.lower-process-art{width:100%;height:96px;flex:none;min-width:0;margin:0 0 22px;overflow:hidden;color:#a8ffdc}
.lower-process-art svg{display:block;width:100%;height:100%;max-width:350px;overflow:visible}
.lower-process-art svg *{vector-effect:non-scaling-stroke}
.lower-line-faint{stroke:#9de6ce;stroke-opacity:.38;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.lower-line-soft{stroke:#99ebcf;stroke-opacity:.8;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.lower-line-bright{stroke:#b2ffe0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lower-outline{fill:#8ff3cd;fill-opacity:.07;stroke:#9eefcf;stroke-opacity:.85;stroke-width:1.3;stroke-linejoin:round}
.lower-panel{fill:#147478;stroke:#a1f6d2;stroke-width:1.5;stroke-linejoin:round}
.lower-facet{fill:#8df4ca;fill-opacity:.18;stroke:#a7ffda;stroke-width:1.5;stroke-linejoin:round}
.lower-mint{fill:#a4ffd8}
.lower-cursor{fill:#bcffe5;stroke:#005660;stroke-width:1.6;stroke-linejoin:round}
.lower-focus,.lower-handover-focus{stroke:#8df7ca;stroke-width:1.3;stroke-linecap:round}
.lower-discovery-note-one{animation:lower-note-one 8s cubic-bezier(.45,0,.2,1) infinite}
.lower-discovery-note-two{animation:lower-note-two 8s cubic-bezier(.45,0,.2,1) infinite}
.lower-discovery-note-three{animation:lower-note-three 8s cubic-bezier(.45,0,.2,1) infinite}
.lower-brief-lines{animation:lower-brief-resolve 8s ease-in-out infinite}
.lower-focus{animation:lower-brief-focus 8s ease-in-out infinite;transform-origin:229px 48px}
.lower-design-image{animation:lower-build-image 8s cubic-bezier(.35,0,.15,1) infinite;transform-origin:100px 56px}
.lower-design-heading{animation:lower-build-heading 8s cubic-bezier(.35,0,.15,1) infinite}
.lower-design-button{animation:lower-build-button 8s cubic-bezier(.35,0,.15,1) infinite}
.lower-design-cursor{animation:lower-build-cursor 8s cubic-bezier(.4,0,.2,1) infinite}
.lower-button-press{fill:#9cffcf;opacity:0;animation:lower-build-press 8s ease-in-out infinite}
.lower-verify-one{animation:lower-verify-one 8.5s ease-in-out infinite}
.lower-verify-two{animation:lower-verify-two 8.5s ease-in-out infinite}
.lower-verify-three{animation:lower-verify-three 8.5s ease-in-out infinite}
.lower-ship-package{animation:lower-deliver-package 8.5s cubic-bezier(.4,0,.2,1) infinite;opacity:0}
.lower-handover-complete{animation:lower-handover-complete 8.5s ease-in-out infinite;transform-origin:254px 58px}
.lower-handover-focus{animation:lower-handover-focus 8.5s ease-in-out infinite;transform-origin:254px 53px}
.lower-founder-mark{position:relative}
.lower-founder-orbit{position:absolute;inset:-7px}
.lower-founder-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.lower-founder-track{stroke:#93bfae;stroke-opacity:.25;stroke-width:1}
.lower-founder-arc{stroke:#2b9780;stroke-opacity:.58;stroke-width:1}
.lower-founder-dot{fill:#148a73}
.lower-founder-turn{transform-origin:50px 50px;animation:lower-founder-orbit 32s linear infinite}
.lower-contact-guide{position:relative}
.lower-contact-track{position:absolute;left:0;right:0;top:-1px;height:2px;overflow:hidden}
.lower-contact-signal{display:block;width:20%;height:100%;background:linear-gradient(90deg,transparent,#208e76,transparent);animation:lower-contact-travel 12s ease-in-out infinite;opacity:0}
.lower-motion:not(.lower-motion-active),.lower-motion:not(.lower-motion-active) *{animation-play-state:paused!important}
.lower-motion-reduced,.lower-motion-reduced *{animation:none!important}
.lower-motion-reduced .lower-ship-package,.lower-motion-reduced .lower-contact-signal,.lower-motion-reduced .lower-button-press{opacity:0}
.lower-footer-emblem.lower-motion-active{animation-play-state:running}

/* Notes arrive one after another, then resolve into the final brief. */
@keyframes lower-note-one{0%,10%{transform:translate(0,0);opacity:1}36%{transform:translate(179px,11px);opacity:1}43%,82%{transform:translate(179px,11px);opacity:0}83%{transform:translate(0,0);opacity:0}95%,100%{transform:translate(0,0);opacity:1}}
@keyframes lower-note-two{0%,19%{transform:translate(0,0);opacity:1}45%{transform:translate(169px,-4px);opacity:1}52%,85%{transform:translate(169px,-4px);opacity:0}86%{transform:translate(0,0);opacity:0}98%,100%{transform:translate(0,0);opacity:1}}
@keyframes lower-note-three{0%,28%{transform:translate(0,0);opacity:1}54%{transform:translate(179px,-19px);opacity:1}61%,88%{transform:translate(179px,-19px);opacity:0}89%{transform:translate(0,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes lower-brief-resolve{0%,37%,100%{opacity:.18;transform:translateY(3px)}66%,88%{opacity:1;transform:translateY(0)}}
@keyframes lower-brief-focus{0%,42%,100%{transform:scale(1.07);opacity:.35}64%,86%{transform:scale(1);opacity:1}}

/* Image, content and action assemble; the cursor arrives after the interface. */
@keyframes lower-build-image{0%,8%,100%{transform:translate(-36px,8px) rotate(-7deg);opacity:.3}33%,83%{transform:translate(0,0) rotate(0);opacity:1}93%{transform:translate(-36px,8px) rotate(-7deg);opacity:.3}}
@keyframes lower-build-heading{0%,15%,100%{transform:translate(29px,-16px);opacity:.25}40%,83%{transform:translate(0,0);opacity:1}93%{transform:translate(29px,-16px);opacity:.25}}
@keyframes lower-build-button{0%,22%,100%{transform:translate(28px,13px);opacity:.25}47%,83%{transform:translate(0,0);opacity:1}93%{transform:translate(28px,13px);opacity:.25}}
@keyframes lower-build-cursor{0%,34%,100%{transform:translate(54px,3px);opacity:0}44%{opacity:1}61%,77%{transform:translate(0,0);opacity:1}88%{transform:translate(14px,5px);opacity:0}}
@keyframes lower-build-press{0%,60%,73%,100%{opacity:0}64%,69%{opacity:.45}}

/* Verification completes before the package crosses to the handover folder. */
@keyframes lower-verify-one{0%,5%,100%{opacity:.15}14%,87%{opacity:1}}
@keyframes lower-verify-two{0%,15%,100%{opacity:.15}24%,87%{opacity:1}}
@keyframes lower-verify-three{0%,25%,100%{opacity:.15}34%,87%{opacity:1}}
@keyframes lower-deliver-package{0%,34%{transform:translateX(-9px);opacity:0}40%{transform:translateX(0);opacity:1}65%{transform:translateX(118px);opacity:1}73%,100%{transform:translateX(133px);opacity:0}}
@keyframes lower-handover-complete{0%,63%,100%{transform:scale(.8);opacity:.18}75%,89%{transform:scale(1);opacity:1}}
@keyframes lower-handover-focus{0%,63%,100%{transform:scale(1.05);opacity:.2}75%,89%{transform:scale(1);opacity:1}}
@keyframes lower-founder-orbit{to{transform:rotate(360deg)}}
@keyframes lower-contact-travel{0%,12%{transform:translateX(-100%);opacity:0}25%{opacity:.8}65%{opacity:.8}85%,100%{transform:translateX(500%);opacity:0}}

@media(min-width:601px) and (max-width:800px){
 .lower-process-card .lower-process-art{grid-column:1/-1;height:96px;margin:0;max-width:350px}
}
@media(max-width:600px){
 .lower-process-art{height:96px;margin-bottom:20px;max-width:350px}
}
@media(prefers-reduced-motion:reduce){
 .lower-motion,.lower-motion *{animation:none!important;transition:none!important}
 .lower-ship-package,.lower-contact-signal,.lower-button-press{opacity:0}
}