.elementor-4142 .elementor-element.elementor-element-0665cf9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:25px;--margin-right:0px;}.elementor-4142 .elementor-element.elementor-element-5b47684 .elementor-repeater-item-c67e541 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://xgflow.shop/wp-content/uploads/2026/10/蒸汽星光新品熱搜排行.webp);background-size:cover;}.elementor-4142 .elementor-element.elementor-element-5b47684 .swiper-slide{transition-duration:calc(3000ms*1.2);height:100vh;}.elementor-4142 .elementor-element.elementor-element-5b47684{width:var( --container-widget-width, 98.016% );max-width:98.016%;margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:98.016%;--container-widget-flex-grow:0;}.elementor-4142 .elementor-element.elementor-element-5b47684.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4142 .elementor-element.elementor-element-5b47684 .swiper-slide-contents{max-width:66%;}.elementor-4142 .elementor-element.elementor-element-5b47684 .swiper-slide-inner{text-align:center;}.elementor-4142 .elementor-element.elementor-element-a5efa42{--display:flex;}.elementor-4142 .elementor-element.elementor-element-f890f2c.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4142 .elementor-element.elementor-element-f890f2c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-f890f2c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4142 .elementor-element.elementor-element-a8e81e0{--display:flex;}.elementor-4142 .elementor-element.elementor-element-ee9673a{--display:flex;}.elementor-4142 .elementor-element.elementor-element-4a60be8.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4142 .elementor-element.elementor-element-4a60be8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4a60be8.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4142 .elementor-element.elementor-element-7c11e5d{--display:flex;}.elementor-4142 .elementor-element.elementor-element-8ef55d9{--display:flex;}.elementor-4142 .elementor-element.elementor-element-4f7b328.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4142 .elementor-element.elementor-element-4f7b328.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4f7b328.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4142 .elementor-element.elementor-element-183d976{--display:flex;}@media(max-width:1024px){.elementor-4142 .elementor-element.elementor-element-f890f2c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4a60be8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4f7b328.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-4142 .elementor-element.elementor-element-0665cf9{--width:100%;}.elementor-4142 .elementor-element.elementor-element-ee9673a{--content-width:1700px;}.elementor-4142 .elementor-element.elementor-element-7c11e5d{--content-width:1700px;}.elementor-4142 .elementor-element.elementor-element-8ef55d9{--content-width:1700px;}}@media(max-width:767px){.elementor-4142 .elementor-element.elementor-element-0665cf9{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4142 .elementor-element.elementor-element-5b47684{width:100%;max-width:100%;margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4142 .elementor-element.elementor-element-5b47684 .swiper-slide{height:25vh;}.elementor-4142 .elementor-element.elementor-element-f890f2c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4a60be8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4142 .elementor-element.elementor-element-4f7b328.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-912c237 *//* =========================================================
   VX PRODUCT SHOWCASE
   Isolated CSS
========================================================= */

.vx-product-showcase {
  --vx-bg: #0B0F1A;
  --vx-surface: #151C2B;
  --vx-surface-2: #1A2332;

  --vx-blue: #7B9CFF;
  --vx-purple: #A78BFA;

  --vx-light: #E8EEF7;
  --vx-white: #FFFFFF;

  width: 100%;
  max-width: 1700px;
  margin: 0 auto;

  color: var(--vx-light);

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  box-sizing: border-box;
  overflow: hidden;
}

.vx-product-showcase *,
.vx-product-showcase *::before,
.vx-product-showcase *::after {
  box-sizing: border-box;
}


/* =========================================================
   CATEGORY GRID
========================================================= */

.vx-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}


/* =========================================================
   CATEGORY CARD
========================================================= */

.vx-category-card {
  --vx-mx: 0px;
  --vx-my: 0px;

  position: relative;
  min-height: 390px;
  padding: 30px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.015)
    ),
    #151C2B;

  box-shadow:
    0 20px 60px rgba(0,0,0,.18);

  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease,
    box-shadow .35s ease;
}

.vx-category-card:hover {
  transform:
    translate3d(
      var(--vx-mx),
      var(--vx-my),
      0
    )
    translateY(-6px);

  border-color:
    rgba(123,156,255,.32);

  box-shadow:
    0 28px 80px rgba(0,0,0,.28);
}


/* =========================================================
   CATEGORY GLOW
========================================================= */

.vx-category-glow {
  position: absolute;

  width: 260px;
  height: 260px;

  right: -100px;
  bottom: -120px;

  pointer-events: none;

  opacity: .55;

  filter: blur(20px);

  transition:
    transform .6s ease,
    opacity .4s ease;
}

.vx-category-card--blue .vx-category-glow {
  background:
    radial-gradient(
      circle,
      rgba(123,156,255,.22),
      transparent 70%
    );
}

.vx-category-card--purple .vx-category-glow {
  background:
    radial-gradient(
      circle,
      rgba(167,139,250,.22),
      transparent 70%
    );
}

.vx-category-card--cyan .vx-category-glow {
  background:
    radial-gradient(
      circle,
      rgba(123,156,255,.18),
      transparent 70%
    );
}

.vx-category-card:hover .vx-category-glow {
  transform:
    scale(1.25)
    translate(-25px,-20px);

  opacity: .9;
}


/* =========================================================
   TOP
========================================================= */

.vx-category-top {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 42px;
}

.vx-category-number {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;

  color:
    rgba(232,238,247,.42);
}

.vx-category-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  padding: 7px 11px;

  border:
    1px solid rgba(123,156,255,.14);

  border-radius: 999px;

  background:
    rgba(123,156,255,.055);

  color:
    rgba(232,238,247,.72);

  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
}

.vx-category-status i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--vx-blue);

  box-shadow:
    0 0 10px rgba(123,156,255,.9);

  animation:
    vx-status-pulse 2s ease-in-out infinite;
}

