/* Motion study: Prestige Cleaning Co. */
.hero{isolation:isolate;overflow:hidden;background:#f1f8f5}.hero-copy{position:relative;z-index:2}.hero-copy>*{position:relative;z-index:2}.hero h1{font-size:clamp(45px,5.4vw,83px)}.hero h1 em{display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:4px;border-radius:10px;background:linear-gradient(90deg,#14ad94,#8ce0cc);transform-origin:left;animation:underline-in 1.1s .8s both}.hero-copy .eyebrow{animation:rise-in .8s .1s both}.hero h1{animation:rise-in .95s .2s both}.hero-copy>p{animation:rise-in .9s .35s both}.hero-actions{animation:rise-in .9s .5s both}.hero-trust{animation:rise-in .9s .65s both}.hero-photo>img{animation:photo 1.4s both,room-drift 18s 1.4s ease-in-out infinite alternate;will-change:transform}.photo-label{animation:label-float 6s ease-in-out infinite;z-index:3;border:1px solid #fff}.photo-label .label-icon{animation:spark-turn 8s ease-in-out infinite}.photo-note{background:#ffffffdc;writing-mode:horizontal-tb;padding:12px 18px;border-radius:30px;animation:label-float 7s -2s ease-in-out infinite;z-index:3;color:#153b40;box-shadow:0 12px 35px #153b4012}.motion-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.motion-orb{position:absolute;display:block;border:1px solid #ffffffb0;border-radius:50%;background:radial-gradient(circle at 28% 24%,#ffffffdc 0,#ffffff30 14%,#94e9d81a 55%,#ffffff60 100%);box-shadow:inset -5px -7px 18px #0d8d7414,0 8px 30px #103c3f0a;animation:orb-drift var(--duration) ease-in-out infinite alternate;will-change:transform}.motion-orb:nth-child(1){width:105px;height:105px;left:43%;top:10%;--duration:9s}.motion-orb:nth-child(2){width:52px;height:52px;left:8%;top:76%;--duration:7s;animation-delay:-3s}.motion-orb:nth-child(3){width:170px;height:170px;right:4%;top:44%;--duration:12s;animation-delay:-5s}.motion-orb:nth-child(4){width:35px;height:35px;left:53%;top:73%;--duration:6s;animation-delay:-2s}.motion-orb:nth-child(5){width:65px;height:65px;right:26%;top:9%;--duration:10s;animation-delay:-4s}.motion-twinkle{position:absolute;color:white;text-shadow:0 2px 20px #258e7b66;font-size:32px;animation:twinkle 5s ease-in-out infinite}.motion-twinkle.one{left:54%;top:21%}.motion-twinkle.two{right:11%;top:66%;animation-delay:-2.5s;font-size:23px}.motion-twinkle.three{left:41%;top:62%;color:#2aaa93;animation-delay:-1s;font-size:22px}.hero-bottom{position:relative;z-index:3}.hero-bottom span{animation:rise-in .8s .8s both}.button{position:relative;overflow:hidden;transition:transform .3s,background .3s,box-shadow .3s}.button:after{content:'';position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 38%,#ffffff22 49%,transparent 60%);transform:translateX(-70%);pointer-events:none}.hero-actions .button:after{animation:button-sheen 7s 2s infinite}.button:hover:after{transform:translateX(70%);transition:transform .75s}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.service-icon{transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s}.package{position:relative;transform-style:preserve-3d;transition:transform .4s,box-shadow .4s,border-color .4s;will-change:auto}.package.visible:hover{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-9px);box-shadow:0 22px 42px #173d4017;border-color:#88cbb8}.package:hover .service-icon{transform:translateY(-3px) rotate(-9deg) scale(1.13);background:#d6f4e8}.package:hover a>span{transform:translate(3px,-3px)}.package a>span{transition:transform .3s}.js-ready .reveal:not(.visible){transform:translateY(42px) scale(.98);opacity:0}.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#13ae91;z-index:100;transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}.motion-toolbar{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;gap:14px;background:#ffffffed;backdrop-filter:blur(16px);border:1px solid #cfe2dc;box-shadow:0 8px 28px #123b4026;border-radius:12px;padding:10px 12px;font-size:12px;color:#153b40}.motion-toolbar button{background:#153b40;color:white;border:0;border-radius:6px;padding:9px 12px;font-size:12px}.preview-message{padding:13px;border:1px solid #a3d5c8;background:#edfaf4;color:#153b40;border-radius:6px;font-size:14px;line-height:1.6}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .package:hover{transform:none}.motion-paused .hero-copy,.motion-paused .hero-copy>*{opacity:1!important;transform:none!important}@keyframes rise-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes room-drift{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.10) translateX(-1.2%)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-13px) rotate(.4deg)}}@keyframes spark-turn{0%,75%,100%{transform:rotate(0) scale(1)}85%{transform:rotate(90deg) scale(1.15)}}@keyframes orb-drift{from{transform:translate3d(-9px,17px,0) scale(.95)}to{transform:translate3d(17px,-27px,0) scale(1.08)}}@keyframes twinkle{0%,100%{transform:rotate(0) scale(.75);opacity:.35}50%{transform:rotate(45deg) scale(1.15);opacity:1}}@keyframes button-sheen{0%,60%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}@media(max-width:760px){.motion-orb:nth-child(1){left:72%;top:4%;width:65px;height:65px}.motion-orb:nth-child(3){top:64%;width:105px;height:105px}.motion-twinkle.one{top:64%;left:10%}.motion-twinkle.three{display:none}.motion-toolbar{bottom:10px;right:10px;padding:8px 10px;gap:10px}.photo-note{display:block;top:20px;right:18px;font-size:11px}.hero h1{font-size:54px}.hero-photo>img{animation-duration:1.4s,22s}footer{padding-bottom:85px}}@media(max-width:380px){.hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){.motion-orb,.motion-twinkle{display:none}.hero h1 em:after{transform:none}.hero-copy,.hero-copy>*{opacity:1!important;transform:none!important}.package.visible:hover{transform:none}.photo-label,.photo-note{transform:none}.scroll-progress{display:none}}
