/* Selo do propósito no topo da Starth + detalhes da bio ("Cursos, comunidade e ferramentas ·
   Construa um negócio escalável · Acesse o app"). Mesma assinatura da promoção:
   borda de luz verde/laranja girando e brilho que respira. Só tokens --edu-* (tema escuro e claro). */
@property --selo-angulo { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

.edu-seal {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 10px;
  margin: 0 0 24px; padding: 6px 16px 6px 6px; border-radius: 999px;
  background: var(--edu-night); color: var(--edu-ink);
  font-size: 13px; font-weight: 600; letter-spacing: .01em; line-height: 1;
  box-shadow: 0 10px 34px -14px var(--edu-lime-glow);
}
.edu-seal::before { /* borda de luz */
  content: ''; position: absolute; inset: -1.5px; z-index: -1; border-radius: inherit; padding: 1.5px;
  background: conic-gradient(from var(--selo-angulo), var(--edu-lime) 0%, #ffffff 10%, #ff6b2c 22%, var(--edu-lime-line) 34%, transparent 46%, transparent 58%, #ff6b2c 72%, #ffffff 84%, var(--edu-lime) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: selo-giro 3.2s linear infinite;
}
.edu-seal::after { /* brilho que respira */
  content: ''; position: absolute; inset: -8px; z-index: -2; border-radius: inherit; pointer-events: none;
  background: radial-gradient(closest-side, var(--edu-lime-glow), transparent 75%);
  opacity: .5; animation: selo-respira 3.2s ease-in-out infinite;
}
.edu-seal-kicker {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px;
  background: var(--edu-lime); color: var(--edu-on-accent);
  font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.edu-seal-dot { position: relative; order: 2; width: 6px; height: 6px; border-radius: 50%; background: #ff6b2c; box-shadow: 0 0 10px #ff6b2c; }
.edu-seal-dot::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid #ff6b2c; animation: selo-ping 2.4s ease-out infinite; }
.edu-seal-kicker { order: 1; }
.edu-seal-text { order: 3; }
@keyframes selo-giro { to { --selo-angulo: 360deg; } }
@keyframes selo-respira { 50% { opacity: 1; } }
@keyframes selo-ping { 0% { transform: scale(.4); opacity: .9; } 70%, 100% { transform: scale(1.8); opacity: 0; } }

/* "Acesse o app", como na bio. */
.edu-hero-app {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 12px;
  color: var(--edu-muted); font-size: 13px; text-decoration: none;
  border-bottom: 1px solid transparent; transition: color var(--edu-fast) var(--edu-ease), border-color var(--edu-fast) var(--edu-ease);
}
.edu-hero-app:hover, .edu-hero-app:focus-visible { color: var(--edu-lime-ink); border-color: var(--edu-lime-line); }
.edu-hero-app svg { width: 12px; height: 12px; }

/* Propósito em destaque na seção "O propósito da Starth". */
.edu-purpose-statement {
  position: relative; max-width: 30ch; margin: 22px 0 28px; padding-left: 16px;
  color: var(--edu-ink); font-size: clamp(17px, 1.6vw, 21px); line-height: 1.45; letter-spacing: -.01em;
}
.edu-purpose-statement::before {
  content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px;
  background: linear-gradient(180deg, var(--edu-lime), #ff6b2c);
}
.edu-purpose-statement b { color: var(--edu-lime-ink); font-weight: 650; }

@media (max-width: 550px) {
  .edu-seal { font-size: 12px; gap: 8px; padding-right: 12px; }
  .edu-seal-kicker { font-size: 9px; padding: 5px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .edu-seal::before, .edu-seal::after, .edu-seal-dot::after { animation: none; }
}