@keyframes vx-status-pulse {
  0%,
  100% {
    opacity: .45;
    transform: scale(.85);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}


/* =========================================================
   CONTENT
========================================================= */

.vx-category-content {
  position: relative;
  z-index: 2;
}

.vx-category-label {
  margin-bottom: 12px;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;

  color:
    rgba(123,156,255,.75);
}

.vx-category-title {
  margin: 0 0 14px;

  color: var(--vx-white);

  font-size:
    clamp(25px, 2vw, 34px);

  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -.025em;
}

.vx-category-description {
  max-width: 380px;
  margin: 0;

  color:
    rgba(232,238,247,.52);

  font-size: 14px;
  line-height: 1.75;
}


/* =========================================================
   SALES
========================================================= */

.vx-sales-area {
  position: absolute;

  left: 30px;
  right: 30px;
  bottom: 70px;

  z-index: 3;
}

.vx-sales-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;

  font-size: 11px;

  color:
    rgba(232,238,247,.42);
}

.vx-sales-header strong {
  font-size: 16px;
  font-weight: 600;

  color:
    var(--vx-light);
}

.vx-sales-bar {
  position: relative;

  width: 100%;
  height: 3px;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255,255,255,.07);
}

.vx-sales-bar span {
  display: block;

  width: var(--sales-width);
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--vx-blue),
      var(--vx-purple)
    );

  transform-origin: left center;

  animation:
    vx-sales-grow 1.2s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes vx-sales-grow {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.vx-sales-meta {
  display: flex;
  justify-content: space-between;

  margin-top: 9px;

  font-size: 10px;

  color:
    rgba(232,238,247,.30);
}


/* =========================================================
   TREND CHART
========================================================= */

.vx-trend-chart {
  position: absolute;

  right: 30px;
  bottom: 30px;

  z-index: 2;

  display: flex;
  align-items: flex-end;

  gap: 4px;

  width: 92px;
  height: 30px;

  opacity: .8;
}

.vx-trend-chart span {
  flex: 1;

  height: var(--h);
  min-height: 4px;

  border-radius: 2px 2px 0 0;

  background:
    linear-gradient(
      180deg,
      rgba(123,156,255,.7),
      rgba(123,156,255,.12)
    );

  transform-origin: bottom;

  animation:
    vx-chart-breathe 2.6s ease-in-out infinite;
}

.vx-trend-chart span:nth-child(2) {
  animation-delay: .08s;
}

.vx-trend-chart span:nth-child(3) {
  animation-delay: .16s;
}

.vx-trend-chart span:nth-child(4) {
  animation-delay: .24s;
}

.vx-trend-chart span:nth-child(5) {
  animation-delay: .32s;
}

.vx-trend-chart span:nth-child(6) {
  animation-delay: .40s;
}

.vx-trend-chart span:nth-child(7) {
  animation-delay: .48s;
}

.vx-trend-chart span:nth-child(8) {
  animation-delay: .56s;
}

@keyframes vx-chart-breathe {
  0%,
  100% {
    opacity: .35;
    transform: scaleY(.86);
  }

  50% {
    opacity: .9;
    transform: scaleY(1);
  }
}


/* =========================================================
   BRAND SECTION
========================================================= */

.vx-brand-section {
  margin-top: 34px;
  padding: 20px 0 4px;
}

.vx-brand-heading {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 14px;
  margin-bottom: 18px;
}

.vx-brand-line {
  width: 30px;
  height: 1px;

  background:
    rgba(255,255,255,.08);
}

.vx-brand-caption {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;

  color:
    rgba(232,238,247,.32);
}


/* =========================================================
   BRAND SLIDER
========================================================= */

.vx-brand-slider {
  position: relative;

  width: 100%;

  overflow-x: auto;
  overflow-y: hidden;

  scrollbar-width: none;

  cursor: grab;

  user-select: none;

  -webkit-overflow-scrolling: touch;

  touch-action: pan-x;
}

.vx-brand-slider::-webkit-scrollbar {
  display: none;
}

.vx-brand-slider.is-dragging {
  cursor: grabbing;
}


/* =========================================================
   BRAND TRACK
========================================================= */

.vx-brand-track {
  display: flex;
  align-items: center;

  gap: 12px;

  width: max-content;

  padding:
    4px 3px 10px;
}


/* =========================================================
   BRAND ITEM
========================================================= */

.vx-brand-item {
  position: relative;

  flex:
    0 0 clamp(150px, 14vw, 210px);

  transition:
    transform .4s cubic-bezier(.2,.8,.2,1),
    opacity .35s ease;
}


/* =========================================================
   BRAND IMAGE
========================================================= */

.vx-brand-image {
  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius: 13px;

  background:
    rgba(255,255,255,.025);

  transition:
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.vx-brand-image::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      120deg,
      transparent 20%,
      rgba(255,255,255,.08) 45%,
      transparent 70%
    );

  transform:
    translateX(-120%);

  transition:
    transform .65s ease;
}

.vx-brand-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  filter:
    brightness(.76)
    saturate(.78);

  transition:
    transform .5s cubic-bezier(.2,.8,.2,1),
    filter .45s ease;
}


/* =========================================================
   BRAND HOVER / ACTIVE
========================================================= */

.vx-brand-item:hover,
.vx-brand-item.is-active {
  transform:
    translateY(-5px)
    scale(1.025);
}

.vx-brand-item:hover .vx-brand-image,
.vx-brand-item.is-active .vx-brand-image {
  border-color:
    rgba(123,156,255,.28);

  box-shadow:
    0 14px 35px rgba(0,0,0,.25);
}

.vx-brand-item:hover .vx-brand-image {
  background:
    rgba(123,156,255,.045);
}

