/* SERPIFAI Commercial Completion V1.7.1
   Additive styles for connected commercial routing, recurring Decision Advisory,
   implementation release gates and client-facing quality sequence. */

.serp-connected-system,.serp-advisory-cycle,.swi-release-system,.iv17-quality{margin-top:22px;border:1px solid rgba(83,210,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(7,31,48,.94),rgba(4,21,34,.96));box-shadow:0 22px 65px rgba(0,0,0,.16)}
.serp-connected-system{padding:24px}
.serp-connected-system__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:22px;align-items:end;margin-bottom:18px}
.serp-connected-system__head h3{margin:.3rem 0 .45rem;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}
.serp-connected-system__head p{margin:0;color:#9eb5c3;line-height:1.65}
.serp-connected-lanes{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.serp-connected-lane{padding:18px;border:1px solid rgba(83,210,255,.14);border-radius:16px;background:rgba(4,18,30,.56)}
.serp-connected-lane>span,.serp-advisory-cycle__eyebrow,.swi-release-system__eyebrow,.iv17-quality__eyebrow{display:block;margin-bottom:7px;color:#67dcfa;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.serp-connected-lane h4{margin:0 0 8px;font-size:19px}
.serp-connected-lane p{margin:0;color:#a8beca;font-size:13px;line-height:1.6}
.serp-connected-lane ol{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:serp-lane}
.serp-connected-lane li{position:relative;padding:9px 10px 9px 38px;border:1px solid rgba(83,210,255,.1);border-radius:10px;color:#d9e8ef;font-size:12px;line-height:1.45;counter-increment:serp-lane}
.serp-connected-lane li:before{content:counter(serp-lane);position:absolute;left:10px;top:8px;display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:rgba(83,210,255,.1);color:#67dcfa;font-size:9px;font-weight:900}
.serp-connected-system__bridge{align-self:center;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(83,210,255,.22);border-radius:50%;color:#67dcfa;font-weight:900;background:rgba(83,210,255,.07)}
.serp-connected-system__rule{margin:16px 0 0;padding:13px 15px;border-left:3px solid #67dcfa;background:rgba(83,210,255,.055);color:#c6d8e1;font-size:12px;line-height:1.6}

.serp-advisory-cycle{padding:22px}
.serp-advisory-cycle__head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:15px}
.serp-advisory-cycle__head h4{margin:0;font-size:21px}.serp-advisory-cycle__head p{max-width:620px;margin:0;color:#9eb5c3;line-height:1.55;font-size:13px}
.serp-advisory-cycle__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.serp-advisory-cycle__grid article{padding:15px;border:1px solid rgba(83,210,255,.12);border-radius:13px;background:rgba(4,17,28,.5)}
.serp-advisory-cycle__grid span{color:#67dcfa;font-size:10px;font-weight:900}.serp-advisory-cycle__grid strong{display:block;margin:6px 0;font-size:14px}.serp-advisory-cycle__grid p{margin:0;color:#9fb5c2;font-size:12px;line-height:1.55}
.serp-advisory-cycle__boundary{margin:14px 0 0;color:#93aab8;font-size:12px;line-height:1.6}.serp-advisory-cycle__boundary strong{color:#dcebf2}

.swi-release-system{padding:26px}
.swi-release-system__head{display:grid;grid-template-columns:1fr minmax(260px,.65fr);gap:20px;align-items:end;margin-bottom:18px}.swi-release-system__head h2{margin:.3rem 0 0}.swi-release-system__head p{margin:0;color:#9eb5c3;line-height:1.62}
.swi-release-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:swi-gate}
.swi-release-gates article{padding:17px;border:1px solid rgba(83,210,255,.12);border-radius:14px;background:rgba(4,17,28,.52);counter-increment:swi-gate}.swi-release-gates article:before{content:"0" counter(swi-gate);display:block;margin-bottom:8px;color:#67dcfa;font-size:10px;font-weight:900;letter-spacing:.1em}.swi-release-gates strong{display:block;margin-bottom:7px;font-size:14px}.swi-release-gates p{margin:0;color:#9fb5c2;font-size:12px;line-height:1.55}.swi-release-system__rule{margin:15px 0 0;color:#c5d7e0;font-size:12px;line-height:1.6}

.iv17-quality{padding:24px}.iv17-quality__head{display:grid;grid-template-columns:1fr minmax(240px,.6fr);gap:18px;align-items:end;margin-bottom:16px}.iv17-quality__head h2{margin:.3rem 0 0}.iv17-quality__head p{margin:0;color:#9eb5c3;line-height:1.6}.iv17-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.iv17-quality-grid article{padding:15px;border:1px solid rgba(83,210,255,.12);border-radius:13px;background:rgba(4,17,28,.48)}.iv17-quality-grid span{color:#67dcfa;font-size:10px;font-weight:900}.iv17-quality-grid strong{display:block;margin:6px 0;font-size:14px}.iv17-quality-grid p{margin:0;color:#9fb5c2;font-size:12px;line-height:1.55}.iv17-quality__rule{margin:14px 0 0;color:#c6d8e1;font-size:12px;line-height:1.6}

@media(max-width:980px){.serp-connected-system__head,.swi-release-system__head,.iv17-quality__head{grid-template-columns:1fr}.serp-connected-lanes{grid-template-columns:1fr}.serp-connected-system__bridge{transform:rotate(90deg);justify-self:center}.serp-advisory-cycle__grid,.swi-release-gates,.iv17-quality-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.serp-connected-system,.serp-advisory-cycle,.swi-release-system,.iv17-quality{padding:18px}.serp-advisory-cycle__head{display:grid}.serp-advisory-cycle__grid,.swi-release-gates,.iv17-quality-grid{grid-template-columns:1fr}}