.cct{--cct-bg:#1E1E1E;--cct-bg2:#1E1E1E;--cct-accent:#ffffff;--cct-text:#ffffff;--cct-muted:rgba(255,255,255,.78);--cct-text-dark:#1E1E1E;--cct-muted-dark:#475569;--cct-card:#ffffff;--cct-cardBorder:rgba(0,0,0,.10);--cct-shadow:0 18px 38px rgba(0,0,0,.30);--cct-radius:18px;max-width:1100px;margin:0 auto;font-family:inherit;text-align:left}
.cct *{box-sizing:border-box}
.cct button{font:inherit;letter-spacing:inherit;text-transform:none}
.cct button:focus{outline:none}
.cct button:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:3px}
.cct-top{display:flex;align-items:stretch;gap:16px}
.cct-arrow{appearance:none;-webkit-appearance:none;width:58px;min-width:58px;height:58px;align-self:center;margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff;color:var(--cct-text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;padding:0}
.cct-arrow:hover{background:rgba(255,255,255,.92)}
.cct-feature{flex:1;display:flex;align-items:stretch;justify-content:space-between;background:var(--cct-bg2);border-radius:var(--cct-radius);box-shadow:var(--cct-shadow);padding:28px 28px 26px 28px;position:relative;overflow:hidden;min-height:200px;border:1px solid rgba(255,255,255,.10)}
.cct-feature:before{content:"\201C";
 position:absolute; 
  left:18px;top:14px;font-size:76px;line-height:1;color:rgba(255,255,255,.35);font-family:serif}
.cct-feature-quote{flex:1 1 0;min-width:0;overflow-wrap:anywhere;word-break:break-word;margin:10px !important;font-size:clamp(1rem, 1vw + 0.75rem, 1.375rem);line-height:1.18;color:var(--cct-text);padding-left:72px !important;padding-right:22px !important;padding-top:18px !important;font-weight:500 !important;transition:opacity .22s ease,transform .22s ease}
.cct-feature-right{display:flex;align-items:center;justify-content:flex-end;min-width:240px;transition:opacity .22s ease,transform .22s ease}
.cct-feature-person{display:flex;align-items:center;gap:14px;margin: 10px !important}
.cct-feature-photo{width:56px;height:56px;border-radius:999px;background:#fff center/cover no-repeat;box-shadow:0 10px 20px rgba(0,0,0,.30);border:2px solid rgba(255,255,255,.35);transition:opacity .22s ease,transform .22s ease}
.cct-feature-name{color:#fff;font-weight:700;letter-spacing:.2px}
.cct-feature-profession{color:var(--cct-muted);font-size:13px;margin-top:2px}
.cct-feature-rating{margin-top:8px;color:var(--cct-accent);font-size: 20px;letter-spacing:1px}

.cct.is-transitioning .cct-feature-quote,
.cct.is-transitioning .cct-feature-right,
.cct.is-transitioning .cct-feature-photo{opacity:0;transform:translateY(6px)}
.cct-arrow.cct-next{background-color: #1E1E1E;
color: white;}
.cct-arrow.cct-prev{background-color: #1E1E1E;
color: white;}
.cct-dots{display:flex;justify-content:center;gap:8px;margin:14px 5px 6px 0 !important}
.cct-dot{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.22);padding:0;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.cct-dot:hover{transform:scale(1.12)}
.cct-dot.is-active{background:#ffffff;border-color:#ffffff}

.cct-bottom{margin-top:18px}
.cct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.cct-card{appearance:none;margin-top: 4% !important;-webkit-appearance:none;text-align:left;width:100%;background:var(--cct-card);border-radius:14px;box-shadow:0 14px 26px rgba(0,0,0,.18);padding:16px !important;cursor:pointer;min-height:168px;border:1px solid var(--cct-cardBorder);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.cct-card.is-hidden{display:none}
.cct-card:hover{transform:translateY(-2px);background:#1E1E1E;border-color:rgba(30,30,30,.75)}
.cct-card:hover .cct-card-title{color:#ffffff}
.cct-card:hover .cct-card-rating{color:#ffffff}
.cct-card:hover .cct-card-quote{color:rgba(255,255,255,.78)}
.cct-card:hover .cct-card-name{color:#ffffff}
.cct-card:hover .cct-card-profession{color:rgba(255,255,255,.78)}
.cct-card:hover .cct-card-photo{background-color:rgba(255,255,255,.12)}
.cct-card.is-active{border-color:rgba(30,30,30,.75)}
.cct-card-title{font-weight:800;color:var(--cct-text-dark);font-size:18px;margin-bottom:8px}
.cct-card-rating{color:var(--cct-text-dark);font-size:13px;letter-spacing:1px;margin-bottom:10px}
.cct-card-quote{color:var(--cct-muted-dark);font-size:13px;line-height:1.55;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.cct-card-person{margin-top:12px;display:flex;align-items:center;gap:10px}
.cct-card-photo{width:34px;height:34px;border-radius:999px;background:#eef3f6 center/cover no-repeat} 
.cct-card-meta{min-width:0}
.cct-card-name{font-weight:700;color:var(--cct-text-dark);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cct-card-profession{color:var(--cct-muted-dark);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width: 900px){
  .cct-feature-quote{font-size:28px}
  .cct-feature-right{min-width:210px}
  .cct-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .cct-top{gap:8px}
  .cct-arrow{width:40px;min-width:40px;height:40px;font-size:24px}
  .cct-feature{flex-direction:column;padding:18px 16px 16px 16px;min-height:auto}
  .cct-feature-quote{font-size:1rem !important;padding-left:42px !important;padding-right:12px !important;padding-top:12px !important}
  .cct-feature:before{font-size:52px;left:10px;top:8px}
  .cct-feature-right{min-width:0;width:100%;justify-content:flex-start;margin-top:14px;padding-left:42px}
  .cct-cards{grid-template-columns:1fr}
}