/* AUDYNTRA landing — styles for index-audyntra.php
   Self-contained: does not depend on Tailwind output.css/tailwind.css. */

:root {
  --audyntra-ink: #0F1424;
  --audyntra-navy: #0B1220;
  --audyntra-navy-alt: #131B2E;
  --audyntra-muted: #5B6472;
  --audyntra-muted-dark: #AEB6C9;
  --audyntra-muted-dark-2: #8A93A3;
  --audyntra-border: #E3E6EC;
  --audyntra-tint: #F7F8FB;
  --audyntra-tint-strong: #EEF0FF;
  --audyntra-accent: #4F46E5;
  --audyntra-accent-hover: #4338CA;
  --audyntra-accent-soft: #A5B4FC;
}

body.audyntra {
  margin: 0;
  background: #FFFFFF;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--audyntra-ink);
  overflow-x: hidden;
}
.audyntra * { box-sizing: border-box; }
.audyntra a { color: var(--audyntra-accent); text-decoration: none; }
.audyntra a:hover { color: var(--audyntra-accent-hover); }
.audyntra a:focus-visible,
.audyntra button:focus-visible,
.audyntra summary:focus-visible {
  outline: 2px solid var(--audyntra-accent);
  outline-offset: 3px;
  border-radius: 4px;
}
.audyntra details > summary::-webkit-details-marker { display: none; }
.audyntra details summary { position: relative; padding-right: 24px; list-style: none; cursor: pointer; }
.audyntra details summary::after {
  content: "+"; position: absolute; right: 0; top: 0; font-weight: 400; color: var(--audyntra-accent);
}
.audyntra details[open] summary::after { content: "\2212"; }

/* Motion */
@keyframes audyntraHeroReveal {
  from { opacity: 0; transform: translateY(18px) scale(0.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes audyntraRevealUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.audyntra .reveal { opacity: 0; transform: translateY(20px); }
.audyntra .reveal.is-visible { animation: audyntraRevealUp 0.7s cubic-bezier(.16,1,.3,1) forwards; }
.audyntra .hero-visual { animation: audyntraHeroReveal 0.9s cubic-bezier(.16,1,.3,1) both; }

@media (prefers-reduced-motion: reduce) {
  .audyntra * { animation: none !important; transition: none !important; }
  .audyntra .reveal { opacity: 1 !important; transform: none !important; }
}

/* Interactive states (replace design-canvas style-hover/style-active sugar) */
.audyntra .btn-primary { background: var(--audyntra-accent); transition: background 0.2s, transform 0.15s; }
.audyntra .btn-primary:hover { background: var(--audyntra-accent-hover); }
.audyntra .btn-primary:active { transform: scale(0.97); }

.audyntra .btn-ghost-dark { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); transition: background 0.2s, transform 0.15s; }
.audyntra .btn-ghost-dark:hover { background: rgba(255,255,255,0.12); }
.audyntra .btn-ghost-dark:active { transform: scale(0.97); }

.audyntra .nav-link { transition: color 0.2s; }
.audyntra .nav-link:hover { color: var(--audyntra-accent); }

.audyntra .footer-link { transition: color 0.2s; }
.audyntra .footer-link:hover { color: #FFFFFF; }

.audyntra .card-hover { transition: box-shadow 0.3s, transform 0.3s; }
.audyntra .card-hover:hover { box-shadow: 0 16px 36px -20px rgba(15,20,36,0.18); transform: translateY(-2px); }

.audyntra .trust-card:hover { box-shadow: 0 16px 36px -20px rgba(15,20,36,0.14); transform: translateY(-2px); }

.audyntra .pricing-card { transition: box-shadow 0.3s, transform 0.3s; }
.audyntra .pricing-card:hover { transform: translateY(-3px); }

/* Mobile nav */
.audyntra .mobile-nav-panel[hidden] { display: none !important; }

/* Responsive */
@media (max-width: 860px) {
  .audyntra .nav-links, .audyntra .nav-actions { display: none !important; }
  .audyntra .hamburger-btn { display: flex !important; }
  .audyntra .grid-2col { grid-template-columns: 1fr !important; }
  .audyntra .footer-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 520px) {
  .audyntra .footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
}

/* Legal pages (privacy.php, terms.php) — additive only, nothing above touched */
.audyntra .legal-article h2 { scroll-margin-top: 100px; }
.audyntra .legal-article p, .audyntra .legal-article li { text-wrap: pretty; }
.audyntra .toc-link { transition: color 0.2s, border-color 0.2s; }
.audyntra .toc-link:hover { color: var(--audyntra-accent); border-left-color: var(--audyntra-accent) !important; }

@media (max-width: 860px) {
  .audyntra .legal-grid { grid-template-columns: 1fr !important; }
  .audyntra .legal-toc-desktop { display: none !important; }
  .audyntra .legal-toc-mobile { display: block !important; }
}