.workflow-motion{width:100%;max-width:1080px;margin:10px auto 0}.motion-viewport{width:100%;height:350px;position:relative;overflow:hidden}.motion-svg{width:1080px;height:430px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.processor-mark{mix-blend-mode:multiply}.input-lane-one{animation:9s ease-in-out infinite es-input-one}.input-lane-two{animation:9s ease-in-out infinite es-input-two}.input-lane-three{animation:9s ease-in-out infinite es-input-three}@keyframes es-input-one{0%,15%{opacity:.7;transform:translate(0)}55%{opacity:1}70%,to{opacity:0;transform:translate(330px,-47px)}}@keyframes es-input-two{0%,30%{opacity:.85;transform:translate(0)}60%{opacity:1}80%,to{opacity:0;transform:translate(240px,-35px)}}@keyframes es-input-three{0%,6%{opacity:.8;transform:translate(0)}50%{opacity:1}66%,to{opacity:0;transform:translate(222px,75px)}}.result-traveller{opacity:0;animation:12s cubic-bezier(.45,0,.25,1) infinite es-result;transform:translate(-90px,43px)}.result-1{animation-delay:-4s}.result-2{animation-delay:-8s}@keyframes es-result{0%{opacity:0;transform:translate(-100px,49px)}12%{opacity:1}28%,42%{opacity:1;transform:translate(15px,-7px)}65%,77%{opacity:.85;transform:translate(178px,-83px)}to{opacity:0;transform:translate(343px,-161px)}}.processor-glow{animation:4s ease-in-out infinite es-breathe}.processor-light{animation:3s ease-in-out infinite es-breathe}@keyframes es-breathe{0%,to{opacity:.45}50%{opacity:1}}.process-mote{opacity:0;animation:5s linear infinite es-mote}.mote-1{animation-delay:-1s}.mote-2{animation-delay:-2s}.mote-3{animation-delay:-3s}.mote-4{animation-delay:-4s}@keyframes es-mote{0%{opacity:0;transform:translateY(0)}25%{opacity:.7}to{opacity:0;transform:translateY(-70px)}}.motion-paused *{animation-play-state:paused!important}.motion-stages{text-align:center;color:#525b46;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:14px;line-height:1.5;display:grid}.motion-bottom{color:#626957;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 10px;font-size:12px;display:flex}.motion-bottom p{margin:0}.motion-buttons{white-space:nowrap;align-items:center;gap:10px;display:flex}.motion-buttons button{font:inherit;cursor:pointer;color:#4d5841;background:0 0;border:1px solid #cbd1c1;min-height:36px;padding:5px 9px}.motion-buttons button:hover{background:#e9eedf}.motion-buttons button:focus-visible{outline-offset:3px;outline:2px solid #647147}@media (max-width:760px){.motion-viewport{height:275px}.motion-svg{width:800px;height:319px;top:-5px}.motion-stages{gap:12px;font-size:12px}.motion-bottom{align-items:flex-start;gap:12px;padding-top:20px;font-size:11px}.motion-bottom p{max-width:240px}.motion-buttons{gap:5px}.motion-buttons button{padding:5px 7px}}@media (prefers-reduced-motion:reduce){.workflow-motion *{animation:none!important}.result-0{opacity:1;transform:translate(15px,-7px)}.result-1{opacity:.75;transform:translate(178px,-83px)}.result-2{opacity:0}.input-lane{opacity:.8}}
.automation-hero{text-align:center;width:min(1200px,100% - 112px);margin:auto;padding:47px 0 30px}.automation-hero h1{letter-spacing:-.04em;margin:21px 0 23px;font-size:clamp(48px,5.5vw,76px);font-weight:300;line-height:1.06}.automation-deck{color:var(--color-ink-secondary);max-width:650px;margin:0 auto;font-size:18px;line-height:1.65}.automation-actions{justify-content:center;align-items:center;gap:24px;margin:25px 0 0;display:flex}.studio-site .automation-actions .button{font-size:14px}.automation-site .chapter-inner{padding-top:78px;padding-bottom:78px}.automation-site .chapter-title{max-width:24ch;font-size:clamp(34px,3.5vw,50px);line-height:1.14}.automation-site .chapter-intro{font-size:17px;line-height:1.75}.implementation-list{margin-top:48px}.implementation-list article{border-top:1px solid var(--color-line);grid-template-columns:30px .9fr 1.25fr;gap:28px;padding:28px 0;display:grid}.implementation-number{color:var(--color-ink-secondary);padding-top:6px;font-size:12px}.implementation-list h3{letter-spacing:-.02em;margin:0;font-size:27px;font-weight:400;line-height:1.25}.implementation-list p{color:var(--color-ink-secondary);margin:0;font-size:16px;line-height:1.75}.scope-note{border-top:1px solid var(--color-line);color:var(--color-ink-secondary);padding-top:23px;font-size:15px;line-height:1.65}.example-layout{grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.example-layout .chapter-title{margin-top:22px}.example-layout .work-link{margin-top:27px;font-size:14px;display:inline-flex}.example-steps{margin:0;padding:0;list-style:none}.example-steps li{background:#fcfcfa;border:1px solid #cbd2c2;margin:0 0 22px;padding:19px 23px;position:relative}.example-steps li:not(:last-child):after{content:"";background:#889779;width:1px;height:23px;position:absolute;top:100%;left:50%}.example-steps li>span{color:#68755a;font-size:12px}.example-steps h3{margin:6px 0;font-size:21px;font-weight:400;line-height:1.3}.example-steps p{color:var(--color-ink-secondary);margin:0;font-size:15px;line-height:1.6}.example-steps .example-ai{background:#e5ecd9;border-color:#9eae8a}.service-details{max-width:870px;margin:35px 0 0 auto}.service-details details,.supporting-section details{border-top:1px solid var(--color-line-strong);padding:18px 0}.service-details summary,.supporting-section summary{cursor:pointer;font-size:16px;line-height:1.6}.service-details details p,.supporting-section details p{color:var(--color-ink-secondary);margin:15px 0 0;font-size:15px;line-height:1.75}summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.founder-section,.supporting-section{width:min(1200px,100% - 112px);margin:0 auto}.founder-section>div{max-width:800px;margin:0 auto;padding:75px 0}.founder-section h2{letter-spacing:-.02em;margin:20px 0;font-size:34px;font-weight:400;line-height:1.25}.founder-section p:not(.chapter-label){color:var(--color-ink-secondary);font-size:18px;line-height:1.75}.founder-section .work-link{font-size:14px}.supporting-section{border-top:1px solid var(--color-line-strong)}.supporting-section>div{max-width:800px;margin:0 auto;padding:43px 0 60px}.supporting-section h2{margin:0 0 12px;font-size:23px;font-weight:400}.supporting-section>div>p{color:var(--color-ink-secondary);margin-bottom:26px;font-size:16px;line-height:1.65}.secondary-portfolio{grid-template-columns:1fr 1fr;align-items:start;gap:28px;padding-top:22px;display:grid}.secondary-portfolio img{width:100%;height:auto}.secondary-portfolio p{margin-top:0!important}.secondary-portfolio .work-link{margin-top:15px;font-size:13px;display:inline-flex}.automation-site .contact-layout h2{font-size:46px;line-height:1.12}.automation-site .contact-layout p{font-size:17px}.automation-site .contact-button{font-size:14px}@media (max-width:1050px){.automation-hero,.founder-section,.supporting-section{width:calc(100% - 72px)}.example-layout{gap:45px}.implementation-list article{gap:20px}.implementation-list h3{font-size:25px}}@media (max-width:760px){.automation-hero{padding-top:35px}.automation-hero h1{font-size:52px}.automation-deck{font-size:17px}.automation-actions{gap:16px}.studio-site .automation-actions .button{font-size:13px}.example-layout{grid-template-columns:1fr;gap:35px}.implementation-list article{grid-template-columns:25px 1fr;gap:12px 15px}.implementation-list p{grid-column:2}.automation-site .chapter-inner{padding:60px 0}.founder-section>div{padding:53px 0}.founder-section h2{font-size:29px}.founder-section p:not(.chapter-label){font-size:17px}.automation-site .contact-layout h2{font-size:38px}}@media (max-width:600px){.automation-hero,.founder-section,.supporting-section{width:calc(100% - 40px)}.automation-hero h1{font-size:clamp(43px,11vw,58px)}.automation-actions{gap:10px}.studio-site .automation-actions .button{padding:11px 13px;font-size:12px}.automation-site .chapter-title{font-size:34px}.automation-site .chapter-intro{font-size:16px}.implementation-list{margin-top:32px}.implementation-list h3{font-size:24px}.implementation-list p{font-size:15px}.example-steps h3{font-size:20px}.secondary-portfolio{grid-template-columns:1fr}.secondary-portfolio img{max-width:340px}.supporting-section>div{padding-bottom:42px}.automation-site .contact-layout h2{font-size:35px}}@media (max-width:359px){.automation-hero h1{font-size:39px}.automation-actions{flex-direction:column;gap:0}.automation-site .chapter-title{font-size:31px}}
