/* Tüm seçiciler .custom-page altında — header/footer etkilenmez */
.custom-page .cp-demo {
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.custom-page .cp-demo__box {
    max-width: 560px;
    width: 100%;
    text-align: center;
    padding: 44px 40px;
    border-radius: 24px;
    background: linear-gradient(135deg, #00AEEF, #9747FF);
    color: #fff;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
    transition: background .4s ease;
}
.custom-page .cp-demo__badge {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    background: rgba(255, 255, 255, .2);
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
}
.custom-page .cp-demo__title { font-size: 34px; margin: 0 0 14px; font-weight: 800; }
.custom-page .cp-demo__desc { font-size: 16px; line-height: 1.6; opacity: .92; margin: 0 0 30px; }
.custom-page .cp-demo__counter {
    display: flex; align-items: center; justify-content: center;
    gap: 20px; margin-bottom: 26px;
}
.custom-page .cp-demo__btn {
    width: 52px; height: 52px; border: 0; border-radius: 50%;
    font-size: 26px; line-height: 1; cursor: pointer;
    background: #fff; color: #00AEEF;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
    transition: transform .15s ease;
}
.custom-page .cp-demo__btn:hover { transform: scale(1.14); }
.custom-page .cp-demo__count { font-size: 44px; font-weight: 800; min-width: 80px; }
.custom-page .cp-demo__color {
    border: 2px solid #fff; background: transparent; color: #fff;
    padding: 13px 26px; border-radius: 30px; cursor: pointer;
    font-size: 15px; font-weight: 600; transition: all .2s ease;
}
.custom-page .cp-demo__color:hover { background: #fff; color: #9747FF; }
.custom-page .cp-demo__time { margin: 24px 0 0; font-size: 13px; opacity: .85; }