/* Isolated, dependency-free home-services preview. */
.op-home-services-live .op-services{overflow:hidden;padding-bottom:72px}
.op-home-services-live .op-services-wrap{min-width:0}
.op-home-services-live .op-services-wrap__more{margin-top:30px!important;text-align:center}
.hs-carousel{position:relative;--hs-count:3;--hs-gap:24px;margin-top:32px;isolation:isolate}
.hs-track{display:flex;align-items:stretch;gap:var(--hs-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 3px 18px;scroll-padding-inline:3px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.hs-track::-webkit-scrollbar{display:none}
.op-home-services-live .hs-card{box-sizing:border-box;flex:0 0 calc((100% - (var(--hs-count) - 1)*var(--hs-gap))/var(--hs-count));display:flex;flex-direction:column;min-width:0;min-height:400px;padding:24px 22px 22px;border:1px solid #ffffff40;border-radius:25px;background:linear-gradient(90deg,#092b9e 0%,#1262e8 55%,#2089f5 100%);color:#fff;text-decoration:none;overflow:hidden;position:relative;box-shadow:0 8px 20px #092b9610}
.op-home-services-live .hs-card:focus-visible{outline:3px solid #2380eb;outline-offset:2px}
.op-home-services-live .hs-top{display:flex;align-items:center;gap:12px;min-height:38px;margin-bottom:18px}
.op-home-services-live .hs-top h3{margin:0;padding:0;min-width:0;color:#fff;font:700 22px/1.2 Gilroy,sans-serif;white-space:nowrap;hyphens:none;position:relative;transform:translateY(1px)}
.hs-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff4d;background:#ffffff12;border-radius:12px;color:#fff;flex:none}
.hs-icon svg{width:24px;height:24px;fill:none;stroke:currentColor}
.op-home-services-live .hs-copy{position:relative;z-index:1;flex:1;padding-bottom:90px}
.op-home-services-live .hs-description,.op-home-services-live .hs-description p{color:#f6f9ff;font:400 16px/1.55 Gilroy,sans-serif;margin:0;padding:0;overflow-wrap:break-word}
.op-home-services-live .hs-media{position:absolute;right:0;bottom:0;z-index:0;width:100%;height:auto;aspect-ratio:329/283;max-height:none;margin:0;overflow:hidden;pointer-events:none}
.op-home-services-live .hs-media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom;opacity:.45;transition:opacity .2s ease}
.hs-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:5px}
.hs-price{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:#086cdc;padding:6px 12px;font:700 17px/1.15 Gilroy,sans-serif;white-space:nowrap}
.hs-price:empty{padding:0;background:none}
.hs-arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#fff;color:#092b96;box-shadow:0 0 0 3px #ffffff40}
.hs-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:transform .22s ease}
.hs-nav{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #d3e1f5;border-radius:50%;background:#fff;color:#0a359c;cursor:pointer;box-shadow:0 4px 12px #092b960a;padding:0}
.hs-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hs-nav:disabled{opacity:.35;cursor:default}
.hs-nav:focus-visible,.hs-dot:focus-visible{outline:3px solid #2380eb;outline-offset:3px}
.hs-carousel>.hs-nav{position:absolute;top:45%;z-index:3}
.hs-prev{left:-54px}.hs-next{right:-54px}
.hs-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}
.hs-controls>.hs-nav{display:none}
.hs-dots{display:flex;align-items:center;justify-content:center;gap:8px}
.hs-dot{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.hs-dot::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#b8cbea}
.hs-dot[aria-current=true]::before{width:24px;border-radius:10px;background:linear-gradient(92deg,#092b96,#086cdc)}
.hs-hint{font:500 12px/1.4 Gilroy,sans-serif;color:#526989;text-align:center;margin:10px 0 0}
.hs-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hs-carousel [hidden]{display:none!important}
.hs-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
@media(hover:hover) and (pointer:fine){.op-home-services-live .hs-card:hover .hs-arrow svg{transform:rotate(90deg)}.op-home-services-live .hs-card:hover .hs-media img{opacity:.8}}
.op-home-services-live .hs-card:focus-visible .hs-arrow svg{transform:rotate(90deg)}
@media(max-width:1390px){.hs-carousel>.hs-nav{display:none}.hs-controls>.hs-nav{display:grid}}
@media(min-width:1200px){.op-home-services-live .op-services>.op-container{width:calc(100% - 144px);max-width:1200px}}
@media(min-width:768px) and (max-width:1199px){.hs-carousel{--hs-gap:16px}.op-home-services-live .hs-card{padding:20px 16px;min-height:390px}.op-home-services-live .hs-top{gap:8px}.op-home-services-live .hs-top h3{font-size:17px}.hs-icon{width:30px;height:30px}.hs-icon svg{width:21px;height:21px}.op-home-services-live .hs-description,.op-home-services-live .hs-description p{font-size:14px;line-height:1.5}.op-home-services-live .hs-copy{padding-bottom:60px}.hs-price{font-size:14px;padding:6px 9px}.hs-arrow{width:36px;height:36px}}
@media(max-width:767px){.op-home-services-live .op-services{padding-bottom:44px}.hs-carousel{--hs-gap:8px;margin-top:22px}.op-home-services-live .op-services>.op-container{width:100%;padding-inline:12px;box-sizing:border-box}.op-home-services-live .hs-card{padding:12px 8px;min-height:320px;border-radius:17px;box-shadow:none}.op-home-services-live .hs-top{gap:4px;min-height:22px;margin-bottom:12px}.op-home-services-live .hs-top h3{font-size:10px}.hs-icon{width:18px;height:22px;border:0;border-radius:0;background:none}.hs-icon svg{width:18px;height:18px}.op-home-services-live .hs-description,.op-home-services-live .hs-description p{font-size:11.5px;line-height:1.45}.op-home-services-live .hs-copy{padding-bottom:10px}.op-home-services-live .hs-media{width:125%;max-height:none}.hs-bottom{gap:4px;min-height:25px}.hs-price{font-size:9.5px;padding:5px;white-space:normal;text-align:center;min-width:0;flex:0 1 auto;overflow-wrap:normal}.hs-arrow{width:24px;height:24px;box-shadow:0 0 0 2px #ffffff40}.hs-arrow svg{width:14px;height:14px}.hs-controls{gap:12px;margin-top:4px}.hs-nav{width:36px;height:36px}.hs-hint{font-size:11px}.op-home-services-live .op-services-wrap__more{margin-top:22px!important}}
@media(min-width:361px) and (max-width:430px){.op-home-services-live .hs-top{gap:3px}.op-home-services-live .hs-top h3{font-size:9.5px}.hs-icon{width:16px}.hs-icon svg{width:16px;height:16px}}
@media(max-width:360px){.hs-carousel{--hs-count:2;--hs-gap:10px}.op-home-services-live .hs-card{padding:16px 12px;min-height:350px}.op-home-services-live .hs-top{gap:6px;min-height:26px}.op-home-services-live .hs-top h3{font-size:11px}.hs-icon{width:20px;height:24px}.hs-icon svg{width:20px;height:20px}.op-home-services-live .hs-description,.op-home-services-live .hs-description p{font-size:12px}.op-home-services-live .hs-copy{padding-bottom:35px}.op-home-services-live .hs-media{width:115%}.hs-price{font-size:11px}.hs-arrow{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hs-arrow svg,.op-home-services-live .hs-media img{transition:none!important}.op-home-services-live .hs-card:hover .hs-arrow svg,.op-home-services-live .hs-card:focus-visible .hs-arrow svg{transform:none}}


/* A visible soft cloud behind content; only transform is animated. */
.op-home-services-live .hs-card{isolation:isolate}
.op-home-services-live .hs-card::before{content:"";position:absolute;inset:auto;top:-10%;left:-50%;width:165%;height:120%;z-index:0;pointer-events:none;border-radius:0;background:radial-gradient(ellipse closest-side at 50% 50%,#89caff38 0%,#89caff32 38%,#78baff1a 65%,transparent 100%);opacity:.65;transform:translate3d(-8%,15%,0) scale(.92);animation:hs-cloud-float 9s ease-in-out infinite alternate;animation-play-state:paused}
.op-home-services-live .hs-ready.hs-in-view .hs-card[aria-hidden="false"]::before{animation-play-state:running}
.op-home-services-live .hs-card:nth-child(3n+2)::before{animation-delay:-4s}
.op-home-services-live .hs-card:nth-child(3n)::before{animation-delay:-7s}
.op-home-services-live .hs-top{position:relative;z-index:2}
.op-home-services-live .hs-copy{z-index:2}
.op-home-services-live .hs-media{z-index:1}
.op-home-services-live .hs-bottom{z-index:3}
@keyframes hs-cloud-float{0%{transform:translate3d(-8%,15%,0) scale(.92)}50%{transform:translate3d(25%,-9%,0) scale(1.08)}100%{transform:translate3d(55%,20%,0) scale(.96)}}
@media(prefers-reduced-motion:reduce){.op-home-services-live .hs-card::before{animation:none;opacity:.4;transform:translate(15%,5%)}}

/* A broad, gentle left-to-right sheen, below text and document artwork. */
.op-home-services-live .hs-card::after{content:"";position:absolute;inset:-20% auto -20% -65%;width:50%;z-index:0;pointer-events:none;background:linear-gradient(100deg,transparent 0%,#e8f6ff08 18%,#e8f6ff24 50%,#e8f6ff08 82%,transparent 100%);transform:translate3d(-100%,0,0) skewX(-12deg);opacity:0;animation:hs-card-sheen 10s ease-in-out infinite;animation-play-state:paused}
.op-home-services-live .hs-ready.hs-in-view .hs-card[aria-hidden="false"]::after{animation-play-state:running}
.op-home-services-live .hs-card:nth-child(3n+2)::after{animation-delay:1.1s}
.op-home-services-live .hs-card:nth-child(3n)::after{animation-delay:2.2s}
@keyframes hs-card-sheen{0%,12%{transform:translate3d(-100%,0,0) skewX(-12deg);opacity:0}17%{opacity:.85}43%{opacity:.85}49%,100%{transform:translate3d(480%,0,0) skewX(-12deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.op-home-services-live .hs-card::after{animation:none;opacity:0}}

/* One readable card per mobile view on live homepages. */
@media(max-width:767px){
.op-home-services-live .hs-carousel{--hs-count:1;--hs-gap:16px}
.op-home-services-live .op-preview-services__description{display:none}
.op-home-services-live .hs-card{min-height:350px;padding:22px 20px;border-radius:24px}
.op-home-services-live .hs-top{gap:10px;min-height:36px;margin-bottom:16px}
.op-home-services-live .hs-top h3{font-size:21px;white-space:normal}
.op-home-services-live .hs-icon{width:34px;height:34px;border:1px solid #ffffff4d;border-radius:10px;background:#ffffff12}
.op-home-services-live .hs-icon svg{width:23px;height:23px}
.op-home-services-live .hs-description,.op-home-services-live .hs-description p{font-size:16px;line-height:1.5}
.op-home-services-live .hs-copy{padding-bottom:70px}
.op-home-services-live .hs-media{width:100%}
.op-home-services-live .hs-price{font-size:16px;padding:6px 12px;white-space:nowrap}
.op-home-services-live .hs-arrow{width:42px;height:42px}
.op-home-services-live .hs-arrow svg{width:22px;height:22px}
}

/* Shared responsive card counts; independent live/test assets. */
.op-home-services-live .hs-carousel{--hs-count:3}
@media(min-width:768px) and (max-width:1199px){.op-home-services-live .hs-carousel{--hs-count:2}}
@media(max-width:767px){.op-home-services-live .hs-carousel{--hs-count:1}}


/* Mobile pager: compact dots + arrows must fit the screen width (no horizontal overflow). */
@media(max-width:767px){
.op-home-services-live .hs-carousel{max-width:100%;min-width:0}
.op-home-services-live .hs-controls{gap:8px;max-width:100%;min-width:0;box-sizing:border-box;padding-inline:4px}
.op-home-services-live .hs-controls>.hs-nav{width:34px;height:34px;flex:none}
.op-home-services-live .hs-controls>.hs-nav svg{width:18px;height:18px}
.op-home-services-live .hs-dots{gap:0;min-width:0;flex:0 1 auto;max-width:100%}
.op-home-services-live .hs-dot{width:18px;height:28px;flex:0 1 18px;min-width:10px}
.op-home-services-live .hs-dot::before{width:6px;height:6px}
.op-home-services-live .hs-dot[aria-current=true]::before{width:16px}
}


/* Hover: soft lift + glow on the card, slow zoom of the artwork (transform/opacity/shadow only; mouse devices only). */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.op-home-services-live .hs-card{transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease,border-color .38s ease}
.op-home-services-live .hs-card:hover,.op-home-services-live .hs-card:focus-visible{transform:translate3d(0,-5px,0);border-color:#ffffff8c;box-shadow:0 14px 26px #092b9640,0 0 0 1px #9fd0ff59,inset 0 0 46px #8fd0ff38}
.op-home-services-live .hs-media img{transform-origin:100% 100%;transition:opacity .38s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.op-home-services-live .hs-card:hover .hs-media img,.op-home-services-live .hs-card:focus-visible .hs-media img{transform:scale(1.08)}
}


/* Room inside the scroller so the hover lift/glow is not clipped (extra padding offset by negative margins: layout unchanged). */
.op-home-services-live .hs-track{padding:16px 18px 48px;margin:-8px -15px -30px;scroll-padding-inline:18px}
@media(max-width:767px){.op-home-services-live .hs-track{padding:12px 10px 40px;margin:-4px -7px -24px;scroll-padding-inline:10px}}