/* apps.devlooper.io — charte sobre (papier / ink), proche de lab. */

html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01"; }
::selection { background: #C3D0E8; color: #171F35; }

.devlooper-logo svg { display: block; height: 1.375rem; width: auto; }

.apps-subheader {
  position: relative;
  z-index: 40;
  border-bottom: 1px solid #E1DBCC;
  background: #F8F6F1;
  font-size: 12.5px;
  line-height: 1.4;
}
.apps-subheader__text { margin: 0; color: #5B6478; }
.apps-subheader__text a { color: #1E2436; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.apps-subheader__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.85rem;
  padding: 0 .85rem;
  border-radius: 999px;
  background: #1E2436;
  color: #F8F6F1;
  font-weight: 650;
  font-size: 12px;
  white-space: nowrap;
}

.apps-cover {
  display: block;
  overflow: hidden;
  border-radius: 0.85rem;
  border: 1px solid #E1DBCC;
  background: #EFEAE0;
  aspect-ratio: 16 / 10;
}
.apps-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.infinity-divider { height: 1px; background: linear-gradient(90deg, transparent, #D8D1BE, transparent); }

input:focus, textarea:focus, select:focus, button:focus-visible, a:focus-visible {
  outline: 2px solid #4E66A4; outline-offset: 2px;
}

.legal-article h2 { font-size: 1.15rem; margin: 1.75rem 0 .6rem; }
.legal-article p, .legal-article li { color: #5B6478; font-size: 15px; line-height: 1.65; }
.legal-article ul { margin: .4rem 0 1rem 1.1rem; list-style: disc; }