/* The two original phone screens are cut to their silhouettes and layered. */
.hero-phone-wrap.hero-phone-variant--overlap { width:min(660px,92vw) !important; max-width:min(660px,92vw) !important; margin-top:34px; }
.hero-phone-pair-stage { position:relative; width:100%; aspect-ratio:660 / 880; isolation:isolate; }
.hero-phone-pair-stage::before { content:""; position:absolute; z-index:-2; inset:9% 5% 6%; border-radius:50%; background:radial-gradient(ellipse at 28% 44%,rgba(162,112,210,.28),transparent 43%),radial-gradient(ellipse at 72% 45%,rgba(116,145,215,.27),transparent 45%); filter:blur(26px); }
.hero-phone-pair { position:absolute; width:58%; }
.hero-phone-pair img { display:block; width:100%; height:auto; }
.hero-phone-pair--tron { top:48px; left:-4%; z-index:1; }
.hero-phone-pair--ethereum { top:0; right:-4%; z-index:2; }
@media (prefers-reduced-motion:no-preference) { .hero-phone-pair-stage { animation:phonePairDrift 12s ease-in-out infinite; } }
@media (max-width:768px) {
 .hero-phone-wrap.hero-phone-variant--overlap { width:min(420px,calc(100% / 1.04)) !important; max-width:min(420px,calc(100% / 1.04)) !important; margin-top:28px; }
 .hero-phone-pair-stage { aspect-ratio:420 / 575; }
 .hero-phone-pair { width:56%; }
 .hero-phone-pair--tron { top:50px; left:-2%; }
 .hero-phone-pair--ethereum { top:0; right:-2%; }
}
@keyframes phonePairDrift { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }