
/* ===== JKPARKRIDES V4.5 Value / Impact System ===== */
.impact-band{background:#10151d;color:#fff;overflow:hidden}.impact-band .section-intro p{color:#9ea8b2}.impact-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.impact-kpi{border:1px solid #2a313b;border-radius:22px;padding:24px;min-height:190px;background:linear-gradient(145deg,#151b24,#0f141b);display:flex;flex-direction:column;justify-content:space-between}.impact-kpi small{font-size:8px;letter-spacing:.15em;color:#a5adb6;font-weight:900}.impact-kpi b{font-size:42px;line-height:1;letter-spacing:-.05em}.impact-kpi p{font-size:11px;line-height:1.55;color:#939da7;margin:0}.impact-kpi .accent{color:#ff7753}.impact-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#232b35;color:#bdc6cf;font-size:8px;font-weight:850;letter-spacing:.1em;width:max-content}
.impact-model{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:30px}.impact-controls,.impact-output{border-radius:25px;padding:28px}.impact-controls{background:#fff;color:#12161d}.impact-output{background:#171e28;border:1px solid #2b3440}.impact-controls h3,.impact-output h3{font-size:25px;margin:7px 0 18px}.impact-field{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eceeea}.impact-field label{font-size:11px;font-weight:750}.impact-field input{width:100%;border:1px solid #dcdedb;border-radius:10px;padding:9px 10px;font:700 12px Arial;text-align:right}.impact-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.impact-result{border:1px solid #2d3743;border-radius:18px;padding:18px}.impact-result small{display:block;font-size:8px;letter-spacing:.12em;color:#8f9aa6;font-weight:900;margin-bottom:8px}.impact-result b{font-size:30px;letter-spacing:-.04em}.impact-result span{display:block;font-size:9px;color:#818d98;margin-top:5px;line-height:1.45}.impact-disclaimer{font-size:9px!important;line-height:1.6!important;color:#77828d!important;margin-top:16px!important}
.why-hero{background:#eef0ec}.why-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:55px;align-items:center}.why-hero h1{font-size:clamp(58px,7vw,105px);line-height:.88;letter-spacing:-.065em;margin:18px 0}.why-hero p{font-size:17px;line-height:1.62;color:#5d666f;max-width:650px}.why-visual{min-height:590px;border-radius:30px;overflow:hidden;background:url('../img/rideos-screen.jpg') center/cover;position:relative;box-shadow:0 28px 90px rgba(16,20,27,.16)}.why-visual:after{content:'PROJECT + EQUIPMENT + DATA';position:absolute;bottom:20px;left:20px;background:#fff;padding:11px 14px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.11em}
.why-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.why-pillar{background:#fff;border:1px solid #dedfdc;border-radius:23px;padding:26px;min-height:250px}.why-pillar i{display:block;width:38px;height:5px;background:#ff5b2e;border-radius:4px;margin-bottom:28px}.why-pillar small{font-size:8px;letter-spacing:.13em;font-weight:900;color:#9b765f}.why-pillar h3{font-size:25px;margin:8px 0 12px}.why-pillar p{font-size:11px;line-height:1.65;color:#727b83}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba-card{border-radius:25px;padding:28px;min-height:420px}.ba-card.before{background:#efece6}.ba-card.after{background:#111720;color:#fff}.ba-card h3{font-size:30px}.ba-row{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(120,125,130,.18)}.ba-row b{font-size:12px}.ba-row p{font-size:10px;line-height:1.55;color:#757e86;margin:2px 0 0}.ba-card.after .ba-row p{color:#8f9aa5}.ba-num{font-size:10px!important;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#151a20}.ba-card.after .ba-num{background:#ff5b2e;color:#fff}
.proof-number-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.proof-number{background:#fff;border:1px solid #dedfdc;border-radius:22px;padding:23px}.proof-number b{font-size:33px;display:block;letter-spacing:-.045em}.proof-number span{font-size:10px;color:#757d85;line-height:1.5}.proof-number small{font-size:8px;letter-spacing:.12em;color:#9b765f;font-weight:900}
.value-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.value-flow article{background:#fff;border:1px solid #dedfdc;border-radius:18px;padding:20px}.value-flow b{font-size:10px;color:#ff5b2e}.value-flow h3{font-size:18px;margin:16px 0 8px}.value-flow p{font-size:10px;color:#737c84;line-height:1.55}
@media(max-width:980px){.impact-kpis,.proof-number-row{grid-template-columns:1fr 1fr}.impact-model,.why-hero-grid{grid-template-columns:1fr}.why-visual{min-height:420px}.why-pillars{grid-template-columns:1fr 1fr}.value-flow{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.impact-kpis,.impact-results,.why-pillars,.before-after,.proof-number-row,.value-flow{grid-template-columns:1fr}.impact-field{grid-template-columns:1fr 90px}.why-hero h1{font-size:58px}.why-visual{min-height:320px}.impact-kpi{min-height:155px}}

/* V4.6 homepage proof numbers */
.impact-intro{align-items:end}.impact-intro h2{max-width:760px}.impact-kpis-three{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.impact-kpi-feature{min-height:315px;padding:30px}.impact-kpi-feature .impact-number{font-size:clamp(56px,6vw,88px);letter-spacing:-.075em;margin:36px 0 12px}.impact-kpi-feature h3{font-size:21px;line-height:1.1;margin:0 0 24px;text-transform:lowercase;letter-spacing:-.025em}.impact-kpi-feature p{font-size:12px;max-width:330px}.impact-kpi-feature:nth-child(2){background:linear-gradient(145deg,#171d26,#10151c)}.impact-kpi-feature:nth-child(3){background:linear-gradient(145deg,#191c22,#11151b)}
@media(max-width:980px){.impact-kpis-three{grid-template-columns:1fr 1fr}.impact-kpi-feature:last-child{grid-column:1/-1}}
@media(max-width:650px){.impact-kpis-three{grid-template-columns:1fr}.impact-kpi-feature:last-child{grid-column:auto}.impact-kpi-feature{min-height:250px}.impact-kpi-feature .impact-number{margin-top:25px}}


.impact-kpis-four{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.impact-kpis-four .impact-kpi-feature{min-height:420px;position:relative;overflow:hidden}
.impact-media{height:120px;border-radius:16px;overflow:hidden;margin-bottom:18px;position:relative}
.impact-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:impactFloat 9s ease-in-out infinite alternate, impactZoom 16s ease-in-out infinite alternate}
.impact-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(10,14,20,.08) 100%)}
.impact-kpis-four .impact-kpi-feature:nth-child(2) .impact-media img{animation-duration:10s,18s}
.impact-kpis-four .impact-kpi-feature:nth-child(3) .impact-media img{animation-duration:11s,17s}
.impact-kpis-four .impact-kpi-feature:nth-child(4) .impact-media img{animation-duration:12s,19s}
@keyframes impactFloat{0%{transform:translateY(0) scale(1.04)}100%{transform:translateY(-8px) scale(1.08)}}
@keyframes impactZoom{0%{filter:saturate(1)}100%{filter:saturate(1.08)}}
@media(max-width:1200px){.impact-kpis-four{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.impact-kpis-four{grid-template-columns:1fr}.impact-kpis-four .impact-kpi-feature{min-height:360px}.impact-media{height:140px}}

/* ===== V4.7 Results + animated visual proof ===== */
.impact-proof-note{margin:16px 0 0;color:#77828d;font-size:10px;line-height:1.6}
.visual-proof-reel{padding:92px 0 98px;background:#f1f2ef;overflow:hidden}
.proof-reel-head{display:grid;grid-template-columns:.8fr 1.2fr 1fr;align-items:end;gap:38px;margin-bottom:34px}
.proof-reel-head .eyebrow{margin:0 0 8px}.proof-reel-head h2{font-size:clamp(38px,4.6vw,66px);line-height:.95;letter-spacing:-.055em;margin:0}.proof-reel-head p{margin:0;color:#687078;line-height:1.65;font-size:15px}
.proof-reel-track-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.proof-reel-track{display:flex;gap:14px;width:max-content;animation:proofRail 52s linear infinite;padding:4px 0 10px}
.proof-reel-track:hover{animation-play-state:paused}
.proof-reel-track figure{position:relative;width:330px;height:245px;margin:0;border-radius:22px;overflow:hidden;background:#dcdeda;box-shadow:0 16px 38px rgba(14,18,24,.10)}
.proof-reel-track figure:nth-child(3n+1){width:390px}.proof-reel-track figure:nth-child(4n+2){height:280px;margin-top:18px}
.proof-reel-track img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);animation:proofImageBreath 12s ease-in-out infinite alternate}
.proof-reel-track figure:nth-child(even) img{animation-duration:15s}
.proof-reel-track figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(12,15,18,.68);backdrop-filter:blur(9px);color:#fff;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.hero.image-panel{animation:heroBackground 18s ease-in-out infinite alternate}
.solution-card,.project-card,.media-main,.financing-home-image{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}
.solution-card:hover,.project-card:hover,.media-main:hover,.financing-home-image:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(20,25,32,.16)}
.hero-product img,.mini-product img,.media-list img,.shop-thumb img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.hero-product:hover img,.mini-product:hover img,.media-list a:hover img,.shop-products article:hover .shop-thumb img{transform:scale(1.045);filter:saturate(1.06)}
@keyframes proofRail{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 7px),0,0)}}
@keyframes proofImageBreath{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.2%,0,0)}}
@keyframes heroBackground{from{background-position:center 50%}to{background-position:center 46%}}
@media(max-width:980px){.proof-reel-head{grid-template-columns:1fr 1fr}.proof-reel-head p{grid-column:1/-1}.proof-reel-track figure{width:285px;height:215px}.proof-reel-track figure:nth-child(3n+1){width:330px}}
@media(max-width:650px){.visual-proof-reel{padding:70px 0}.proof-reel-head{display:block}.proof-reel-head h2{margin:10px 0 18px}.proof-reel-track-wrap{mask-image:none;-webkit-mask-image:none}.proof-reel-track figure{width:250px;height:190px}.proof-reel-track figure:nth-child(3n+1){width:285px}.proof-reel-track figure:nth-child(4n+2){height:215px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.impact-media img,.proof-reel-track,.proof-reel-track img,.hero.image-panel{animation:none!important}.hero-product img,.mini-product img,.media-list img,.shop-thumb img{transition:none!important}}
