/* ===== Services page ===== */
.svc-hero{padding:160px 0 80px;background:var(--panel);border-bottom:1px solid rgba(12,13,16,.06)}
.svc-hero h1{font-size:clamp(32px,5vw,54px);max-width:20ch;line-height:1.08}
.svc-hero-sub{margin-top:24px;max-width:56ch;font-size:17px;line-height:1.7;color:var(--text-secondary)}

.svc-list{padding-top:96px}
.svc{
  display:grid;grid-template-columns:1fr;gap:16px;padding-block:48px;
  border-top:1px solid rgba(12,13,16,.08);
}
@media (min-width:760px){.svc{grid-template-columns:100px 1fr}}
.svc:last-child{border-bottom:1px solid rgba(12,13,16,.08)}
.svc-num{font-family:var(--font-display);font-size:32px;color:var(--accent);font-weight:700}
.svc-body h2{font-size:clamp(22px,3vw,30px);margin-bottom:10px}
.svc-hook{font-family:var(--font-display);font-size:18px;font-style:italic;color:var(--text-primary);margin-bottom:14px}
.svc-body > p{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:60ch;margin-bottom:6px}
.svc-label{margin-top:14px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-weight:600}
.svc-body ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;max-width:60ch}
.svc-body ul li{position:relative;padding-left:20px;color:var(--text-secondary);font-size:15px;line-height:1.5}
.svc-body ul li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.svc-body ul.col-2{grid-template-columns:1fr}
@media (min-width:640px){.svc-body ul.col-2{grid-template-columns:1fr 1fr}}
.svc-outcome{
  margin-top:20px;padding:14px 18px;background:var(--accent-muted);border-radius:12px;
  font-size:14px;color:var(--text-primary);max-width:60ch;display:flex;gap:8px;flex-wrap:wrap;
}
.svc-outcome span{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px}

/* flow diagram (inline arrow chain) */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;max-width:60ch}
.flow span[role="listitem"]{
  font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;
  background:var(--panel);border:1px solid rgba(12,13,16,.12);border-radius:999px;padding:8px 14px;color:var(--text-primary);
}
.flow-arrow{color:var(--accent);font-size:14px}
.flow-vertical{flex-direction:column;align-items:flex-start}

/* growth system */
.growth-system{background:var(--text-primary);color:#fff}
.growth-system .eyebrow{color:#9aa0ff}
.growth-system h2{color:#fff;font-size:clamp(26px,4vw,40px);max-width:20ch}
.growth-lede{margin-top:14px;color:rgba(255,255,255,.7);font-size:17px}
.growth-diagram{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:24px}
.growth-diagram-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#9aa0ff}
.growth-diagram ol{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:0;
  counter-reset:step;width:100%;max-width:420px;
}
.growth-diagram li{
  position:relative;width:100%;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:14px 20px;font-family:var(--font-body);font-weight:600;font-size:15px;
}
.growth-diagram li:not(:last-child){margin-bottom:28px}
.growth-diagram li:not(:last-child)::after{
  content:"";position:absolute;left:50%;bottom:-28px;width:1px;height:28px;background:var(--accent);transform:translateX(-50%);
}
.growth-close{margin-top:56px;text-align:center;font-family:var(--font-display);font-size:clamp(20px,3vw,28px);line-height:1.4}
.growth-system .btn{display:flex;margin:32px auto 0}

/* ads deep dive */
.ads-deep{padding-top:0}
.ads-deep h2{font-size:clamp(26px,4vw,40px);max-width:22ch;margin-bottom:20px}
.ads-deep > .wrap > p{color:var(--text-secondary);font-size:16px;line-height:1.75;max-width:70ch;margin-bottom:14px}
.ads-platform{margin-top:72px;padding-top:48px;border-top:1px solid rgba(12,13,16,.08)}
.ads-platform h3{font-size:clamp(22px,3vw,28px);margin-bottom:10px}
.ads-platform > p{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:64ch;margin-bottom:6px}

.ads-strategy{margin-top:72px;padding-top:48px;border-top:1px solid rgba(12,13,16,.08)}
.ads-strategy h3{font-size:clamp(22px,3vw,28px);margin:10px 0 14px;max-width:20ch}
.ads-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:28px}
.ads-steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.ads-steps .num{
  width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;
  justify-content:center;font-family:var(--font-display);font-weight:700;font-size:16px;flex:none;
}
.ads-steps h4{font-size:17px;margin-bottom:6px}
.ads-steps p{color:var(--text-secondary);font-size:14px;line-height:1.65;margin:0;max-width:60ch}

.ads-callout{
  margin-top:72px;padding:48px;background:var(--text-primary);border-radius:24px;color:#fff;text-align:center;
}
.ads-callout-line{font-family:var(--font-display);font-size:clamp(20px,3vw,28px);line-height:1.3;margin:0}
.ads-callout-accent{color:#7c81ff}
.ads-callout > p:not(.ads-callout-line){color:rgba(255,255,255,.7);max-width:56ch;margin:20px auto;font-size:15px;line-height:1.7}
.ads-callout .flow{justify-content:center;margin:28px auto}
.ads-callout .flow span[role="listitem"]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}

.angle-list{margin:24px 0 0;display:grid;gap:18px}
@media (min-width:720px){.angle-list{grid-template-columns:1fr 1fr}}
.angle-list > div{padding:18px 20px;background:var(--panel);border:1px solid rgba(12,13,16,.08);border-radius:14px}
.angle-list dt{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin-bottom:8px}
.angle-list dd{margin:0;font-family:var(--font-display);font-style:italic;font-size:16px;color:var(--text-primary)}

.ads-philosophy{margin-top:72px;padding-top:48px;border-top:1px solid rgba(12,13,16,.08)}
.ads-philosophy > p{color:var(--text-secondary);font-size:16px;line-height:1.75;max-width:66ch;margin-bottom:14px}
.ads-philosophy .ads-callout-line{color:var(--text-primary);text-align:left}
.ads-philosophy .ads-callout-accent{color:var(--accent)}