.vx-brand-item:hover .vx-brand-image img {
  transform:
    scale(1.045);

  filter:
    brightness(1)
    saturate(.95);
}

.vx-brand-item:hover .vx-brand-image::after {
  transform:
    translateX(120%);
}

.vx-brand-item.is-active .vx-brand-image {
  border-color:
    rgba(123,156,255,.38);

  box-shadow:
    0 15px 40px rgba(0,0,0,.3);
}

.vx-brand-item.is-active .vx-brand-image img {
  filter:
    brightness(1)
    saturate(1);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .vx-category-grid {
    gap: 14px;
  }

  .vx-category-card {
    min-height: 370px;
    padding: 24px;
  }

  .vx-sales-area {
    left: 24px;
    right: 24px;
  }

  .vx-trend-chart {
    right: 24px;
  }

  .vx-category-title {
    font-size: 25px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .vx-category-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .vx-category-card {
    min-height: 315px;
    padding: 22px;
    border-radius: 21px;
  }

  .vx-category-top {
    margin-bottom: 28px;
  }

  .vx-category-title {
    font-size: 25px;
  }

  .vx-category-description {
    max-width: 330px;
    font-size: 13px;
  }

  .vx-sales-area {
    left: 22px;
    right: 22px;
    bottom: 56px;
  }

  .vx-trend-chart {
    right: 22px;
    bottom: 22px;

    width: 78px;
    height: 25px;
  }

  .vx-brand-section {
    margin-top: 22px;
  }

  .vx-brand-heading {
    margin-bottom: 12px;
  }

  .vx-brand-track {
    gap: 9px;
  }

  .vx-brand-item {
    flex-basis: 145px;
  }

  .vx-brand-image {
    border-radius: 11px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .vx-category-card {
    min-height: 300px;
    padding: 19px;
  }

  .vx-category-status {
    font-size: 9px;
    padding: 6px 9px;
  }

  .vx-category-title {
    font-size: 23px;
  }

  .vx-category-description {
    font-size: 12px;
  }

  .vx-sales-area {
    left: 19px;
    right: 19px;
  }

  .vx-trend-chart {
    right: 19px;
  }

  .vx-brand-item {
    flex-basis: 138px;
  }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .vx-product-showcase *,
  .vx-product-showcase *::before,
  .vx-product-showcase *::after {

    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-681a4e1 */.vv-offer {
  --bg: #0B0F1A;
  --card: #151C2B;
  --card2: #1A2332;
  --blue: #7B9CFF;
  --purple: #A78BFA;
  --text: #E8EEF7;
  --white: #FFFFFF;
  --muted: rgba(232,238,247,.58);
  --line: rgba(232,238,247,.10);

  width: 100%;
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
}

.vv-offer__wrap {
  width: min(1700px, calc(100% - 80px));
  margin: auto;
  padding: 100px 0;

  display: grid;
  grid-template-columns:
    minmax(0, 1.18fr)
    minmax(380px, .82fr);

  grid-template-rows: auto auto;

  gap: 18px 70px;
}


/* =========================
   圖片
========================= */

.vv-offer__visual {
  min-width: 0;
}

.vv-offer__image {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;

  overflow: hidden;
  border-radius: 26px;

  background: var(--card);
}

.vv-offer__image img {
  width: 100%;
  height: 100%;
  display: block;

  object-fit: cover;

  transition:
    transform 1200ms cubic-bezier(.16,1,.3,1);
}

.vv-offer__image:hover img {
  transform: scale(1.045);
}

.vv-offer__image-info {
  position: absolute;
  left: 22px;
  bottom: 20px;

  display: flex;
  align-items: center;
  gap: 8px;

  color: #fff;
  font-size: 11px;
  letter-spacing: .1em;
}

.vv-offer__image-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}


/* =========================
   右側主內容
========================= */

.vv-offer__main {
  align-self: center;
  max-width: 620px;
}

.vv-offer__label,
.vv-offer__small-label {
  display: block;

  color: rgba(232,238,247,.42);

  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
}

.vv-offer__label {
  margin-bottom: 25px;
  color: var(--blue);
}

.vv-offer__title {
  margin: 0 0 25px;

  color: var(--text);

  font-size: clamp(46px, 4.2vw, 68px);
  line-height: 1.04;

  font-weight: 500;
  letter-spacing: -.05em;
}

.vv-offer__title span {
  color: rgba(232,238,247,.45);
}

.vv-offer__intro {
  max-width: 500px;
  margin: 0 0 32px;

  color: var(--muted);

  font-size: 15px;
  line-height: 1.85;
}


/* =========================
   按鈕
========================= */

.vv-offer__button {
  display: inline-flex;
  align-items: center;
  gap: 18px;

  min-height: 54px;
  padding: 7px 7px 7px 24px;

  border-radius: 13px;

  background: var(--blue);
  color: #0B0F1A;

  text-decoration: none;

  font-size: 14px;
  font-weight: 600;

  transition:
    transform .2s ease,
    background .2s ease;
}

.vv-offer__button:hover {
  transform: translateY(-2px);
  background: #8CA9FF;
  color: #0B0F1A;
}

.vv-offer__button-arrow {
  width: 40px;
  height: 40px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  background: #0B0F1A;
  color: #fff;
}

.vv-offer__button-arrow svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================
   下方三個區塊
========================= */

.vv-offer__timer,
.vv-offer__story,
.vv-offer__trust {
  min-width: 0;

  border: 1px solid var(--line);
  border-radius: 23px;

  background: var(--card);
}


/* =========================
   Timer
========================= */

.vv-offer__timer {
  padding: 26px;
}

.vv-offer__timer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin: 13px 0 10px;
}

.vv-offer__timer h3,
.vv-offer__story h3,
.vv-offer__trust h3 {
  margin: 0;

  font-weight: 500;
  letter-spacing: -.03em;
}

.vv-offer__timer h3 {
  font-size: 23px;
}

.vv-offer__timer-head span {
  color: var(--blue);
  font-size: 9px;
  letter-spacing: .13em;
}

.vv-offer__timer p {
  max-width: 330px;
  margin: 0 0 25px;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.7;
}

.vv-offer__countdown {
  display: flex;
  align-items: end;
  gap: 7px;
}

.vv-offer__countdown div {
  display: flex;
  flex-direction: column;
}

.vv-offer__countdown strong {
  color: #fff;

  font-size: 28px;
  line-height: 1;

  font-weight: 500;
  letter-spacing: -.05em;

  font-variant-numeric: tabular-nums;
}

.vv-offer__countdown small {
  margin-top: 6px;

  color: rgba(232,238,247,.4);
  font-size: 9px;
}

.vv-offer__countdown i {
  padding-bottom: 10px;

  color: rgba(232,238,247,.2);
  font-style: normal;
}


/* =========================
   Story
========================= */

.vv-offer__story {
  padding: 26px;

  background: var(--card2);
}

.vv-offer__story h3 {
  margin-top: 13px;
  font-size: 24px;
  line-height: 1.25;
}

.vv-offer__story h3 span {
  color: var(--purple);
}

.vv-offer__story p {
  max-width: 360px;
  margin: 14px 0 0;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.8;
}

.vv-offer__story-line {
  width: 45px;
  height: 1px;

  margin-top: 24px;

  background: var(--purple);
}


/* =========================
   Trust
========================= */

.vv-offer__trust {
  grid-column: 1 / -1;

  padding: 27px;

  background: var(--card2);
}

.vv-offer__trust-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;
}

.vv-offer__trust h3 {
  margin-top: 10px;

  font-size: 20px;
  line-height: 1.4;
}

.vv-offer__trust-mark {
  padding: 6px 9px;

  border: 1px solid rgba(123,156,255,.2);
  border-radius: 50px;

  color: var(--blue);

  font-size: 9px;
  letter-spacing: .1em;
}


/* =========================
   曲線
========================= */

.vv-offer__chart {
  height: 105px;
  margin: 8px 0 2px;
}

.vv-offer__chart svg {
  width: 100%;
  height: 100%;
  display: block;
}

.vv-offer__chart-grid {
  fill: none;
  stroke: rgba(232,238,247,.055);
  stroke-width: 1;
}

.vv-offer__chart-line {
  fill: none;

  stroke: var(--blue);
  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-dasharray: 900;
  stroke-dashoffset: 900;

  animation:
    vvChartDraw 1.8s ease forwards,
    vvChartMove 5s ease-in-out 1.8s infinite;
}

.vv-offer__chart-point {
  fill: var(--blue);
}

@keyframes vvChartDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes vvChartMove {
  0%,100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}


/* =========================
   Stats
========================= */

.vv-offer__stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);

  border-top: 1px solid var(--line);
}

.vv-offer__stat {
  padding: 15px 15px 0 0;

  border-right: 1px solid var(--line);
}

.vv-offer__stat + .vv-offer__stat {
  padding-left: 15px;
}

.vv-offer__stat:last-child {
  border-right: 0;
}

.vv-offer__stat strong {
  display: block;

  color: var(--text);

  font-size: 25px;
  line-height: 1;

  font-weight: 500;
  letter-spacing: -.04em;
}

.vv-offer__stat strong span {
  color: var(--blue);
  font-size: .65em;
}

.vv-offer__stat small {
  display: block;
  margin-top: 7px;

  color: rgba(232,238,247,.4);

  font-size: 9px;
}


/* =========================
   1700px → 平板
========================= */

@media (max-width: 1100px) {

  .vv-offer__wrap {
    width: min(900px, calc(100% - 48px));

    grid-template-columns: 1fr;

    gap: 18px;
  }

  .vv-offer__main {
    max-width: 700px;
    padding: 35px 0 20px;
  }

  .vv-offer__trust {
    grid-column: auto;
  }

}


/* =========================
   手機
========================= */

@media (max-width: 650px) {

  .vv-offer__wrap {
    width: calc(100% - 30px);
    padding: 55px 0;

    gap: 14px;
  }

  .vv-offer__image {
    border-radius: 19px;
  }

  .vv-offer__main {
    padding: 25px 0 22px;
  }

  .vv-offer__title {
    font-size: 41px;
  }

  .vv-offer__intro {
    font-size: 13px;
    line-height: 1.8;
  }

  .vv-offer__button {
    width: 100%;
    justify-content: space-between;
  }

  .vv-offer__timer,
  .vv-offer__story,
  .vv-offer__trust {
    border-radius: 19px;
  }

  .vv-offer__timer,
  .vv-offer__story,
  .vv-offer__trust {
    padding: 22px;
  }

  .vv-offer__countdown strong {
    font-size: 24px;
  }

  .vv-offer__trust-top {
    display: block;
  }

  .vv-offer__trust-mark {
    display: inline-block;
    margin-top: 13px;
  }

  .vv-offer__stats {
    grid-template-columns: repeat(2,1fr);
  }

  .vv-offer__stat {
    padding-bottom: 13px;
  }

  .vv-offer__stat:nth-child(2) {
    border-right: 0;
  }

  .vv-offer__stat:nth-child(3) {
    padding-left: 0;
    border-top: 1px solid var(--line);
  }

  .vv-offer__stat:nth-child(4) {
    border-top: 1px solid var(--line);
  }

  .vv-offer__chart {
    height: 80px;
  }

}


/* =========================
   減少動畫
========================= */

