.cpp-main{background:#f8fafc;padding-top:120px}.cpp-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#075985,#0ea5e9);padding:100px 24px 120px}.cpp-hero__content{max-width:780px;margin:0 auto}.cpp-hero h1{margin-top:12px;font-size:46px;font-weight:700}.cpp-hero p{color:#ffffffd9;margin-top:16px;font-size:18px}.cpp-section{margin-top:-80px;padding:0 24px 80px}.cpp-section__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.cpp-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a1f}.cpp-card__badge{text-transform:uppercase;letter-spacing:.05em;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.cpp-card__badge--blue{color:#075985;background:#e0f2fe}.cpp-card__badge--teal{color:#0f766e;background:#ccfbf1}.cpp-card h2{color:#0f172a;margin-top:20px;font-size:28px}.cpp-card p{color:#475569;margin-top:12px}.cpp-card ul{flex-direction:column;gap:12px;margin-top:24px;padding-left:0;list-style:none;display:flex}.cpp-card li{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px 16px;font-weight:600}@media (max-width:600px){.cpp-hero{padding:80px 16px 90px}.cpp-hero h1{font-size:34px}.cpp-section{padding:0 16px 60px}}