/* ========================================================================== 
   OnTime Systems — Clients v2 (reference-card style)
   ========================================================================== */
.clients-page{background:#fff;color:#26364a}.clients-page .header{padding:12px 0;background:rgba(255,255,255,.97);box-shadow:0 5px 24px rgba(10,37,64,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.clients-page .header .brand-name,.clients-page .header .nav-link,.clients-page .header .mobile-toggle{color:var(--navy)}.clients-main{padding-top:82px;overflow:hidden}

/* Hero */
.clients-hero{position:relative;isolation:isolate;overflow:hidden;padding:82px 0 64px;color:#fff;background:radial-gradient(circle at 12% 15%,rgba(253,126,20,.25),transparent 28%),radial-gradient(circle at 88% 110%,rgba(0,123,255,.22),transparent 31%),linear-gradient(135deg,#07192e 0%,#0a2540 58%,#0b3154 100%)}.clients-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.clients-hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);animation:clientsFloat 8s ease-in-out infinite}.clients-hero-glow-a{width:330px;height:330px;right:-130px;top:-170px;background:radial-gradient(circle,rgba(253,126,20,.28),transparent 67%)}.clients-hero-glow-b{width:410px;height:410px;left:-170px;bottom:-300px;background:radial-gradient(circle,rgba(32,142,255,.22),transparent 66%);animation-delay:-3s}.clients-hero-inner{max-width:960px;text-align:center}.clients-kicker{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;color:#ffd0aa;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.79rem;font-weight:900}.clients-kicker i{color:#fd7e14}.clients-hero h1{max-width:900px;margin:20px auto 14px;color:#fff;font-size:clamp(2.35rem,5vw,4.45rem);line-height:1.23;letter-spacing:-.04em;font-weight:900}.clients-hero h1 span{color:#ff9a45}.clients-hero p{max-width:790px;margin:0 auto;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:2;font-weight:500}.clients-hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.clients-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;background:rgba(255,255,255,.07);font-weight:800;transition:.25s ease}.clients-secondary-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}.clients-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:40px auto 0}.clients-mini-stats>div{padding:16px 18px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.clients-mini-stats strong,.clients-mini-stats span{display:block}.clients-mini-stats strong{color:#fff;font-size:1.18rem;font-weight:900}.clients-mini-stats span{margin-top:2px;color:rgba(255,255,255,.58);font-size:.73rem;font-weight:700}

/* Reference section */
.clients-reference-section{padding:66px 0 58px;background:#f8fafc;border-bottom:1px solid #e7edf2}.clients-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.clients-title-row>div>span{color:#fd7e14;font-size:.75rem;font-weight:900}.clients-title-row h2{margin:5px 0 0;color:#12273c;font-size:clamp(1.8rem,3.3vw,2.8rem);font-weight:900;letter-spacing:-.025em}.clients-title-row p{max-width:570px;margin:0;color:#77879a;line-height:1.85;font-size:.9rem}.clients-title-row.centered{display:block;max-width:780px;margin-inline:auto;text-align:center}.clients-title-row.centered p{margin:10px auto 0}
.clients-reference-board{position:relative;margin-inline:calc(50% - 50vw);padding:16px 0 18px;background:#f7f9fb;border-top:1px solid #dfe7ee;border-bottom:1px solid #dfe7ee;overflow:hidden}.clients-reference-board::before,.clients-reference-board::after{content:"";position:absolute;top:0;bottom:0;z-index:3;width:120px;pointer-events:none}.clients-reference-board::before{right:0;background:linear-gradient(270deg,#f7f9fb 10%,rgba(247,249,251,0))}.clients-reference-board::after{left:0;background:linear-gradient(90deg,#f7f9fb 10%,rgba(247,249,251,0))}.clients-marquee{overflow:hidden;padding:8px 0;direction:ltr}.clients-marquee+.clients-marquee{margin-top:4px}.clients-track{display:flex;width:max-content;will-change:transform;animation:clientsLoop 36s linear infinite}.clients-marquee-two .clients-track{animation-name:clientsLoopReverse;animation-duration:41s}.clients-marquee:hover .clients-track{animation-play-state:paused}.clients-track-set{display:flex;align-items:stretch;gap:18px;padding-left:18px}

/* Cards — intentionally compact like the user's reference image */
.client-ref-card{--client-accent:#0a2540;direction:ltr;display:flex;align-items:center;gap:16px;width:370px;min-width:370px;min-height:112px;padding:16px 17px;border:1px solid #dfe6ec;border-radius:13px;color:#26364a;background:#fff;box-shadow:0 5px 14px rgba(37,55,75,.035);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.client-ref-card.is-highlighted{border-color:#ff9ba0;box-shadow:0 6px 16px rgba(239,68,68,.045)}a.client-ref-card:hover{transform:translateY(-3px);border-color:#ff8f95;box-shadow:0 12px 26px rgba(37,55,75,.09)}.client-ref-logo{display:grid;place-items:center;width:61px;height:61px;min-width:61px;padding:7px;overflow:hidden;border-radius:12px;color:#fff;background:var(--client-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 14px rgba(10,37,64,.10)}.client-ref-logo img{width:100%;height:100%;object-fit:contain}.client-ref-logo b{font-size:.78rem;font-weight:900;letter-spacing:.01em;text-align:center}.client-ref-content{direction:rtl;display:block;min-width:0;flex:1;text-align:right}.client-ref-name{display:flex;align-items:center;gap:7px;min-width:0;color:#28384a;line-height:1.35}.client-ref-name i{color:#20c997;font-size:.75rem}.client-ref-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:900}.client-ref-industry{display:block;margin:4px 20px 9px 0;overflow:hidden;color:#8a97a6;text-overflow:ellipsis;white-space:nowrap;font-size:.70rem;font-weight:600}.client-ref-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.client-ref-service,.client-ref-country{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:2px 8px;border-radius:4px;font-size:.64rem;font-weight:900;line-height:1.35}.client-ref-service{max-width:220px;overflow:hidden;color:#ff5b60;text-overflow:ellipsis;white-space:nowrap;background:#ffeaea}.client-ref-country{color:#566b7e;background:#edf2f6;border:1px solid #e0e8ee}.client-ref-country b{font-weight:900}
.clients-motion-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#8997a7;font-size:.75rem;font-weight:800}.clients-motion-note i{color:#fd7e14}.clients-empty{max-width:720px;margin:0 auto;padding:44px 28px;text-align:center;border:1px dashed #cbd6df;border-radius:20px;background:#fff}.clients-empty>i{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 14px;border-radius:18px;color:#fff;background:#0a2540;font-size:1.3rem}.clients-empty h3{margin:0 0 6px;color:#17324a}.clients-empty p{margin:0 0 18px;color:#7b8b9c}

/* Value cards */
.clients-value-section{padding:78px 0;background:#fff}.clients-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}.client-value-card{padding:26px 24px;border:1px solid #e7edf3;border-radius:19px;background:#fbfcfe;transition:.3s ease}.client-value-card:hover{transform:translateY(-6px);border-color:rgba(253,126,20,.28);box-shadow:0 18px 38px rgba(10,37,64,.08)}.client-value-card i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0a2540,#123e68);font-size:1.05rem}.client-value-card:hover i{background:linear-gradient(135deg,#fd7e14,#ff9d45)}.client-value-card h3{margin:0 0 8px;color:#203349;font-size:1rem;font-weight:900}.client-value-card p{margin:0;color:#7b8b9b;line-height:1.85;font-size:.83rem}

.clients-cta-section{padding:0 0 80px;background:#fff}.clients-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 40px;border-radius:25px;color:#fff;background:radial-gradient(circle at 10% 0,rgba(0,123,255,.20),transparent 31%),linear-gradient(135deg,#071b33,#0a2540);box-shadow:0 24px 55px rgba(10,37,64,.17)}.clients-cta::after{content:"";position:absolute;width:210px;height:210px;left:-90px;bottom:-120px;border:26px solid rgba(255,255,255,.05);border-radius:50%}.clients-cta>div,.clients-cta>.btn{position:relative;z-index:1}.clients-cta span{color:#ffad65;font-size:.76rem;font-weight:900}.clients-cta h2{margin:5px 0 7px;color:#fff;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900}.clients-cta p{margin:0;color:rgba(255,255,255,.67)}

@keyframes clientsLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes clientsLoopReverse{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes clientsFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(18px) scale(1.05)}}

@media(max-width:1100px){.clients-title-row{align-items:flex-start;flex-direction:column;gap:12px}.clients-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ref-card{width:340px;min-width:340px}.clients-reference-board::before,.clients-reference-board::after{width:65px}}
@media(max-width:768px){.clients-main{padding-top:74px}.clients-hero{padding:58px 0 48px}.clients-hero h1{font-size:clamp(2rem,10vw,3.2rem)}.clients-mini-stats{grid-template-columns:1fr;max-width:460px}.clients-reference-section,.clients-value-section{padding:55px 0}.client-ref-card{width:310px;min-width:310px;min-height:106px;padding:14px}.client-ref-logo{width:56px;height:56px;min-width:56px}.clients-reference-board::before,.clients-reference-board::after{width:28px}.clients-value-grid{grid-template-columns:1fr}.clients-cta{align-items:flex-start;flex-direction:column;padding:28px 25px}}
@media(max-width:520px){.clients-hero-actions{flex-direction:column}.clients-hero-actions>*{width:100%;max-width:360px}.client-ref-card{width:292px;min-width:292px}.client-ref-service{max-width:180px}.clients-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.clients-track,.clients-hero-glow{animation:none!important}}