/* Website motion is progressive enhancement: content is visible without JS. */
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:linear-gradient(90deg,#c84b12,#ffb35e);pointer-events:none}
.motion-toggle{position:absolute;right:0;bottom:-16px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e7ded5;border-radius:24px;background:#ffffffed;color:#656c61;font:12px var(--font);cursor:pointer;box-shadow:0 4px 15px #54301308}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{border-color:var(--orange);color:var(--orange)}
.motion-toggle svg{width:12px;height:12px;fill:currentColor}
.motion-toggle .play-icon{display:none}
.motion-toggle[aria-pressed="true"] .pause-icon{display:none}
.motion-toggle[aria-pressed="true"] .play-icon{display:block}
.hero-art{isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:9% -3% 2%;border-radius:50%;background:radial-gradient(ellipse,#ffc57b25,transparent 65%);z-index:-1;pointer-events:none}
.hero-art:after{content:'✳';position:absolute;top:3%;left:13%;font:38px Arial,sans-serif;color:#ed8b3d;pointer-events:none;opacity:.8}
.hero-art .art-foot{bottom:1%;left:5%;font-size:9px}
.service-icon,.mini-icon,.brand img,.button span,.card-link span,.product-visual img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.service-card,.price-card,.problem-grid article{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.hero h1 em{position:relative;display:inline-block}
.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:.01em;height:.1em;z-index:-1;border-radius:50%;background:#ffb77e70;transform-origin:left;transform:scaleX(.95) rotate(-2deg)}
.hero h1{isolation:isolate}
.process-list li{position:relative}
.process-list li>span{position:relative;display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:38px;height:38px;padding:0;border-radius:50%;background:#fff0e4;border:1px solid #f4d2b8;transition:background .5s,color .5s,border-color .5s}
.process-list li.is-current>span{background:var(--orange);border-color:var(--orange);color:#fff}
.process-list li:not(:last-child):before{content:'';position:absolute;left:18px;top:76px;bottom:0;width:1px;background:#efceb6;transform-origin:top}
.process-list li:first-child:before{top:48px}
.translation-flow>span{border-radius:5px;padding:3px 4px}
.translation-flow{gap:5px}

@keyframes oz-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes oz-label-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes oz-spark-turn{0%,100%{transform:rotate(-15deg) scale(.9)}50%{transform:rotate(75deg) scale(1.08)}}
@keyframes oz-entrance{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes oz-reveal{from{opacity:.4;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes oz-line-draw{from{transform:scaleX(0) rotate(-2deg)}to{transform:scaleX(.95) rotate(-2deg)}}
@keyframes oz-step{from{background:#fff;box-shadow:0 0 0 0 #c84b1200}30%,65%{background:#e7f2e7;box-shadow:0 0 0 4px #547b5510}to{background:#fff;box-shadow:0 0 0 0 #c84b1200}}
@keyframes oz-reach{from{transform:scaleY(0)}to{transform:scaleY(1)}}

html[data-motion="on"] .hero-image{animation:oz-float 7s ease-in-out infinite;translate:var(--hero-x,0px) var(--hero-y,0px);transition:translate .5s ease-out}
html[data-motion="on"] .float-label{animation:oz-label-drift 5.5s ease-in-out infinite}
html[data-motion="on"] .label-ai{animation-delay:-2.8s}
html[data-motion="on"] .hero-art:after{animation:oz-spark-turn 10s ease-in-out infinite}
html[data-motion="on"] .hero-copy>*{animation:oz-entrance .85s both cubic-bezier(.2,.75,.25,1)}
html[data-motion="on"] .hero-copy>h1{animation-delay:.08s}
html[data-motion="on"] .hero-copy>.hero-lead{animation-delay:.17s}
html[data-motion="on"] .hero-copy>.hero-actions{animation-delay:.25s}
html[data-motion="on"] .hero-copy>.hero-note{animation-delay:.32s}
html[data-motion="on"] .hero h1 em:after{animation:oz-line-draw 1s .5s both cubic-bezier(.2,.75,.25,1)}
html[data-motion="on"] .motion-reveal{animation:oz-reveal .75s both cubic-bezier(.2,.75,.25,1);animation-delay:var(--reveal-delay,0ms)}
html[data-motion="on"] .process-list li.is-current:before{animation:oz-reach .9s both ease-out}
html[data-motion="on"] .translation-flow>span{animation:oz-step 4.8s infinite}
html[data-motion="on"] .translation-flow>span:nth-of-type(2){animation-delay:1.6s}
html[data-motion="on"] .translation-flow>span:nth-of-type(3){animation-delay:3.2s}
html[data-motion="on"] .motion-asleep,.motion-asleep:after{animation-play-state:paused!important}
html[data-motion="on"] .hero-art.motion-asleep .hero-image,html[data-motion="on"] .hero-art.motion-asleep .float-label,html[data-motion="on"] .transloop-visual.motion-asleep .translation-flow>span{animation-play-state:paused}
html[data-motion="off"] .hero-image{translate:0 0}
html[data-motion="off"] .motion-reveal{opacity:1;translate:none}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
html[data-motion="off"]{scroll-behavior:auto}

@media(hover:hover) and (pointer:fine){
  html[data-motion="on"] .service-card:hover,html[data-motion="on"] .price-card:hover,html[data-motion="on"] .problem-grid article:hover{transform:translateY(-7px);border-color:#dfb38e;box-shadow:0 16px 35px #4930110d}
  html[data-motion="on"] .service-card:hover .service-icon{transform:rotate(-10deg) scale(1.1)}
  html[data-motion="on"] .float-label:hover .mini-icon{transform:rotate(20deg)}
  html[data-motion="on"] .brand:hover img{transform:rotate(-16deg) scale(1.08)}
  html[data-motion="on"] .button:hover span,html[data-motion="on"] .card-link:hover span{transform:translate(3px,-3px)}
  html[data-motion="on"] .product-visual:hover{box-shadow:0 12px 30px #46391f15}
}
@media(max-width:900px){.motion-toggle{bottom:-24px}.hero-art .art-foot{font-size:8px;bottom:1%;left:0}.hero-art:after{font-size:28px;left:7%}}
@media(max-width:640px){.motion-toggle{bottom:-13px;padding:7px 10px;font-size:11px}.hero-art .art-foot{display:none}.hero-grid{padding-bottom:28px}.hero-art:after{font-size:26px;top:2%;left:2%}.translation-flow{gap:2px}.translation-flow>span{padding:3px 2px}.process-list li>span{width:32px;height:32px}.process-list li:not(:last-child):before{left:15px;top:62px}.process-list li:first-child:before{top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-toggle{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{translate:0 0!important}.motion-reveal{opacity:1;translate:none}}