.cpc{padding:80px 0}.cpc__container{margin:0 auto;max-width:1320px;padding:0 80px}.cpc__header{margin-bottom:48px;text-align:center}.cpc__heading{color:#1270b0;font-family:Solway,serif;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.cpc__subtitle{color:#1270b0;font-family:Maven Pro,sans-serif;font-size:18px;line-height:1.5;margin:0}.cpc__grid{align-items:stretch;display:grid;gap:32px}.cpc__grid,.cpc__grid--cols-2{grid-template-columns:repeat(2,1fr)}.cpc__grid--cols-3{grid-template-columns:repeat(3,1fr)}.cpc__grid--cols-4{grid-template-columns:repeat(4,1fr)}.cpc__card{display:flex;min-width:0;position:relative}.cpc__back,.cpc__front{border-radius:16px;width:100%}.cpc__front{align-items:center;background-color:#1270b0;border:1px solid #d6eaf5;display:flex;justify-content:center;min-height:360px;overflow:hidden;position:relative;text-align:center}.cpc__card--flippable .cpc__front{cursor:pointer}.cpc__front-bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cpc__front-overlay{background-color:rgba(0,0,0,var(--cpc-overlay,.45));inset:0;position:absolute;transition:background-color .3s ease}.cpc__card--flippable .cpc__front:hover .cpc__front-overlay{background-color:rgba(0,0,0,calc(var(--cpc-overlay, .45) + .1))}.cpc__front-content{align-items:center;display:flex;flex-direction:column;gap:18px;padding:32px;position:relative;z-index:1}.cpc__front-icon{height:72px;object-fit:contain;width:72px}.cpc__front-title{font-size:28px;font-weight:700;line-height:1.25;margin:0}.cpc__front-hint,.cpc__front-title{color:#fff;font-family:Maven Pro,sans-serif}.cpc__front-hint{border:1px solid hsla(0,0%,100%,.75);border-radius:200px;font-size:15px;font-weight:600;padding:9px 22px;transition:background-color .25s ease,color .25s ease}.cpc__card--flippable .cpc__front:focus-visible .cpc__front-hint,.cpc__card--flippable .cpc__front:hover .cpc__front-hint{background-color:#fff;color:#1270b0}.cpc__card--flippable .cpc__front:focus-visible{outline:3px solid #00c299;outline-offset:-3px}.cpc__back{flex-direction:column}.cpc__back,.cpc__card.is-flipped .cpc__front{display:none}.cpc__card.is-flipped .cpc__back{animation:cpc-fade .3s ease;display:flex}@keyframes cpc-fade{0%{opacity:0}to{opacity:1}}.cpc__back-btn{align-self:flex-start;background:none;border:none;color:#1270b0;cursor:pointer;font-family:Maven Pro,sans-serif;font-size:15px;font-weight:600;padding:0 0 12px}.cpc__back-btn:hover{text-decoration:underline}.cpc__plan{background:#fff;border:2px solid #1270b0;border-radius:16px;display:flex;flex:1;flex-direction:column;overflow:hidden}.cpc__plan-header{height:180px;overflow:hidden;position:relative}.cpc__plan-bg{display:block;height:100%;object-fit:cover;width:100%}.cpc__plan-header:after{background:rgba(0,0,0,.45);content:"";inset:0;pointer-events:none;position:absolute}.cpc__plan-logo{left:50%;max-height:84px;max-width:70%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cpc__plan-body{flex:1;padding:20px 24px 0}.cpc__plan-name{color:#1270b0;font-family:Maven Pro,sans-serif;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 12px}.cpc__plan-bullets{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.cpc__plan-bullet{color:#1270b0;font-family:Maven Pro,sans-serif;font-size:15px;font-weight:400;line-height:1.5;padding-left:24px;position:relative}.cpc__plan-bullet:before{color:#00c299;content:"\2713";font-weight:700;left:0;position:absolute}.cpc__plan-footer{display:flex;flex-direction:column;gap:10px;padding:20px 24px 24px}.cpc__btn{align-items:center;border-radius:200px;display:inline-flex;font-family:Maven Pro,sans-serif;font-size:16px;font-weight:400;justify-content:center;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease}.cpc__btn--primary{background-color:#1270b0;border:1px solid #1270b0;color:#fff}.cpc__btn--primary:hover{background-color:#0e5a8e;color:#fff;text-decoration:none}.cpc__btn--outline{background-color:transparent;border:1px solid #1270b0;color:#1270b0}.cpc__btn--outline:hover{background-color:#edf7ff;text-decoration:none}@media (max-width:1200px){.cpc__container{padding:0 40px}}@media (max-width:1024px){.cpc__container{padding:0 32px}.cpc__grid--cols-3,.cpc__grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cpc{padding:56px 0}.cpc__container{padding:0 20px}.cpc__grid,.cpc__grid--cols-2,.cpc__grid--cols-3,.cpc__grid--cols-4{gap:24px;grid-template-columns:1fr}.cpc__front{min-height:280px}.cpc__heading{font-size:28px}}