/* Swift HOME polish layer.
   Scoped to .swift-home so it cannot leak into the diagnostic or app UI. */

.swift-home {
  --swift-green: #65ff3b;
  --swift-green-soft: rgba(101, 255, 59, .12);
  --swift-border: rgba(255, 255, 255, .09);
  --swift-muted: rgba(255, 255, 255, .58);
  background:
    radial-gradient(circle at 78% 7%, rgba(101, 255, 59, .055), transparent 25%),
    #070a08;
}

.swift-home > section {
  isolation: isolate;
}

.swift-home #inicio {
  background:
    radial-gradient(circle at 78% 46%, rgba(101, 255, 59, .085), transparent 27%),
    linear-gradient(180deg, #070a08 0%, #080c09 100%);
}

.swift-home #inicio h1,
.swift-home #inicio h2,
.swift-home section h2 {
  text-wrap: balance;
}

.swift-home #inicio p {
  text-wrap: pretty;
}

.swift-home #inicio .swift-hero-photo {
  transform-origin: 50% 100%;
}

.swift-home .swift-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .016));
  border-color: var(--swift-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    0 18px 45px rgba(0, 0, 0, .10);
}

.swift-home .swift-card::after {
  content: '';
  position: absolute;
  inset: auto 12% -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(101, 255, 59, .24), transparent);
  opacity: .55;
  pointer-events: none;
}

.swift-home #atuacao {
  background:
    radial-gradient(circle at 88% 16%, rgba(101, 255, 59, .055), transparent 24%),
    #0a0e0b;
}

.swift-home #ecos {
  background:
    radial-gradient(circle at 9% 82%, rgba(101, 255, 59, .05), transparent 24%),
    #07100a;
}

.swift-home #garantia {
  background:
    radial-gradient(circle at 84% 50%, rgba(101, 255, 59, .065), transparent 26%),
    #080b09;
}

.swift-home #faq details {
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.swift-home #faq details[open] {
  border-color: rgba(21, 146, 68, .24);
  box-shadow: 0 14px 40px rgba(11, 15, 12, .055);
}

.swift-home #faq summary {
  min-height: 64px;
}

.swift-home .swift-marquee-track {
  animation-duration: 34s;
}

.swift-home .swift-marquee-track > div {
  letter-spacing: .045em;
}

.swift-home a,
.swift-home button {
  -webkit-tap-highlight-color: transparent;
}

.swift-home a:active,
.swift-home button:active {
  transform: translateY(1px);
}

@media (hover: hover) and (pointer: fine) {
  .swift-home .swift-card:hover {
    border-color: rgba(101, 255, 59, .26);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .04),
      0 26px 65px rgba(0, 0, 0, .20),
      0 0 0 1px rgba(101, 255, 59, .025);
  }

  .swift-home .swift-card:hover::after {
    opacity: 1;
  }

  .swift-home .swift-marquee-track:hover {
    animation-play-state: paused;
  }
}

@media (max-width: 1023px) {
  .swift-home #inicio {
    min-height: auto !important;
    padding-top: 84px !important;
    padding-bottom: 26px !important;
  }

  .swift-home #inicio > .relative.z-10 {
    gap: 0 !important;
  }

  .swift-home #inicio .landing-reveal:first-child {
    max-width: 680px;
  }

  .swift-home #inicio .swift-hero-photo {
    filter:
      drop-shadow(0 28px 36px rgba(0, 0, 0, .52))
      drop-shadow(0 0 22px rgba(101, 255, 59, .12));
  }

  .swift-home #atuacao,
  .swift-home #ecos,
  .swift-home #garantia,
  .swift-home #faq {
    scroll-margin-top: 74px;
  }
}

