/* Super Fast VPN — site polish
 * Layered on top of Tailwind CDN. Keep minimal.
 */

/* Smooth anchor scroll with offset for fixed header */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }

/* Selection */
::selection { background: rgba(244, 122, 44, 0.25); color: #1e1b4b; }

/* Alpine cloak */
[x-cloak] { display: none !important; }

/* Subtle ring focus across the site */
:focus-visible {
  outline: 2px solid #F47A2C;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Smooth FAQ collapse fallback for older browsers */
[x-collapse] { transition: height 0.25s ease; overflow: hidden; }

/* Prose tweaks for legal pages */
.prose h2::before {
  content: '';
  display: block;
  width: 32px;
  height: 3px;
  background: #F47A2C;
  border-radius: 2px;
  margin-bottom: 0.75rem;
}

/* Phone mockup gentle float */
@media (prefers-reduced-motion: no-preference) {
  .phone-float { animation: float 6s ease-in-out infinite; }
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-12px); }
  }
}