.animated.fadeInLeft{
  animation-duration: 2s;
}.animated.fadeInRight{
  animation-duration: 2s;
}.fadeInLeft{
  animation-name: fadeInLeft;
}.fadeInRight{
  animation-name: fadeInRight;
}@layer utilities{.relative{
    position: relative;
  }}@layer utilities{.z-\[3\]{
    z-index: 3;
  }}@layer utilities{.order-first{
    order: -9999;
  }}@layer utilities{.order-last{
    order: 9999;
  }}@layer utilities{.container{
    width: 100%;
    @media (width >= 414px) {
      max-width: 414px;
    }
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 992px) {
      max-width: 992px;
    }
    @media (width >= 1200px) {
      max-width: 1200px;
    }
    @media (width >= 1400px) {
      max-width: 1400px;
    }
  }}@layer utilities{.\!m-0{
    margin: calc(var(--spacing) * 0) !important;
  }}@layer utilities{.mx-\[calc\(-0\.5\*_1\.5rem\)\]{
    margin-inline: calc(-0.5 * 1.5rem);
  }}@layer utilities{.mr-\[15px\]{
    margin-right: 15px;
  }}@layer utilities{.mr-\[30px\]{
    margin-right: 30px;
  }}@layer utilities{.ml-\[30px\]{
    margin-left: 30px;
  }}@layer utilities{.inline-block{
    display: inline-block;
  }}@layer utilities{.list-item{
    display: list-item;
  }}@layer utilities{.h-px{
    height: 1px;
  }}@layer utilities{.w-full{
    width: 100%;
  }}@layer utilities{.max-w-full{
    max-width: 100%;
  }}@layer utilities{.flex-\[0_0_auto\]{
    flex: 0 0 auto;
  }}@layer utilities{.flex-wrap{
    flex-wrap: wrap;
  }}@layer utilities{.justify-center{
    justify-content: center;
  }}@layer utilities{.scroll-smooth{
    scroll-behavior: smooth;
  }}@layer utilities{.\!rounded-\[4px\]{
    border-radius: 4px !important;
  }}@layer utilities{.bg-transparent{
    background-color: transparent;
  }}@layer utilities{.bg-\[linear-gradient\(90deg\,rgba\(206\,211\,246\,0\)_0\,\#bbb_38\%\,\#bbb_64\%\,rgba\(206\,211\,246\,0\)_99\%\)\]{
    background-image: linear-gradient(90deg,rgba(206,211,246,0) 0,#bbb 38%,#bbb 64%,rgba(206,211,246,0) 99%);
  }}@layer utilities{.px-\[calc\(0\.5\*_1\.5rem\)\]{
    padding-inline: calc(0.5 * 1.5rem);
  }}@layer utilities{.py-\[100px\]{
    padding-block: 100px;
  }}@layer utilities{.pt-\[100px\]{
    padding-top: 100px;
  }}@layer utilities{.pb-\[100px\]{
    padding-bottom: 100px;
  }}@layer utilities{.pl-0{
    padding-left: calc(var(--spacing) * 0);
  }}@layer utilities{.\!text-center{
    text-align: center !important;
  }}@layer utilities{.opacity-40{
    opacity: 40%;
  }}@layer utilities{.\!\[border\:none\]{
    border: none !important;
  }}@layer utilities{.xsm\:max-sm\:m-\[0_2\%_35px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin: 0 2% 35px;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:mx-\[8px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin-inline: 8px;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:\!mb-\[15px\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        margin-bottom: 15px !important;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:px-\[4\%\]{
    @media (width >= 414px) {
      @media (width < 480px) {
        padding-inline: 4%;
      }
    }
  }}@layer utilities{.xsm\:max-sm\:py-0{
    @media (width >= 414px) {
      @media (width < 480px) {
        padding-block: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.sm\:max-md\:mx-0{
    @media (width >= 480px) {
      @media (width < 768px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.sm\:max-md\:mx-\[3\%\]{
    @media (width >= 480px) {
      @media (width < 768px) {
        margin-inline: 3%;
      }
    }
  }}@layer utilities{.md\:w-6\/12{
    @media (width >= 768px) {
      width: calc(6/12 * 100%);
    }
  }}@layer utilities{.md\:w-8\/12{
    @media (width >= 768px) {
      width: calc(8/12 * 100%);
    }
  }}@layer utilities{.md\:max-lg\:order-2{
    @media (width >= 768px) {
      @media (width < 992px) {
        order: 2;
      }
    }
  }}@layer utilities{.md\:max-lg\:mx-0{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.md\:max-lg\:mr-0{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-right: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.md\:max-lg\:mr-\[10px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-right: 10px;
      }
    }
  }}@layer utilities{.md\:max-lg\:ml-\[15px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        margin-left: 15px;
      }
    }
  }}@layer utilities{.md\:max-lg\:w-6\/12{
    @media (width >= 768px) {
      @media (width < 992px) {
        width: calc(6/12 * 100%);
      }
    }
  }}@layer utilities{.md\:max-lg\:py-\[70px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        padding-block: 70px;
      }
    }
  }}@layer utilities{.md\:max-lg\:pt-\[70px\]{
    @media (width >= 768px) {
      @media (width < 992px) {
        padding-top: 70px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:order-2{
    @media (width >= 992px) {
      @media (width < 1200px) {
        order: 2;
      }
    }
  }}@layer utilities{.lg\:max-xl\:mx-0{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-inline: calc(var(--spacing) * 0);
      }
    }
  }}@layer utilities{.lg\:max-xl\:mr-\[5px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-right: 5px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:mr-\[12px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-right: 12px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:ml-\[15px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        margin-left: 15px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:w-6\/12{
    @media (width >= 992px) {
      @media (width < 1200px) {
        width: calc(6/12 * 100%);
      }
    }
  }}@layer utilities{.lg\:max-xl\:w-8\/12{
    @media (width >= 992px) {
      @media (width < 1200px) {
        width: calc(8/12 * 100%);
      }
    }
  }}@layer utilities{.lg\:max-xl\:py-\[80px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        padding-block: 80px;
      }
    }
  }}@layer utilities{.lg\:max-xl\:pt-\[80px\]{
    @media (width >= 992px) {
      @media (width < 1200px) {
        padding-top: 80px;
      }
    }
  }}@layer utilities{.xl\:order-2{
    @media (width >= 1200px) {
      order: 2;
    }
  }}@layer utilities{.xl\:w-6\/12{
    @media (width >= 1200px) {
      width: calc(6/12 * 100%);
    }
  }}@layer utilities{.xl\:w-8\/12{
    @media (width >= 1200px) {
      width: calc(8/12 * 100%);
    }
  }}ul.simple-list{
  margin-left: 15px;
  list-style-type: disc;
}.btn--tra-black{
  border-color: #353f4f;
  background-color: transparent;
  color: #353f4f;
}.btn--tra-black:focus{
  color: #353f4f;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}.hero-7-txt h2{
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-inline: 6%;
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
}#hero-7{
  padding-top: 140px;
  padding-bottom: 100px;
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-block: 80px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-block: 80px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-top: 140px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-bottom: 90px;
    }
  }
}.hero-7-img{
  padding-left: 30px;
  @media (width >= 414px) {
    @media (width < 480px) {
      margin-top: 35px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-left: 5px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-left: 15px;
    }
  }
}.banner-section .btns-group .btn:first-child{
  @media (width >= 414px) {
    @media (width < 480px) {
      margin-bottom: 15px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
}ul.simple-list li:not(:last-child) p{
  @media (width >= 768px) {
    @media (width < 992px) {
      margin-bottom: 8px;
    }
  }
}.container{
  position: relative;
  z-index: 3;
}.gr--perl{
  background-image: linear-gradient(180deg,rgba(236,234,253,0.8) 50%,rgba(236,234,253,0.05) 100%);
}.hero-section .owl-dots{
  display: none;
}.white-scroll .btn--tra-black{
  @media (width >= 768px) {
    @media (width < 992px) {
      border-color: #353f4f;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      background-color: #353f4f;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      color: var(--color-white);
    }
  }
}.btn--tra-black{
  border-color: #353f4f !important;
  background-color: transparent !important;
  color: #353f4f !important;
}.division{
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-inline: 10px;
    }
  }
}.container{
  margin-inline: auto;
  width: 100%;
  padding-inline: calc(1.5rem * 0.5);
  @media (width >= 414px) {
    max-width: 100% !important;
  }
  @media (width >= 480px) {
    max-width: 540px !important;
  }
  @media (width >= 768px) {
    max-width: 720px !important;
  }
  @media (width >= 992px) {
    max-width: 960px !important;
  }
  @media (width >= 1200px) {
    max-width: 1140px !important;
  }
  @media (width >= 1400px) {
    max-width: 1320px !important;
  }
}.theme--dark hr.divider{
  background-image: linear-gradient(90deg,rgba(122,125,147,0) 0,#7a7d93 38%,#7a7d93 64%,rgba(122,125,147,0) 99%);
}.theme--dark .btn--tra-black{
  border-color: #b1b7cd !important;
  background-color: transparent !important;
  color: #b1b7cd !important;
}@media (max-width: 767px){.py--100{
    padding-block: 70px !important;
  }}@media (max-width: 767px){.pt--100{
    padding-top: 70px !important;
  }}@media (max-width: 767px){.pb--100{
    padding-bottom: 70px !important;
  }}@media (max-width: 767px){.white-scroll .btn--tra-black{
    border-color: #353f4f !important;
    background-color: #353f4f !important;
    color: var(--color-white) !important;
  }}@media (max-width: 767px){#hero-7{
    padding-top: 80px !important;
    text-align: center !important;
  }}@media (max-width: 767px){.hero-7-img{
    margin-top: 40px !important;
    padding-left: calc(var(--spacing) * 0) !important;
  }}@media (max-width: 767px){.txt-block .btn{
    margin-top: 10px !important;
  }}@media (max-width: 767px){.ct-02 .img-block{
    margin-right: calc(var(--spacing) * 0) !important;
    margin-bottom: 40px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.division{
    padding-inline: 3px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 2) !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.btns-group .btn:last-child{
    margin-inline: calc(var(--spacing) * 2) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){#hero-7{
    padding-block: calc(var(--spacing) * 20) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.hero-7-txt h2{
    padding-inline: 5% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.hero-7-img{
    margin-top: 35px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.txt-block .btn{
    margin-top: 18px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 35px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.division{
    padding-inline: 3px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.btns-group .btn:first-child{
    margin-inline: 5px !important;
    margin-bottom: 15px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7{
    padding-top: 70px !important;
    padding-bottom: calc(var(--spacing) * 20) !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.hero-7-txt h2{
    padding-inline: 4% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.hero-7-img{
    margin-top: 35px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.txt-block .btn{
    margin-top: 18px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 35px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 15px !important;
  }}@media (max-width: 320.98px){.container{
    margin: calc(var(--spacing) * 0) !important;
    max-width: 100% !important;
  }}@media (max-width: 320.98px){.py--100{
    padding-block: 60px !important;
  }}@media (max-width: 320.98px){.pt--100{
    padding-top: 60px !important;
  }}@media (max-width: 320.98px){.pb--100{
    padding-bottom: 60px !important;
  }}@media (max-width: 320.98px){.btns-group .btn:first-child{
    margin-inline: 5px !important;
    margin-bottom: 15px !important;
  }}@media (max-width: 320.98px){#hero-7{
    padding-block: 70px !important;
  }}@media (max-width: 320.98px){.hero-7-txt h2{
    padding-inline: 3% !important;
    padding-block: calc(var(--spacing) * 0) !important;
  }}@media (max-width: 320.98px){.hero-7-img{
    margin-top: 30px !important;
  }}@media (max-width: 320.98px){.txt-block .btn{
    margin-top: 16px !important;
  }}@media (max-width: 320.98px){.ct-02 .img-block{
    margin-inline: 2% !important;
    margin-top: calc(var(--spacing) * 0) !important;
    margin-bottom: 30px !important;
  }}@media (max-width: 320.98px){.banner-section .btns-group .btn:first-child{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-bottom: 12px !important;
  }}.sr-anchor{ display: block; height: 0; scroll-margin-top: 96px; }@media (max-width: 767.98px){#hero-7{ padding-top: 80px; padding-bottom: 80px; text-align: center; }}@media (min-width: 390px) and (max-width: 413.98px){#hero-7 .hero-7-txt h2{ padding: 0 5%; }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7{ padding-top: 70px; }}@media (min-width: 321px) and (max-width: 389.98px){#hero-7 .hero-7-txt h2{ padding: 0 4%; }}@media (max-width: 320.98px){#hero-7{ padding-top: 70px; padding-bottom: 70px; }}@media (max-width: 320.98px){#hero-7 .hero-7-txt h2{ padding: 0 3%; }}@media (min-width: 992px) and (max-width: 1199.98px){.ct-02.content-section{ padding-bottom: 80px; }}@media (min-width: 768px) and (max-width: 991.98px){.ct-02.content-section{ padding-bottom: 70px; }}
/* Reduce hero image size and push it away from the header */
#hero-7 .hero-7-img img{display:block;max-height:560px;width:auto;max-width:100%;margin-inline:auto}
@media (min-width:992px) and (max-width:1199.98px){#hero-7 .hero-7-img img{max-height:510px}}
@media (max-width:767.98px){#hero-7 .hero-7-img img{max-height:400px}}

/* Provider marquee copied from the homepage. */
.sr-wordpress-providers { padding-block: 50px; }
@media (min-width: 768px) and (max-width: 991.98px) { .sr-wordpress-providers { padding-block: 35px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .sr-wordpress-providers { padding-block: 40px; } }
.sr-wordpress-providers .mh-marquee { margin-top: 30px; }
.mh-marquee{
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}.mh-marquee-track{ display: flex; width: max-content; }.mh-marquee-group{
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding-right: 4.5rem;
}.mh-marquee-group img{ display: block; width: auto; max-width: none; }@media (prefers-reduced-motion: no-preference){.mh-marquee-track{ animation: mh-marquee 36s linear infinite; }}@media (prefers-reduced-motion: no-preference){.mh-marquee:hover .mh-marquee-track{ animation-play-state: paused; }}@media (prefers-reduced-motion: reduce){.mh-marquee{ mask-image: none; -webkit-mask-image: none; }}@media (prefers-reduced-motion: reduce){.mh-marquee-track{ width: auto; flex-wrap: wrap; justify-content: center; }}@media (prefers-reduced-motion: reduce){.mh-marquee-group:last-child{ display: none; }}@media (prefers-reduced-motion: reduce){.mh-marquee-group{ flex-wrap: wrap; justify-content: center; row-gap: 1.75rem; padding-right: 0; }}.mh-marquee img[src*="aws.svg"]{ height: 32px; }.mh-marquee img[src*="googlecloud.svg"]{ height: 24px; }.mh-marquee img[src*="digitalocean.svg"]{ height: 24px; }.mh-marquee img[src*="vultr.svg"]{ height: 22px; }.mh-marquee img[src*="hetzner.svg"]{ height: 20px; }.mh-marquee img[src*="ovh.svg"]{ height: 24px; }.mh-marquee img[src*="scaleway.svg"]{ height: 24px; }.mh-marquee img[src*="upcloud.png"]{ height: 22px; }.mh-marquee img[src*="bunnynet.svg"]{ height: 28px; }.mh-marquee img[src*="cloudflare.svg"]{ height: 24px; }

/* Match the WP Raiser illustration alignment and curved hero overlap. */
#hero-7 .hero-7-img { padding-left: 0; }
#hero-7 .wave-shape-bottom { z-index: 4; }

/* Expanded Fast Velocity Minify product page. */
.fvm-intro,
.fvm-features,
.fvm-publishers,
.fvm-open-source {
  padding-block: clamp(72px, 8vw, 120px);
}
.fvm-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(38px, 6vw, 92px);
  align-items: center;
}
.fvm-intro-visual {
  min-width: 0;
  padding: 0;
}
.fvm-intro-visual img {
  display: block;
  width: 100%;
  height: auto;
}
.fvm-intro-copy .sr-section-title {
  margin: 0 0 22px;
}
.fvm-intro-copy > p {
  margin-bottom: 28px;
  color: #5c6070;
  font-size: 1.075rem;
  line-height: 1.75;
}
.fvm-check-list {
  display: grid;
  gap: 18px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.fvm-check-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}
.fvm-check-list li > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: #4f46e5;
  background: #eef2ff;
}
.fvm-check-list li > span svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fvm-check-list strong,
.fvm-check-list small {
  display: block;
}
.fvm-check-list strong {
  margin-bottom: 3px;
  color: #222438;
  font-size: 1rem;
}
.fvm-check-list small {
  color: #707485;
  font-size: .94rem;
  line-height: 1.5;
}

.fvm-process {
  overflow: hidden;
  padding-block: clamp(72px, 7vw, 105px);
  background: #f2f4f8;
}
.fvm-section-heading {
  max-width: 760px;
  margin: 0 auto clamp(42px, 5vw, 68px);
  text-align: center;
}
.fvm-section-heading--left {
  max-width: 780px;
  margin-left: 0;
  text-align: left;
}
.fvm-section-heading .sr-section-title {
  margin: 0 0 14px;
}
.fvm-section-heading > p {
  color: #696d7c;
  font-size: 1.05rem;
  line-height: 1.7;
}
.fvm-process-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
.fvm-process-list::before {
  position: absolute;
  top: 30px;
  right: 16.5%;
  left: 16.5%;
  height: 1px;
  background: #dce1e8;
  content: "";
}
.fvm-process-list li {
  position: relative;
  display: grid;
  justify-items: center;
  padding-inline: clamp(16px, 3vw, 44px);
  text-align: center;
}
.fvm-step-number {
  position: relative;
  z-index: 1;
  display: grid;
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
  place-items: center;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #4f46e5;
  background: #fff;
  box-shadow: 0 0 0 8px #f2f4f8;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .09em;
}
.fvm-process-list h3,
.fvm-feature h3 {
  margin: 0 0 10px;
  color: #232438;
  font-size: 1.25rem;
}
.fvm-process-list p,
.fvm-feature p {
  margin: 0;
  color: #696d7c;
  line-height: 1.65;
}

.fvm-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.fvm-feature {
  min-width: 0;
  padding: clamp(26px, 3vw, 40px);
  border: 1px solid #e6e8ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}
.fvm-feature code {
  display: inline-block;
  margin-top: 16px;
  padding: 6px 10px;
  border: 1px solid #dfe2ea;
  border-radius: 6px;
  color: #4f46e5;
  background: #f7f8fb;
  font-size: .9rem;
  white-space: nowrap;
}
.fvm-feature-icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  place-items: center;
  border-radius: 12px;
  color: #4f46e5;
  background: #eef2ff;
}
.fvm-feature-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fvm-wpraiser-callout {
  display: flex;
  gap: 36px;
  align-items: center;
  justify-content: space-between;
  margin-top: 36px;
  padding: 30px clamp(24px, 4vw, 48px);
  border: 1px solid #e2e5ee;
  border-radius: 16px;
  background: #f2f4f8;
}
.fvm-wpraiser-callout h3 {
  margin: 0 0 8px;
  color: #232438;
  font-size: 1.35rem;
}
.fvm-wpraiser-callout p {
  max-width: 760px;
  margin: 0;
  color: #696d7c;
  line-height: 1.65;
}
.fvm-wpraiser-callout .btn {
  flex: 0 0 auto;
}

.fvm-publishers {
  background: #fff;
}
.fvm-publisher-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #dedde5;
}
.fvm-publisher {
  display: flex;
  min-width: 0;
  min-height: 238px;
  padding: 32px clamp(22px, 3vw, 38px);
  flex-direction: column;
  border-right: 1px solid #dedde5;
  border-bottom: 1px solid #dedde5;
  color: inherit;
  transition: background-color .2s ease-out;
}
.fvm-publisher:nth-child(3n) {
  border-right: 0;
}
.fvm-publisher:hover {
  color: inherit;
  background: #f7f8fa;
}
.fvm-publisher:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: -2px;
}
.fvm-publisher img {
  width: auto;
  height: 34px;
  max-width: 154px;
  margin-bottom: 24px;
  object-fit: contain;
  object-position: left center;
}
.fvm-publisher p {
  margin: 0 0 22px;
  color: #565a6a;
  line-height: 1.62;
}
.fvm-publisher span {
  margin-top: auto;
  color: #5b43bd;
  font-size: .85rem;
  font-weight: 700;
}

.fvm-open-source-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: clamp(40px, 7vw, 100px);
  padding: clamp(38px, 6vw, 78px);
  border: 1px solid #e2e5ee;
  border-radius: 18px;
  color: #232438;
  background: #f2f4f8;
  box-shadow: none;
}
.fvm-open-source-copy .sr-section-title {
  margin: 0 0 18px;
}
.fvm-open-source-copy p {
  max-width: 690px;
  margin-bottom: 30px;
  color: #696d7c;
  font-size: 1.04rem;
  line-height: 1.72;
}
.fvm-open-source-actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.fvm-text-link {
  color: #232438;
  font-weight: 700;
}
.fvm-text-link:hover {
  color: #4f46e5;
}
.fvm-stats {
  display: grid;
  margin: 0;
}
.fvm-stats div {
  padding: 22px 0;
  border-bottom: 1px solid #d9dde7;
}
.fvm-stats div:last-child {
  border-bottom: 0;
}
.fvm-stats dt {
  margin-bottom: 5px;
  color: #232438;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  font-weight: 750;
}
.fvm-stats dd {
  margin: 0;
  color: #696d7c;
  font-size: .9rem;
}

@media (max-width: 991.98px) {
  .fvm-intro-grid,
  .fvm-open-source-panel {
    grid-template-columns: 1fr;
  }
  .fvm-intro-visual {
    width: min(100%, 660px);
    margin-inline: auto;
  }
  .fvm-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .fvm-intro-grid {
    gap: 34px;
  }
  .fvm-intro-visual {
    padding: 0;
  }
  .fvm-process-list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .fvm-process-list::before {
    top: 30px;
    right: auto;
    bottom: 30px;
    left: 29px;
    width: 1px;
    height: auto;
    background: #dce1e8;
  }
  .fvm-process-list li {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 18px;
    justify-items: start;
    padding: 0;
    text-align: left;
  }
  .fvm-step-number {
    margin: 0;
  }
  .fvm-feature-grid,
  .fvm-publisher-list {
    grid-template-columns: 1fr;
  }
  .fvm-publisher,
  .fvm-publisher:nth-child(3n) {
    min-height: 0;
    border-right: 0;
  }
  .fvm-open-source-panel {
    border-radius: 22px;
  }
  .fvm-wpraiser-callout {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 479.98px) {
  .fvm-intro,
  .fvm-features,
  .fvm-publishers,
  .fvm-open-source {
    padding-block: 64px;
  }
  .fvm-feature,
  .fvm-publisher {
    padding: 25px 22px;
  }
  .fvm-open-source-panel {
    padding: 30px 24px;
  }
  .fvm-open-source-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .fvm-wpraiser-callout .btn,
  .fvm-open-source-actions .btn {
    width: 100%;
    text-align: center;
  }
}