.hero-clip-path {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
@media (max-width: 768px) {
    .hero-clip-path {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    }
}

.wordpress-icon {
    animation: spin 20s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.glow {
    box-shadow: 0 0 15px rgba(255, 32, 78, 0.6);
}

.btn-hover-effect {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-hover-effect:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(160, 21, 62, 0.3);
}

.btn-hover-effect:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: all 0.5s;
}

.btn-hover-effect:hover:after {
    left: 100%;
}



.swc-primary {
            background-color: #FF204E;
        }
        .swc-secondary {
            background-color: #A0153E;
        }
        .swc-text-primary {
            color: #FF204E;
        }
        .swc-text-secondary {
            color: #A0153E;
        }
        .swc-hover-primary:hover {
            background-color: #FF204E;
        }
        .swc-hover-secondary:hover {
            background-color: #A0153E;
        }
        
        .swc-plan-card {
            transition: all 0.3s ease;
            border-top: 4px solid transparent;
        }
        .swc-plan-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .swc-plan-card.premium {
            border-top-color: #FF204E;
        }
        .swc-plan-card.business {
            border-top-color: #A0153E;
        }
        .swc-plan-card.startup {
            border-top-color: #FF6B8B;
        }
        .swc-plan-card.professional {
            border-top-color: #5D0E41;
        }
        
        .swc-feature-item {
            position: relative;
            padding-left: 1.5rem;
        }
        .swc-feature-item:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #FF204E;
            font-weight: bold;
        }
        
        @media (max-width: 1023px) {
            .swc-plans-container {
                display: flex;
                flex-direction: column;
                gap: 2rem;
            }
            .swc-plan-card {
                width: 100%;
            }
        }



        .sw-gradient-text {
            background: linear-gradient(90deg, #FF204E 0%, #A0153E 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .sw-section-bg {
            background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
        }
        
        .sw-feature-icon {
            background: linear-gradient(135deg, #FF204E 0%, #A0153E 100%);
        }
        
        .sw-cta-gradient {
            background: linear-gradient(90deg, #FF204E 0%, #A0153E 100%);
        }
        
        .sw-cta-gradient:hover {
            background: linear-gradient(90deg, #A0153E 0%, #FF204E 100%);
        }
        
        .sw-card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .sw-image-container {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
        }
        
        .sw-image-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255,32,78,0.1) 0%, rgba(160,21,62,0.1) 100%);
            z-index: 1;
        }
        
        .sw-image-container img {
            position: relative;
            z-index: 2;
        }