/* Reference direction: capability grid and the following service section. */
.capability-band,#services{background:#090d16;color:#fff}
.capability-band{border:0;padding:32px 0 0}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.capability-card{--cap-accent:#00e5ff;position:relative;min-width:0;background:#111827;border-left:5px solid var(--cap-accent);border-radius:5px;padding:28px;color:#fff}
.capability-card--green{--cap-accent:#10b981}.capability-card--orange{--cap-accent:#ff6b00}.capability-card--violet{--cap-accent:#8b5cf6}
.capability-top{display:flex;gap:16px;align-items:center;justify-content:space-between}
.capability-top h2{display:flex;gap:9px;align-items:center;margin:0;font-size:14px;font-weight:750;line-height:1.3;letter-spacing:0;background:none;-webkit-text-fill-color:currentColor;color:var(--cap-accent)}
.capability-badge{display:inline-block;border-radius:999px;background:var(--cap-accent);color:#090d16;padding:5px 11px;text-transform:uppercase}
.capability-top svg{width:32px;height:32px;flex-shrink:0;color:var(--cap-accent)}
.capability-value{margin:18px 0 4px;font-size:52px;line-height:1.05;font-weight:750;letter-spacing:-.035em;color:#fff}
.capability-copy{margin:0;max-width:32ch;font-size:20px;line-height:1.45;font-weight:500;color:#fff}
#services{padding-top:56px}
#services .split-heading{display:block;margin-bottom:34px;max-width:900px}
#services .eyebrow{color:#fff;font-weight:700;letter-spacing:.06em;margin-bottom:24px}
#services .split-heading h2{background:none;-webkit-text-fill-color:#fff;color:#fff;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.04em;max-width:23ch}
#services .split-heading .lede{margin-top:28px;color:#fff;font-weight:600;font-size:20px;line-height:1.65;max-width:70ch}
#services .service-card{background:#111827;border:1px solid #303640;border-radius:22px;color:#fff;box-shadow:none}
#services .service-orb{display:none}
#services .service-number{color:#8b5cf6;font-weight:750}
#services .service-card h3{background:none;-webkit-text-fill-color:currentColor;color:#fff;font-weight:650;line-height:1.2}
#services .service-highlight{color:#8b5cf6}
#services .service-copy{color:#fff;font-weight:600;line-height:1.65}
@media(max-width:760px){
 .capability-band{padding-top:20px}
 .capability-grid{gap:14px}
 .capability-card{padding:16px 15px}
 .capability-top{gap:8px;flex-wrap:wrap}
 .capability-top h2{font-size:12px;gap:6px;flex-wrap:wrap}
 .capability-badge{padding:4px 8px}
 .capability-top svg{width:27px;height:27px}
 .capability-value{font-size:42px;margin-top:12px}
 .capability-copy{font-size:17px;line-height:1.4}
 #services{padding-top:48px}
 #services .split-heading .lede{font-size:18px;margin-top:26px}
 #services .service-card{padding:28px 24px}
 #services .service-card h3{font-size:29px}
 #services .service-copy{font-size:17px}
}
/* Supplied card treatment and original inline SVG artwork. */
.capability-card{--cap-accent:#00bcff;--cap-rgb:0,188,255;background:#131a2b;border:1px solid #1f2937cc;border-radius:8px;overflow:hidden;padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s}
.capability-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cap-accent)}
.capability-card--green{--cap-accent:#00d285;--cap-rgb:0,210,133}
.capability-card--orange{--cap-accent:#ff6b35;--cap-rgb:255,107,53}
.capability-card--violet{--cap-accent:#8257ff;--cap-rgb:130,87,255}
.capability-top{align-items:flex-start;gap:8px;flex-wrap:wrap}
.capability-top h2{font-size:12px;gap:6px;min-width:0;flex:1}
.capability-badge{background:rgba(var(--cap-rgb),.15);color:var(--cap-accent);border:1px solid rgba(var(--cap-rgb),.3);font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 8px}
.capability-top svg{width:26px;height:26px;transition:transform .3s}
.capability-copy{color:#d1d5db;font-size:17px;font-weight:500}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .capability-card:hover{transform:translateY(-6px);border-color:rgba(var(--cap-rgb),.5);box-shadow:0 12px 28px -6px rgba(var(--cap-rgb),.35)}
 .capability-card:hover svg{transform:scale(1.1)}
}
@media(min-width:1100px){.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.capability-value{font-size:48px}}
@media(max-width:760px){
 .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .capability-card{padding:16px}
 .capability-top h2{flex-wrap:wrap}
 .capability-badge{font-size:9px;padding:3px 6px}
 .capability-top svg{width:24px;height:24px}
 .capability-value{font-size:36px;margin:16px 0 8px}
 .capability-copy{font-size:14px;line-height:1.45}
}
@media(max-width:380px){.capability-card{padding:14px 10px}.capability-grid{gap:10px}.capability-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.capability-card,.capability-top svg{transition:none}}
