.cp-case{background:#070d18;color:#eef4ff}
.cp-hero{max-width:1200px;margin:auto;padding-bottom:56px}
.cp-hero h1{max-width:900px;text-wrap:balance}
.cp-hero>p:not(.cp-kicker){max-width:730px;line-height:1.6}
.cp-kicker,.cp-label{font-size:.88rem;font-weight:700;color:#83bbf7;margin:0 0 16px}
.cp-jump{display:inline-block;margin-top:18px;color:#b8d8ff;border-bottom:1px solid #658ec1;padding-bottom:4px}
.cp-body{max-width:1340px}
.cp-origin{margin:0}.cp-origin img{width:100%;border-radius:20px}.cp-origin figcaption{color:#b4c3d4;max-width:80ch}.cp-origin figcaption strong{color:#fff}
.cp-intro,.cp-verification{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,7vw,100px);padding:clamp(70px,9vw,120px) 0;border-bottom:1px solid #ffffff2c}
.cp-intro h2,.cp-section-head h2,.cp-verification h2{font-size:clamp(34px,4.4vw,58px);text-wrap:balance;max-width:16ch}
.cp-intro p:not(.cp-label),.cp-verification p:not(.cp-label){color:#c6d4e4;font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:0 0 20px}
.cp-evolution,.cp-build{padding:clamp(70px,9vw,120px) 0;border-bottom:1px solid #ffffff2c}
.cp-section-head{max-width:740px;margin-bottom:48px}.cp-section-head>p:last-child{color:#b6c7dc;font-size:18px;max-width:60ch}
.cp-stages{display:grid;gap:clamp(50px,7vw,90px)}.cp-stage{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,64px);align-items:center}.cp-stage:nth-child(even) .cp-stage-copy{order:2}.cp-stage a{display:block}.cp-stage img{width:100%;border-radius:16px}.cp-stage-copy span,.cp-build-grid article>span{color:#8fc7ff;font-weight:700;font-size:.88rem}.cp-stage h3,.cp-build-grid h3{font-size:clamp(23px,2.4vw,32px);margin:12px 0}.cp-stage p,.cp-build-grid p{color:#bfcee0;line-height:1.7;margin:0}
.cp-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 58px}.cp-build-grid article{border-top:1px solid #83bbf769;padding-top:24px}.cp-note{border-left:3px solid #77b5ff;padding-left:18px;color:#c9def9!important}
.cp-case .deliverables{border-color:#ffffff3a;color:#d3e3f4}.cp-case .deliverables dt{color:#fff}
@media(max-width:700px){.cp-hero{padding-top:150px}.cp-intro,.cp-verification,.cp-stage,.cp-build-grid{grid-template-columns:minmax(0,1fr)}.cp-stage:nth-child(even) .cp-stage-copy{order:0}.cp-stages{gap:54px}.cp-section-head{margin-bottom:32px}.cp-intro,.cp-verification{gap:22px}.cp-build-grid{gap:30px}.cp-intro h2,.cp-section-head h2,.cp-verification h2{max-width:none}}

.cp-first-stage{display:block;border-top:1px solid #83bbf769;padding-top:24px}.cp-first-stage .cp-stage-copy{max-width:72ch}.cp-original-link{display:inline-block!important;color:#b8d8ff;margin-top:14px;border-bottom:1px solid #658ec1}

.cp-future{padding:clamp(70px,9vw,120px) 0;border-bottom:1px solid #ffffff2c}.cp-future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cp-future-grid article{padding:clamp(24px,3vw,38px);border:1px solid #8ab8ef36;border-radius:18px;background:#101d2e}.cp-future-tag{display:inline-block;color:#9dcaff;font-size:.82rem;font-weight:700}.cp-future-grid h3{font-size:clamp(23px,2.4vw,31px);margin:14px 0}.cp-future-grid p,.cp-future-note{color:#c5d4e6;line-height:1.7;margin:0}.cp-future-note{margin-top:24px;max-width:75ch;font-size:.95rem}@media(max-width:700px){.cp-future-grid{grid-template-columns:minmax(0,1fr)}}

.cp-final{padding:clamp(70px,9vw,120px) 0 20px}.cp-final-heading{max-width:800px;margin-bottom:32px}.cp-final-heading h2{font-size:clamp(38px,5.4vw,72px);text-wrap:balance}.cp-final-heading>p:last-child{color:#c5d4e6;font-size:clamp(16px,1.5vw,19px);line-height:1.7;max-width:70ch}.cp-final figure{margin:0}.cp-final img{display:block;width:100%;height:auto;border-radius:20px}.cp-final figcaption{color:#b4c3d4;max-width:80ch}.cp-final a{display:block}

.cp-final-mobile{display:none}@media(max-width:700px){.cp-final-mobile{display:grid;gap:28px;margin-top:28px}.cp-final-mobile figure{max-width:380px;margin-inline:auto}.cp-final-mobile img{width:100%;height:auto}.cp-final-mobile figcaption{color:#b4c3d4}}

.cp-foundation .cp-stage-copy{max-width:72ch;margin-bottom:32px}.cp-foundation>figure{margin:0}.cp-foundation>figure img{width:100%;height:auto;border-radius:20px}.cp-foundation figcaption{color:#b4c3d4}.cp-foundation-mobile{display:none}@media(max-width:700px){.cp-foundation-mobile{display:grid;gap:28px;margin-top:28px}.cp-foundation-mobile figure{max-width:380px;margin-inline:auto}.cp-foundation-mobile img{width:100%;height:auto;border-radius:20px}}
@media(max-width:700px){.cp-hero{padding-top:180px}}
