/* Privex VPN — shared marketing styles */

body { -webkit-font-smoothing: antialiased; }

.glow-card { position: relative; isolation: isolate; }
.glow-card::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit;
  padding: 1px; z-index: -1; pointer-events: none;
  background: linear-gradient(120deg, rgba(130,0,255,.45), rgba(0,39,254,.0) 60%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chevron { transform: rotate(90deg); }

/* Hero typing caret */
@keyframes hero-caret-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
#hero-caret { animation: hero-caret-blink 1s steps(1) infinite; }
#hero-typed.is-done #hero-caret { animation: none; opacity: 0; transition: opacity .4s ease .8s; }
@media (prefers-reduced-motion: reduce) { #hero-caret { display: none; } }

/* Header dropdowns: open on hover (desktop) and on click (mobile via <details>) */
@media (hover: hover) and (min-width: 768px) {
  .nav-dd { position: relative; }
  .nav-dd > .nav-dd-panel { display: none; }
  .nav-dd:hover > .nav-dd-panel,
  .nav-dd:focus-within > .nav-dd-panel { display: block; }
}
.nav-dd[open] > .nav-dd-panel { display: block; }

/* Active top-nav link */
.nav-link[data-active="1"] { color: var(--ink-900, #0e0e14); }
.dark .nav-link[data-active="1"] { color: #fff; }

/* Smooth focus rings on interactive cards */
.platform-card:focus-visible,
.feature-card:focus-visible {
  outline: 2px solid #310BE8; outline-offset: 2px;
}