/* Compact Dynamic Island and correctly proportioned status icons. */
#landing .tv-phone .tv-island{
  width:24%!important;
  max-width:88px!important;
  height:24px!important;
  top:12px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-radius:30px!important;
  background:#000!important;
  box-shadow:none!important;
  z-index:2;
}
#landing .tv-phone .tv-island:after{
  display:block!important;
  width:6px!important;
  height:6px!important;
  top:9px!important;
  right:9px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 40% 35%,#13213c,#04060b 70%)!important;
}
#landing .tv-phone .tv-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 23px 22px;
  min-height:54px;
  color:#f5f7ff;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:14px;
  letter-spacing:0;
}
#landing .tv-status-time{
  display:block;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#landing .tv-status-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex:none;
  height:14px;
  color:#f5f7ff;
}
#landing .tv-status-icons svg{
  display:block;
  flex:none;
  overflow:visible;
}
#landing .tv-status-icons .tv-signal-icon{
  width:15px;height:12px;
}
#landing .tv-status-icons .tv-wifi-icon{
  width:15px;height:12px;
}
#landing .tv-status-icons .tv-battery-icon{
  width:27px;height:14px;
}

/* Phone alongside the laptop. */
#landing .tv-device-phone .tv-island{
  max-width:54px!important;
  height:16px!important;
  top:8px!important;
}
#landing .tv-device-phone .tv-island:after{
  width:4px!important;
  height:4px!important;
  top:6px!important;
  right:6px!important;
}
#landing .tv-device-phone .tv-status{
  font-size:8px;
  line-height:10px;
  min-height:40px;
  padding:12px 13px 16px;
}
#landing .tv-device-phone .tv-status-icons{
  gap:3px;height:10px;
}
#landing .tv-device-phone .tv-signal-icon,
#landing .tv-device-phone .tv-wifi-icon{
  width:10px;height:8px;
}
#landing .tv-device-phone .tv-battery-icon{
  width:19px;height:10px;
}

@media(max-width:760px){
  #landing .tv-hero-phone .tv-island{
    max-width:78px!important;
    height:22px!important;
    top:12px!important;
  }
  #landing .tv-hero-phone .tv-island:after{
    top:8px!important;
  }
  #landing .tv-hero-phone .tv-status{
    padding-left:20px;
    padding-right:20px;
  }
  #landing .tv-hero-phone .tv-status-icons{
    gap:3px;
  }
  #landing .tv-device-phone .tv-island{
    width:24%!important;
    max-width:38px!important;
    height:10px!important;
    top:5px!important;
  }
  #landing .tv-device-phone .tv-island:after{
    display:none!important;
  }
  #landing .tv-device-phone .tv-status{
    font-size:5px;
    line-height:7px;
    min-height:26px;
    padding:8px 7px 11px;
  }
  #landing .tv-device-phone .tv-status-icons{
    gap:2px;height:7px;
  }
  #landing .tv-device-phone .tv-signal-icon,
  #landing .tv-device-phone .tv-wifi-icon{
    width:6px;height:5px;
  }
  #landing .tv-device-phone .tv-battery-icon{
    width:13px;height:7px;
  }
}