@media (prefers-reduced-motion: reduce) {

  .vv-offer__image img,
  .vv-offer__button {
    transition: none;
  }

  .vv-offer__chart-line {
    animation: none;
    stroke-dashoffset: 0;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31fec1f *//* =========================================================
   VM PRODUCT SHOWCASE
   Scoped module
   ========================================================= */

.vm-product-showcase {
  --vm-bg: #0B0F1A;
  --vm-surface: #151C2B;
  --vm-surface-2: #1A2332;
  --vm-primary: #7B9CFF;
  --vm-purple: #A78BFA;
  --vm-text: #E8EEF7;
  --vm-text-light: #F1F5F9;
  --vm-white: #FFFFFF;
  --vm-muted: rgba(232, 238, 247, 0.55);
  --vm-line: rgba(232, 238, 247, 0.08);
  --vm-line-hover: rgba(123, 156, 255, 0.28);

  position: relative;
  width: 100%;
  padding: 100px 0;
  background: var(--vm-bg);
  color: var(--vm-text);
  overflow: hidden;
  isolation: isolate;
}

.vm-product-showcase *,
.vm-product-showcase *::before,
.vm-product-showcase *::after {
  box-sizing: border-box;
}

.vm-product-showcase__inner {
  width: min(1700px, calc(100% - 120px));
  margin: 0 auto;
}


/* =========================
   HEADER
   ========================= */

.vm-product-showcase__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 46px;
}

.vm-product-showcase__heading {
  max-width: 680px;
}

.vm-product-showcase__eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  color: var(--vm-primary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2.4px;
  line-height: 1;
}

.vm-product-showcase__heading h2 {
  margin: 0 0 16px;
  color: var(--vm-white);
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.8px;
}

.vm-product-showcase__heading p {
  max-width: 560px;
  margin: 0;
  color: var(--vm-muted);
  font-size: 15px;
  line-height: 1.75;
}


/* =========================
   CTA
   ========================= */

.vm-product-showcase__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-shrink: 0;

  min-height: 48px;
  padding: 0 24px;

  border: 1px solid transparent;
  border-radius: 999px;

  background: #6366F1;
  color: #151C2B;

  font-size: 13px;
  font-weight: 650;
  text-decoration: none;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    border-color 0.3s ease;
}

.vm-product-showcase__cta:hover {
  background: #FFFFFF;
  color: #0B0F1A;
  transform: translateY(-2px);
}

.vm-product-showcase__cta:focus-visible {
  outline: 2px solid var(--vm-primary);
  outline-offset: 4px;
}

.vm-product-showcase__cta-arrow {
  font-size: 17px;
  line-height: 1;
  transition: transform 0.3s ease;
}

.vm-product-showcase__cta:hover .vm-product-showcase__cta-arrow {
  transform: translateX(4px);
}


/* =========================
   CATEGORY GRID
   ========================= */

.vm-product-showcase__categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}


/* =========================
   CATEGORY CARD
   ========================= */

.vm-product-category {
  position: relative;
  min-height: 330px;
  padding: 30px;

  display: flex;
  flex-direction: column;

  border: 1px solid var(--vm-line);
  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.025),
      rgba(255,255,255,0)
    );

  overflow: hidden;

  transition:
    border-color 0.35s ease,
    background-color 0.35s ease,
    transform 0.35s ease;
}

.vm-product-category::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -100px;
  right: -80px;

  border-radius: 50%;

  background: rgba(123, 156, 255, 0.07);

  filter: blur(20px);
  pointer-events: none;
}

.vm-product-category:hover,
.vm-product-category.is-active {
  border-color: var(--vm-line-hover);
  background:
    linear-gradient(
      145deg,
      rgba(123,156,255,0.07),
      rgba(167,139,250,0.025)
    );
  transform: translateY(-4px);
}

.vm-product-category__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vm-product-category__icon {
  width: 50px;
  height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(123,156,255,0.18);
  border-radius: 14px;

  background: rgba(123,156,255,0.08);
  color: var(--vm-primary);

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

.vm-product-category:hover .vm-product-category__icon {
  background: rgba(123,156,255,0.14);
  transform: scale(1.05);
}

.vm-product-category__icon svg {
  width: 23px;
  height: 23px;
}

.vm-product-category__number {
  color: rgba(232,238,247,0.25);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.vm-product-category__content {
  position: relative;
  z-index: 1;
  margin-top: auto;
}

.vm-product-category__content h3 {
  margin: 0 0 12px;
  color: var(--vm-white);
  font-size: 24px;
  font-weight: 550;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

.vm-product-category__content p {
  max-width: 390px;
  margin: 0;
  color: var(--vm-muted);
  font-size: 13px;
  line-height: 1.75;
}

.vm-product-category__footer {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 30px;
  padding-top: 18px;

  border-top: 1px solid var(--vm-line);

  color: rgba(232,238,247,0.42);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.7px;
}

.vm-product-category__footer a {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(232,238,247,0.1);
  border-radius: 50%;

  color: var(--vm-text);
  text-decoration: none;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.vm-product-category:hover .vm-product-category__footer a {
  background: var(--vm-primary);
  color: var(--vm-bg);
  transform: translateX(3px);
}


/* =========================
   ACTIVITY AREA
   ========================= */

.vm-product-activity {
  margin-top: 18px;
  padding: 34px;

  border: 1px solid var(--vm-line);
  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(21,28,43,0.72),
      rgba(11,15,26,0.96)
    );
}

.vm-product-activity__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;

  margin-bottom: 28px;
}

.vm-product-activity__intro h3 {
  margin: 0;
  color: var(--vm-white);
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
}

.vm-product-activity__intro p {
  max-width: 360px;
  margin: 0;
  color: var(--vm-muted);
  font-size: 12px;
  line-height: 1.7;
  text-align: right;
}


/* =========================
   ACTIVITY GRID
   ========================= */

.vm-product-activity__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}


/* =========================
   ACTIVITY CARD
   ========================= */

.vm-activity-card {
  position: relative;
  min-height: 280px;
  padding: 23px;

  border: 1px solid rgba(232,238,247,0.07);
  border-radius: 14px;

  background: rgba(11,15,26,0.58);

  overflow: hidden;
}

.vm-activity-card::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(123,156,255,0.08),
      transparent 35%
    );

  pointer-events: none;
}

