.case-study-diagram{isolation:isolate;border:1px solid var(--p2p-border-strong);color:var(--p2p-muted);background:radial-gradient(circle at 90% 0,#41c6de1f,#0000 34%),linear-gradient(145deg,#111925,#0b1119 62%);border-radius:18px;margin:36px 0;padding:clamp(22px,4vw,36px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000042}.case-study-diagram:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 74%)}.case-study-diagram__header{margin-bottom:28px}.case-study-diagram__header>span,.case-study-diagram__node>span{color:var(--p2p-accent);letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;line-height:1.4;display:block}.narrative-copy .case-study-diagram__header h3{color:#fff;margin:0;font-size:clamp(21px,3vw,28px);line-height:1.25}.case-study-diagram__flow,.case-study-diagram__children,.case-study-diagram__overlays,.case-study-diagram__branches{margin:0;padding:0;list-style:none}.narrative-copy .case-study-diagram :is(ol,ul){padding:0;list-style:none}.narrative-copy .case-study-diagram li::marker{content:""}.case-study-diagram__flow{gap:0;display:grid}.case-study-diagram__stage{margin:0;padding:0;position:relative}.case-study-diagram__node{border:1px solid var(--p2p-border-strong);border-left:4px solid var(--diagram-tone,var(--p2p-accent));background:#0d141eeb;border-radius:12px;box-shadow:0 10px 28px #0000002e}.case-study-diagram__stage>.case-study-diagram__node{padding:19px 20px}.case-study-diagram__node strong,.case-study-diagram__child strong,.case-study-diagram__overlays strong{color:#fff;font-size:16px;line-height:1.35;display:block}.case-study-diagram__node small,.case-study-diagram__child small{color:var(--p2p-muted);margin-top:5px;font-size:13px;line-height:1.5;display:block}.case-study-diagram__children{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px;display:grid}.case-study-diagram__child{border:1px solid color-mix(in srgb, var(--diagram-tone,var(--p2p-accent)) 42%, transparent);background:color-mix(in srgb, var(--diagram-tone,var(--p2p-accent)) 9%, #0a1018);border-radius:9px;padding:12px 13px}.case-study-diagram .is-brand{--diagram-tone:#7adff2}.case-study-diagram .is-bronze{--diagram-tone:#c88958}.case-study-diagram .is-silver{--diagram-tone:#b8c6d5}.case-study-diagram .is-gold{--diagram-tone:#e7bf65}.case-study-diagram .is-data{--diagram-tone:#6d9fff}.case-study-diagram .is-experience{--diagram-tone:#a58cff}.case-study-diagram .is-security{--diagram-tone:#73d5a0}.case-study-diagram__overlays{border-top:1px solid var(--p2p-border);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:28px;padding-top:18px;display:grid}.case-study-diagram__overlays li{border:1px dashed color-mix(in srgb, var(--diagram-tone,var(--p2p-accent)) 52%, transparent);background:color-mix(in srgb, var(--diagram-tone,var(--p2p-accent)) 7%, transparent);border-radius:9px;margin:0;padding:12px 14px}.case-study-diagram__overlays strong{font-size:13px}.case-study-diagram__overlays span{margin-top:4px;font-size:12px;line-height:1.45;display:block}.case-study-diagram__branch{justify-items:center;display:grid}.case-study-diagram__branch>.case-study-diagram__node{text-align:center;width:min(100%,440px);padding:18px 20px}.case-study-diagram__single-connector{color:#65d8ed;width:24px;height:40px;margin:0 auto;display:block;overflow:visible}.case-study-diagram__single-connector path,.case-study-diagram__branch-connector path,.case-study-diagram__branch-connector-mobile path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.case-study-diagram__branch-connector{color:#65d8ed;width:100%;height:72px;display:block}.case-study-diagram__branch-connector marker path{fill:currentColor;stroke:none}.case-study-diagram__branch-targets{width:100%;position:relative}.case-study-diagram__branch-connector-mobile{display:none}.case-study-diagram__branch-connector-mobile marker path{fill:#65d8ed;stroke:none}.case-study-diagram__branches{grid-template-columns:repeat(var(--branch-count), minmax(0, 1fr));gap:14px;width:100%;display:grid}.case-study-diagram__branches li{text-align:center;min-width:0;margin:0;padding:16px 14px;position:relative}.case-study-diagram__branch-children{border-top:1px solid #ffffff1a;gap:28px;margin:14px 0 0;padding:28px 0 0;list-style:none;display:grid}.case-study-diagram__branch-children .case-study-diagram__child{text-align:left;padding:13px 14px;position:relative}.case-study-diagram__branch-children .case-study-diagram__child:not(:first-child):before{content:"";border-bottom:2px solid #65d8ed;border-right:2px solid #65d8ed;width:9px;height:9px;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(45deg)}.case-study-diagram__branch-children .case-study-diagram__child:not(:first-child):after{content:"";background:#65d8ed;width:2px;height:14px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.narrative-copy .case-study-diagram__comparison{width:100%;color:var(--p2p-muted);background:#ffffff08;border:1px solid #ffffff17;border-radius:9px;align-items:flex-start;gap:12px;margin:22px 0 0;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.case-study-diagram__comparison span{color:var(--p2p-accent);font-size:18px;font-weight:800;line-height:1.1}.narrative-copy .case-study-diagram figcaption{border-top:1px solid var(--p2p-border);color:#aeb9c8;margin:24px 0 0;padding-top:18px;font-size:13px;line-height:1.6}@media (width>=700px){.case-study-diagram__stage>.case-study-diagram__node{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.3fr);align-items:center;gap:4px 24px;display:grid}.case-study-diagram__stage>.case-study-diagram__node>span,.case-study-diagram__stage>.case-study-diagram__node>strong,.case-study-diagram__stage>.case-study-diagram__node>small{grid-column:1}.case-study-diagram__stage>.case-study-diagram__node>.case-study-diagram__children{grid-area:1/2/span 3;margin-top:0}}@media (width<=600px){.case-study-diagram{border-radius:13px;margin:28px 0}.narrative-copy .case-study-diagram .case-study-diagram__branches{grid-template-columns:1fr;gap:12px;padding:20px 0 0 30px}.case-study-diagram__branch-connector{display:none}.case-study-diagram__branch-connector-mobile{z-index:2;color:#65d8ed;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.case-study-diagram__branch-connector-mobile>path{stroke:#65d8ed}.case-study-diagram__children,.case-study-diagram__overlays{grid-template-columns:1fr}.case-study-diagram__branch-children{padding-top:26px}}
