/* edantra OS — SERVICES.CSS */
.services-header { padding: calc(var(--nav-h) + 60px) 0 80px; border-bottom: 1px solid var(--border); }
.services-header .s-inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--page-px); }
.services-h1 {
  font-family:var(--display);
  font-size:clamp(52px,7vw,112px);
  font-weight:500; letter-spacing:-0.035em; line-height:0.92;
  margin:20px 0 24px;
}
.services-h1 .t-serif { color:var(--primary); display:block; }
.services-intro { font-size:18px; line-height:1.75; color:rgba(26,26,26,0.62); max-width:52ch; }

/* SERVICE ROWS */
.service-rows { border-bottom: 1px solid var(--border); }
.service-rows .s-inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--page-px); border-top:1px solid var(--border); }
.service-row {
  display:grid; grid-template-columns:80px 1fr 1fr;
  gap:40px; padding:56px 0; border-bottom:1px solid var(--border);
  transition: background 0.2s;
}
.service-row:hover {
  background: rgba(253,251,247,0.72);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  border-color: rgba(255,255,255,0.7);
  box-shadow: 0 8px 36px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.75);
  margin: 0 -32px;
  padding: 56px 32px;
}
.service-row:last-child { border-bottom:none; }
.service-num { font-size:11px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--mid); padding-top:8px; }
.service-title-col {}
.service-icon-row { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.service-icon {
  width:44px; height:44px; border-radius:50%;
  background:rgba(26,26,26,0.05);
  display:flex; align-items:center; justify-content:center;
  transition:background 0.25s;
}
.service-row:hover .service-icon { background:var(--primary); color:var(--bg); }
.service-icon svg { width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.7; }
.service-subtitle { font-size:12px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase; color:var(--mid); }
.service-name {
  font-family:var(--display);
  font-size:clamp(32px,3.5vw,56px);
  font-weight:500; letter-spacing:-0.025em; line-height:1;
  color:var(--fg);
}
.service-detail p { font-size:17px; line-height:1.75; color:rgba(26,26,26,0.65); margin-bottom:20px; }
.service-bullets { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; }
.service-bullet {
  display:flex; align-items:center; gap:10px;
  font-size:14px; color:rgba(26,26,26,0.72);
}
.service-bullet::before {
  content:'';
  width:6px; height:6px; border-radius:50%;
  background:var(--primary); flex-shrink:0;
}

/* CHANNELS */
.channels-section { padding:100px 0; border-bottom:1px solid var(--border); background:var(--warm-bg); }
.channels-section .s-inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--page-px); }
.channels-h2 {
  font-family:var(--display);
  font-size:clamp(36px,4vw,64px);
  font-weight:500; letter-spacing:-0.03em; line-height:1.05;
  max-width:24ch; margin:20px 0 44px;
}
.channels-grid { display:flex; flex-wrap:wrap; gap:10px; }
.channel-pill {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg);
  background: rgba(253,251,247,0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1.5px solid rgba(255,255,255,0.65);
  border-radius: 100px;
  padding: 10px 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.7);
  transition: background 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, transform 0.2s;
  cursor: default;
}
.channel-pill:hover {
  background: var(--fg);
  color: var(--bg);
  border-color: var(--fg);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* SERVICES CTA */
.services-cta-section { padding:80px 0; background:var(--secondary); }
.services-cta-section .s-inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--page-px); }
.services-cta-inner {
  display:flex; align-items:center; justify-content:space-between;
  gap:32px; flex-wrap:wrap;
}
.services-cta-h2 {
  font-family:var(--display);
  font-size:clamp(28px,3.5vw,56px);
  font-weight:500; letter-spacing:-0.025em; line-height:1.05;
  max-width:20ch;
}

@media(max-width:900px) {
  .service-row { grid-template-columns:1fr; gap:20px; }
  .service-row:hover { margin:0; padding:40px 0; }
  .service-bullets { grid-template-columns:1fr; }
}