.vm-activity-card__header {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

.vm-activity-card__header div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.vm-activity-card__label {
  color: rgba(232,238,247,0.45);
  font-size: 9px;
  letter-spacing: 1.2px;
}

.vm-activity-card__header strong {
  color: var(--vm-white);
  font-size: 14px;
  font-weight: 550;
}

.vm-activity-card__status {
  padding: 5px 8px;

  border: 1px solid rgba(123,156,255,0.18);
  border-radius: 5px;

  background: rgba(123,156,255,0.07);

  color: var(--vm-primary);

  font-size: 8px;
  font-weight: 650;
  letter-spacing: 1px;
}


/* =========================
   LINE CHART
   ========================= */

.vm-chart {
  position: relative;
  height: 135px;
  margin-top: 26px;
}

.vm-chart__grid {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(232,238,247,0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(232,238,247,0.045) 1px,
      transparent 1px
    );

  background-size: 25% 25%;
}

.vm-chart__line {
  position: absolute;
  inset: 10px 0 5px;

  width: 100%;
  height: calc(100% - 15px);

  overflow: visible;
}

.vm-chart__line path {
  fill: none;
  stroke: var(--vm-primary);
  stroke-width: 2.5;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 7px rgba(123,156,255,0.35));

  stroke-dasharray: 500;
  stroke-dashoffset: 500;

  animation: vmChartLine 2.2s ease forwards;
}

.vm-chart__points {
  position: absolute;
  inset: 0;
}

.vm-chart__points i {
  position: absolute;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--vm-primary);
  border: 2px solid var(--vm-bg);

  transform: translate(-50%, -50%);

  animation: vmPointPulse 3s ease-in-out infinite;
}

.vm-chart__points i:nth-child(2) {
  animation-delay: .3s;
}

.vm-chart__points i:nth-child(3) {
  animation-delay: .6s;
}

.vm-chart__points i:nth-child(4) {
  animation-delay: .9s;
}

.vm-chart__points i:nth-child(5) {
  animation-delay: 1.2s;
}

.vm-chart__points i:nth-child(6) {
  animation-delay: 1.5s;
}


/* =========================
   METRICS
   ========================= */

.vm-activity-card__metrics {
  display: flex;
  gap: 42px;

  padding-top: 17px;
  border-top: 1px solid var(--vm-line);
}

.vm-activity-card__metrics div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vm-activity-card__metrics small {
  color: rgba(232,238,247,0.38);
  font-size: 8px;
}

.vm-activity-card__metrics b {
  color: var(--vm-white);
  font-size: 18px;
  font-weight: 500;
}

.vm-positive {
  color: #7B9CFF !important;
  font-size: 13px !important;
}


/* =========================
   DEVICE BARS
   ========================= */

.vm-device-bars {
  display: flex;
  flex-direction: column;
  gap: 16px;

  margin-top: 30px;
}

.vm-device-bars__item {
  display: grid;
  grid-template-columns: 60px 1fr 28px;
  align-items: center;
  gap: 10px;
}

.vm-device-bars__item > span {
  color: rgba(232,238,247,0.48);
  font-size: 9px;
}

.vm-device-bars__item > div {
  height: 4px;

  border-radius: 999px;

  background: rgba(232,238,247,0.07);
  overflow: hidden;
}

.vm-device-bars__item i {
  display: block;
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      #7B9CFF,
      #A78BFA
    );

  transform-origin: left;
  animation: vmBarIn 1.4s ease both;
}

.vm-device-bars__item:nth-child(2) i {
  animation-delay: .15s;
}

.vm-device-bars__item:nth-child(3) i {
  animation-delay: .3s;
}

.vm-device-bars__item:nth-child(4) i {
  animation-delay: .45s;
}

.vm-device-bars__item b {
  color: rgba(232,238,247,0.55);
  font-size: 9px;
  font-weight: 500;
  text-align: right;
}

.vm-activity-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 24px;
  padding-top: 15px;

  border-top: 1px solid var(--vm-line);

  color: rgba(232,238,247,0.35);
  font-size: 9px;
}

.vm-activity-card__footer strong {
  color: var(--vm-primary);
  font-weight: 600;
}


/* =========================
   REPURCHASE
   ========================= */

.vm-repurchase {
  display: flex;
  align-items: center;
  gap: 23px;

  margin-top: 25px;
}

.vm-repurchase__circle {
  position: relative;
  width: 105px;
  height: 105px;
  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.vm-repurchase__circle svg {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  transform: rotate(-90deg);
}

.vm-repurchase__circle circle {
  fill: none;
  stroke-width: 7;
  stroke: rgba(232,238,247,0.06);
}

.vm-repurchase__progress {
  stroke: #7B9CFF !important;
  stroke-linecap: round;

  stroke-dasharray: 302;
  stroke-dashoffset: 84;

  animation: vmCircleProgress 1.8s ease forwards;
}

.vm-repurchase__circle strong {
  position: relative;
  color: var(--vm-white);
  font-size: 21px;
  font-weight: 500;
}

.vm-repurchase__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.vm-repurchase__info span {
  color: rgba(232,238,247,0.42);
  font-size: 9px;
}

.vm-repurchase__info strong {
  color: var(--vm-white);
  font-size: 15px;
  font-weight: 500;
}

.vm-repurchase__info small {
  max-width: 145px;
  color: rgba(232,238,247,0.35);
  font-size: 9px;
  line-height: 1.55;
}


/* =========================
   TAGS
   ========================= */

.vm-mini-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;

  margin-top: 25px;
}

