.brand-lockup { display: inline-flex; align-items: center; gap: .45rem; text-decoration: none; }
.brand-mark { width: 36px; height: 36px; flex: none; overflow: visible; }
.brand-mark .brand-frame { fill: none; stroke: var(--accent, #6366f1); stroke-width: 2.6; stroke-linecap: round; stroke-dasharray: 112 15; transform-origin: 24px 24px; animation: brand-orbit 14s linear infinite; }
.brand-mark .brand-stem { fill: none; stroke: var(--text-main, #fff); stroke-width: 6.5; stroke-linecap: round; }
.brand-mark .brand-node { fill: var(--accent, #6366f1); filter: drop-shadow(0 0 5px var(--accent, #6366f1)); animation: brand-pulse 2.8s ease-in-out infinite; }
.brand-word { color: var(--text-main, #fff); font-family: Manrope, system-ui, sans-serif; font-size: 1.34rem; font-weight: 800; letter-spacing: -.065em; line-height: 1; }
.brand-word .brand-i { color: var(--accent, #6366f1); }
.brand-lockup:hover .brand-frame, .brand-lockup:focus-visible .brand-frame { animation-duration: 2.5s; }
.brand-lockup:focus-visible { outline: 2px solid var(--accent, #6366f1); outline-offset: 5px; border-radius: 5px; }
.brand-lockup--footer .brand-mark { width: 31px; height: 31px; }
.brand-lockup--footer .brand-word { font-size: 1.23rem; }
@keyframes brand-orbit { to { transform: rotate(360deg); } }
@keyframes brand-pulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .brand-mark .brand-frame, .brand-mark .brand-node { animation: none; } }

/* Mobile reading and conversion layout */
@media (max-width: 767px) {
  html { scroll-padding-top: 5.75rem; scroll-padding-bottom: 8rem; }
  body.pb-20 { padding-bottom: calc(8.5rem + env(safe-area-inset-bottom)); }
  #hero { min-height: auto; padding-top: clamp(7.5rem, 18vh, 9rem); padding-bottom: 4.5rem; }
  #mobile-bottom-nav { bottom: max(12px, env(safe-area-inset-bottom)); transition: opacity .2s ease, transform .2s ease; }
  #lead-form { padding-bottom: calc(9rem + env(safe-area-inset-bottom)); scroll-margin-top: 5.75rem; }
  #lead-form input { scroll-margin-block: 6rem 10rem; }
  body:has(#contactForm input:focus) #mobile-bottom-nav { opacity: 0; pointer-events: none; transform: translateY(calc(100% + 2rem)); }
  .roi-loss-row { flex-direction: column; align-items: flex-start; gap: .45rem; font-size: 12px; line-height: 1.45; }
  #roi-loss-val { display: block; white-space: nowrap; font-size: 15px; letter-spacing: 0; }
  #hero [data-i18n="hero_badge"], #hero [data-i18n="hero_note"],
  #stats [data-i18n^="stat_"], #pricing [data-i18n="roi_saved_year"],
  #pricing [data-i18n="roi_payback"], #pricing [data-i18n="price_badge"],
  #pricing [data-i18n="price_promo"], #lead-form [data-i18n="form_speed_note"] {
    font-size: 11px; line-height: 1.45; letter-spacing: .06em;
  }
  #lead-form [data-i18n="form_speed_note"] { opacity: 1; }
  #lead-form label, #lead-form .policy-label { font-size: 13px; line-height: 1.45; }
  #mobile-bottom-nav span { font-size: 10px; letter-spacing: .08em; }
}