/* =========================================================
   Tcongs Services page - services-v2.css
   Load after home-v2.css and onboarding-v2.css
   ========================================================= */

/* ---------- Hero stat cards ---------- */
.rds-stats{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,440px);animation:rd2-float 7s ease-in-out infinite}
.rds-stat{padding:26px 16px;border-radius:22px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 60px -30px rgba(2,10,45,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s,border-color .3s}
.rds-stat:hover{transform:translateY(-4px);border-color:rgba(143,208,255,.6)}
.rds-stat b{display:block;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.1;color:#fff}
.rds-stat span{display:block;margin-top:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#B9CCFF}

/* ---------- Marketplace grid ---------- */
.rds-mp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:44px}
.rds-mp{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px 20px;border-radius:22px;background:#fff;border:1px solid var(--v2-line);box-shadow:var(--v2-shadow);text-align:center;text-decoration:none;transition:transform .35s var(--v2-ease),box-shadow .35s}
.rds-mp:hover{transform:translateY(-6px);box-shadow:0 30px 56px -28px rgba(36,87,255,.55)}
.rds-mp-logo{width:92px;height:92px;padding:10px;border-radius:20px;background:linear-gradient(145deg,#F3F7FF,#E6EEFF);border:1px solid var(--v2-line);display:flex;align-items:center;justify-content:center}
.rds-mp-logo img{width:100%;height:100%;object-fit:contain}
.rd2-main .rds-mp h3{margin:0;font-size:17px;font-weight:800;color:var(--v2-ink)}
.rds-mp-go{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#EEF3FF;color:var(--v2-blue);font-size:13px;font-weight:700;transition:background .25s,color .25s}
.rds-mp-go svg{width:14px;height:14px;transition:transform .25s}
.rds-mp:hover .rds-mp-go{background:var(--v2-blue);color:#fff}
.rds-mp:hover .rds-mp-go svg{transform:translateX(4px)}

/* ---------- Solutions ---------- */
.rds-sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}
.rdo-card.rds-sol{gap:14px}
.rds-sol .rdo-why-ic{margin-bottom:4px}
.rds-sol:nth-child(2) .rdo-why-ic{background:linear-gradient(145deg,#A08BFF,#5B3FE0)}
.rds-sol:nth-child(3) .rdo-why-ic{background:linear-gradient(145deg,#45DEC4,#0E9E86)}
.rds-sol:nth-child(4) .rdo-why-ic{background:linear-gradient(145deg,#FFB067,#F2701A)}
.rds-sol:nth-child(5) .rdo-why-ic{background:linear-gradient(145deg,#5BC8FF,#1783D6)}
.rds-sol:nth-child(6) .rdo-why-ic{background:linear-gradient(145deg,#FF86B1,#D93578)}
.rd2-main .rds-sol h3{font-size:19px}
.rd2-main .rds-sol p{font-size:15px;color:var(--v2-muted)}

/* ---------- Flagship package ---------- */
.rds-flag{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;align-items:center;margin-top:26px;padding:40px;border-radius:30px;background:radial-gradient(520px 320px at 90% 0%,rgba(61,123,255,.5),transparent 70%),linear-gradient(140deg,#050F35,#0A2170 60%,#1236C4);box-shadow:0 40px 80px -36px rgba(6,22,65,.9)}
.rd2-main .rds-flag h3{margin:16px 0 0;font-size:clamp(24px,2.8vw,32px);line-height:1.2;color:#fff}
.rds-flag-text p{margin:12px 0 24px;font-size:16px;line-height:1.7;color:#C9D8FF}
.rds-flag-list{position:relative}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  .rds-mp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  .rds-sol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .rds-stats ~ .rd2-float{display:none}
  .rds-mp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rds-flag{grid-template-columns:1fr;padding:30px 24px}
  .rds-stats{margin:0 auto}
}
@media (max-width:640px){
  .rds-mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rds-mp{padding:18px 10px 16px}
  .rds-mp-logo{width:80px;height:80px}
  .rds-sol-grid{grid-template-columns:1fr}
  .rds-stat{padding:20px 10px}
}
@media (max-width:380px){
  .rds-mp-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .rds-stats{animation:none !important}
}