/* ServiceIsDown content pages — About V5
   Restrained editorial/product design. No images, no decorative AI visuals. */

.about-v5 { background:#fff; color:var(--sid-ink); }

.about-v5-kicker {
    margin:0 0 12px; color:var(--sid-blue); font-size:.67rem; font-weight:800;
    letter-spacing:.09em; text-transform:uppercase;
}
.about-v5-index {
    display:block; margin-bottom:10px; color:var(--sid-subtle); font-size:.65rem; font-weight:700;
}

.about-v5-hero { padding:82px 0 74px; border-bottom:1px solid var(--sid-border); }
.about-v5-hero h1 {
    max-width:760px; margin:0; font-size:clamp(2.75rem,4.5vw,4rem); line-height:1.01;
    font-weight:720; letter-spacing:-.055em;
}
.about-v5-hero h1 span { color:#6d7685; }
.about-v5-lead {
    max-width:700px; margin:24px 0 0; color:var(--sid-muted); font-size:1rem; line-height:1.72;
}

.about-v5-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.about-v5-button {
    min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:0 16px; border:1px solid var(--sid-border-strong); border-radius:7px;
    background:#fff; color:var(--sid-ink); text-decoration:none; font-size:.78rem; font-weight:700;
}
.about-v5-button--primary { border-color:var(--sid-ink); background:var(--sid-ink); color:#fff; }

.about-v5-band { border-bottom:1px solid var(--sid-border); background:#fbfcfd; }
.about-v5-band__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.about-v5-band__grid > div { padding:23px 26px; border-left:1px solid var(--sid-border); }
.about-v5-band__grid > div:first-child { border-left:0; }
.about-v5-band__grid span {
    display:block; margin-bottom:13px; color:var(--sid-subtle); font-size:.62rem; font-weight:700;
}
.about-v5-band__grid strong { display:block; margin-bottom:6px; font-size:.8rem; }
.about-v5-band__grid p { margin:0; color:var(--sid-muted); font-size:.71rem; line-height:1.55; }

.about-v5-section { padding:74px 0; border-bottom:1px solid var(--sid-border); }
.about-v5-section--soft { background:#fafbfc; }

.about-v5-two-col {
    display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:84px; align-items:start;
}
.about-v5-two-col--reverse { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }

.about-v5-statement h2,
.about-v5-section-head h2,
.about-v5-open-grid h2 {
    margin:0; max-width:720px; font-size:clamp(1.75rem,2.5vw,2.25rem);
    line-height:1.09; font-weight:700; letter-spacing:-.04em;
}

.about-v5-copy {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding-top:35px;
}
.about-v5-copy p,
.about-v5-section-head > p,
.about-v5-principles p,
.about-v5-open-lead,
.about-v5-open-values p,
.about-v5-closing p {
    margin:0; color:var(--sid-muted); font-size:.8rem; line-height:1.72;
}

.about-v5-section-head {
    display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:70px; align-items:end; margin-bottom:34px;
}
.about-v5-section-head--compact { grid-template-columns:minmax(0,1fr); max-width:820px; }

.about-v5-process {
    display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center; border-top:1px solid var(--sid-border-strong);
    border-bottom:1px solid var(--sid-border-strong);
}
.about-v5-process > div:not(.about-v5-process__arrow) { padding:24px 22px; }
.about-v5-process span {
    display:block; margin-bottom:15px; color:var(--sid-subtle); font-size:.62rem; font-weight:700;
}
.about-v5-process strong { display:block; margin-bottom:7px; font-size:.82rem; }
.about-v5-process p { margin:0; color:var(--sid-muted); font-size:.7rem; line-height:1.55; }
.about-v5-process__arrow { color:var(--sid-subtle); font-size:1rem; }

.about-v5-principles {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px;
    border-top:1px solid var(--sid-border-strong);
}
.about-v5-principles article { padding:22px 26px 22px 0; border-right:1px solid var(--sid-border); }
.about-v5-principles article + article { padding-left:26px; }
.about-v5-principles article:last-child { border-right:0; }
.about-v5-principles strong { display:block; margin-bottom:7px; font-size:.8rem; }

.about-v5-text-link {
    display:inline-flex; align-items:center; gap:7px; margin-top:22px;
    color:var(--sid-blue); text-decoration:none; font-size:.72rem; font-weight:700;
}

.about-v5-open-grid {
    display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:88px; align-items:start;
}
.about-v5-open-lead { max-width:660px; margin-top:20px; }
.about-v5-open-values {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--sid-border-strong);
}
.about-v5-open-values article { padding:22px 20px 0; border-left:1px solid var(--sid-border); }
.about-v5-open-values article:first-child { border-left:0; }
.about-v5-open-values strong { display:block; margin-bottom:7px; font-size:.78rem; }

.about-v5-closing { padding:56px 0; background:var(--sid-ink); color:#fff; }
.about-v5-closing__grid {
    display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr); gap:80px; align-items:center;
}
.about-v5-closing h2 {
    margin:0; max-width:650px; font-size:clamp(1.9rem,3vw,2.55rem);
    line-height:1.08; font-weight:700; letter-spacing:-.04em;
}
.about-v5-closing p { color:#c9d1dd; }
.about-v5-button--light { border-color:#fff; background:#fff; color:var(--sid-ink); }
.about-v5-button--ghost { border-color:#5c6879; background:transparent; color:#fff; }

@media (max-width:900px) {
    .about-v5-band__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .about-v5-band__grid > div:nth-child(3) { border-left:0; border-top:1px solid var(--sid-border); }
    .about-v5-band__grid > div:nth-child(4) { border-top:1px solid var(--sid-border); }

    .about-v5-two-col,
    .about-v5-two-col--reverse,
    .about-v5-open-grid,
    .about-v5-closing__grid {
        grid-template-columns:1fr; gap:38px;
    }

    .about-v5-section-head { grid-template-columns:1fr; gap:18px; }
    .about-v5-copy { padding-top:0; }

    .about-v5-process { grid-template-columns:1fr; }
    .about-v5-process__arrow { display:none; }
    .about-v5-process > div:not(.about-v5-process__arrow) { border-bottom:1px solid var(--sid-border); }
    .about-v5-process > div:last-child { border-bottom:0; }
}

@media (max-width:650px) {
    .about-v5-hero { padding:58px 0 60px; }
    .about-v5-hero h1 { font-size:clamp(2.4rem,10vw,3.2rem); }

    .about-v5-band__grid,
    .about-v5-copy,
    .about-v5-principles,
    .about-v5-open-values {
        grid-template-columns:1fr;
    }

    .about-v5-band__grid > div { border-left:0; border-top:1px solid var(--sid-border); }
    .about-v5-band__grid > div:first-child { border-top:0; }

    .about-v5-section { padding:56px 0; }

    .about-v5-principles article,
    .about-v5-principles article + article,
    .about-v5-open-values article {
        padding:18px 0; border-right:0; border-left:0; border-bottom:1px solid var(--sid-border);
    }
    .about-v5-principles article:last-child,
    .about-v5-open-values article:last-child { border-bottom:0; }

    .about-v5-actions { display:grid; }
    .about-v5-button { width:100%; }
}
\n\n/* About V5.1 polish */\n.about-v5-copy p,\n.about-v5-section-head > p,\n.about-v5-principles p,\n.about-v5-open-lead,\n.about-v5-open-values p,\n.about-v5-closing p { font-size:.86rem; line-height:1.7; }\n\n.about-v5-two-col { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; }\n.about-v5-statement { max-width:570px; }\n.about-v5-copy { gap:28px; padding-top:31px; }\n.about-v5-copy p { max-width:330px; }\n\n.about-v5-process { background:#fff; }\n.about-v5-process > div:not(.about-v5-process__arrow) { min-height:142px; padding:25px 24px 23px; }\n.about-v5-process > div:not(.about-v5-process__arrow) + .about-v5-process__arrow { padding:0 5px; }\n.about-v5-process span { margin-bottom:18px; }\n.about-v5-process strong { font-size:.88rem; }\n.about-v5-process p { max-width:190px; font-size:.75rem; line-height:1.58; }\n.about-v5-process__arrow { font-size:.9rem; }\n\n.about-v5-two-col--reverse { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }\n.about-v5-principles article { padding-top:24px; padding-bottom:24px; }\n.about-v5-principles strong, .about-v5-open-values strong { font-size:.84rem; }\n.about-v5-open-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; }\n.about-v5-open-values { align-self:start; }\n.about-v5-open-values article { padding-top:24px; }\n.about-v5-closing { padding:52px 0; }\n\n@media (max-width:900px) {\n  .about-v5-two-col, .about-v5-two-col--reverse, .about-v5-open-grid { grid-template-columns:1fr; gap:32px; }\n  .about-v5-copy { padding-top:0; }\n  .about-v5-copy p { max-width:none; }\n  .about-v5-process > div:not(.about-v5-process__arrow) { min-height:0; }\n}\n@media (max-width:650px) {\n  .about-v5-copy p, .about-v5-section-head > p, .about-v5-principles p, .about-v5-open-lead, .about-v5-open-values p, .about-v5-closing p { font-size:.84rem; }\n}\n

/* ==========================================================================
   About V5.2 — final launch micro-polish
   ========================================================================== */

/* Slightly tighter hero ending; hierarchy itself stays untouched. */
.about-v5-hero {
    padding-bottom:66px;
}

/* Improve legibility in the compact information band. */
.about-v5-band__grid p {
    font-size:.75rem;
    line-height:1.58;
}

/* Increase body-copy contrast without making the page visually heavier. */
.about-v5-copy p,
.about-v5-section-head > p,
.about-v5-principles p,
.about-v5-open-lead,
.about-v5-open-values p {
    color:#5d6777;
}

/* Make the central product flow easier to scan. */
.about-v5-process__arrow {
    color:#7d8796;
    font-weight:700;
}

/* Pull supporting copy in section 03 slightly closer to the statement. */
.about-v5-two-col--reverse {
    gap:58px;
}

/* Keep the final section compact while preserving its hierarchy. */
.about-v5-closing {
    padding-top:50px;
    padding-bottom:50px;
}

@media (max-width:900px) {
    .about-v5-two-col--reverse {
        gap:30px;
    }
}

@media (max-width:650px) {
    .about-v5-hero {
        padding-bottom:54px;
    }

    .about-v5-band__grid p {
        font-size:.76rem;
    }
}