/* Extended brand spectrum: restrained color-coding adds hierarchy without losing the enterprise tone. */
:root {
  --teal: #21d4b4;
  --violet: #a78bfa;
  --amber: #ffbd59;
  --coral: #ff7a73;
}

.challenges {
  background:
    radial-gradient(circle at 12% 18%, rgba(33, 212, 180, .08), transparent 27%),
    radial-gradient(circle at 88% 78%, rgba(167, 139, 250, .08), transparent 26%),
    #091b31;
}

.challenge-grid .surface-card:nth-child(1) .line-icon { color: var(--coral); border-color: rgba(255,122,115,.35); background: rgba(255,122,115,.08); }
.challenge-grid .surface-card:nth-child(2) .line-icon { color: var(--amber); border-color: rgba(255,189,89,.35); background: rgba(255,189,89,.08); }
.challenge-grid .surface-card:nth-child(3) .line-icon { color: var(--teal); border-color: rgba(33,212,180,.35); background: rgba(33,212,180,.08); }
.challenge-grid .surface-card:nth-child(4) .line-icon { color: var(--violet); border-color: rgba(167,139,250,.35); background: rgba(167,139,250,.08); }
.challenge-grid .surface-card:nth-child(1):hover { border-color: rgba(255,122,115,.52); }
.challenge-grid .surface-card:nth-child(2):hover { border-color: rgba(255,189,89,.52); }
.challenge-grid .surface-card:nth-child(3):hover { border-color: rgba(33,212,180,.52); }
.challenge-grid .surface-card:nth-child(4):hover { border-color: rgba(167,139,250,.52); }

.why {
  background:
    radial-gradient(circle at 82% 22%, rgba(140,214,63,.07), transparent 25%),
    linear-gradient(180deg,#071426,#0b1b31);
}
.value-grid .value-card:nth-child(1) svg { stroke: var(--teal); }
.value-grid .value-card:nth-child(2) svg { stroke: var(--green); }
.value-grid .value-card:nth-child(3) svg { stroke: var(--amber); }
.value-grid .value-card:nth-child(4) svg { stroke: var(--violet); }
.value-grid .value-card:nth-child(1) { background: linear-gradient(155deg,rgba(33,212,180,.08),rgba(8,27,51,.35) 58%); }
.value-grid .value-card:nth-child(2) { background: linear-gradient(155deg,rgba(140,214,63,.08),rgba(8,27,51,.35) 58%); }
.value-grid .value-card:nth-child(3) { background: linear-gradient(155deg,rgba(255,189,89,.08),rgba(8,27,51,.35) 58%); }
.value-grid .value-card:nth-child(4) { background: linear-gradient(155deg,rgba(167,139,250,.09),rgba(8,27,51,.35) 58%); }

.coverage {
  background:
    radial-gradient(circle at 50% 60%, rgba(33,212,180,.07), transparent 32%),
    #061326;
}
.coverage-map { background: radial-gradient(circle at 50% 50%,rgba(33,212,180,.13),transparent 30%),linear-gradient(rgba(73,129,189,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(73,129,189,.035) 1px,transparent 1px); background-size:auto,45px 45px,45px 45px; }
.coverage-map .n1,.coverage-map .n6 { border-top-color: var(--teal); }
.coverage-map .n2,.coverage-map .n9 { border-top-color: var(--green); }
.coverage-map .n3,.coverage-map .n7 { border-top-color: var(--amber); }
.coverage-map .n4,.coverage-map .n8 { border-top-color: var(--violet); }
.coverage-map .n5,.coverage-map .n10 { border-top-color: var(--coral); }

.workflow {
  background:
    radial-gradient(circle at 50% 0%,rgba(167,139,250,.09),transparent 32%),
    #0a1d35;
}
.workflow-line li:nth-child(1) .workflow-icon { color: var(--coral); border-color: rgba(255,122,115,.4); }
.workflow-line li:nth-child(2) .workflow-icon { color: var(--amber); border-color: rgba(255,189,89,.4); }
.workflow-line li:nth-child(3) .workflow-icon { color: var(--violet); border-color: rgba(167,139,250,.4); }
.workflow-line li:nth-child(4) .workflow-icon { color: var(--teal); border-color: rgba(33,212,180,.4); }
.workflow-line li:nth-child(5) .workflow-icon { color: var(--green); border-color: rgba(140,214,63,.4); }
.workflow-line::before { background: linear-gradient(90deg,var(--coral),var(--amber),var(--violet),var(--teal),var(--green)); }

.features {
  background:
    radial-gradient(circle at 5% 48%, rgba(167,139,250,.07), transparent 22%),
    radial-gradient(circle at 95% 55%, rgba(33,212,180,.06), transparent 22%),
    #071426;
}
.feature-grid .feature-card { border-top-width: 2px; }
.feature-grid .feature-card:nth-child(4n+1) { border-top-color: var(--teal); }
.feature-grid .feature-card:nth-child(4n+2) { border-top-color: var(--violet); }
.feature-grid .feature-card:nth-child(4n+3) { border-top-color: var(--amber); }
.feature-grid .feature-card:nth-child(4n+4) { border-top-color: var(--green); }
.feature-grid .feature-card:nth-child(4n+1)>span { color: var(--teal); }
.feature-grid .feature-card:nth-child(4n+2)>span { color: var(--violet); }
.feature-grid .feature-card:nth-child(4n+3)>span { color: var(--amber); }
.feature-grid .feature-card:nth-child(4n+4)>span { color: var(--green); }

.benefit-panel { background: linear-gradient(135deg,rgba(20,65,76,.68),rgba(27,31,71,.7) 55%,rgba(58,38,83,.52)); }
.benefit-list article:nth-child(1) b { color: var(--coral); }
.benefit-list article:nth-child(2) b { color: var(--amber); }
.benefit-list article:nth-child(3) b { color: var(--teal); }
.benefit-list article:nth-child(4) b { color: var(--violet); }

.pricing { background: radial-gradient(circle at 50% 48%,rgba(167,139,250,.08),transparent 34%),#061326; }
.price-card:first-child { border-top: 2px solid var(--teal); }
.price-card:last-child { border-top: 2px solid var(--violet); }
.price-card:first-child .plan { color: var(--teal); }
.price-card:last-child .plan { color: var(--violet); }
.price-card.featured { border-color: rgba(140,214,63,.55); background: linear-gradient(160deg,rgba(45,75,51,.42),rgba(18,44,79,.8)); }
.price-card.featured .popular { background: var(--green); color: #102313; }

.contact-panel {
  background:
    radial-gradient(circle at 8% 100%,rgba(33,212,180,.18),transparent 35%),
    radial-gradient(circle at 95% 0%,rgba(167,139,250,.13),transparent 35%),
    #0c2544;
}