/* Home/Welcome "Built different": light mode tap (sticky :hover on touch) gives the same dark-green state as desktop hover; dark mode already has non-media :hover rules. */
:root:root:root:not(.theme-dark) .why_card:hover{background-color:#122620;border-color:transparent}
:root:root:root:not(.theme-dark) .why_card:hover :is(.why_title,.why_eyebrow,.why_desc){color:#fff}
:root:root:root:not(.theme-dark) .why_card:hover .why_dot{background-color:#fff}
:root:root:root:not(.theme-dark) .why_card:hover .why_glow_5{opacity:1}

/* Hero mobile: video terlihat penuh sampai tepat di atas tombol (tombol mulai ~88% tinggi hero); di belakang tombol tetap gelap/putih lalu menipis ke atas dalam gradasi pendek (~30% tinggi hero). */
@media (max-width:478px){
:root:root:root:root.theme-dark .hero_1.has-video .hero_media::after{background-image:linear-gradient(257deg,rgba(18,38,32,.3) 26%,rgba(0,0,0,.12) 74%)}
:root:root:root:root:not(.theme-dark) .hero_1.has-video .hero_media::after{background-image:linear-gradient(79deg,rgba(255,255,255,.55) 22%,rgba(255,255,255,.25) 52%,rgba(255,255,255,.05) 82%)}
:root:root:root:root.theme-dark .hero_media::before{background-image:linear-gradient(180deg,rgba(0,0,0,0) 70%,rgba(0,0,0,.8) 88%,#000 100%)}
:root:root:root:root:not(.theme-dark) .hero_media::before{background-image:linear-gradient(180deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.8) 88%,#fff 100%)}
:root:root:root:root .hero_video{top:42%;height:54%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 70%,rgba(0,0,0,.1) 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 70%,rgba(0,0,0,.1) 100%)}
}