:root {
  --baseUnit: 0.75rem;
  --gutter: 2.25rem;
  --xs: 375px;
  --sm: 480px;
  --md: 992px;
  --lg: 1180px;
  --xl: 1920px;
}

h1 {
  font-size: 3.052rem;
  font-weight: 700;
  letter-spacing: -0.025rem;
}

h2 {
  font-size: 2.441rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

h3 {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
}

h4 {
  font-size: 1.563rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

h5 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

p {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

.body-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

@supports (scroll-behavior: smooth) {
  @media (prefers-reduced-motion: no-preference) {
    html:has(.lp-stock-option-inquiry) {
      scroll-behavior: smooth;
    }
  }
}
#direct-option-inquiry-form {
  scroll-margin-top: 5.25rem;
}

.lp-soi-hero-logos-strip {
  background-color: rgb(250, 249, 245);
}
.lp-soi-hero-logos-strip .hero-section-wrapper {
  background-color: transparent;
}

.lp-soi-hero-stage {
  position: relative;
  overflow: hidden;
}
.lp-soi-hero-stage .hero-section-wrapper {
  position: relative;
  z-index: 1;
}

.lp-soi-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.lp-soi-hero-bg__glow {
  position: absolute;
  top: 8%;
  left: 50%;
  z-index: 0;
  width: min(88%, 54rem);
  height: 22.5rem;
  background: radial-gradient(ellipse at center, rgba(74, 165, 112, 0.18) 0%, rgba(74, 165, 112, 0.04) 42%, transparent 68%);
  opacity: 0.55;
  transform: translateX(-50%);
  animation: lp-soi-hero-glow-breathe 5.2s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .lp-soi-hero-bg__glow {
    top: 10%;
    height: 25.5rem;
  }
}
.lp-soi-hero-bg__blobs {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.lp-soi-hero-bg__blob {
  position: absolute;
  border-radius: 50%;
  opacity: 0.18;
  filter: blur(5.25rem);
}
.lp-soi-hero-bg__blob--1 {
  top: -12%;
  left: -14%;
  width: 36rem;
  height: 31.5rem;
  background: rgb(200.72, 225.48, 207.76);
  animation: lp-soi-hero-blob-a 96s ease-in-out infinite alternate;
}
.lp-soi-hero-bg__blob--2 {
  top: 18%;
  right: -18%;
  width: 33rem;
  height: 37.5rem;
  background: rgb(215.18, 235.2, 223.54);
  animation: lp-soi-hero-blob-b 110s ease-in-out infinite alternate;
}
.lp-soi-hero-bg__blob--3 {
  bottom: -8%;
  left: 18%;
  width: 28.5rem;
  height: 27rem;
  background: rgb(248.65, 249, 245.45);
  animation: lp-soi-hero-blob-c 84s ease-in-out infinite alternate;
}
.lp-soi-hero-bg__grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0.28;
  background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 1px, transparent 1px);
  background-size: 2.25rem 2.25rem;
}
@media screen and (min-width: 992px) {
  .lp-soi-hero-bg__grid {
    animation: lp-soi-hero-grid-drift 120s linear infinite;
  }
}

@keyframes lp-soi-hero-glow-breathe {
  0%, 100% {
    opacity: 0.42;
    transform: translateX(-50%) scale(1);
  }
  50% {
    opacity: 0.58;
    transform: translateX(-50%) scale(1.04);
  }
}
@keyframes lp-soi-hero-blob-a {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(6%, 10%) scale(1.08);
  }
}
@keyframes lp-soi-hero-blob-b {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-8%, 5%) scale(1.06);
  }
}
@keyframes lp-soi-hero-blob-c {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(5%, -6%) scale(1.05);
  }
}
@keyframes lp-soi-hero-grid-drift {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 4.5rem 3rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-soi-hero-bg__glow,
  .lp-soi-hero-bg__blob,
  .lp-soi-hero-bg__grid {
    animation: none !important;
  }
}
.lp-stock-option-inquiry .hero-section-wrapper h1.main-title.feature {
  font-size: clamp(1.75rem, 4vw, 60px);
  line-height: 1.25;
}
@media screen and (min-width: 992px) {
  .lp-stock-option-inquiry .hero-section-wrapper h1.main-title.feature {
    font-size: 60px;
  }
}
.lp-stock-option-inquiry #intro .bento__item--bg-image-2 {
  background: linear-gradient(to right, #f7f9f6, rgb(250, 249, 245)) !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.lp-stock-option-inquiry #intro .bento__content {
  color: rgb(45, 45, 45) !important;
}
.lp-stock-option-inquiry #intro .bento__title {
  color: rgb(45, 45, 45) !important;
}
.lp-stock-option-inquiry #intro .bento__description {
  color: #000 !important;
}

.lp-soi-stats__grid {
  list-style: none;
}
.lp-soi-stats__item {
  min-width: 10.5rem;
}
.lp-soi-stats__number {
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
}
.lp-soi-stats__value {
  font-variant-numeric: tabular-nums;
}
.lp-soi-stats__unit {
  margin-left: 0.1875rem;
  font-size: 0.85em;
  font-weight: 500;
}

.lp-soi-consult__embed-wrap {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
.lp-soi-consult__embed {
  display: block;
  width: 100%;
  height: 50.25rem;
  border: none;
}

.lp-soi-card {
  border-radius: 0.375rem;
  box-sizing: border-box;
  max-width: 42rem;
}
.lp-soi-card__media {
  overflow: hidden;
}
.lp-soi-card__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 16.5rem;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.442s cubic-bezier(0.4, 0, 0.2, 1);
}
.lp-soi-card--interactive {
  transition: box-shadow 0.442s cubic-bezier(0.4, 0, 0.2, 1), transform 0.442s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  .lp-soi-card--interactive:hover {
    box-shadow: 0 0.5625rem 1.5rem rgba(0, 0, 0, 0.08);
    transform: translateY(-0.1875rem);
  }
  .lp-soi-card--interactive:hover .lp-soi-card__img {
    transform: scale(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-soi-card--interactive {
    transition: none;
  }
  .lp-soi-card--interactive:hover {
    transform: none;
  }
  .lp-soi-card__img {
    transition: none;
  }
}
.lp-soi-showcase {
  overflow: visible;
}
.lp-soi-showcase__grid {
  overflow: visible;
  display: grid;
  gap: 2.25rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 992px) {
  .lp-soi-showcase__grid {
    gap: 3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.lp-soi-showcase__item {
  margin: 0;
  position: relative;
}
@media (hover: hover) {
  .lp-soi-showcase__item:hover {
    z-index: 20;
  }
}
.lp-soi-showcase__stack {
  position: relative;
}
.lp-soi-showcase__frame {
  overflow: hidden;
  background-color: #fafafa;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.3s ease;
}
.lp-soi-showcase__img--thumb {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: top center;
}
.lp-soi-showcase__preview {
  position: fixed;
  inset: 0;
  z-index: 3000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 2.25rem;
  background-color: rgba(0, 0, 0, 0.48);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s;
  pointer-events: none;
}
.lp-soi-showcase__preview--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.lp-soi-showcase__img--full {
  flex: 0 0 auto;
  display: block;
  width: auto;
  max-width: min(94vw, 54.75rem);
  max-height: min(84vh, 60rem);
  height: auto;
  object-fit: contain;
  border-radius: 0.375rem;
  box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.6);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .lp-soi-showcase__item:has(.lp-soi-showcase__preview--open) .lp-soi-showcase__frame {
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.5);
  }
}
@media (hover: none) {
  .lp-soi-showcase__preview {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-soi-showcase__preview {
    display: none !important;
  }
}

.lp-soi-stepper {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper {
    flex-direction: row;
    align-items: stretch;
    gap: 0;
  }
}
.lp-soi-stepper__step {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__step {
    flex: 1 1 0;
  }
}
.lp-soi-stepper__indicator {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  min-height: 3.75rem;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__indicator {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
  }
}
.lp-soi-stepper__cell {
  display: none;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__cell {
    display: flex;
    min-width: 0;
  }
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__cell--left {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__cell--right {
    justify-content: flex-start;
  }
}
.lp-soi-stepper__line {
  display: none;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.lp-soi-stepper__num {
  flex-shrink: 0;
}
.lp-soi-stepper__num-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 3.75rem;
  height: 3.75rem;
  border: 2px solid #4aa570;
  border-radius: 50%;
  background-color: white;
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
.lp-soi-stepper__panel {
  flex: 1 1 auto;
}
.lp-soi-stepper__panel .lp-soi-card {
  max-width: none;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__panel {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__step:first-child .lp-soi-stepper__panel {
    padding-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .lp-soi-stepper__step:last-child .lp-soi-stepper__panel {
    padding-right: 0;
  }
}

/*# sourceMappingURL=page-stock-option-inquiry.css.map */