.auto-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-top:38px}.process-wheel svg{width:100%;height:auto;font-family:var(--display)}.process-spin{transform-origin:220px 220px;animation:auto-turn 36s linear infinite}.auto-process .steps{grid-template-columns:1fr;gap:12px}.auto-process .box{display:grid;grid-template-columns:32px 1fr;gap:0 14px;padding:18px}.auto-process .box:before{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#a52be3;color:white;font-size:12px}.auto-process .box:nth-child(2n):before{background:#f2cc2c;color:#211b28}.auto-process h3{font-size:18px;margin:0 0 5px}.auto-process p{font-size:13px;margin:0;color:#6c6273}body>main>section{position:relative;isolation:isolate;background:transparent!important;overflow:visible}body>main>section:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background-color:var(--tone,#faf8f4);background-image:radial-gradient(#a539d522 .8px,transparent .8px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='360' viewBox='0 0 440 360'%3E%3Cg fill='none' stroke='%239f59cc' stroke-opacity='.15' stroke-width='1.5'%3E%3Crect x='210' y='35' width='90' height='55' rx='12'/%3E%3Cpath d='M255 90v40h100v40M255 130h-110v40'/%3E%3Crect x='100' y='170' width='90' height='55' rx='12'/%3E%3Crect x='310' y='170' width='90' height='55' rx='12'/%3E%3Ccircle cx='255' cy='130' r='5'/%3E%3C/g%3E%3C/svg%3E");background-size:25px 25px,440px 360px;background-repeat:repeat,no-repeat;background-position:center,right top}body>main>.hero{--tone:#eee6f7;max-width:1280px;grid-template-columns:.85fr 1.15fr;gap:36px;padding-top:75px;padding-bottom:75px}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.13}.auto-system{margin:0;min-width:0}.hero .auto-system img{width:100%;height:auto;object-fit:contain;border-radius:24px;box-shadow:0 25px 65px #50306528}.auto-system figcaption{text-align:center;font-size:12px;letter-spacing:.12em;color:#715380;margin:18px 0 0}.auto-modules{--tone:#f8f3e9;max-width:1240px}.auto-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px}.auto-module{position:relative;background:#fff;border:1px solid #e4d9e9;border-radius:24px;padding:28px 24px}.auto-module:nth-child(2){background:#f3ecfa}.auto-module:nth-child(3){background:#e9f3ee}.auto-module:nth-child(4){background:#edf2fa}.auto-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ad32e716;color:#9230bf}.auto-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.module-number{position:absolute;right:24px;top:35px;color:#8e729e;font-size:12px}.auto-module h3{font-size:22px;line-height:1.25;margin:25px 0 14px}.auto-module p{font-size:14px;color:#6a6070;line-height:1.7}.auto-module:hover .auto-icon{transform:translateY(-3px);transition:transform .25s}body>main>.tint{--tone:#eee5f7}.auto-process .process-wheel{min-width:0}.auto-process .box:nth-child(6):before{background:#7926a8;color:#fff}.deliver{--tone:#eaf2ee}.auto-delivery-lead{font-size:22px;line-height:1.55;max-width:510px}.auto-photo-cta{background:linear-gradient(95deg,#241330ec,#3e155cab),url('/images/ai/service-varied-ia.webp') center/cover;padding:85px 32px;color:white}.auto-photo-cta:before{display:none}.auto-photo-cta h2{max-width:700px;margin:0 auto}.auto-photo-cta p{color:#f2e8fa}.auto-photo-cta h2{color:white}@keyframes auto-turn{to{transform:rotate(360deg)}}@media(max-width:1000px){.auto-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body>main>.hero{grid-template-columns:1fr;padding:48px 24px;gap:30px}.hero h1{font-size:38px}.auto-module-grid,.auto-process{grid-template-columns:1fr}.auto-process{gap:26px}.process-wheel{width:100%;max-width:330px;margin:auto}.auto-module{padding:25px}.auto-photo-cta{padding:54px 24px}.auto-delivery-lead{font-size:20px}}@media(prefers-reduced-motion:reduce){.process-spin{animation:none}.auto-module:hover .auto-icon{transform:none}}
