/* ═══════════════════════════════════════
   RIEKA TECH LABS — Services Page Styles
   ═══════════════════════════════════════ */

.srv-hero{padding:110px 24px 70px;text-align:center;position:relative;overflow:hidden;}
.srv-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(79,142,247,0.09) 0%,transparent 60%);}
.srv-hero-inner{max-width:700px;margin:0 auto;position:relative;z-index:1;}
.srv-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;letter-spacing:-0.03em;line-height:1.05;margin-bottom:18px;}
.srv-hero p{color:var(--sub);font-size:1rem;line-height:1.9;max-width:520px;margin:0 auto 32px;}

/* ── SERVICE BLOCKS ── */
.srv-block{padding:80px 24px;}
.srv-block:nth-child(odd){background:var(--bg);}
.srv-block:nth-child(even){background:var(--bg2);}
.srv-block-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.srv-block-inner.flip{direction:rtl;}
.srv-block-inner.flip > *{direction:ltr;}
.srv-info{}
.srv-num{font-family:'Space Grotesk',sans-serif;font-size:4rem;font-weight:800;line-height:1;opacity:0.06;margin-bottom:-12px;}
.srv-icon-row{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.srv-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.srv-icon.blue{background:rgba(79,142,247,0.1);border:1px solid rgba(79,142,247,0.2);}
.srv-icon.purple{background:rgba(168,85,247,0.1);border:1px solid rgba(168,85,247,0.2);}
.srv-icon.cyan{background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);}
.srv-icon.green{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);}
.srv-icon.amber{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);}
.srv-icon.pink{background:rgba(236,72,153,0.1);border:1px solid rgba(236,72,153,0.2);}
.srv-name{font-family:'Space Grotesk',sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-0.02em;line-height:1.1;}
.srv-desc{color:var(--sub);font-size:0.93rem;line-height:1.9;margin:14px 0 22px;}
.srv-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.srv-feat{display:flex;align-items:flex-start;gap:10px;font-size:0.86rem;line-height:1.6;}
.srv-feat-dot{width:18px;height:18px;border-radius:5px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.2);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--a4);flex-shrink:0;margin-top:1px;font-weight:800;}

/* ── CARDS SIDE ── */
.srv-cards{display:flex;flex-direction:column;gap:12px;}
.srv-sub-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:18px;transition:all 0.22s;}
.srv-sub-card:hover{border-color:var(--bdr2);transform:translateX(4px);}
.srv-sub-card h4{font-family:'Space Grotesk',sans-serif;font-size:0.88rem;font-weight:700;margin-bottom:4px;}
.srv-sub-card p{color:var(--sub);font-size:0.78rem;line-height:1.6;}
.srv-sub-card .stags{margin-top:8px;}

/* ── TECH STACK ── */
.tech-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
.tech-pill{background:rgba(255,255,255,0.04);border:1px solid var(--bdr);border-radius:100px;padding:4px 12px;font-size:0.67rem;font-weight:700;font-family:'Space Grotesk',sans-serif;color:var(--sub);letter-spacing:0.04em;}

/* ── COMPARE TABLE ── */
.compare-wrap{max-width:900px;margin:0 auto;}
.compare-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;}
.compare-table th{padding:14px 20px;text-align:left;font-family:'Space Grotesk',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--sub);background:rgba(255,255,255,0.02);border-bottom:1px solid var(--bdr);}
.compare-table td{padding:14px 20px;font-size:0.85rem;border-bottom:1px solid rgba(255,255,255,0.03);}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table tr:hover td{background:rgba(79,142,247,0.02);}
.check{color:var(--a4);font-weight:700;}
.cross{color:var(--dim);}

/* ── CTA BAND ── */
.srv-cta{background:var(--bg2);padding:80px 24px;text-align:center;}
.srv-cta-inner{max-width:600px;margin:0 auto;}

@media(max-width:900px){
  .srv-block-inner{grid-template-columns:1fr;gap:36px;}
  .srv-block-inner.flip{direction:ltr;}
}