@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/inter-latin.woff2') format('woff2')}

/* SPS TRACK GPS — premium automotive-tech storefront, November 2026 */
:root{--navy:#071726;--deep:#07131f;--orange:#19cabf;--ink:#102234;--cream:#f7fafb;--green:#19b798;--radius:19px;--shadow:0 22px 65px rgba(5,31,48,.09)}
body{background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#142839}
h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:-.055em}
.announcement{height:32px;background:#05101c;color:#9fb6c4;letter-spacing:.15em;font-size:9px;border-bottom:1px solid #192c37}
.announcement-right{color:#4ce1d4}
.site-header{height:78px;background:#071624;color:#f0f9fa;border-bottom:1px solid #20313f}
.brand-icon{background:linear-gradient(145deg,#183a47,#0e5f60);color:#52e4d8;border:1px solid #396472}
.brand-text b{font-weight:850;letter-spacing:-.06em;font-size:21px}
.brand-text small{color:#7dbab6;letter-spacing:.09em}
.desktop-nav a{color:#a1b9c8;font-weight:600}.desktop-nav a.current,.desktop-nav a:hover{color:#66eadf}
.nav-help{color:#a3efe8;font-size:12px}.nav-help:hover{color:#fff}
.cart-pill{background:#172c3a;color:#eefbfb;border:1px solid #2c4551}
.cart-pill b{background:#5ce5d6;color:#073134}
.btn-orange{background:linear-gradient(135deg,#13bda9,#22dbcd);color:#06363d}.btn-orange:hover:not(:disabled){background:#4de3da}
.btn-dark{background:#102c3a;color:white}
.section-label,.eyebrow{color:#159f9c;letter-spacing:.14em}
.period{color:#16bdb1}
.sps-hero{height:640px;position:relative;isolation:isolate;background:radial-gradient(ellipse 75% 115% at 77% 49%,#103c49 0%,#0a2535 37%,#061625 76%),#061625;color:#f5f9fb;overflow:hidden}
.sps-hero:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.32;background-image:linear-gradient(90deg,transparent 98%,rgba(104,234,215,.09) 100%),linear-gradient(transparent 98%,rgba(104,234,215,.09) 100%);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent 10%,black 100%);z-index:-1}
.sps-hero:after{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(77,205,198,.10);border-radius:50%;right:-170px;top:-170px;box-shadow:0 0 0 95px rgba(45,187,185,.025),0 0 0 190px rgba(45,187,185,.025);z-index:-1;pointer-events:none}
.sps-hero-noise{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 80%,rgba(20,86,96,.22),transparent 58%);z-index:-1}
.sps-slide{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(45px,0,0);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.2,1),visibility .7s}
.sps-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);z-index:1}
.sps-slide-grid{height:100%;display:grid;grid-template-columns:48% 52%;align-items:center;gap:5px;padding-bottom:65px}
.sps-copy{position:relative;z-index:6;max-width:560px;padding-bottom:4px}
.sps-kicker{font-size:10px;letter-spacing:.115em;font-weight:800;display:flex;align-items:center;gap:11px;color:#a3d0d5;white-space:nowrap}
.sps-kicker-line{height:1px;width:28px;background:#426475;display:inline-block;flex-shrink:0}
.sps-ping{width:8px;height:8px;background:#58e8cc;border-radius:50%;box-shadow:0 0 0 5px #51e5cd24,0 0 25px #3cffe1;flex-shrink:0}
.sps-copy h1{font-size:clamp(55px,5.2vw,76px);font-weight:830;letter-spacing:-.074em;line-height:1.08;margin:31px 0 22px;max-width:740px}
.sps-copy h1 span{background:linear-gradient(90deg,#b8fff2 0%,#62e5d2 45%,#45c7df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sps-copy p{color:#a2b6c4;line-height:1.85;font-size:15px;max-width:435px;margin:0 0 30px}
.sps-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sps-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 24px;min-height:52px;border-radius:8px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.sps-btn:hover{transform:translateY(-3px)}
.sps-btn-primary{background:#51e2d4;color:#07303a;box-shadow:0 11px 38px rgba(80,224,210,.15)}
.sps-btn-primary:hover{background:#8affeb;box-shadow:0 11px 38px rgba(80,224,210,.25)}
.sps-btn-secondary{border:1px solid #466472;color:#e1f0f2;background:#ffffff07}
.sps-btn-secondary:hover{background:#ffffff10;border-color:#64b2b6}
.sps-hero-foot{display:flex;align-items:center;gap:12px;font-size:11px;color:#7f9ba9;margin-top:48px}
.sps-small-ring{border:1px solid #2a5662;color:#59dcd0;display:grid;place-items:center;border-radius:50%;height:30px;width:30px}
.sps-slide.is-active .sps-copy>*{animation:sps-rise .7s both}
.sps-slide.is-active .sps-copy>*:nth-child(2){animation-delay:.09s}
.sps-slide.is-active .sps-copy>*:nth-child(3){animation-delay:.17s}
.sps-slide.is-active .sps-copy>*:nth-child(4){animation-delay:.24s}
.sps-slide.is-active .sps-copy>*:nth-child(5){animation-delay:.32s}
@keyframes sps-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.sps-visual{height:495px;min-width:0;position:relative;transform:translateZ(0)}
.sps-visual-halo{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(71,229,202,.16),transparent 67%);left:80px;top:20px;filter:blur(4px);animation:sps-glow 8s ease-in-out infinite alternate}
@keyframes sps-glow{from{transform:scale(.9)}to{transform:scale(1.12)}}
.sps-map-card{position:absolute;left:40px;top:32px;width:min(95%,515px);height:387px;border:1px solid #396274;border-radius:20px;background:linear-gradient(146deg,#112b3c,#061b2a);box-shadow:0 38px 90px #020c1dbb,0 0 80px #4ce2df18;overflow:hidden;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg)}
.sps-map-head{height:53px;border-bottom:1px solid #2b4a5b;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;font-size:9px;letter-spacing:.17em;color:#a3c1c8;font-weight:700;background:#102939}
.sps-window-dots{display:flex;gap:5px}.sps-window-dots i{width:6px;height:6px;background:#2f6773;border-radius:50%}.sps-window-dots i:first-child{background:#73dbd2}
.sps-map-more{font-size:7px;color:#4f8b95;letter-spacing:.5em}
.sps-route-svg{position:absolute;left:0;right:0;top:53px;width:100%;height:285px;background:repeating-linear-gradient(0deg,transparent 0,transparent 36px,rgba(100,166,167,.06) 37px),repeating-linear-gradient(90deg,transparent 0,transparent 43px,rgba(100,166,167,.06) 44px)}
.sps-road{stroke:#2d5260;stroke-width:14;fill:none;opacity:.73}
.sps-road-small{stroke:#153745;stroke-width:9;fill:none}
.sps-route{stroke:url(#sps-route-gradient);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:12 10;animation:sps-dash 15s linear infinite;filter:drop-shadow(0 0 4px #39fdd1)}
@keyframes sps-dash{to{stroke-dashoffset:-300}}
.sps-route-pulse{animation:sps-pulsate 2.4s ease-out infinite;transform-origin:450px 118px}
@keyframes sps-pulsate{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.65)}}
.sps-map-caption{height:49px;position:absolute;left:0;right:0;bottom:0;background:#0b2231;border-top:1px solid #29475b;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:9px;letter-spacing:.11em;color:#bad3d8;font-weight:700}
.sps-map-caption span{display:flex;align-items:center;gap:8px}.sps-green-dot{display:inline-block;width:7px;height:7px;background:#4ce9be;border-radius:50%}.sps-map-caption b{display:flex;gap:6px;align-items:center;color:#67e2d6;font-size:9px}
.sps-device-tile{position:absolute;z-index:3;left:-3px;bottom:28px;width:174px;height:180px;background:linear-gradient(145deg,#d9edeb,#7ba2ac);border:5px solid #153b4b;border-radius:25px;box-shadow:0 25px 50px #020a1e99;display:flex;flex-direction:column;justify-content:space-between;padding:12px;transform:rotate(-7deg);overflow:hidden}
.sps-device-tile img{height:115px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #0d243544)}
.sps-device-tile>span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#183d4d;text-align:center}
.sps-device-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff45 50%,transparent 70%);transform:translateX(-150%);animation:sps-shimmer 6s infinite}
@keyframes sps-shimmer{55%,100%{transform:translateX(150%)}}
.sps-mini-badge{position:absolute;bottom:29px;right:8px;background:#112f3d;border:1px solid #4d8f8e;border-radius:10px;padding:11px 14px;font-size:22px;font-weight:850;color:#b9fff0;box-shadow:0 14px 40px #05101c99;z-index:4}
.sps-mini-badge span{font-size:9px;color:#77bcbd;letter-spacing:.15em;margin-left:7px}
.sps-drive-visual .sps-drive-glow{position:absolute;inset:30px;background:radial-gradient(circle at 55% 45%,#50c7cf44,transparent 65%);filter:blur(16px)}
.sps-dash-screen{position:absolute;left:45px;top:44px;width:490px;height:355px;border:8px solid #14252d;border-radius:29px;overflow:hidden;background:#a4c9d5;transform:perspective(1000px) rotateY(-7deg) rotateZ(-3deg);box-shadow:0 28px 85px #020b1cb5,0 0 0 2px #4c7a87}
.sps-video-top,.sps-screen-bottom{position:absolute;z-index:3;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 23px;background:#031c30a6;color:#e5ffff;font-size:10px;letter-spacing:.16em;font-weight:900}
.sps-video-top{top:0}.sps-screen-bottom{bottom:0}
.sps-video-top>span:first-child{display:flex;align-items:center;gap:8px}.sps-rec-indicator{background:#54e1d7;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px #53eed333}
.sps-sky{position:absolute;inset:0 0 35%;background:linear-gradient(#4d97ae 0%,#b2d2cf 70%,#d9d6c5 100%);overflow:hidden}
.sps-sun{position:absolute;right:45px;top:62px;width:70px;height:70px;background:#d9eeea;border-radius:50%;filter:blur(1px);box-shadow:0 0 75px #fff}
.sps-mountain{position:absolute;bottom:-5px;width:85%;height:110px;background:#3f797e;clip-path:polygon(0 100%,22% 34%,47% 85%,65% 25%,100% 100%);opacity:.58}
.mountain-1{left:-15%}.mountain-2{right:-36%;background:#2c6677;transform:scaleX(-1)}
.sps-highway{position:absolute;bottom:0;left:0;right:0;height:64%;background:linear-gradient(120deg,#263e4d,#172d41);clip-path:polygon(43% 0,57% 0,130% 100%,-30% 100%)}
.sps-highway:before,.sps-highway:after{content:"";position:absolute;top:0;bottom:0;width:8px;background:#c7d9d4ad;left:31%;transform:skewX(-35deg)}.sps-highway:after{left:68%;transform:skewX(35deg)}
.sps-lane{position:absolute;left:47%;top:35%;bottom:-30px;width:4px;background:repeating-linear-gradient(to bottom,#f4f1d3 0 24px,transparent 24px 62px);transform:skewX(-9deg)}
.sps-lane.lane-right{left:53%;transform:skewX(9deg)}
.sps-camera-hardware{position:absolute;z-index:4;bottom:8px;left:-3px;width:200px;height:92px;border:4px solid #455865;background:linear-gradient(145deg,#1e3345,#051320);border-radius:20px 31px 25px 21px;box-shadow:0 25px 42px #010b1de5;transform:rotate(-8deg)}
.sps-camera-hardware>span{position:absolute;bottom:12px;right:16px;font-size:8px;color:#c1d7d7;letter-spacing:.12em;font-weight:850}
.sps-camera-cap{height:17px;width:75px;border-radius:6px;background:#152c3d;position:absolute;left:65px;top:-16px}
.sps-camera-lens{position:absolute;left:20px;top:8px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#123b59 5%,#123b59 22%,#07131f 25%,#101b2a 38%,#4a606b 41%,#070c18 48%,#2e4152 65%,#08131e 72%);box-shadow:0 0 0 4px #1b2530}
.sps-camera-lens-core{position:absolute;top:26px;left:26px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#7fe5da,#16436c 45%,#051020 76%);box-shadow:0 0 16px #2dbec355}
.sps-security-visual{display:grid;place-items:center}
.sps-security-orbit{position:absolute;border:1px solid rgba(95,198,195,.12);border-radius:50%;width:450px;height:450px}.sps-security-orbit.orbit2{width:345px;height:345px}.sps-security-orbit.orbit3{width:240px;height:240px}
.sps-security-panel{width:460px;max-width:90%;height:352px;position:relative;z-index:2;overflow:hidden;border:1px solid #487683;border-radius:20px;background:linear-gradient(150deg,#1c4654,#071f30);box-shadow:0 30px 90px #020b1aa3;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg)}
.sps-security-panel-head{height:52px;border-bottom:1px solid #366071;display:flex;align-items:center;gap:15px;padding:0 20px;font-size:10px;font-weight:800;color:#a4d3d5;letter-spacing:.13em}
.sps-camera-scene{height:233px;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,#2c697666,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 38px,#7af8e90a 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,#7af8e90a 39px)}
.sps-cctv-icon{height:230px;width:370px;max-width:90%;filter:drop-shadow(0 22px 15px #01111c88);transform:rotate(-7deg)}
.sps-security-info{height:65px;border-top:1px solid #366071;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;color:#89b1bf;font-size:9px;letter-spacing:.08em}
.sps-security-info b{color:#6aecdd}
.sps-hero-bottom{position:absolute;bottom:23px;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sps-hero-label{display:flex;align-items:center;gap:25px}.sps-hero-caption{letter-spacing:.13em;font-size:9px;font-weight:800;color:#7a9aa5}
.sps-track-progress{width:125px;height:2px;background:#355264;overflow:hidden}
.sps-progress-fill{width:100%;height:100%;background:#56ddcd;display:block;transform-origin:left;transform:scaleX(0);animation:sps-progress 7s linear infinite}
@keyframes sps-progress{to{transform:scaleX(1)}}
.sps-hero-controls{display:flex;align-items:center;gap:14px}.sps-carousel-arrow{width:38px;height:38px;border:1px solid #3b5866;border-radius:50%;background:transparent;color:#e4f5f5;font-size:17px;display:grid;place-items:center;transition:background .2s,border .2s;cursor:pointer}
.sps-carousel-arrow:hover{background:#55d7cb;color:#072b36;border-color:#55d7cb}
.sps-count{font-size:11px;letter-spacing:.14em;color:#748f9f;font-weight:800;margin:0 4px}.sps-count strong{color:#e9f8f8}
.sps-dots{display:flex;gap:6px;margin-left:15px}.sps-dots button{border:0;background:#375968;width:15px;height:5px;border-radius:10px;padding:0;transition:width .3s,background .3s;cursor:pointer}.sps-dots button.active{width:35px;background:#65ead9}
.sps-marquee{height:52px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;background:#41d9c9;color:#062934;font-weight:900;font-size:11px;letter-spacing:.19em}
.sps-marquee-track{display:flex;gap:30px;align-items:center;width:max-content;animation:sps-marquee 34s linear infinite}
.sps-marquee-track span{font-size:20px;color:#10796f;font-weight:400}
@keyframes sps-marquee{to{transform:translateX(-50%)}}
.benefits{background:#fbfdfd}.benefits-grid{padding:29px 0}.benefits-grid>div{justify-content:flex-start;padding-left:27px}.benefits-grid>div:first-child{padding-left:0}
.benefits-grid svg{color:#0eacaa}.benefits-grid strong{font-size:12px}.benefits-grid small{font-size:11px}
.section-space{padding-top:101px;padding-bottom:106px}.section-top h2{font-size:43px}.section-top p{font-size:14px}
.product-card{border-color:#e4edec;border-radius:16px}.product-card:hover{box-shadow:0 20px 60px #15343e1c;transform:translateY(-8px)}
.product-picture{background:linear-gradient(150deg,#edf6f6,#e1eeee)}.cat-chip{background:#d9f5f0;color:#16776f}
.product-card .btn-dark{background:#0b2936}.product-card .btn-dark:hover{background:#13605f}
.price{color:#0d2e3c}.stock:not(.out):not(.low){color:#0a9479;background:#dcf7ed}
.simple-link:hover{color:#0bafa2}
.why-section{background:#edf5f4;padding:97px 0}.why-graphic{background:linear-gradient(120deg,#daeeea,#c5e0e1)}.rings span{border-color:#a0cbc5}.pin-center{background:#0a827f;box-shadow:0 17px 40px #087b7b4a}
.why-section h2 em{color:#0f9f9b}.feature-line svg{color:#0da98c}.floating-label svg{color:#0e9c80}
.steps-section{padding-top:100px}.steps>div{background:#f3f8f8;border:1px solid #e6efef}.steps svg{color:#0fa9a5}
.final-cta{background:radial-gradient(circle at 90% 40%,#155362,#071725 68%);border:1px solid #244c5b;border-radius:20px;padding:50px 60px}.final-cta .section-label{color:#78f3df}
.footer{background:#071521}.footer .brand-icon{background:#156a69;color:#adfff1}.footer a.footer-wa{color:#63eddf}
.sps-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.sps-reveal.sps-visible{opacity:1;transform:translateY(0)}
.product-grid>.product-card:nth-child(2){transition-delay:.08s}.product-grid>.product-card:nth-child(3){transition-delay:.15s}.product-grid>.product-card:nth-child(4){transition-delay:.22s}
@media(max-width:1100px){.sps-hero{height:600px}.sps-slide-grid{grid-template-columns:50% 50%}.sps-copy h1{font-size:55px}.sps-map-card{left:25px;width:430px;height:350px}.sps-route-svg{height:247px}.sps-visual{height:450px}.sps-device-tile{width:150px;height:165px;bottom:12px}.sps-dash-screen{left:20px;width:420px;height:320px}.sps-security-panel{width:400px}.sps-kicker{font-size:9px}}
@media(max-width:760px){
 .site-header{height:67px}.mobile-menu{color:#dbf5f5}.mobile-links.open{background:#0d2433;color:#e8f7f7;top:67px}.mobile-links a{color:#d0e6ea}
 .sps-hero{height:825px}.sps-slide-grid{grid-template-columns:1fr;grid-template-rows:355px 330px;gap:0;align-items:start;padding-bottom:60px}.sps-copy{padding-top:44px;max-width:100%}.sps-kicker{font-size:8px;letter-spacing:.07em}.sps-kicker-line{width:15px}
 .sps-copy h1{font-size:clamp(42px,9.5vw,59px);margin:19px 0 14px}.sps-copy p{font-size:13px;line-height:1.72;max-width:510px;margin-bottom:21px}.sps-btn{font-size:11px;min-height:43px;padding:12px 17px}
 .sps-hero-foot{margin-top:17px;font-size:10px}.sps-small-ring{height:25px;width:25px}
 .sps-visual{height:330px;width:100%;overflow:visible}
 .sps-map-card{left:7%;top:18px;width:85%;height:275px;border-radius:14px;transform:perspective(800px) rotateY(-4deg)}
 .sps-map-head{height:40px;padding:0 13px;font-size:7px}.sps-route-svg{top:40px;height:196px}.sps-map-caption{height:39px;padding:0 12px;font-size:7px}
 .sps-map-caption b{font-size:7px}.sps-map-caption svg{width:12px}
 .sps-device-tile{width:119px;height:117px;bottom:4px;left:0;border-width:3px;border-radius:15px;padding:5px}.sps-device-tile img{height:79px}.sps-device-tile>span{font-size:5px}
 .sps-mini-badge{bottom:4px;right:0;padding:7px 10px;font-size:16px}.sps-mini-badge span{font-size:7px}
 .sps-dash-screen{left:9%;top:10px;width:82%;height:278px;border-width:5px;border-radius:17px}
 .sps-camera-hardware{width:151px;height:70px;bottom:0}.sps-camera-lens{width:48px;height:48px;left:16px;top:7px}.sps-camera-lens-core{top:18px;left:18px;width:13px;height:13px}.sps-camera-hardware>span{font-size:6px}
 .sps-security-panel{width:84%;max-width:440px;height:274px;transform:rotateY(-3deg)}.sps-security-panel-head{height:38px;font-size:8px}.sps-camera-scene{height:184px}.sps-cctv-icon{height:180px}.sps-security-info{height:51px;font-size:7px}
 .sps-security-orbit{height:300px;width:300px}.sps-security-orbit.orbit2{height:215px;width:215px}.sps-security-orbit.orbit3{height:120px;width:120px}
 .sps-hero-bottom{bottom:20px}.sps-hero-label{display:none}.sps-hero-controls{justify-content:center;width:100%}.sps-carousel-arrow{width:32px;height:32px}.sps-marquee{height:42px;font-size:9px}
 .benefits-grid>div:first-child{padding-left:0}.benefits-grid>div{padding:12px 0}.section-top h2{font-size:31px}.section-space{padding:65px 0}.why-section{padding:66px 0}.final-cta{padding:29px}
 .sps-reveal{transform:translateY(12px)}
}
@media(max-width:430px){
 .sps-hero{height:800px}.sps-slide-grid{grid-template-rows:385px 300px}.sps-copy{padding-top:40px}
 .sps-copy h1{font-size:42px}.sps-copy p{font-size:12.5px}.sps-actions{gap:8px}.sps-btn{font-size:10.5px;min-height:42px;padding:10px 14px}.sps-hero-foot{margin-top:14px}
 .sps-map-card{width:92%;left:5%;top:3px;height:252px}.sps-route-svg{height:175px}.sps-device-tile{bottom:14px;width:100px;height:108px}.sps-map-caption{height:37px}
 .sps-dash-screen{height:235px;width:93%;left:5%;top:0}.sps-camera-hardware{bottom:20px}
 .sps-security-panel{height:240px;width:95%;max-width:none}.sps-camera-scene{height:151px}.sps-cctv-icon{height:160px}
 .sps-mini-badge{bottom:24px;font-size:13px}.sps-hero-controls{gap:11px}
}
@media(prefers-reduced-motion:reduce){.sps-slide,.sps-copy>*,.sps-reveal,.sps-marquee-track,.sps-route,.sps-route-pulse,.sps-visual-halo,.sps-device-shimmer,.sps-progress-fill{animation:none!important;transition:none!important}.sps-reveal{opacity:1!important;transform:none!important}.sps-slide{transform:none!important}.sps-progress-fill{transform:none!important}}

/* Modern Soft Ambient Gradient Background — storefront light surfaces only. */
.modern-gradient-bg {
  background-color: #f8fafc;
  background-image:
    radial-gradient(circle at 15% 15%, rgba(66, 133, 244, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 85% 25%, rgba(52, 168, 83, 0.06) 0%, transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(26, 115, 232, 0.05) 0%, transparent 50%);
  background-attachment: fixed;
}
/* Let the gentle page gradient show through catalog and detail sections. */
.modern-gradient-bg .page-top,
.modern-gradient-bg .related {
  background: transparent;
}
.modern-gradient-bg .benefits {
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 760px) {
  .modern-gradient-bg { background-attachment: scroll; }
}