/* Local controls and small-screen adjustments. The original theme is in style.css. */
html { scroll-padding-top: 100px; }
:focus-visible { outline: 2px solid #c084fc; outline-offset: 5px; }
.profile-avatar-mock, .avatar-option { cursor: pointer; }
.profile-input[contenteditable] { cursor: text; white-space: nowrap; overflow: hidden; }
.local-demo-note {
  position: fixed; bottom: 9px; left: 12px; right: 12px; z-index: 10;
  text-align: center; font: 11px/1.5 Inter, sans-serif; color: #8b8192;
  pointer-events: none;
}
.local-toast {
  position: fixed; top: 105px; right: 20px; z-index: 10000;
  max-width: min(380px, calc(100vw - 40px)); padding: 16px 22px;
  color: #fffefd; background: #26172f; border: 1px solid #8e4bb2;
  border-radius: 12px; box-shadow: 0 10px 40px #0008;
  font: 500 14px/1.6 Inter, sans-serif;
}
.download-info { max-width: 650px; margin: 5rem auto; padding: 2.5rem; text-align: center; }
.download-info h1 { font-size: 2.8rem; margin: 1.5rem 0; }
.download-info p { color: var(--text-secondary); margin-bottom: 1.5rem; }
@media (max-width: 760px) {
  .navbar { padding: 1rem 0; }
  .navbar .container { gap: 1rem; flex-wrap: wrap; }
  .navbar .desktop-only { gap: .5rem !important; margin-left: auto; }
  .navbar .desktop-only .btn { padding: .55rem .8rem; font-size: .75rem; }
  .navbar .nav-links { order: 3; width: 100%; justify-content: center; gap: 1.7rem; padding: .5rem 1rem; }
  .navbar .nav-link { font-size: .8rem; }
  body:has(.navbar) { padding-top: 125px; }
  html { scroll-padding-top: 145px; }
  .hero { padding: 65px 0 70px; }
  .hero-content { grid-template-columns: 1fr; gap: 2.5rem; margin-top: 1rem; }
  .hero-text h1 { font-size: clamp(2.7rem, 10vw, 4.2rem); }
  .hero-text p { font-size: 1rem; }
  .hero-visual { max-width: 380px; width: 100%; margin: 0 auto; }
  .hero-logo-img { width: 100%; }
  .btn-group { flex-wrap: wrap; gap: 1rem; }
  .btn-hero-primary, .btn-hero-outline { padding: .8rem 1.25rem; font-size: .9rem; }
  .section-padding { padding: 65px 0; }
  .profile-section-glow > .container { display: flex !important; flex-direction: column; gap: 3rem; }
  .profile-ui-wrapper, .profile-ui-card { max-width: 100%; }
  .profile-section-glow h2 { font-size: 2.6rem !important; }
  .features-grid, .testimonials-grid { grid-template-columns: 1fr !important; }
  .pricing-grid { grid-template-columns: 1fr; }
  .partners-logos { flex-wrap: wrap; gap: 1.5rem; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .stats-grid h2 { font-size: 2.5rem; }
  .footer-grid { gap: 2rem; }
  .local-demo-note { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  html { scroll-behavior: auto; }
}