/* Home page — sections not covered by shared components */

.problem-stats{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(251,248,244,.14);border:1px solid rgba(251,248,244,.14);border-radius:16px;overflow:hidden}
@media (min-width:561px){ .problem-stats{grid-template-columns:1fr 1fr} }

.solutions-list{display:grid;gap:1px;background:var(--dd-border);border:1px solid var(--dd-border);border-radius:24px;overflow:hidden}
.solutions-row{cursor:pointer;text-decoration:none;color:inherit;background:#fff;padding:36px 40px;display:grid;grid-template-columns:1fr;gap:10px;align-items:center;transition:background .3s}
@media (min-width:901px){ .solutions-row{grid-template-columns:44px 1fr auto;gap:28px} }
.solutions-row:hover{background:var(--dd-paper-warm);color:inherit}
.solutions-row .n{font-family:var(--dd-font-display);font-weight:600;font-size:15px;color:rgba(21,18,15,.35)}
.solutions-row .cta{font-family:var(--dd-font-ui);font-size:13px;color:var(--dd-signal-4);white-space:nowrap}

.careers-jobs-grid{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(251,248,244,.14);border:1px solid rgba(251,248,244,.14);border-radius:20px;overflow:hidden}
@media (min-width:901px){ .careers-jobs-grid{grid-template-columns:repeat(4,1fr)} }
.careers-jobs-grid > div{background:var(--dd-slate);padding:36px 28px;transition:background .4s}
.careers-jobs-grid > div:hover{background:var(--dd-slate-2)}
.careers-jobs-grid .pay{font-family:var(--dd-font-ui);font-size:12px;letter-spacing:.06em;color:var(--dd-signal-1)}

/* Learning journey timeline */
.journey-row{display:grid;grid-template-columns:1fr;gap:16px;padding:32px 0;border-top:1px solid rgba(21,18,15,.14)}
@media (min-width:901px){ .journey-row{grid-template-columns:230px 1fr;gap:48px} }
.journey-sticky{position:static;top:auto;align-self:start}
@media (min-width:901px){ .journey-sticky{position:sticky;top:110px} }
.journey-skills{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;padding-top:4px}
.journey-final{border-top:1px solid rgba(21,18,15,.14);padding:32px 0 0;display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:901px){ .journey-final{grid-template-columns:230px 1fr;gap:48px} }

.audience-grid,.pillars-grid{gap:22px}