/* Focused, editorial layouts for the DCPP and SurfSolo product stories. */
.dcpp-hero .split,.surfsolo-hero .split{align-items:center;gap:clamp(34px,6vw,86px)}
.dcpp-hero .dcpp-hero-image{padding:14px;background:#f3f5f1;border:1px solid #e3e8e4;border-radius:20px;box-shadow:0 18px 50px #263e4910}
.dcpp-hero .dcpp-hero-image img{width:100%;height:auto;border-radius:12px;object-fit:cover}
.dcpp-hero .dcpp-hero-image .art-caption{margin:12px 4px 3px;text-align:center}
.sc-reference{padding:22px 0 48px}
.sc-reference-card{max-width:840px;margin:auto;padding:20px 28px;display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:25px;align-items:center;background:#fffdf6;border:1px solid #eee5c9;border-radius:14px;box-shadow:0 8px 24px #3a33200c}
.sc-reference-card>img{grid-row:1/3;width:78px;height:78px;object-fit:contain;border-radius:9px}
.sc-reference-card blockquote{margin:0;color:#2b4149;font:500 clamp(19px,2.2vw,25px)/1.4 Georgia,serif;letter-spacing:-.015em}
.sc-reference-card figcaption{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:11px;color:#61737a;font-size:12px}
.sc-reference-card figcaption strong{color:#273f48;font-size:13px}
.sc-reference-card figcaption a{color:#466c78;text-decoration:underline;text-underline-offset:3px}
.dcpp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dcpp-flow article,.dcpp-layer-grid article{padding:25px;background:#f5f8f7;border:1px solid #e3eae6;border-radius:14px}
.dcpp-flow article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:15px;border-radius:50%;background:#e2eee7;color:#37624c;font-size:12px;font-weight:700}
.dcpp-flow h3,.dcpp-layer-grid h3{font-size:21px}
.dcpp-flow p,.dcpp-layer-grid p{font-size:14px;margin:0}
.dcpp-assurance{margin:24px 0 0;padding:17px 20px;border-left:3px solid #628b71;background:#edf4ef;color:#3d5b4b;font-size:14px}
.dcpp-complement .section-heading{margin-bottom:27px}
.dcpp-layer-grid{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;max-width:900px;margin:0 auto 28px}
.dcpp-layer-grid article{min-height:185px;background:#fff}
.layer-icon{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;background:#e8eff4;color:#466c7b;font-size:22px}
.layer-connector{text-align:center;color:#688874;font-size:35px;font-weight:300}
.dcpp-complement .actions,.dcpp-cta .actions,.surfsolo-cta .actions{justify-content:center}
.dcpp-features .feature{background:#fff;border:1px solid #e2e9e7;border-radius:13px;padding:25px}
.dcpp-features .feature-number{display:none}
.dcpp-cta,.surfsolo-cta{text-align:center;background:#f2f6f3}
.dcpp-cta .narrow,.surfsolo-cta .narrow{max-width:760px}
.surfsolo-art{padding:8px;border-radius:20px;background:#eef3f3;border:1px solid #e0e8e9;box-shadow:0 18px 50px #263e4910}
.surfsolo-art svg{display:block;width:100%;height:auto}
.surfsolo-hero .eyebrow strong,.surfsolo-cta .eyebrow strong{color:#4a7c69}
.surfsolo-features .feature{background:#f7f9fa;border:1px solid #e3eaec;border-radius:13px;padding:25px}
.surfsolo-features .feature-number{display:none}
@media(max-width:760px){.sc-reference{padding:8px 0 30px}.sc-reference-card{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px}.sc-reference-card>img{width:54px;height:54px}.sc-reference-card figcaption{gap:7px}.dcpp-flow{grid-template-columns:1fr}.dcpp-layer-grid{grid-template-columns:1fr;gap:13px}.dcpp-layer-grid article{min-height:0}.layer-connector{transform:rotate(90deg);height:28px;line-height:24px}.dcpp-hero .dcpp-hero-image{max-width:600px;margin:auto}}