.lens-page { --app-accent: #baaaff; --app-accent-rgb: 186,170,255; }
.lens-page .app-hero { min-height: 640px; gap: 42px; }
.lens-page .app-eyebrow { font-size: .875rem; }
.lens-page .app-trust-line, .lens-page .legal-meta { color: #b5bed0; }
.lens-page .app-feature h2 { font-size: 1.45rem; margin-bottom: 14px; }
.lens-page .legal-body { line-height: 1.8; overflow-wrap: anywhere; }
.lens-page .legal-body a, .lens-resource a, .lens-page .app-privacy a { color: #c6b7ff; text-decoration: underline; text-underline-offset: 4px; }
.lens-page .legal-body ol { margin: 0 0 24px 24px; color: var(--text-secondary); }
.lens-page .legal-body ol li { padding-left: 6px; margin-bottom: 10px; }
.lens-page .legal-body code, .lens-page kbd { font-size: .9em; padding: 2px 5px; background: rgba(186,170,255,.1); border-radius: 4px; }
.lens-kicker { color: var(--app-accent); margin-bottom: 18px; font-weight: 600; }
.lens-resource { margin: 20px 0 12px; }
.lens-help-shot { margin: 28px 0; }
.lens-help-shot img { display: block; width: 100%; height: auto; border-radius: 12px; }
.lens-help-shot figcaption { color: #b5bed0; font-size: .9rem; margin-top: 10px; }
.lens-page .app-banner { height: auto; }
.lens-page .footer-legal-links { flex-wrap: wrap; }
.lens-page a:focus-visible, .lens-page button:focus-visible { outline: 3px solid var(--app-accent); outline-offset: 5px; }
.lens-skip { position: fixed; top: -100px; left: 20px; z-index: 10000; padding: 14px 20px; background: #21183e; color: white; }
.lens-skip:focus { top: 16px; }
@media (max-width: 768px) {
  .lens-page .legal-content h1 { font-size: 2rem; }
  .lens-page .footer-bottom { align-items: flex-start; }
}