/* Shared benefits panels for inner pages. */
main :is(.pv-features, .ed-guide, .ed-market[data-depth="forex"]) > .ed-wrap:has(> :is(.pv-feature-grid,.ed-card-grid)),
:is(main section > .container-cp:has(> div[class~="mt-12"][class~="lg:grid-cols-4"] > div.group > h3), main:has([data-route^="/partners"]) section > .container-cp:has(> div[class~="gap-5"][class~="sm:grid-cols-2"] > div > h3)) {
  --feature-ink: #112139;
  --feature-accent: #ffab71;
  background: radial-gradient(ellipse at 50% 0%, #203957, #101d30 70%);
  color: #f7faff;
  padding: clamp(22px, 4vw, 48px);
  border-radius: 24px;
}
main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) .ed-section-head {
  display: block;
  text-align: center;
  margin: 0 auto 28px;
  max-width: 740px;
}
main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) .ed-section-head > p {
  margin: 12px auto 0;
  max-width: 62ch;
}
main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) .ed-section-head h2,
:is(main section > .container-cp:has(> div[class~="mt-12"][class~="lg:grid-cols-4"] > div.group > h3), main:has([data-route^="/partners"]) section > .container-cp:has(> div[class~="gap-5"][class~="sm:grid-cols-2"] > div > h3)) h2 {
  color: #fff;
}
main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) :is(.ed-section-head > p,.ed-text-link) { color: #dce7f4; }
main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) .ed-section-head .ed-eyebrow { color: var(--feature-accent); }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid),
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) {
  --feature-visual: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 280'%3E%3Ccircle cx='140' cy='140' r='107' fill='none' stroke='%237f9ab8' stroke-opacity='.28'/%3E%3Ccircle cx='140' cy='140' r='85' fill='none' stroke='%237f9ab8' stroke-opacity='.18' stroke-dasharray='3 7'/%3E%3Crect x='57' y='91' width='166' height='103' rx='13' fill='%23101e32' stroke='%238aa5c4'/%3E%3Cpath d='M73 166h134M73 145h134M73 124h134' stroke='%23324a65'/%3E%3Cpath d='m76 159 28-19 23 10 31-27 20 8 25-25' fill='none' stroke='%23ff9754' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='203' cy='106' r='6' fill='%23ffc49d'/%3E%3Cpath d='M120 194v11m40-11v11m-53 4h66' stroke='%238aa5c4' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);
  grid-auto-flow: row dense;
  gap: 12px;
}
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid)::before,
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3))::before {
  content: "";
  grid-area: 1 / 2 / span 2;
  min-height: 230px;
  border-radius: 16px;
  border: 1px solid #ffffff24;
  background: var(--feature-visual) center / min(82%, 270px) auto no-repeat, linear-gradient(145deg,#2c4666,#16263c);
}
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid):has(> :nth-child(5))::before,
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)):has(> :nth-child(5))::before { grid-row-end: span 3; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) > article,
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3) {
  display: block;
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid #cdd9e7;
  border-radius: 16px;
  background: #f4f7fc;
  color: #112139;
  overflow-wrap: anywhere;
}
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) > article:nth-child(odd),
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3):nth-child(odd) { grid-column: 1; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) > article:nth-child(even),
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3):nth-child(even) { grid-column: 3; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) > article:nth-last-child(2):nth-child(even),
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3):nth-last-child(2):nth-child(even) { grid-row-end: span 2; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) article h3,
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3) h3 { color: #112139; font-size: clamp(17px, 1.5vw, 21px); margin: 6px 0 8px; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) article p,
:is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3) p { color: #34465c; margin: 0; line-height: 1.6; }
main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) article .ed-index { display: inline-block; color: #9c410a; margin: 0 0 4px; }
main .pv-feature-grid .pv-feature-arrow { display: none; }
@media (max-width: 760px) {
  main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid),
  :is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) { grid-template-columns: minmax(0,1fr); grid-auto-flow: row; }
  main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid)::before,
  :is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3))::before { grid-area: auto !important; min-height: 150px; background-size: 155px auto, auto; }
  main :is(.pv-feature-grid,.ed-guide .ed-card-grid,.ed-market[data-depth="forex"] .ed-card-grid) > article,
  :is(main section > .container-cp > div[class~="mt-12"][class~="lg:grid-cols-4"]:has(> div.group > h3), main:has([data-route^="/partners"]) section > .container-cp > div[class~="gap-5"][class~="sm:grid-cols-2"]:has(> div > h3)) > div:has(> h3) { grid-area: auto !important; }
}

:is(main section > .container-cp:has(> div[class~="mt-12"][class~="lg:grid-cols-4"] > div.group > h3), main:has([data-route^="/partners"]) section > .container-cp:has(> div[class~="gap-5"][class~="sm:grid-cols-2"] > div > h3)) > div:first-child > p { color: #dce7f4; }

main :is(.pv-features,.ed-guide,.ed-market[data-depth="forex"]) .ed-section-head .ed-eyebrow { color:#ffab71!important; }
main:has([data-route^="/partners"]) section > .container-cp:has(> div[class~="gap-5"][class~="sm:grid-cols-2"] > div > h3) > :first-child :is(h2,p) { color:#f7faff; }
