/* Mobile/tablet Hero flow.
   The JSX remains unchanged; this layer controls responsive visual order and desktop Hero finish. */
@media (max-width: 1023px) {
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 8px;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(1) {
    order: 1;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > h1 {
    order: 2;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(2) {
    order: 3;
  }

  /* Júnio portrait: remove the frame feeling and preserve the full cutout. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) {
    order: 4;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(100%, 390px);
    min-height: 310px;
    height: 320px;
    flex: 0 0 320px;
    margin-top: 22px;
    margin-inline: auto;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Wider green light behind the portrait. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) > div:first-child {
    display: block !important;
    left: 50% !important;
    bottom: 4% !important;
    width: 126% !important;
    height: 82% !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    background:
      radial-gradient(ellipse at 50% 66%, rgba(101,255,59,.34) 0%, rgba(101,255,59,.18) 28%, rgba(32,185,84,.08) 50%, transparent 72%) !important;
    filter: blur(48px) !important;
    opacity: .95 !important;
    z-index: 0 !important;
  }

  /* Hide the angled rectangle behind the mobile portrait. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) > div:nth-child(2) {
    display: none !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom: 0 !important;
    height: 310px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter:
      drop-shadow(0 24px 34px rgba(0,0,0,.54))
      drop-shadow(0 0 34px rgba(101,255,59,.18)) !important;
  }

  /* Full-viewport black fade across the base, not a short box under the photo. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) > div:last-child {
    z-index: 15 !important;
    left: 50% !important;
    right: auto !important;
    bottom: -2px !important;
    width: 100vw !important;
    height: 112px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(
      to top,
      #070a08 0%,
      rgba(7,10,8,.96) 20%,
      rgba(7,10,8,.74) 45%,
      rgba(7,10,8,.34) 72%,
      transparent 100%
    ) !important;
    pointer-events: none !important;
  }

  /* Keep the founder badge above the fade. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) > div:nth-child(4) {
    z-index: 25 !important;
  }

  /* Explanatory copy */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(3) {
    order: 5;
    margin-top: 16px;
  }

  /* CTA area: only the primary action remains in the Hero. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(2) {
    order: 6;
    margin-top: 22px;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(2) > :nth-child(2) {
    display: none !important;
  }

  /* Microproofs */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(3) {
    order: 7;
    margin-top: 22px;
  }

  /* Mobile/tablet background gets visible but restrained green depth. */
  .swift-home #inicio {
    background:
      radial-gradient(circle at 50% 31%, rgba(101,255,59,.15) 0%, rgba(101,255,59,.055) 22%, transparent 43%),
      radial-gradient(ellipse at 78% 62%, rgba(32,185,84,.15) 0%, rgba(32,185,84,.05) 28%, transparent 52%),
      linear-gradient(180deg, #070a08 0%, #08110a 100%) !important;
  }

  /* Slightly shorter ticker with larger light type. */
  .swift-home #inicio + div .swift-marquee-track {
    height: 38px !important;
  }

  .swift-home #inicio + div .swift-marquee-track > div {
    font-size: 11px !important;
    color: rgba(245,245,245,.92) !important;
    letter-spacing: .05em !important;
  }
}

