/* P0005 — Managed-service reliability narrative */
.reliability-section {
    --reliability-cyan: #22c7ff;
    --reliability-blue: #397dff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(5.5rem, 9vw, 9rem) 0;
    color: #f7fbff;
    background:
        radial-gradient(circle at 14% 20%, rgba(26, 143, 255, .17), transparent 29rem),
        radial-gradient(circle at 88% 74%, rgba(107, 66, 255, .19), transparent 32rem),
        linear-gradient(135deg, #06142e 0%, #091a3b 54%, #151345 100%);
}

.reliability-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 80%, transparent);
}

.reliability-glow { position: absolute; z-index: -2; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.reliability-glow-one { width: 24rem; height: 24rem; left: -12rem; top: 28%; background: rgba(0, 191, 255, .09); }
.reliability-glow-two { width: 29rem; height: 29rem; right: -14rem; bottom: -12rem; background: rgba(106, 68, 255, .12); }
.reliability-shell { position: relative; }

.reliability-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .65fr);
    gap: clamp(2rem, 7vw, 7rem);
    align-items: end;
    margin-bottom: clamp(3rem, 6vw, 5.5rem);
}

.reliability-heading h2 {
    max-width: 17ch;
    margin: .75rem 0 0;
    color: #fff;
    font-size: clamp(2.6rem, 5.2vw, 5.4rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.reliability-heading-copy { padding-bottom: .35rem; }
.reliability-heading-copy p { margin: 0 0 1.35rem; color: #b9cbe3; font-size: 1.05rem; line-height: 1.8; }
.reliability-link { color: #67dcff; font-weight: 800; text-decoration: none; }
.reliability-link span { display: inline-block; margin-left: .35rem; transition: transform .25s ease; }
.reliability-link:hover span { transform: translate(.2rem, -.2rem); }

.reliability-composition {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(1.25rem, 3vw, 2.25rem);
}

.reliability-manifesto,
.reliability-path {
    border: 1px solid rgba(151, 202, 255, .19);
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
    box-shadow: 0 2rem 6rem rgba(0, 5, 24, .32), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
}

.reliability-manifesto {
    position: relative;
    overflow: hidden;
    min-height: 39rem;
    padding: clamp(2rem, 4vw, 3.6rem);
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.reliability-manifesto::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(155deg, rgba(23,181,255,.11), transparent 42%, rgba(91,62,255,.13));
}

.reliability-kicker { margin: 0 0 1rem; color: #55d5ff; font-size: .76rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.reliability-manifesto h3 { max-width: 17ch; margin: 0 0 1.4rem; color: #fff; font-size: clamp(2rem, 3.5vw, 3.6rem); line-height: 1.03; letter-spacing: -.045em; }
.reliability-manifesto > p:not(.reliability-kicker) { max-width: 44rem; margin: 0; color: #bfd0e6; line-height: 1.75; }

.reliability-orbit { position: absolute; top: 2.5rem; right: 2.5rem; width: 10rem; aspect-ratio: 1; border: 1px solid rgba(93,211,255,.2); border-radius: 50%; }
.reliability-orbit::before, .reliability-orbit::after { content: ""; position: absolute; border: 1px solid rgba(131,132,255,.18); border-radius: inherit; }
.reliability-orbit::before { inset: 1.3rem; }
.reliability-orbit::after { inset: 3rem; background: radial-gradient(circle, rgba(43,204,255,.28), transparent 68%); }
.reliability-orbit span { position: absolute; width: .48rem; height: .48rem; border-radius: 50%; background: #56d9ff; box-shadow: 0 0 1.25rem #35cfff; animation: reliability-pulse 3.2s ease-in-out infinite; }
.reliability-orbit span:nth-child(1) { top: 8%; left: 48%; }
.reliability-orbit span:nth-child(2) { right: 10%; bottom: 27%; animation-delay: .8s; }
.reliability-orbit span:nth-child(3) { left: 12%; bottom: 23%; animation-delay: 1.6s; }

.reliability-proofline { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2.25rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.12); }
.reliability-proofline div { display: grid; gap: .3rem; }
.reliability-proofline strong { color: #fff; font-size: 1.05rem; }
.reliability-proofline span { color: #8fa8c7; font-size: .78rem; line-height: 1.45; }

.reliability-path { position: relative; border-radius: 2rem; padding: .8rem clamp(1.2rem, 3vw, 2.2rem); }
.reliability-path::before { content: ""; position: absolute; top: 4.4rem; bottom: 4.4rem; left: calc(clamp(1.2rem, 3vw, 2.2rem) + 1.35rem); width: 1px; background: linear-gradient(#31ccff, rgba(94,112,255,.65), rgba(94,112,255,.08)); }
.reliability-stage { position: relative; display: grid; grid-template-columns: 2.7rem 1fr; gap: 1.3rem; padding: 1.65rem 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.reliability-stage:last-child { border-bottom: 0; }
.reliability-stage-number { z-index: 1; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border: 1px solid rgba(97,216,255,.5); border-radius: .85rem; color: #76e1ff; background: #0a1d40; font-size: .78rem; font-weight: 900; box-shadow: 0 0 0 .45rem rgba(7,22,51,.8); transition: transform .3s ease, background .3s ease; }
.reliability-stage:hover .reliability-stage-number { transform: translateY(-.2rem); background: #123362; }
.reliability-stage div > p { margin: .05rem 0 .35rem; color: #68d9ff; font-size: .69rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.reliability-stage h3 { margin: 0 0 .55rem; color: #fff; font-size: clamp(1.15rem, 2vw, 1.45rem); letter-spacing: -.02em; }
.reliability-stage div > span { display: block; color: #9fb4cf; line-height: 1.65; }

.reliability-outcomes { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 1.35rem; border: 1px solid rgba(151,202,255,.15); border-radius: 1.2rem; background: rgba(255,255,255,.045); backdrop-filter: blur(12px); }
.reliability-outcomes span { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 4.4rem; padding: 1rem; color: #d5e2f2; font-size: .82rem; font-weight: 750; text-align: center; border-right: 1px solid rgba(255,255,255,.1); }
.reliability-outcomes span:last-child { border-right: 0; }
.reliability-outcomes i { width: .45rem; height: .45rem; flex: 0 0 auto; border-radius: 50%; background: #43d4ff; box-shadow: 0 0 1rem rgba(67,212,255,.7); }

@keyframes reliability-pulse { 0%,100% { opacity: .45; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.2); } }

@media (max-width: 980px) {
    .reliability-heading, .reliability-composition { grid-template-columns: 1fr; }
    .reliability-heading { gap: 1.5rem; }
    .reliability-heading h2 { max-width: 20ch; }
    .reliability-heading-copy { max-width: 42rem; }
    .reliability-manifesto { min-height: 32rem; }
    .reliability-outcomes { grid-template-columns: 1fr 1fr; }
    .reliability-outcomes span:nth-child(2) { border-right: 0; }
    .reliability-outcomes span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
}

@media (max-width: 600px) {
    .reliability-section { padding: 4.5rem 0; }
    .reliability-heading h2 { font-size: clamp(2.35rem, 12vw, 3.7rem); }
    .reliability-manifesto { min-height: 35rem; padding: 1.55rem; border-radius: 1.4rem; }
    .reliability-orbit { top: 1.5rem; right: 1.5rem; width: 7rem; }
    .reliability-manifesto h3 { font-size: 2.2rem; }
    .reliability-path { padding: .6rem 1.25rem; border-radius: 1.4rem; }
    .reliability-path::before { left: 2.6rem; }
    .reliability-stage { grid-template-columns: 2.7rem 1fr; gap: 1rem; }
    .reliability-proofline, .reliability-outcomes { grid-template-columns: 1fr; }
    .reliability-outcomes span { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
    .reliability-outcomes span:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .reliability-orbit span { animation: none; }
    .reliability-stage-number, .reliability-link span { transition: none; }
}