.vm-mini-tags span {
  padding: 5px 8px;

  border: 1px solid rgba(232,238,247,0.07);
  border-radius: 5px;

  background: rgba(232,238,247,0.025);

  color: rgba(232,238,247,0.42);

  font-size: 8px;
}


/* =========================
   ANIMATIONS
   ========================= */

@keyframes vmChartLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes vmPointPulse {
  0%,
  100% {
    opacity: .65;
    transform: translate(-50%, -50%) scale(.85);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
  }
}

@keyframes vmBarIn {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes vmCircleProgress {
  from {
    stroke-dashoffset: 302;
  }

  to {
    stroke-dashoffset: 84;
  }
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1100px) {

  .vm-product-showcase__inner {
    width: min(100% - 70px, 1200px);
  }

  .vm-product-showcase__categories,
  .vm-product-activity__grid {
    grid-template-columns: 1fr 1fr;
  }

  .vm-product-category:last-child {
    grid-column: 1 / -1;
  }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 700px) {

  .vm-product-showcase {
    padding: 70px 0;
  }

  .vm-product-showcase__inner {
    width: calc(100% - 32px);
  }

  .vm-product-showcase__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 30px;
  }

  .vm-product-showcase__heading h2 {
    font-size: 36px;
    letter-spacing: -1.2px;
  }

  .vm-product-showcase__heading p {
    font-size: 13px;
  }

  .vm-product-showcase__cta {
    width: auto;
    min-height: 44px;
    padding: 0 20px;
  }

  .vm-product-showcase__categories,
  .vm-product-activity__grid {
    grid-template-columns: 1fr;
  }

  .vm-product-category:last-child {
    grid-column: auto;
  }

  .vm-product-category {
    min-height: 285px;
    padding: 24px;
  }

  .vm-product-category__content h3 {
    font-size: 22px;
  }

  .vm-product-activity {
    padding: 20px;
  }

  .vm-product-activity__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .vm-product-activity__intro h3 {
    font-size: 23px;
  }

  .vm-product-activity__intro p {
    text-align: left;
  }

  .vm-activity-card {
    min-height: 265px;
    padding: 20px;
  }

}


/* =========================
   REDUCED MOTION
   ========================= */

@media (prefers-reduced-motion: reduce) {

  .vm-product-showcase *,
  .vm-product-showcase *::before,
  .vm-product-showcase *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d26249e *//* =========================================================
   FAQ + LINE MODULE
   Unique Scope: el-faq-line-2026
========================================================= */

.el-faq-line-2026 {
  --faq-bg: #0B0F1A;
  --faq-surface: #151C2B;
  --faq-surface-2: #1A2332;
  --faq-border: rgba(255, 255, 255, 0.07);

  --faq-blue: #7B9CFF;
  --faq-purple: #A78BFA;

  --faq-text: #E8EEF7;
  --faq-text-light: #F1F5F9;
  --faq-white: #FFFFFF;

  --faq-muted: rgba(232, 238, 247, 0.48);

  --faq-radius: 18px;

  position: relative;
  width: 100%;
  background: var(--faq-bg);
  color: var(--faq-text);
  padding: 100px 24px;
  overflow: hidden;

  box-sizing: border-box;
}


/* =========================
   BASIC RESET
========================= */

.el-faq-line-2026 *,
.el-faq-line-2026 *::before,
.el-faq-line-2026 *::after {
  box-sizing: border-box;
}


/* =========================
   INNER
========================= */

.el-faq-line-2026__inner {
  width: min(1700px, 100%);
  margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.el-faq-line-2026__header {
  margin-bottom: 56px;
}


.el-faq-line-2026__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;

  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
}


.el-faq-line-2026__eyebrow-number {
  color: rgba(232, 238, 247, 0.35);
  font-weight: 500;
}


.el-faq-line-2026__eyebrow-line {
  color: rgba(232, 238, 247, 0.18);
}


.el-faq-line-2026__eyebrow-text {
  color: rgba(232, 238, 247, 0.38);
  letter-spacing: 0.18em;
  font-weight: 600;
}


.el-faq-line-2026__title {
  margin: 0;
  padding: 0;

  color: var(--faq-white);

  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -0.035em;
}


.el-faq-line-2026__title span {
  display: block;
  color: var(--faq-text-light);
}


/* =========================
   MAIN LAYOUT
========================= */

.el-faq-line-2026__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(320px, 0.95fr);
  gap: 60px;
  align-items: start;
}


/* =========================
   FAQ LIST
========================= */

.el-faq-line-2026__faq {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}


/* =========================
   FAQ ITEM
========================= */

.el-faq-line-2026__item {
  width: 100%;
  border: 1px solid var(--faq-border);
  border-radius: var(--faq-radius);
  background: rgba(21, 28, 43, 0.72);

  overflow: hidden;

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}


.el-faq-line-2026__item:hover {
  border-color: rgba(123, 156, 255, 0.16);
}


.el-faq-line-2026__item.is-open {
  background: var(--faq-surface);
  border-color: rgba(123, 156, 255, 0.28);
}


/* =========================
   QUESTION BUTTON
========================= */

.el-faq-line-2026__question {
  appearance: none;
  width: 100%;
  min-height: 76px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin: 0;
  padding: 22px 26px;

  border: 0;
  outline: 0;

  background: transparent;

  color: var(--faq-text);
  text-align: left;

  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;

  cursor: pointer;
}


.el-faq-line-2026__question:focus-visible {
  outline: 2px solid rgba(123, 156, 255, 0.7);
  outline-offset: -3px;
  border-radius: var(--faq-radius);
}


