/* YANORA's automation assistant: one character, one understandable task. */
.robot-automation{padding:72px 0 65px;background:#f7f8f3}.robot-intro{text-align:center;max-width:760px;margin:auto}.robot-intro>.eyebrow{font-size:10px;color:#657c50;letter-spacing:.1em}.robot-automation .robot-intro h2{font-size:clamp(39px,4.3vw,61px);line-height:1.06;margin:22px 0 20px}.robot-intro>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#606e54}.robot-stage{width:min(100%,650px);margin:4px auto 14px;position:relative}.yanora-robot{display:block;width:100%;height:auto;overflow:visible}.robot-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1100px;margin:0 auto}.robot-services article{border-top:1px solid #cedac2;padding-top:23px}.robot-service-index{font-size:9px;letter-spacing:.09em;color:#70835c}.robot-services h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 10px}.robot-services p{font-size:13px;line-height:1.6;color:#647356;max-width:290px}.robot-footer{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:36px}.robot-footer>.button{font-size:13px;min-width:280px}.robot-footer>p{font-size:11px;color:#6c7d5d;text-align:center}.robot-character{transform-origin:253px 155px}.robot-eyes{transform-origin:250px 94px}.robot-right-arm{transform-origin:314px 172px}.robot-shadow{transform-origin:257px 281px}.robot-crm-check{opacity:0}.robot-motion .robot-character{animation:robot-breathe 9s ease-in-out infinite}.robot-motion .robot-shadow{animation:robot-shadow 9s ease-in-out infinite}.robot-motion .robot-eyes{animation:robot-blink 9s linear infinite}.robot-motion .robot-right-arm{animation:robot-hand 9s ease-in-out infinite}.robot-motion .robot-task{animation:robot-deliver 9s ease-in-out infinite}.robot-motion .robot-crm-back{animation:robot-crm 9s ease-in-out infinite}.robot-motion .robot-crm-check{animation:robot-check 9s ease-in-out infinite}.robot-automation:not(.robot-visible) .robot-stage *{animation-play-state:paused!important}
@keyframes robot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes robot-shadow{0%,100%{transform:scaleX(1);opacity:.09}50%{transform:scaleX(.93);opacity:.06}}@keyframes robot-blink{0%,17%,20%,100%{transform:scaleY(1)}18.5%{transform:scaleY(.12)}}@keyframes robot-hand{0%,25%,70%,100%{transform:rotate(0)}39%,55%{transform:rotate(-12deg)}}@keyframes robot-deliver{0%,25%{transform:translate(0,0) rotate(0deg);opacity:1}38%{transform:translate(10px,-8px) rotate(-2deg);opacity:1}58%{transform:translate(79px,6px) rotate(0deg);opacity:1}64%,83%{transform:translate(79px,6px);opacity:0}84%{transform:translate(0,0);opacity:0}95%,100%{transform:translate(0,0);opacity:1}}@keyframes robot-crm{0%,56%,88%,100%{fill:#e8edde}65%,78%{fill:#d4eca9}}@keyframes robot-check{0%,57%,90%,100%{opacity:0}66%,81%{opacity:1}}
@media(max-width:900px){.robot-services{gap:25px}.robot-services h3{font-size:21px}.robot-stage{max-width:560px;margin-block:0 12px}}
@media(max-width:600px){.robot-automation{padding:48px 0}.robot-automation .robot-intro h2{font-size:37px;margin:20px 0 17px}.robot-intro>.eyebrow{font-size:8px;letter-spacing:.07em}.robot-intro>p:not(.eyebrow){font-size:14px;max-width:320px;margin:auto}.robot-desktop-break{display:none}.robot-stage{width:calc(100% + 12px);margin-left:-6px;margin-top:15px;margin-bottom:17px}.robot-services{grid-template-columns:1fr;gap:20px;max-width:390px}.robot-services article{padding-top:17px}.robot-service-index{font-size:9px}.robot-services h3{font-size:22px;margin:9px 0 7px}.robot-services p{font-size:13px;max-width:320px}.robot-footer{margin-top:28px;gap:14px}.robot-footer>.button{width:100%;min-width:0;max-width:390px}.robot-footer>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.robot-stage *{animation:none!important}.robot-crm-check{opacity:1}.robot-crm-back{fill:#d4eca9}}
.robot-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1200px}.robot-intro{max-width:870px}.robot-footer>p{max-width:680px;line-height:1.65}
@media(max-width:900px){.robot-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:600px){.robot-services{grid-template-columns:1fr;gap:23px}.robot-automation .robot-intro h2{font-size:clamp(31px,8.7vw,37px)}}