/* =====================================================================
   Page styles for services/index.php
   Loaded after style.css, only on this page.
   ===================================================================== */

/* marquee */
.ticker{background:var(--accent);color:#fff;overflow:hidden}
.ticker-track{display:flex;gap:40px;padding-block:14px;width:max-content;animation:slide 32s linear infinite;font-family:var(--display);font-weight:700;font-size:clamp(16px,1.8vw,22px)}
.ticker-track span{display:flex;align-items:center;gap:40px;white-space:nowrap}
.ticker-track span::after{content:"";width:8px;height:8px;border-radius:50%;background:#181818}
@keyframes slide{to{transform:translateX(-50%)}}

/* feature rows (services / products) */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(32px,4vw,56px);scroll-margin-top:90px}
.feature + .feature{border-top:1px solid var(--line)}
.feature.rev .feature-media{order:2}
.feature h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;margin-top:12px;max-width:16ch}
.feature .lead{margin-top:14px;color:var(--muted);font-size:clamp(15.5px,1.25vw,17px);max-width:54ch}
.feature .hs-btn{margin-top:28px}
.feature-media .visual{aspect-ratio:5/4}
.feature-media .visual.photo img{transform:none}
@media (max-width:900px){
  .feature{grid-template-columns:minmax(0,1fr)}
  .feature.rev .feature-media{order:0}
}

/* platform pills */
.pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:50px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:15px}
.pill i{width:9px;height:9px;border-radius:50%;background:var(--accent)}

/* services grid (4 col variant) */
.services.s4{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.services.s4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.services.s4{grid-template-columns:minmax(0,1fr)}}