@media (max-width: 639px) {
  .swift-home #inicio {
    padding-top: 74px !important;
  }

  /* Exactly two lines on phones, guaranteed independently of JSX span breaks. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > h1 {
    width: 100% !important;
    max-width: none !important;
    margin-top: 10px !important;
    font-size: clamp(1.9rem, 8.2vw, 2.18rem) !important;
    line-height: .95 !important;
    letter-spacing: -.05em !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > h1 > span {
    display: none !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > h1::before {
    content: 'SUA EMPRESA';
    display: block;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > h1::after {
    content: 'PODE CRESCER MAIS.';
    display: block;
    white-space: nowrap;
  }

  /* Supporting green headline: smaller, wider and less stacked. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > p:nth-of-type(2) {
    width: 100%;
    max-width: 24ch !important;
    margin-top: 8px !important;
    font-size: clamp(1.16rem, 5.15vw, 1.38rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.026em !important;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) {
    width: min(100%, 350px);
    min-height: 292px;
    height: 304px;
    flex-basis: 304px;
    margin-top: 14px;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) img {
    height: 300px !important;
  }

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

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(2) {
    width: min(100%, 360px);
    margin-top: 16px;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(3) {
    margin-top: 18px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) {
    min-height: 330px;
    height: 340px;
    flex-basis: 340px;
  }

  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child > div:nth-of-type(1) img {
    height: 330px !important;
  }
}

/* Desktop: keep the ticker at the visual end of the portrait without covering copy/cards. */
@media (min-width: 1024px) {
  .swift-home #inicio {
    background:
      radial-gradient(ellipse at 79% 73%, rgba(101,255,59,.31) 0%, rgba(64,210,84,.15) 23%, rgba(26,98,48,.08) 41%, transparent 62%),
      radial-gradient(circle at 88% 24%, rgba(101,255,59,.13) 0%, rgba(101,255,59,.04) 24%, transparent 43%),
      linear-gradient(180deg, #070a08 0%, #08110a 100%) !important;
  }

  /* Give the written content a little more air from the top.
     Use relative positioning instead of transform: LandingPremiumEffects resets reveal transforms. */
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child {
    position: relative;
    top: 8px;
  }

  /* Stronger green aura directly behind Júnio. */
  .swift-home #inicio .landing-delay-1::before {
    width: 104% !important;
    height: 82% !important;
    bottom: 1% !important;
    background:
      radial-gradient(ellipse at 50% 68%, rgba(101,255,59,.40) 0%, rgba(101,255,59,.19) 30%, rgba(32,185,84,.09) 50%, transparent 72%) !important;
    filter: blur(34px) !important;
    opacity: .98 !important;
  }

  .swift-home #inicio .landing-delay-1 .swift-hero-photo {
    bottom: -12px !important;
    filter:
      drop-shadow(0 38px 48px rgba(0,0,0,.58))
      drop-shadow(0 0 64px rgba(101,255,59,.25)) !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 84%,
      rgba(0,0,0,.98) 90%,
      rgba(0,0,0,.70) 95%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 84%,
      rgba(0,0,0,.98) 90%,
      rgba(0,0,0,.70) 95%,
      transparent 100%
    );
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  /* Less overlap than before: enough to cover the photo ending, not enough to cover text. */
  .swift-home #inicio + div {
    position: relative;
    z-index: 40 !important;
    margin-top: -30px;
    box-shadow:
      0 -14px 32px rgba(101,255,59,.09),
      0 10px 24px rgba(0,0,0,.16);
  }

  /* Full-width shadow/fade above the ticker, from edge to edge of the viewport. */
  .swift-home #inicio + div::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: -92px;
    width: 100vw;
    height: 116px;
    transform: translateX(-50%);
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(7,10,8,0) 0%,
      rgba(7,10,8,.22) 30%,
      rgba(7,10,8,.58) 62%,
      rgba(7,10,8,.92) 100%
    );
  }

  .swift-home #inicio + div .swift-marquee-track {
    position: relative;
    z-index: 2;
    height: 46px !important;
  }

  .swift-home #inicio + div .swift-marquee-track > div {
    font-size: 13px !important;
    color: rgba(245,245,245,.94) !important;
    letter-spacing: .055em !important;
  }

  /* Keep floating cards clearly above the raised ticker. */
  .swift-home #inicio .landing-delay-1 > div:nth-child(4),
  .swift-home #inicio .landing-delay-1 > div:nth-child(5) {
    z-index: 50 !important;
    bottom: 82px !important;
  }

  .swift-home #inicio .landing-delay-1 > div:nth-child(5) {
    right: 1.5% !important;
  }
}

@media (min-width: 1024px) and (max-height: 760px) {
  .swift-home #inicio > .relative.z-10 > .landing-reveal:first-child {
    top: 6px;
  }

  .swift-home #inicio + div {
    margin-top: -26px;
  }

  .swift-home #inicio .landing-delay-1 > div:nth-child(4),
  .swift-home #inicio .landing-delay-1 > div:nth-child(5) {
    bottom: 74px !important;
  }
}