/* Mesma identidade do site principal (css/styles.css) */
:root {
  --navy: #1e2d4f;
  --wine: #8f1d1d;
  --text: #2a3550;
  --muted: #5b6479;
  --border: #8a93a8;
  --bg: #ffffff;
  --font-display: "Anton", "Impact", sans-serif;
  --font-body: "Montserrat", system-ui, sans-serif;
  --font-script: "Mrs Saint Delafield", cursive;
}

*, *::before, *::after { box-sizing: border-box; }
html { background: #e9ecf2; }
body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #ffffff 0%, #f1f3f7 45%, #e4e8ef 100%);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

.lk {
  max-width: 460px;
  margin: 0 auto;
  padding: calc(28px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));
}

/* bolinhas (igual ao site) */
.lk-dots { display: flex; gap: 6px; }
.lk-dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--navy); }

/* ===== Topo (igual ao hero do site) ===== */
.lk-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 34px;
}
.lk-hero .lk-dots { align-self: flex-start; margin-bottom: 18px; }
.lk-hero__title {
  position: relative;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(54px, 16vw, 72px);
  line-height: .9;
  letter-spacing: -.01em;
  color: var(--navy);
  white-space: nowrap;
  z-index: 1;
}
.lk-hero__star {
  position: absolute;
  top: -.04em;
  right: -.36em;
  width: .3em;
  height: .3em;
  color: var(--wine);
  animation: spin 14s linear infinite;
}
.lk-hero__photo {
  position: relative;
  z-index: 2;
  margin: -26px 0 0;
  width: min(78vw, 300px);
  aspect-ratio: 1 / 1.08;
  border-radius: 0 0 50% 50% / 0 0 46% 46%;
  overflow: hidden;
}
.lk-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.lk-hero__signature {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform: rotate(-6deg);
  font-family: var(--font-script);
  font-size: clamp(54px, 15vw, 70px);
  line-height: 1;
  color: var(--wine);
  -webkit-text-stroke: .1em #fff;
  paint-order: stroke fill;
  text-shadow: 0 0 .06em #fff, 0 0 .12em #fff, 0 .04em .2em rgba(255, 255, 255, .9);
  white-space: nowrap;
  pointer-events: none;
}

/* ===== Boas-vindas ===== */
.lk-welcome {
  text-align: center;
  margin: 26px 0 22px;
}
.lk-pill {
  display: inline-block;
  padding: 12px 34px;
  border-radius: 999px;
  border: 1.5px solid var(--navy);
  background: #fff;
  color: var(--navy);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: .02em;
}
.lk-welcome p {
  margin: 12px 0 0;
  font-size: 14px;
  color: var(--muted);
}

/* ===== Lista ===== */
.lk-list { display: grid; gap: 12px; }

.lk-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  border: 1.5px solid var(--border);
  box-shadow: 0 6px 18px -12px rgba(30, 45, 79, .5);
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease;
}
.lk-card:hover, .lk-row:hover { transform: translateY(-2px); border-color: var(--wine); }
.lk-card:active, .lk-row:active { transform: scale(.985); }

.lk-card__text { display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 1; }
.lk-card__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
}
.lk-card__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 26px;
  line-height: 1;
  color: var(--navy);
  text-transform: uppercase;
}
.lk-card__title em { font-style: normal; color: var(--wine); }
.lk-card__sub { font-size: 13px; color: var(--muted); }

/* destaque: orçamento (azul-marinho, como a seção Contato do site) */
.lk-card--feature {
  min-height: 210px;
  align-items: flex-end;
  padding-right: 42%;
  background: var(--navy);
  border-color: var(--navy);
}
.lk-card--feature .lk-card__eyebrow { color: rgba(255, 255, 255, .65); }
.lk-card--feature .lk-card__title { color: #fff; font-size: 30px; }
.lk-card--feature .lk-card__title em { color: #f1c3c3; }
.lk-card--feature:hover { border-color: var(--wine); }
.lk-card__cutout {
  position: absolute;
  right: -8px;
  bottom: -2px;
  height: 108%;
  width: auto;
  pointer-events: none;
}
.lk-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  align-self: flex-start;
  padding: 11px 16px;
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background .25s ease, color .25s ease;
}
.lk-card--feature:hover .lk-btn { background: var(--wine); color: #fff; }
.lk-btn svg, .lk-card__arrow, .lk-row__arrow {
  width: 16px; height: 16px;
  fill: none; stroke: currentColor; stroke-width: 2.2;
  stroke-linecap: round; stroke-linejoin: round;
  flex: none;
}

/* site */
.lk-card--site { padding: 20px; }
.lk-card__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  --sun-core: var(--navy);
}
.lk-card__icon svg { width: 28px; height: 28px; }
.lk-card--site .lk-card__text { flex: 1; min-width: 0; }
.lk-card__arrow { width: 22px; height: 22px; color: var(--wine); }

/* redes (mesmo estilo dos cards de nichos) */
.lk-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1.5px solid var(--border);
  box-shadow: 0 6px 18px -12px rgba(30, 45, 79, .5);
  transition: transform .25s ease, border-color .25s ease;
}
.lk-row__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f3f7;
  color: var(--wine);
}
.lk-row__icon svg { width: 20px; height: 20px; }
.lk-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lk-row__text strong { font-size: 15px; font-weight: 700; color: var(--navy); }
.lk-row__text span {
  font-size: 13px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lk-row__arrow { color: var(--navy); }

/* rodapé */
.lk-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 32px;
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--muted);
}
.lk-footer svg { width: 24px; height: 24px; color: var(--wine); --sun-core: #e9ecf2; animation: spin 14s linear infinite; }

/* entrada suave */
.lk-hero, .lk-welcome, .lk-list > li, .lk-footer { animation: rise .7s cubic-bezier(.2, .7, .2, 1) both; }
.lk-welcome { animation-delay: .1s; }
.lk-list > li:nth-child(1) { animation-delay: .18s; }
.lk-list > li:nth-child(2) { animation-delay: .24s; }
.lk-list > li:nth-child(3) { animation-delay: .30s; }
.lk-list > li:nth-child(4) { animation-delay: .36s; }
.lk-list > li:nth-child(5) { animation-delay: .42s; }
.lk-list > li:nth-child(6) { animation-delay: .48s; }
.lk-footer { animation-delay: .54s; }

@keyframes rise { from { opacity: 0; transform: translateY(14px); } }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* telas maiores: cartão centralizado, como os cards do site */
@media (min-width: 600px) {
  body { padding: 40px 0; background: linear-gradient(180deg, #dfe3ea 0%, #e9ecf2 100%); }
  .lk {
    background: linear-gradient(135deg, #ffffff 0%, #f1f3f7 100%);
    box-shadow: 0 20px 60px -30px rgba(30, 45, 79, .35);
    padding: 36px 24px 32px;
  }
}