/* Centered About page */
.about-hero { padding-top: 84px; padding-bottom: 78px; text-align: center; }
.about-hero .landing-container { max-width: var(--rl-shell); }
.about-hero .landing-copy { max-width: 760px; margin-inline: auto; color: var(--robo-muted); }

.about-problem,
.about-two-sided { max-width: 980px; margin-inline: auto; }
.about-body-copy { max-width: 760px; margin: 16px auto 0; color: var(--robo-muted); font-size: 15px; line-height: 1.7; text-align: center; }

.about-question-panel {
    width: min(820px,100%);
    margin-inline: auto;
    padding: 32px 34px;
    background: var(--robo-navy);
    color: #fff;
    text-align: left;
}
.about-question-panel__label { margin: 0 0 18px; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-align: center; }
.about-question-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 26px; }
.about-question-list span { position: relative; padding: 14px 0 14px 20px; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.45; }
.about-question-list span::before { content: ""; position: absolute; left: 0; top: 21px; width: 8px; height: 2px; background: var(--robo-red); }

.about-capability-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: 1040px;
    margin: 42px auto 0;
    border: 1px solid var(--robo-line);
    background: #fff;
}
.about-capability-card { min-height: 220px; padding: 28px; border-right: 1px solid var(--robo-line); border-bottom: 1px solid var(--robo-line); background: #fff; text-align: left; }
.about-capability-card:nth-child(3n) { border-right: 0; }
.about-capability-card h3 { margin: 0; color: var(--robo-navy); font-size: 21px; font-weight: 500; }
.about-capability-card p { margin: 12px 0 0; color: var(--robo-muted); font-size: 14px; line-height: 1.64; }

.about-mission-section .content-split { max-width: 900px; }
.about-kicker-light { color: #9cc1eb; }
.about-mission-copy { max-width: 760px; margin: 0 auto 16px; color: rgba(255,255,255,.76); font-size: 17px; line-height: 1.68; text-align: center; }

.about-belief-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 42px;
    max-width: 980px;
    margin: 40px auto 0;
    border-top: 1px solid var(--robo-line);
}
.about-belief-card { position: relative; padding: 27px 0 28px 18px; border-bottom: 1px solid var(--robo-line); text-align: left; }
.about-belief-card::before { content: ""; position: absolute; left: 0; top: 31px; width: 3px; height: 32px; background: var(--robo-blue); }
.about-belief-card h3 { margin: 0; color: var(--robo-navy); font-size: 19px; font-weight: 500; line-height: 1.35; }
.about-belief-card p { margin: 11px 0 0; color: var(--robo-muted); font-size: 14px; line-height: 1.66; }

.about-audience-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: min(760px,100%);
    margin-inline: auto;
    border-top: 1px solid var(--robo-line);
    border-left: 1px solid var(--robo-line);
}
.about-audience-list span { padding: 18px 20px; border-right: 1px solid var(--robo-line); border-bottom: 1px solid var(--robo-line); background: #fff; color: var(--robo-navy); font-size: 14px; font-weight: 600; text-align: center; }
.about-scale-copy { max-width: 760px; margin: 38px auto 0; color: var(--robo-muted); font-size: 16px; line-height: 1.68; text-align: center; }

.about-lifecycle-track {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    max-width: 980px;
    margin: 40px auto 0;
    border: 1px solid rgba(255,255,255,.18);
}
.about-lifecycle-track span { min-height: 76px; display: grid; place-items: center; padding: 16px 10px; border-right: 1px solid rgba(255,255,255,.14); color: #fff; font-size: 13px; font-weight: 600; text-align: center; }
.about-lifecycle-track span:last-child { border-right: 0; }
.about-lifecycle-summary { max-width: 760px; margin: 26px auto 0; color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.66; text-align: center; }

.about-two-sided { display: grid; grid-template-columns: 1fr; gap: 34px; }
.about-two-sided > div:first-child { text-align: center; }
.about-two-sided__cards { display: grid; grid-template-columns: repeat(2,1fr); width: min(880px,100%); margin-inline: auto; border: 1px solid var(--robo-line); }
.about-two-sided__cards article { min-height: 230px; padding: 28px; border-right: 1px solid var(--robo-line); background: #fff; text-align: left; }
.about-two-sided__cards article:last-child { border-right: 0; }
.about-two-sided__cards h3 { margin: 0; color: var(--robo-navy); font-size: 21px; font-weight: 500; }
.about-two-sided__cards p { margin: 12px 0 0; color: var(--robo-muted); font-size: 14px; line-height: 1.64; }
.about-legal-note { margin-top: 26px !important; font-size: 12px !important; color: #7a8593 !important; }

@media (max-width: 991.98px) {
    .about-capability-grid { grid-template-columns: repeat(2,1fr); }
    .about-capability-card:nth-child(3n) { border-right: 1px solid var(--robo-line); }
    .about-capability-card:nth-child(2n) { border-right: 0; }
}

@media (max-width: 767.98px) {
    .about-hero { padding-top: 58px; padding-bottom: 54px; }
    .about-question-panel { padding: 26px 20px; }
    .about-question-list { grid-template-columns: 1fr; }
    .about-capability-grid,
    .about-belief-grid,
    .about-audience-list,
    .about-two-sided__cards { grid-template-columns: 1fr; }
    .about-capability-card { min-height: 0; border-right: 0 !important; }
    .about-belief-grid { gap: 0; }
    .about-two-sided__cards article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--robo-line); }
    .about-lifecycle-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
    .about-lifecycle-track span { flex: 0 0 min(72vw,230px); scroll-snap-align: start; }
    .about-body-copy,
    .about-mission-copy,
    .about-scale-copy { font-size: 16px; }
}