/* Service cards: Services page, homepage capabilities and "Keep exploring" on service pages */
.sv-grid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:16px}
.sv-card{--c-ink:#0e0d0e;--c-card:#fffdf8;--c-paper:#f4f0e8;--c-line:rgba(14,13,14,.12);--c-muted:#5a544b;--c-gold-deep:#a86d0d;position:relative;display:flex;flex-direction:column;gap:12px;background:var(--c-card);color:var(--c-ink);border:1px solid var(--c-line);border-radius:18px;padding:22px;text-align:left;transition:opacity .3s,transform .3s,box-shadow .3s,border-color .3s}
.sv-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -32px rgba(14,13,14,.45)}
.sv-card.is-dim{opacity:.35}
.sv-card.is-match{border-color:var(--c-ink);box-shadow:0 0 0 1px var(--c-ink)}
.sv-num{font:500 11px var(--mono,monospace);letter-spacing:.12em;color:var(--c-gold-deep)}
.sv-card h3{font:800 22px/1.15 var(--font,sans-serif);letter-spacing:-.03em;margin:0;color:var(--c-ink)}
.sv-card h3 a{color:inherit;text-decoration:none;border:0}
.sv-card h3 a::after{content:'';position:absolute;inset:0;border-radius:18px}
.sv-out{margin:0;color:var(--c-muted);font-size:14.5px;line-height:1.5}
.sv-incl{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:14px;color:var(--c-ink)}
.sv-incl li{display:flex;gap:8px;margin:0}
.sv-incl li::before{content:'✓';color:#2f7a4a;font-weight:800}
.sv-price{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--c-line);font:800 17px var(--font,sans-serif);letter-spacing:-.01em;color:var(--c-ink)}
.sv-price small{display:block;font:500 12px var(--font,sans-serif);color:var(--c-muted);letter-spacing:0;margin-top:2px}
.sv-cproof{margin:0;font-size:13px;color:var(--c-muted);background:var(--c-paper);border-radius:10px;padding:8px 10px}
.sv-cproof b{color:var(--c-ink)}
.sv-cproof a{position:relative;z-index:2;color:var(--c-gold-deep);font-weight:700;border:0}
.sv-also{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;margin:0;color:var(--c-muted)}
.sv-also a{border:1px solid var(--c-line);border-radius:999px;padding:4px 10px;color:var(--c-ink);text-decoration:none;font-weight:600}
.sv-also a:hover{border-color:var(--c-ink)}
.sv-acts{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px}
.sv-acts a{flex:1 1 auto;text-align:center;padding:10px 14px;border-radius:999px;font:700 13.5px var(--font,sans-serif);text-decoration:none;border:1px solid var(--c-ink)}
.sv-acts .go{background:var(--c-ink);color:#fff}
.sv-acts .add{color:var(--c-ink);background:transparent}
.sv-card a:focus-visible{outline:2px solid #f0b43a;outline-offset:2px}
.sv-acts:only-child,.sv-cproof+.sv-acts,.sv-incl+.sv-acts,.sv-also+.sv-acts{margin-top:auto}
.sv-more{display:flex;justify-content:center;margin-top:24px}
/* Homepage: scroll-in reveal (site-core .reveal) plus the gold hover fill the old capabilities list used */
.js-reveal .sv-card.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease),background .35s,box-shadow .3s,border-color .3s}
.js-reveal .sv-card.reveal.in-view:hover,.sv-grid.is-gold .sv-card:hover{transform:translateY(-4px)}
.sv-grid.is-gold .sv-card:hover{background:var(--gold,#f0b43a);border-color:var(--gold,#f0b43a);box-shadow:0 28px 56px -30px rgba(240,180,58,.55)}
.sv-grid.is-gold .sv-card:hover .sv-num,.sv-grid.is-gold .sv-card:hover .sv-out,.sv-grid.is-gold .sv-card:hover .sv-price small,.sv-grid.is-gold .sv-card:hover .sv-also,.sv-grid.is-gold .sv-card:hover .sv-cproof{color:var(--c-ink)}
.sv-grid.is-gold .sv-card:hover .sv-incl li::before,.sv-grid.is-gold .sv-card:hover .sv-cproof a{color:var(--c-ink)}
.sv-grid.is-gold .sv-card:hover .sv-cproof{background:rgba(255,255,255,.35)}
.sv-grid.is-gold .sv-card:hover .sv-price{border-color:rgba(14,13,14,.2)}
.sv-grid.is-gold .sv-card:hover .sv-also a{border-color:rgba(14,13,14,.3)}
.js-reveal .sv-card.reveal.in-view.is-dim{opacity:.35}
@media(max-width:1100px){.sv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:700px){.sv-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.sv-card{transition:none}}

/* Pricing box and hero proof on individual service pages */
.sp-price{border:1px solid rgba(14,13,14,.14);border-radius:18px;background:#fffdf8;padding:22px 24px;margin:0 0 40px}
.sp-price-label{font:500 11px/1.4 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#a86d0d;margin:0 0 6px}
.sp-price-main{font:800 clamp(26px,3vw,36px)/1.1 var(--font,sans-serif);letter-spacing:-.04em;margin:0}
.sp-price-main small{font:600 14px var(--font,sans-serif);color:#5a544b;letter-spacing:0}
.sp-price ul{list-style:none;margin:14px 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 18px;font-size:15px}
.sp-price li{display:flex;gap:8px;margin:0}
.sp-price li::before{content:'✓';color:#2f7a4a;font-weight:800}
.sp-price-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sp-price-acts a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;font:700 14px var(--font,sans-serif);text-decoration:none;border:1px solid #0e0d0e}
.sp-price-acts .go{background:#0e0d0e;color:#fff}
.sp-price-acts .add{color:#0e0d0e}
.sp-price-note{margin:12px 0 0;font-size:13px;color:#5a544b}
.sp-hero-proof{position:absolute;right:var(--pad,48px);bottom:56px;width:min(340px,30vw);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;z-index:2}
.sp-hero-proof b{display:block;font:800 clamp(40px,4vw,60px)/1 var(--font,sans-serif);letter-spacing:-.05em;color:#f0b43a}
.sp-hero-proof span{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.85)}
.sp-hero-proof a{display:inline-block;margin-top:12px;font:700 13px var(--font,sans-serif);color:#fff;border-bottom:1px solid #f0b43a;text-decoration:none}
.sp-hero-proof .sp-hp-price{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:13px;color:rgba(255,255,255,.7)}
.sp-hero-proof .sp-hp-price strong{color:#fff}
@media(max-width:1100px){.sp-hero-proof{position:static;width:auto;max-width:420px;margin-top:28px}}