.el-faq-line-2026__question-text {
  color: rgba(232, 238, 247, 0.72);

  transition:
    color 0.3s ease,
    transform 0.3s ease;
}


.el-faq-line-2026__item.is-open
.el-faq-line-2026__question-text {
  color: var(--faq-white);
}


/* =========================
   TOGGLE
========================= */

.el-faq-line-2026__toggle {
  flex: 0 0 34px;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.055);
  color: rgba(232, 238, 247, 0.42);

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}


.el-faq-line-2026__item.is-open
.el-faq-line-2026__toggle {
  background: var(--faq-blue);
  color: var(--faq-bg);
}


.el-faq-line-2026__icon {
  width: 14px;
  height: 14px;
  display: block;
}


.el-faq-line-2026__icon--minus {
  display: none;
}


.el-faq-line-2026__item.is-open
.el-faq-line-2026__icon--plus {
  display: none;
}


.el-faq-line-2026__item.is-open
.el-faq-line-2026__icon--minus {
  display: block;
}


/* =========================
   ANSWER
========================= */

.el-faq-line-2026__answer {
  height: 0;
  overflow: hidden;

  transition:
    height 0.38s cubic-bezier(0.23, 1, 0.32, 1);
}


.el-faq-line-2026__answer-inner {
  padding: 0 26px 26px;

  color: var(--faq-muted);

  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
}


/* =========================
   RIGHT CTA
========================= */

.el-faq-line-2026__cta {
  position: sticky;
  top: 90px;

  min-width: 0;
}


.el-faq-line-2026__cta-card {
  position: relative;

  padding: 38px;

  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 22px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(123, 156, 255, 0.13),
      transparent 42%
    ),
    var(--faq-surface);

  overflow: hidden;
}


/* subtle decorative line */

.el-faq-line-2026__cta-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 42px;
  height: 1px;

  background: var(--faq-blue);

  opacity: 0.85;
}


/* =========================
   CTA LABEL
========================= */

.el-faq-line-2026__cta-label {
  display: block;

  margin-bottom: 18px;

  color: rgba(232, 238, 247, 0.35);

  font-size: 11px;
  line-height: 1;
  font-weight: 600;

  letter-spacing: 0.18em;
}


/* =========================
   CTA TITLE
========================= */

.el-faq-line-2026__cta-title {
  margin: 0 0 14px;

  color: var(--faq-white);

  font-size: 27px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.025em;
}


/* =========================
   CTA DESCRIPTION
========================= */

.el-faq-line-2026__cta-description {
  margin: 0 0 30px;

  color: rgba(232, 238, 247, 0.46);

  font-size: 14px;
  line-height: 1.75;
}


/* =========================
   LINE BUTTON
========================= */

.el-faq-line-2026__line-button {
  width: 100%;
  min-height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 15px 22px;

  border: 1px solid transparent;
  border-radius: 14px;

  background: #6366F1;
  color: #151C2B;

  text-decoration: none;

  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;

  cursor: pointer;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    border-color 0.3s ease;
}


.el-faq-line-2026__line-button:hover {
  background: #FFFFFF;
  color: #0B0F1A;
  border-color: rgba(255, 255, 255, 0.12);

  transform: translateY(-2px);
}


.el-faq-line-2026__line-button:active {
  transform: translateY(0);
}


.el-faq-line-2026__line-button:focus-visible {
  outline: 2px solid var(--faq-blue);
  outline-offset: 4px;
}


.el-faq-line-2026__line-icon {
  width: 22px;
  height: 22px;

  flex: 0 0 22px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

  .el-faq-line-2026 {
    padding: 80px 24px;
  }

  .el-faq-line-2026__layout {
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
    gap: 36px;
  }

  .el-faq-line-2026__cta-card {
    padding: 30px;
  }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

  .el-faq-line-2026 {
    padding: 64px 18px 70px;
  }


  .el-faq-line-2026__header {
    margin-bottom: 36px;
  }


  .el-faq-line-2026__title {
    font-size: 38px;
    line-height: 1.1;
  }


  .el-faq-line-2026__layout {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }


  .el-faq-line-2026__faq {
    width: 100%;
  }


  .el-faq-line-2026__question {
    min-height: 68px;
    padding: 19px 18px;

    gap: 14px;

    font-size: 15px;
  }


  .el-faq-line-2026__toggle {
    width: 32px;
    height: 32px;

    flex-basis: 32px;
  }


  .el-faq-line-2026__answer-inner {
    padding: 0 18px 21px;

    font-size: 14px;
    line-height: 1.75;
  }


  .el-faq-line-2026__cta {
    position: relative;
    top: auto;

    width: 100%;
  }


  .el-faq-line-2026__cta-card {
    padding: 28px 22px;
    border-radius: 18px;
  }


  .el-faq-line-2026__cta-title {
    font-size: 24px;
  }


  .el-faq-line-2026__cta-description {
    margin-bottom: 24px;
  }


  .el-faq-line-2026__line-button {
    min-height: 56px;
    font-size: 14px;
  }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 390px) {

  .el-faq-line-2026 {
    padding-left: 14px;
    padding-right: 14px;
  }


  .el-faq-line-2026__title {
    font-size: 34px;
  }


  .el-faq-line-2026__question {
    padding-left: 16px;
    padding-right: 16px;
  }


  .el-faq-line-2026__question-text {
    font-size: 14px;
  }

}


/* =========================
   REDUCE MOTION
========================= */

@media (prefers-reduced-motion: reduce) {

  .el-faq-line-2026__item,
  .el-faq-line-2026__question-text,
  .el-faq-line-2026__toggle,
  .el-faq-line-2026__answer,
  .el-faq-line-2026__line-button {
    transition: none;
  }

}/* End custom CSS */