#approach .process,#delivery .process{gap:22px}#approach .process article,#delivery .process article{--card:#e6f1ee;--accent:#418d81;position:relative;overflow:hidden;padding:30px;border:1px solid color-mix(in srgb,var(--accent) 28%,white);border-top:3px solid var(--accent);border-radius:14px;background:linear-gradient(145deg,#fff,var(--card));transition:transform .4s,box-shadow .4s,border-color .4s}#approach .process article:nth-child(2){--card:#e6eafb;--accent:#6e7ec2}#approach .process article:nth-child(3){--card:#f7e5ec;--accent:#b57291}#delivery .process article{--card:#e1edf9;--accent:#5e8db9}#delivery .process article:nth-child(2){--card:#f9edda;--accent:#b79251}#delivery .process article:nth-child(3){--card:#ebe4f7;--accent:#9476bd}#approach .process article:before,#delivery .process article:before{content:'';position:absolute;right:-35px;top:-40px;width:120px;height:120px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in srgb,var(--accent) 5%,transparent);animation:thinking-orbit 9s ease-in-out infinite;pointer-events:none}#approach .process article:nth-child(2):before,#delivery .process article:nth-child(2):before{animation-delay:-3s}#approach .process article:nth-child(3):before,#delivery .process article:nth-child(3):before{animation-delay:-6s}#approach .process .num,#delivery .process .num{display:inline-flex;position:relative;color:var(--accent);font-size:10px;letter-spacing:.6px;padding:9px 11px;border-radius:5px;background:color-mix(in srgb,var(--accent) 9%,white);animation:thinking-float 6s ease-in-out infinite}#approach .process h3,#delivery .process h3{font-size:22px;line-height:1.4;margin-top:28px;position:relative}#approach .process p,#delivery .process p{font-size:14px;line-height:1.85;position:relative}#approach .process article:after,#delivery .process article:after{content:'';display:block;width:35px;height:2px;background:var(--accent);margin-top:25px;transition:width .4s}#approach .process article:hover,#delivery .process article:hover{transform:translateY(-8px);box-shadow:0 20px 35px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}#approach .process article:hover:after,#delivery .process article:hover:after{width:80px}#approach.visible .process article,#delivery.visible .process article{animation:thinking-enter .85s both}#approach.visible .process article:nth-child(2),#delivery.visible .process article:nth-child(2){animation-delay:.14s}#approach.visible .process article:nth-child(3),#delivery.visible .process article:nth-child(3){animation-delay:.28s}@keyframes thinking-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes thinking-float{50%{translate:0 -3px}}@keyframes thinking-orbit{50%{transform:translate(-8px,8px) scale(1.06)}}@media(prefers-reduced-motion:reduce){#approach .process article,#delivery .process article,#approach .num,#delivery .num,#approach .process article:before,#delivery .process article:before{animation:none!important}#approach .process article:hover,#delivery .process article:hover{transform:none}}
