@media (min-width: 576px) {
  .is-hidden-xs-up {
    display: none !important; } }

@media (max-width: 575px) {
  .is-hidden-xs-down {
    display: none !important; } }

@media (min-width: 768px) {
  .is-hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .is-hidden-sm-down {
    display: none !important; } }

@media (min-width: 992px) {
  .is-hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .is-hidden-md-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .is-hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .is-hidden-lg-down {
    display: none !important; } }

@media (min-width: 1440px) {
  .is-hidden-xl-up {
    display: none !important; } }

@media (max-width: 1439px) {
  .is-hidden-xl-down {
    display: none !important; } }

@media (min-width: 1680px) {
  .is-hidden-xxl-up {
    display: none !important; } }

@media (max-width: 1679px) {
  .is-hidden-xxl-down {
    display: none !important; } }

@media (min-width: 1920px) {
  .is-hidden-xxxl-up {
    display: none !important; } }

@media (max-width: 1919px) {
  .is-hidden-xxxl-down {
    display: none !important; } }

:root {
  --color-text1-light: hsla(0deg, 0%, 2%);
  --color-text2-light: hsla(0deg, 0%, 40%);
  --color-surface1-light: hsla(0deg, 0%, 100%);
  --color-surface2-light: hsla(0deg, 0%, 95%);
  --color-text1-dark: hsla(0deg, 0%, 98%);
  --color-text2-dark: hsla(0deg, 0%, 84%);
  --color-surface1-dark: hsla(0deg, 0%, 15%);
  --color-surface2-dark: hsla(0deg, 0%, 25%);
  color-scheme: light;
  --color-text1: var(--color-text1-light);
  --color-text2: var(--color-text2-light);
  --color-surface1: var(--color-surface1-light);
  --color-surface2: var(--color-surface2-light); }

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-text1: var(--color-text1-dark);
    --color-text2: var(--color-text2-dark);
    --color-surface1: var(--color-surface1-dark);
    --color-surface2: var(--color-surface2-dark); } }

[color-scheme="light"] {
  color-scheme: light;
  --color-text1: var(--color-text1-light);
  --color-text2: var(--color-text2-light);
  --color-surface1: var(--color-surface1-light);
  --color-surface2: var(--color-surface2-light); }

[color-scheme="dark"] {
  color-scheme: dark;
  --color-text1: var(--color-text1-dark);
  --color-text2: var(--color-text2-dark);
  --color-surface1: var(--color-surface1-dark);
  --color-surface2: var(--color-surface2-dark); }

.layout-decap {
  background-color: var(--color-surface1); }
  .layout-decap .header {
    position: relative; }
    .layout-decap .header img {
      filter: grayscale(100%); }
  .layout-decap main {
    --color-primary: var(--color-pink);
    --content-width: calc(1200px + (2 * var(--container-padding)));
    --grid-row-gap: clamp(0.75rem, 3.5vw, 3rem);
    --grid-column-gap: clamp(0.5rem, 2vw, 2rem);
    line-height: 1.75; }
    .layout-decap main h1, .layout-decap main h2, .layout-decap main h3, .layout-decap main h4, .layout-decap main h5, .layout-decap main h6 {
      color: var(--color-primary); }
    .layout-decap main a:not(.button) {
      text-decoration: underline; }
      .layout-decap main a:not(.button):hover {
        color: var(--color-pink-hover) !important; }
    .layout-decap main ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .layout-decap main ul li {
        padding-left: 1.25em;
        position: relative; }
        .layout-decap main ul li::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0.75em;
          height: 1px;
          width: 0.5em;
          background: var(--color-text1); }
    .layout-decap main .text-center {
      text-align: center; }
  .layout-decap .button {
    background-color: var(--color-pink);
    color: var(--color-white); }
    .layout-decap .button:hover {
      background-color: var(--color-pink-hover); }
    .layout-decap .button--outline {
      background-color: transparent;
      color: var(--color-pink);
      border: 2px solid var(--color-pink); }
      .layout-decap .button--outline:hover {
        background-color: var(--color-pink-hover);
        border: 2px solid var(--color-pink-hover);
        color: var(--color-white); }

.decap-hero img {
  width: 200px; }

.decap-form {
  padding: clamp(1rem, 2.5vw, 2rem);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid var(--color-text2);
  border-radius: 0.5rem; }
  .decap-form ::backdrop {
    background-color: rgba(0, 0, 0, 0.6); }
  .decap-form form {
    display: flex;
    flex-direction: column; }
    .decap-form form label {
      margin-bottom: 0.75rem; }
    .decap-form form span {
      display: block; }
    .decap-form form input,
    .decap-form form textarea {
      width: 100%; }
    .decap-form form select,
    .decap-form form input {
      font-size: clamp(20px, calc(10.784px + 1.2vw), 25px);
      height: clamp(56px, calc(27.584px + 3.7vw), 72px);
      padding: 0 22px; }
  .decap-form__buttons {
    margin-top: 1rem; }

.decap-plans {
  counter-reset: plan-counter;
  position: relative;
  z-index: 2;
  background-color: var(--color-surface2); }
  .decap-plans::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(280px, 28vw, 960px);
    height: 560px;
    flex-shrink: 0;
    border-radius: 934.732px;
    background: linear-gradient(90deg, #F50F1A 0%, #FB3CEE 100%);
    filter: blur(60px);
    z-index: -1; }

.counter {
  --padding: 0px;
  counter-increment: plan-counter;
  position: relative; }
  .counter::before {
    content: "0" counter(plan-counter);
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    display: block; }
  .counter::after {
    content: '';
    position: absolute;
    top: calc(var(--padding, 0) + 0.9rem);
    right: var(--padding, 0);
    width: calc(100% - 2 * var(--padding, 0) - 2rem);
    height: 1px;
    background-color: var(--color-text2); }

.counter-reset {
  counter-reset: plan-counter; }

.decap-plan {
  --padding: clamp(1rem, 2vw, 1.5rem);
  background-color: var(--color-surface1);
  border-radius: 1.5rem;
  padding: var(--padding);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12);
  height: fit-content; }
  .decap-plan__description {
    font-size: 0.95rem; }
  .decap-plan ul {
    font-size: 0.85rem; }
  .decap-plan__ctas {
    display: flex;
    gap: 0.66rem;
    flex-wrap: wrap; }

table {
  table-layout: fixed; }
  table td,
  table th {
    padding: 0.75rem;
    text-align: left;
    border-color: var(--color-text2); }

.decap-plan-detail__icon {
  font-size: 5rem;
  color: var(--color-primary); }

.decap-plan-detail .features {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }
  .decap-plan-detail .features__item div {
    background: var(--color-surface2);
    padding: 1rem;
    border-radius: 1rem; }
  .decap-plan-detail .features__item i {
    font-size: clamp(3rem, 3vw, 4rem);
    color: var(--color-primary); }
    @media (max-width: 575px) {
      .decap-plan-detail .features__item i {
        display: none; } }
.decap-plan-detail .process li {
  background: var(--color-surface2);
  padding: 1rem;
  border-radius: 1rem;
  max-width: 800px;
  margin: 1.5rem 0; }