/* tw39 主視覺定位：以 941 x 1672 底圖為基準，百分比確保手機縮放時保持構圖。 */
.tw39-hero .hero-title {
    width: 66%;
    left: 17%;
    top: 7.2%;
}

.tw39-hero .tw39-benefits {
    width: 23.2%;
    left: 38.4%;
    top: 31.2%;
    animation: tw39BenefitFloat 2.1s ease-in-out infinite;
}

.tw39-hero .hero-cta {
    width: 76%;
    left: 12%;
    top: 72.3%;
}

/* 分類按鈕避開背景主標題，同時保留底部案例入口。 */
.buttonBox {
    bottom: 14%;
}

.buttonBox .experienceTabBtn {
    flex: 0 0 29%;
}

.tw39-hero .hero-title::after {
    animation-duration: 3.1s;
}

@keyframes tw39BenefitFloat {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2.2%) scale(1.025); }
}

@media (prefers-reduced-motion: reduce) {
    .tw39-hero .tw39-benefits {
        animation: none;
    }
}