@charset "UTF-8";
.sec-cta {
  --u: min(1px, calc((100vw - 32px) / 1376.0538));
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(396 * var(--u));
  padding: calc(81 * var(--u)) 0 calc(80 * var(--u));
  overflow: hidden;
  background-color: #FFFFFF;
  color: #FFFFFF;
  font-family: var(--font-body);
  font-feature-settings: normal;
}
.cta-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-color: #3C3731;
}
.cta-bg-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 39.1%;
}
.cta-bg-veil {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, .64);
}
.cta-bg-stripe {
  position: absolute;
  inset: 0;
  background-image: url("../../assets/img/cta/band-stripe.webp");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 21px 21px;
  opacity: .08;
}
.cta-frame {
  display: none;
}
.cta-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: calc(4.684 * var(--u));
  margin: 0;
  padding: 0;
  list-style: none;
}
.cta-item {
  position: relative;
  flex: 0 0 auto;
  width: calc(455.5616 * var(--u));
  height: calc(159.0013 * var(--u));
}
.cta-btn {
  position: absolute;
  bottom: 0;
  left: calc(50% - 198.97125 * var(--u));
  display: block;
  width: calc(397.9425 * var(--u));
  height: calc(119.697 * var(--u));
  box-shadow: 0 calc(4.5755 * var(--u)) calc(4.5755 * var(--u)) rgba(0, 0, 0, .25);
  text-decoration: none;
  transition: opacity .2s ease;
}
.cta-item--web  .cta-btn { background-color: var(--c-gold); }
.cta-item--free .cta-btn { background-color: #F0831E; }
.cta-item--ai   .cta-btn { background-color: #1D83DC; }
.cta-btn-shade {
  position: absolute;
  left: .4297%;
  top: .3718%;
  width: 99.1420%;
  height: 99.6266%;
  max-width: none;
  transform: rotate(180deg);
  pointer-events: none;
}
.cta-btn-note {
  position: absolute;
  top: calc(20.3203 * var(--u));
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: calc(18 * var(--u));
  line-height: calc(27.4532 * var(--u));
  letter-spacing: calc(1.1439 * var(--u));
  text-align: center;
  white-space: nowrap;
}
.cta-item--web .cta-btn-note { left: calc(50% - .328 * var(--u)); }
.cta-item--ai  .cta-btn-note { left: calc(50% - 7.088 * var(--u)); }
.cta-btn-label {
  position: absolute;
  top: calc(51.8047 * var(--u));
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: calc(24 * var(--u));
  line-height: calc(27.4532 * var(--u));
  letter-spacing: calc(1.9332 * var(--u));
  text-align: center;
  text-shadow: 0 calc(2.2878 * var(--u)) calc(4.5755 * var(--u)) rgba(0, 0, 0, .25);
  white-space: nowrap;
}
.cta-btn-arrow {
  position: absolute;
  top: 42.613%;
  width: 10.837%;
  height: 10.657%;
  max-width: none;
  pointer-events: none;
}
.cta-item--web  .cta-btn-arrow { right: 4.6826%; }
.cta-item--free .cta-btn-arrow { right: 2.9982%; }
.cta-item--ai   .cta-btn-arrow { right: 5.2412%; }
.cta-btn-pill {
  position: absolute;
  top: -12.8703%;
  left: calc(50% + 5.5866 * var(--u));
  transform: translateX(-50%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 69.8102%;
  height: 32.8318%;
  padding: 0 calc(11.4389 * var(--u));
  border: calc(1.1439 * var(--u)) solid #F0831E;
  border-radius: 9999px;
  background-color: #FFFFFF;
  color: #F0831E;
  font-weight: 500;
  font-size: calc(22.8777 * var(--u));
  line-height: calc(27.4532 * var(--u));
  letter-spacing: calc(1.1439 * var(--u));
  white-space: nowrap;
}
@media (hover: hover) {
  .cta-btn:hover { opacity: .85; }
}
.cta-btn:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.cta-pamph {
  position: relative;
  width: calc(263 * var(--u));
  height: calc(31 * var(--u));
  margin: calc(44.9987 * var(--u)) auto 0;
}
.cta-pamph-link {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity .2s ease;
}
.cta-pamph-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(31 * var(--u));
  height: 1px;
  background: url("../../assets/img/cta/line-914.svg") 0 0 / 100% 100% no-repeat;
}
.cta-pamph-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-11 * var(--u));
  bottom: calc(-11 * var(--u));
}
.cta-pamph-label {
  position: absolute;
  right: calc(43.5 * var(--u));
  top: calc(-1.646 * var(--u));
  font-weight: 500;
  font-size: calc(18 * var(--u));
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.cta-pamph-arrow {
  position: absolute;
  left: calc(230.0853 * var(--u));
  top: calc(4.0625 * var(--u));
  width: calc(16.4545 * var(--u));
  height: calc(10.875 * var(--u));
  max-width: none;
  transform: rotate(90deg);
  pointer-events: none;
}
@media (hover: hover) {
  .cta-pamph-link:hover { opacity: .8; }
}
.cta-pamph-link:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 4px;
}
@media (max-width: 767px) {
  .sec-cta {
    --u: min(1px, .2564102564vw);
    min-height: calc(560.09 * var(--u));
    padding: calc(77 * var(--u)) 0 calc(70.22 * var(--u));
  }
  .cta-bg-photo { object-position: 49% 50%; }
  .cta-frame {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: calc(341.5 * var(--u));
    top: calc(24 * var(--u));
    bottom: calc(33.5 * var(--u));
    border: 1px solid #FFFFFF;
    pointer-events: none;
  }
  .cta-list {
    flex-direction: column;
    align-items: center;
    gap: calc(48.72 * var(--u));
  }
  .cta-item {
    width: calc(288.5 * var(--u));
    height: calc(86.777 * var(--u));
  }
  .cta-btn {
    left: calc(50% - 144.25 * var(--u));
    width: calc(288.5 * var(--u));
    height: calc(86.777 * var(--u));
  }
  .cta-btn-note {
    top: calc(14.732 * var(--u));
    font-size: max(15px, calc(13.05 * var(--u)));
    line-height: calc(19.903 * var(--u));
    letter-spacing: calc(.8293 * var(--u));
  }
  .cta-item--web .cta-btn-note { left: calc(50% - .238 * var(--u)); }
  .cta-item--ai  .cta-btn-note { left: calc(50% - 5.139 * var(--u)); }
  .cta-btn-label {
    top: calc(37.558 * var(--u));
    font-size: calc(17.4 * var(--u));
    line-height: calc(19.903 * var(--u));
    letter-spacing: calc(1.4016 * var(--u));
    text-shadow: 0 calc(1.6585 * var(--u)) calc(3.3172 * var(--u)) rgba(0, 0, 0, .25);
  }
  .cta-btn-pill {
    left: 50%;
    padding: 0 calc(8.2925 * var(--u));
    border-width: 1px;
    font-size: calc(16.586 * var(--u));
    line-height: calc(19.903 * var(--u));
    letter-spacing: calc(.8293 * var(--u));
  }
  .cta-pamph {
    width: calc(190.67 * var(--u));
    height: calc(22.475 * var(--u));
    margin-top: calc(32.624 * var(--u));
  }
  .cta-pamph-link::before { top: calc(22.475 * var(--u)); }
  .cta-pamph-label {
    right: calc(31.537 * var(--u));
    top: calc(-1.194 * var(--u));
    font-size: max(15px, calc(13.05 * var(--u)));
  }
  .cta-pamph-arrow {
    left: calc(166.809 * var(--u));
    top: calc(2.9453 * var(--u));
    width: calc(11.929 * var(--u));
    height: calc(7.8843 * var(--u));
  }
}