/* Security trust statement page — prose styles that layer on landing_full.css */

.sec-prose {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-dim);
}

.sec-prose p { margin: 0 0 1.1em; }
.sec-prose p:last-child { margin-bottom: 0; }
.sec-prose strong { color: var(--text); font-weight: 600; }

.sec-prose a {
  color: var(--accent-text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.sec-prose a:hover { color: var(--text); }

.sec-prose ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.4em;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sec-prose ul li {
  position: relative;
  padding-left: 22px;
}
.sec-prose ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 12px;
  height: 1px;
  background: var(--accent);
}

.lf-section.sec-block { padding: 72px 48px; border-top: 1px solid var(--line); }
.lf-section.sec-block:first-of-type { border-top: 0; }
.lf-section.sec-block .section-head { max-width: 760px; margin: 0 auto 28px; }

.sec-hero { padding: 140px 48px 70px; text-align: center; }
.sec-hero .section-head { margin: 0 auto; max-width: 760px; }
.sec-hero .sec-eye { display: inline-flex; }
.sec-hero-meta {
  margin-top: 22px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  color: var(--text-mute);
  text-transform: uppercase;
  letter-spacing: .14em;
}

.sec-built {
  padding: 32px 48px 72px;
  text-align: center;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  color: var(--text-mute);
  text-transform: uppercase;
  letter-spacing: .14em;
}

@media (max-width: 768px) {
  .sec-hero { padding: 110px 20px 48px; }
  .lf-section.sec-block { padding: 56px 20px; }
  .lf-section.sec-block .section-head { margin-bottom: 22px; }
  .sec-built { padding: 24px 20px 48px; }
  .sec-prose { font-size: .95rem; line-height: 1.65; }
  .sec-prose ul { gap: 10px; }
  .sec-prose ul li { padding-left: 18px; font-size: .95rem; }
  .sec-prose ul li::before { top: 11px; width: 10px; }
}

@media (max-width: 480px) {
  .sec-hero { padding: 88px 16px 40px; }
  .lf-section.sec-block { padding: 44px 16px; }
  .sec-built { padding: 20px 16px 40px; }
  .sec-prose { font-size: .92rem; }
  .sec-prose ul li { font-size: .92rem; }
}