/* ... (Previous CSS) ... */

/* Refined Hero Styles */
.sw-hero {
    padding: 100px 0 120px;
    background-image: radial-gradient(circle at 80% 20%, rgba(255, 92, 0, 0.03) 0%, transparent 40%);
}

.hero-txt { position: relative; z-index: 2; }

.hero-stats {
    display: flex; gap: 40px; margin-top: 50px;
    border-top: 1px solid rgba(0,0,0,0.05); padding-top: 30px;
}
.stat-item strong { font-size: 28px; color: #333; display: block; line-height: 1.2; }
.stat-item span { font-size: 13px; color: #999; }

/* Enhanced Feature Sections */
.sw-section-title-area {
    text-align: center; margin-bottom: 60px;
}
.sw-h2-center { font-size: 36px; margin-bottom: 16px; color: #222; letter-spacing: -1px; }
.sw-p-center { font-size: 16px; color: #888; max-width: 600px; margin: 0 auto; }

/* Interactive Hover Effects for Feature Boxes */
.feat-box {
    transition: transform 0.4s ease;
    padding: 20px;
    border-radius: 24px;
}
.feat-box:hover {
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,0.03);
    transform: translateY(-5px);
}

.feat-img-box {
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.5s ease;
    border: none;
}
.feat-box:hover .feat-img-box {
    transform: scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* Scroll Indicator */
.scroll-hint {
    position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    color: #ccc; font-size: 12px; animation: floatHint 2s infinite;
}
.mouse-icon {
    width: 20px; height: 32px; border: 2px solid #ddd; border-radius: 12px;
    position: relative;
}
.mouse-wheel {
    width: 2px; height: 6px; background: #FF5C00; border-radius: 2px;
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
}

@keyframes floatHint { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,10px)} }

/* Refined Carousel */
.sw-carousel-section { background: #fff; padding-top: 0; }
.carousel-card { border: none; background: #FAFAFA; }
.carousel-card:hover { background: #fff; box-shadow: 0 15px 40px rgba(0,0,0,0.08); }

/* Download Banner at Bottom */
.sw-bottom-cta {
    background: #222;
    color: #fff;
    padding: 80px 0;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.cta-deco-circle {
    position: absolute; width: 400px; height: 400px;
    border: 40px solid rgba(255,255,255,0.03);
    border-radius: 50%; top: -200px; right: -100px;
}