.cp-hero{padding:clamp(7rem,12vw,11rem) 0 clamp(4rem,8vw,7rem)}
.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.cp-hero h1{font-size:clamp(3.7rem,8vw,7.5rem);line-height:.88;letter-spacing:-.065em;margin:.25em 0}
.cp-principle{border-left:1px solid rgba(17,24,39,.15);padding:1.5rem 0 1.5rem 2rem}
.cp-principle>span,.cp-no{font-size:.72rem;font-weight:700;letter-spacing:.14em;opacity:.55}
.cp-principle strong{display:block;font-size:1.55rem;margin:.55rem 0 1rem}
.cp-principle p{line-height:1.65;margin:0}
.cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(17,24,39,.12);border:1px solid rgba(17,24,39,.12);margin-top:2rem}
.cp-card{background:#fff;padding:clamp(1.5rem,3vw,2.6rem);min-height:300px}
.cp-card h3{font-size:1.55rem;margin:.8rem 0}
.cp-card p{line-height:1.65;max-width:620px}
.cp-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}
.cp-tags span{border:1px solid rgba(17,24,39,.16);padding:.35rem .55rem;font-size:.78rem}
.cp-flow{border-top:1px solid rgba(17,24,39,.1)}
.cp-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.7rem;align-items:center;margin-top:2.5rem}
.cp-pipeline div{display:flex;flex-direction:column;gap:.25rem}
.cp-pipeline b{font-size:.7rem;opacity:.45}.cp-pipeline strong{font-size:1rem}.cp-pipeline span{font-size:.78rem;opacity:.65}.cp-pipeline i{font-style:normal;opacity:.3}
.cp-landscape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);margin-top:2rem}
.cp-landscape>div{padding:1.6rem;background:rgba(255,255,255,.04)}
.cp-landscape h3{margin-top:0}.cp-landscape p{line-height:1.75;opacity:.78}
.cp-cta>.wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:3rem;align-items:end}
@media(max-width:900px){.cp-pipeline{grid-template-columns:1fr}.cp-pipeline i{transform:rotate(90deg);justify-self:start}.cp-landscape{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cp-hero-grid,.cp-grid,.cp-cta>.wrap{grid-template-columns:1fr}.cp-principle{border-left:0;border-top:1px solid rgba(17,24,39,.15);padding:1.5rem 0 0}.cp-landscape{grid-template-columns:1fr}.cp-card{min-height:0}}