/* PixelTech upload update 20261009-R2 */
@media(hover:none),(pointer:coarse){.theme-line-card::after{opacity:1;padding:2px}.site-header nav>a::before,.nav-services summary::before,.mega-links a::before,.menu-toggle::before{opacity:1;animation:menu-gold-orbit 5s linear infinite}}
.site-header .brand,.site-footer .brand{width:186px;height:84px;padding:7px 9px;background:#fff;border-radius:12px}
.site-header .brand .brand-logo,.site-footer .brand .brand-logo{position:static;width:100%;height:100%;background:url(pixeltech-logo.svg) center/contain no-repeat;transform:none!important;animation:none!important}
.site-header .brand::after,.site-footer .brand::after{display:none!important}
.site-footer .brand{width:210px;height:95px}
@media(max-width:850px){.site-header,.site-header.scrolled{height:76px;gap:14px}.site-header .brand{width:138px;height:60px;padding:5px 7px}.site-header .brand .brand-logo{left:auto;top:auto}.site-header nav{max-height:calc(100svh - 76px)}}
@media(max-width:360px){.site-header .brand{width:126px;height:55px}.menu-toggle{padding:9px 14px}}
.website-growth-section{padding:70px 6%;background:radial-gradient(ellipse at 85% 0%,#28204a55,transparent 65%),#080e20;text-align:center}
.website-growth-copy{max-width:850px;margin:0 auto 30px}.website-growth-copy h2{font-size:clamp(30px,4vw,49px);line-height:1.2;margin:15px 0 20px}.website-growth-copy p{max-width:740px;margin:auto;line-height:1.8;color:#c6d3e5}
.website-growth-visual{max-width:1000px;margin:0 auto 28px}.website-growth-visual picture{display:block}.website-growth-visual img{display:block;width:100%;height:auto;border-radius:22px}.website-growth-visual figcaption{font-size:12px;line-height:1.7;margin:12px auto 0;color:#a4b8d2;max-width:680px}.growth-still{display:none!important}.growth-toggle{margin-top:14px;border:1px solid #417594;border-radius:20px;background:#12263e;color:#e7f5ff;padding:8px 17px;font-size:13px}.growth-is-paused .growth-animation{display:none}.growth-is-paused .growth-still{display:block!important}
@media(max-width:600px){.website-growth-section{padding:48px 5%}.website-growth-copy{margin-bottom:22px}.website-growth-copy p{font-size:15px}.website-growth-visual img{border-radius:18px}.website-growth-visual figcaption{font-size:12px;padding:0 8px}.website-growth-section>.button{font-size:14px;padding:15px 20px}}


/* R4: restored LayerSlider image geometry and full-width growth animation. */
.pixel-service-hero{padding:0;margin-left:2%;margin-right:2%}
.pixel-service-hero .home-photo{align-self:stretch;height:100%;aspect-ratio:auto;overflow:hidden}
.pixel-service-hero .home-photo>img{width:100%;height:100%;object-fit:cover}
.pixel-service-hero .home-layer-frame{display:block;top:0;bottom:0;left:0;width:51.22%;height:100%;aspect-ratio:auto;transform:none}
.pixel-service-hero.layer-ready .home-photo img{visibility:hidden}
.website-growth-section{padding:48px 1% 38px;width:100%;max-width:none}
.website-growth-copy{max-width:none;margin-bottom:22px}
.website-growth-visual{width:100%;max-width:none;margin:0 auto 24px}
.website-growth-visual .growth-animation{display:block;width:100%;height:auto;border-radius:16px;background:#080e20}
.website-growth-visual figcaption{max-width:none}
.website-growth-visual .growth-still{width:100%;max-width:none}
.growth-is-paused .growth-animation{display:block}
@media(max-width:760px){.pixel-service-hero{padding:0;margin-left:2%;margin-right:2%}.pixel-service-hero .home-photo{height:auto;aspect-ratio:3/2;width:100%}.pixel-service-hero .home-layer-frame{width:100%;height:auto;bottom:auto;aspect-ratio:3/2}.website-growth-section{padding:34px 0 28px}.website-growth-copy{padding:0 16px}.website-growth-visual .growth-animation{border-radius:0}.website-growth-visual figcaption{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.pixel-service-hero .home-layer-frame{display:none}.pixel-service-hero.layer-ready .home-photo img{visibility:visible}}
.motion-paused .pixel-service-hero .home-layer-frame{display:none}
.motion-paused .pixel-service-hero.layer-ready .home-photo img{visibility:visible}

/* R5: compact business benefits and analytics links beside the animation. */
.website-growth-section{padding:42px 4%;text-align:left}
.website-growth-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center}
.website-growth-copy{margin:0;max-width:none}
.website-growth-copy .eyebrow{font-size:11px;letter-spacing:.1em}
.website-growth-copy h2{font-size:clamp(25px,2.5vw,36px);line-height:1.18;margin:10px 0 16px}
.website-growth-visual{width:100%;max-width:620px;margin:0;justify-self:center;text-align:center;min-width:0}
.website-growth-visual .growth-animation{width:100%;height:auto;aspect-ratio:900/506;border-radius:16px}
.website-growth-visual figcaption{font-size:10px;margin-top:8px;line-height:1.5}
.website-growth-visual .growth-toggle{margin-top:9px;padding:5px 13px;font-size:11px}
.growth-benefits,.growth-tools{display:flex;flex-wrap:wrap;gap:7px}
.growth-chip{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #426087;border-radius:20px;background:#12243b;color:#dceaff;font-size:12px;font-weight:700;line-height:1.3;transition:background .2s,border-color .2s}
.growth-chip:hover{background:#1c3b58;border-color:#47c9e9}
.growth-tools-label{font-size:12px;letter-spacing:0;line-height:1.4;margin:18px 0 9px;color:#b3c9e4}
.growth-tool-chip{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#161f38;border:1px solid #514574;border-radius:11px;line-height:1.3}
.growth-tool-chip strong{font-size:11px;color:#ede3ff}
.growth-tool-chip span{font-size:10px;color:#a9bfd9}
.growth-tool-chip:hover{border-color:#a581d4;background:#25203e}
.website-growth-copy .growth-cta{margin-top:17px;padding:11px 18px;font-size:12px}
@media(max-width:760px){.website-growth-section{padding:28px 4%}.website-growth-layout{grid-template-columns:1fr;gap:20px;max-width:620px}.website-growth-copy{padding:0}.website-growth-copy h2{font-size:27px;margin-bottom:13px}.growth-chip{font-size:11px;padding:5px 9px}.growth-tools-label{margin-top:15px}.growth-tool-chip{padding:7px 9px}.website-growth-visual .growth-animation{border-radius:14px}.website-growth-visual figcaption{padding:0}}

/* Mobile/Safari: bound the image layer so it cannot cover the service copy. */
@media(max-width:900px){
.pixel-service-hero{--home-image-height:clamp(180px,56vw,290px);padding:0}
.pixel-service-hero .home-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--home-image-height) auto;align-content:start;align-items:start;min-width:0}
.pixel-service-hero .home-photo{width:100%;height:var(--home-image-height);min-height:0;max-height:290px;aspect-ratio:auto;align-self:start}
.pixel-service-hero .home-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.pixel-service-hero .home-layer-frame{top:0;left:0;bottom:auto;width:100%;height:var(--home-image-height);max-height:290px;aspect-ratio:auto;overflow:hidden;transform:none;z-index:2}
.pixel-service-hero .home-copy{position:relative;z-index:3;width:100%;min-width:0;min-height:0;padding:24px 21px 86px;background:#f5faff;justify-content:flex-start;perspective:900px}
.pixel-service-hero .home-slide.active .home-copy{opacity:1;visibility:visible}
.pixel-service-hero .home-copy h1,.pixel-service-hero .home-copy h2{font-size:clamp(27px,6.8vw,37px);line-height:1.15;letter-spacing:-.025em;margin:14px 0;overflow-wrap:break-word}
.pixel-service-hero .home-copy .slider-title-shine{color:#143457}
.pixel-service-hero .home-copy .home-kicker{font-size:10px}
.pixel-service-hero .home-copy p{font-size:14px;line-height:1.65}
.pixel-service-hero .home-copy ul{margin:15px 0;gap:6px}
.pixel-service-hero .home-copy .button{font-size:13px;padding:13px 18px}
.pixel-service-hero .home-controls{z-index:6;left:14px;right:14px;bottom:17px;gap:7px}
.pixel-service-hero .home-controls button{min-width:35px;min-height:35px}
.pixel-service-hero .home-dots{gap:5px}
.pixel-service-hero .home-dots button{min-width:7px;min-height:7px;width:7px;height:7px}
.pixel-service-hero .home-dots button[aria-pressed=true]{width:20px}
#home-pause{padding:0 11px}
}
@media(max-width:360px){.pixel-service-hero .home-controls{left:10px;right:10px;gap:5px}.pixel-service-hero .home-copy{padding-left:17px;padding-right:17px}#home-count{font-size:10px}}

/* Mobile shading has a solid-colour fallback when text clipping is unavailable. */
@media(max-width:900px){
.pixel-service-hero .home-copy .slider-title-shine,.pixel-service-hero .home-copy .home-kicker{-webkit-text-fill-color:currentColor}
.pixel-service-hero .home-copy .home-kicker{color:#126a9a}
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
@media(max-width:900px){
.pixel-service-hero .home-copy .slider-title-shine,.pixel-service-hero .home-copy .home-kicker{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
}
}