/* services.css */
.page-hero{padding:10rem 5vw 6rem;background:var(--bg-tint);position:relative;overflow:clip}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(91,45,142,.09) 0%,transparent 70%)}
.page-hero .inner{position:relative;z-index:1}
.svc-nav{background:rgba(253,252,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:90;padding:0 5vw;overflow:visible}
.svc-nav-inner{display:flex;overflow-x:auto;overflow-y:visible;padding-bottom:4px}
/* svc-btn defined in global.css descender fix section */
.svc-panel{display:none;padding:5rem 5vw}
.svc-panel.active{display:block}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1200px;margin:0 auto}
.svc-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);background:var(--purple-light);border:1px solid var(--purple-pale);padding:.3rem .75rem;border-radius:var(--radius-full);margin-bottom:1.25rem}
.deliverables{margin-top:2rem}
.deliverables h4{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.9rem}
.deliverables li{font-size:.9rem;color:var(--ink-soft);padding:.45rem 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:.5rem}
.deliverables li::before{content:"✓";color:var(--purple);font-weight:700;flex-shrink:0}
.viz-dark{background:var(--dark);border-radius:var(--radius-xl);padding:1.75rem;margin-bottom:1.25rem}
.viz-layer{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.9rem 1.1rem;margin:.5rem 0}
.viz-layer-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:.5rem}
.viz-nodes{display:flex;gap:.4rem;flex-wrap:wrap}
.viz-node{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:.28rem .6rem;font-size:.72rem;font-weight:600}
.viz-node.purple{background:rgba(91,45,142,.4);border-color:var(--purple-mid);color:var(--purple-pale)}
.viz-node.dark{background:var(--purple-dark);border-color:var(--purple);color:#fff}
.viz-arrow{text-align:center;font-size:.75rem;color:var(--purple-mid);padding:.35rem 0}
.stack-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.stack-chip{background:var(--purple-light);color:var(--purple);border:1px solid var(--purple-pale);border-radius:var(--radius-full);padding:.2rem .65rem;font-size:.7rem;font-weight:600}
.stack-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.4rem;margin-top:1.25rem}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:2.5rem auto 0;padding-top:1.25rem}
.pc{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:.9rem;position:relative;transition:var(--ease);overflow:visible}
.pc:hover{border-color:var(--purple-pale);box-shadow:var(--shadow-md);transform:translateY(-4px)}
.pc.featured{background:var(--dark-deep);border-color:var(--purple)}
.pc-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--purple-mid);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.3rem 1rem;border-radius:var(--radius-full)}
.pc-icon{font-size:2rem}
.pc h3{font-family:var(--font-heading);font-size:1.7rem}
.pc.featured h3{color:#fff}
.pc-dur{font-size:.72rem;font-weight:600;color:var(--purple)}
.pc.featured .pc-dur{color:var(--purple-pale)}
.pc-feats{display:flex;flex-direction:column;gap:.5rem;flex:1}
.pc-feats li{font-size:.875rem;color:var(--ink-soft);display:flex;gap:.5rem}
.pc-feats li::before{content:"✓";color:var(--purple-mid);flex-shrink:0}
.pc.featured .pc-feats li{color:#ffffff}
.pc.featured .pc-feats li::before{color:#6EE7B7}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr;gap:2.5rem}.pricing-grid{grid-template-columns:1fr}}

/* Featured card — full white text, no transparency */
.pc.featured,
.pc.featured h3,
.pc.featured .pc-dur,
.pc.featured p,
.pc.featured li,
.pc.featured div {
  color: #ffffff;
}
.pc.featured .pc-feats li::before { color: #6EE7B7; }
.pc.featured .pc-dur { color: rgba(255,255,255,.8); }