@media (max-width: 639px) {
  .swift-home #inicio {
    padding-inline: 18px !important;
    padding-top: 76px !important;
    padding-bottom: 22px !important;
  }

  .swift-home #inicio h1 {
    letter-spacing: -.048em !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(2) {
    margin-top: 12px !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(3) {
    max-width: 34rem;
    font-size: 15px;
    line-height: 1.55;
  }

  .swift-home .swift-card {
    border-radius: 18px !important;
  }

  .swift-home #atuacao,
  .swift-home #ecos,
  .swift-home #garantia,
  .swift-home #faq {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

@media (min-width: 1024px) {
  .swift-home #inicio {
    min-height: min(100svh, 820px) !important;
    background:
      radial-gradient(ellipse at 78% 80%, rgba(101, 255, 59, .24) 0%, rgba(64, 210, 84, .13) 24%, rgba(26, 98, 48, .08) 40%, transparent 62%),
      radial-gradient(circle at 88% 28%, rgba(101, 255, 59, .09), transparent 28%),
      linear-gradient(180deg, #070a08 0%, #08110a 100%);
  }

  .swift-home #inicio > .relative.z-10 {
    align-items: center;
  }

  .swift-home #inicio .landing-delay-1 {
    position: relative;
    align-self: end;
    overflow: visible;
    isolation: isolate;
  }

  /* Large soft green halo behind Júnio. */
  .swift-home #inicio .landing-delay-1::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    bottom: 3%;
    width: 88%;
    height: 72%;
    transform: translateX(-50%);
    border-radius: 48% 52% 42% 58% / 58% 46% 54% 42%;
    background:
      radial-gradient(ellipse at 50% 67%, rgba(101,255,59,.30) 0%, rgba(101,255,59,.15) 28%, rgba(32,185,84,.07) 47%, transparent 70%);
    filter: blur(26px);
    opacity: .9;
    pointer-events: none;
  }

  /* Ground light anchors the portrait to the bottom of the fold. */
  .swift-home #inicio .landing-delay-1::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -2px;
    width: 78%;
    height: 72px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(101,255,59,.30);
    filter: blur(34px);
    opacity: .72;
    pointer-events: none;
  }

  .swift-home #inicio .landing-delay-1 > div:first-child {
    bottom: 0 !important;
    width: 86% !important;
    height: 86% !important;
    background: rgba(101,255,59,.20) !important;
    filter: blur(105px) !important;
    opacity: .92;
  }

  .swift-home #inicio .landing-delay-1 > div:nth-child(2) {
    right: 1% !important;
    bottom: 4% !important;
    width: 79% !important;
    height: 72% !important;
    border-color: rgba(101,255,59,.27) !important;
    background:
      linear-gradient(140deg, rgba(101,255,59,.14), rgba(17,46,25,.06) 45%, transparent 72%) !important;
    box-shadow: inset 0 0 50px rgba(101,255,59,.035);
  }

  .swift-home #inicio .landing-delay-1 .swift-hero-photo {
    bottom: -2px !important;
    filter:
      drop-shadow(0 38px 48px rgba(0,0,0,.58))
      drop-shadow(0 0 52px rgba(101,255,59,.20));
  }

  /* Founder tag remains attached to the left side of the portrait. */
  .swift-home #inicio .landing-delay-1 > div:nth-child(4) {
    left: 8% !important;
    bottom: 30px !important;
    border-color: rgba(101,255,59,.20) !important;
    background: rgba(5,12,7,.72) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.32), 0 0 24px rgba(101,255,59,.08);
  }

  /* Main floating result card: attached to the photo and close to the fold edge. */
  .swift-home #inicio .landing-delay-1 > div:nth-child(5) {
    top: auto !important;
    right: 0 !important;
    bottom: 34px !important;
    width: 190px !important;
    padding: 15px 16px !important;
    border-color: rgba(101,255,59,.42) !important;
    background:
      linear-gradient(145deg, rgba(20,72,32,.92), rgba(5,18,10,.88)) !important;
    box-shadow:
      0 20px 54px rgba(0,0,0,.42),
      0 0 36px rgba(101,255,59,.16),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
    transform: translateX(2%) !important;
  }

  .swift-home #inicio .landing-delay-1 > div:nth-child(5)::before {
    content: '';
    position: absolute;
    inset: auto 12px -1px 12px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(101,255,59,.72), transparent);
  }

  .swift-home #inicio .landing-delay-1 > div:nth-child(5) svg {
    filter: drop-shadow(0 0 10px rgba(101,255,59,.42));
  }
}

@media (min-width: 1024px) and (max-height: 760px) {
  .swift-home #inicio .landing-delay-1 > div:nth-child(4),
  .swift-home #inicio .landing-delay-1 > div:nth-child(5) {
    bottom: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swift-home .swift-marquee-track {
    animation: none !important;
  }
}