/** Shopify CDN: Minification failed

Line 8039:2 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:404 (INDEX:0) */
.page-not-found {
    position: relative;
    z-index: 1;
    padding: 6rem var(--page-margin) 5rem;
    background: #f8fff0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .page-not-found__inner {
    max-width: 80rem;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  .page-not-found__face {
    position: relative;
    width: 240px;
    height: 192px;
    margin: 0 auto 3.5rem;
  }

  .page-not-found__face-svg {
    width: 100%;
    height: 100%;
  }

  .page-not-found__eyebrow-svg {
    transition: d 0.3s ease;
  }

  .page-not-found__eye {
    transition: cx 0.12s ease-out, cy 0.12s ease-out;
  }

  .page-not-found__pupil {
    will-change: cx, cy;
  }

  .page-not-found__title {
    margin: 0 auto;
    color: #1f2629;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }

  .page-not-found__cta-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.25rem auto 0;
  }

  .page-not-found__cta {
    height: 60px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1.5rem;
    font-family: var(--font-body--family);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: #f8fff0;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
  }

  .page-not-found__cta-label {
    white-space: nowrap;
  }

  .page-not-found__cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(255 255 255 / 20%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
    transform: translateX(0);
  }

  .page-not-found__cta-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: #f8fff0;
    transition: transform 0.3s ease;
  }

  .page-not-found__cta:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(41 131 71 / 22%);
  }

  .page-not-found__cta:hover .page-not-found__cta-icon {
    background: rgb(255 255 255 / 26%);
    transform: translateX(-2px);
  }

  .page-not-found__cta:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  .page-not-found__cta:focus-visible {
    outline: 2px solid rgb(248 255 240 / 85%);
    outline-offset: 2px;
  }

  .page-not-found__cta--home {
    width: 235px;
    background: #009b69;
  }

  @media screen and (max-width: 989px) {
    .page-not-found {
      padding-top: 4rem;
      padding-bottom: 3.5rem;
    }

    .page-not-found__face {
      width: 200px;
      height: 160px;
      margin-bottom: 2.5rem;
    }

    .page-not-found__title {
      font-size: 28px;
      white-space: normal;
    }

    .page-not-found__cta {
      height: 54px;
      border-radius: 27px;
      font-size: 16px;
      line-height: 20px;
      gap: 0.4rem;
      padding: 0 1.2rem;
    }

    .page-not-found__cta-icon {
      width: 26px;
      height: 26px;
    }

    .page-not-found__cta-icon-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      line-height: 1;
    }

    .page-not-found__cta--home {
      width: 210px;
    }
  }

  @media screen and (max-width: 749px) {
    .page-not-found {
      padding-top: 3rem;
      padding-bottom: 2.5rem;
      min-height: auto;
    }

    .page-not-found__face {
      width: 160px;
      height: 128px;
      margin-bottom: 2rem;
    }

    .page-not-found__title {
      font-size: 22px;
    }

    .page-not-found__cta-group {
      margin-top: 2rem;
    }

    .page-not-found__cta,
    .page-not-found__cta--home {
      width: min(100%, 274px);
      height: 52px;
      border-radius: 26px;
    }
  }
/* END_SECTION:404 */

/* START_SECTION:about-us (INDEX:1) */
.about-page {
    --about-bg: var(--color-background);
    --about-card-bg: #ffffff;
    --about-dark-bg: #1a1a1a;
    --about-text: #1a1a1a;
    --about-text-muted: #6b6b6b;
    --about-border: #e5e5e5;
    --about-accent: #009b69;
    --about-radius: 12px;
    --about-max-width: 1200px;
    --about-padding: clamp(1rem, 3vw, 2rem);

    background: var(--about-bg);
    width: 100%;
  }

  .about-page__inner {
    width: min(var(--about-max-width), 100%);
    margin: 0 auto;
    padding: var(--about-padding);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .about-page__hero {
    background: var(--about-card-bg);
    border-radius: var(--about-radius);
    padding: clamp(2rem, 4vw, 3rem);
    position: relative;
    overflow: hidden;
  }

  .about-page__hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(0,155,105,0.03) 1px, transparent 1px),
      linear-gradient(rgba(0,155,105,0.03) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
  }

  .about-page__label {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--about-text-muted);
    margin: 0 0 0.75rem;
  }

  .about-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 500;
    line-height: 1.2;
    color: var(--about-text);
    margin: 0;
    max-width: 800px;
    position: relative;
  }

  .about-page__hero-visual {
    margin-top: 1.5rem;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }

  .about-page__hero-img {
    width: 100%;
    height: auto;
    display: block;
  }

  .about-page__hero-gradient {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
    border-radius: 8px;
  }

  .about-page__two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .about-page__two-col-card {
    background: var(--about-card-bg);
    border-radius: var(--about-radius);
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .about-page__card-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    color: var(--about-text);
    margin: 0 0 0.75rem;
    line-height: 1.3;
  }

  .about-page__card-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--about-text-muted);
    margin: 0;
  }

  .about-page__founder {
    background: var(--about-card-bg);
    border-radius: var(--about-radius);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
    align-items: stretch;
  }

  .about-page__founder-image {
    border-radius: 8px;
    overflow: hidden;
    background: #e8e8e8;
    display: flex;
    align-items: flex-end;
  }

  .about-page__founder-img {
    width: 100%;
    height: auto;
    display: block;
  }

  .about-page__founder-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.75rem;
  }

  .about-page__founder-header {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
  }

  .about-page__founder-identity {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .about-page__founder-name {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--about-text);
    margin: 0;
  }

  .about-page__founder-role {
    font-size: 0.875rem;
    color: var(--about-text-muted);
    margin: 0;
  }

  .about-page__founder-links {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
  }

  .about-page__founder-link {
    color: var(--about-text);
    font-size: 1.25rem;
    transition: color 0.2s;
  }

  .about-page__founder-link:hover {
    color: var(--about-accent);
  }

  .about-page__founder-bio {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--about-text-muted);
    margin: 0;
  }

  .about-page__careers {
    background: var(--about-card-bg);
    border-radius: var(--about-radius);
    padding: clamp(2rem, 4vw, 3rem);
    margin-bottom: 3rem;
  }

  .about-page__careers-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  .about-page__careers-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    color: var(--about-text);
    margin: 0;
  }

  .about-page__careers-link {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--about-text);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s;
  }

  .about-page__careers-link:hover {
    color: var(--about-accent);
  }

  .about-page__careers-intro {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--about-text-muted);
    margin: 0 0 1.5rem;
    max-width: 600px;
  }

  .about-page__careers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
  }

  .about-page__career-card {
    background: var(--about-bg);
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .about-page__career-icon {
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--about-text);
  }

  .about-page__career-role {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--about-text);
    margin: 0;
  }

  .about-page__career-location {
    font-size: 0.75rem;
    color: var(--about-text-muted);
    margin: 0;
  }

  .about-page__career-apply {
    margin-top: auto;
    font-size: 0.75rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--about-text);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: background 0.2s;
    align-self: flex-start;
  }

  .about-page__career-apply:hover {
    background: var(--about-accent);
  }

  .about-page__careers-values {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .about-page__values-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--about-text-muted);
    margin: 0 0 0.25rem;
  }

  .about-page__values-heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
    color: var(--about-text);
    margin: 0;
  }

  .about-page__careers-email {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--about-text);
    text-decoration: none;
    transition: color 0.2s;
  }

  .about-page__careers-email:hover {
    color: var(--about-accent);
  }

  @media screen and (max-width: 989px) {
    .about-page__two-col {
      grid-template-columns: 1fr;
    }

    .about-page__founder {
      grid-template-columns: 1fr;
    }

    .about-page__founder-image {
      max-width: 280px;
    }

    .about-page__founder-info {
      justify-content: flex-start;
    }

    .about-page__founder-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .about-page__careers-grid {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media screen and (max-width: 749px) {
    .about-page__careers-grid {
      grid-template-columns: 1fr;
    }

    .about-page__careers-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .about-page__careers-values {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }
  }
/* END_SECTION:about-us */

/* START_SECTION:article (INDEX:2) */
.article-page {
    --article-max-width: 780px;
    --article-sidebar-width: 340px;
    --article-gap: 2.5rem;
  }

  /* Hero Section */
  .article-page__hero {
    position: relative;
    width: 100%;
    min-height: 480px;
    overflow: hidden;
    margin-top: 2rem;
    margin-left: var(--page-margin);
    margin-right: var(--page-margin);
    border-radius: 24px;
  }

  .article-page__hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
  }

  .article-page__hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.55) 100%
    );
    z-index: 1;
    border-radius: 24px;
  }

  .article-page__hero-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3rem 2.5rem 3.5rem;
    z-index: 2;
  }

  .article-page__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    font-weight: 500;
  }

  .article-page__breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .article-page__breadcrumb a:hover {
    color: #ffffff;
  }

  .article-page__breadcrumb-separator {
    color: rgba(255, 255, 255, 0.5);
  }

  .article-page__breadcrumb-current {
    color: #a3c543;
  }

  .article-page__title {
    margin: 0 0 1rem;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    max-width: 800px;
  }

  .article-page__meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .article-page__date {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .article-page__author {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .article-page__author::before {
    content: '·';
    margin-right: 1rem;
    opacity: 0.5;
  }

  .article-page__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .article-page__tag {
    display: inline-block;
    background: rgba(163, 197, 67, 0.2);
    color: #a3c543;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: background 0.2s ease;
  }

  .article-page__tag:hover {
    background: rgba(163, 197, 67, 0.35);
  }

  /* Layout */
  .article-page__layout {
    display: grid;
    grid-template-columns: 1fr var(--article-sidebar-width);
    gap: var(--article-gap);
    max-width: min(1371px, 100%);
    margin: 0 auto;
    padding: 3.5rem var(--page-margin) 4rem;
  }

  /* Content */
  .article-page__content {
    min-width: 0;
  }

  .article-page__body {
    color: #333333;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 16px;
    line-height: 1.75;
  }

  .article-page__body h2 {
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    margin: 2.5rem 0 1rem;
  }

  .article-page__body h3 {
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.35;
    margin: 2rem 0 0.75rem;
  }

  .article-page__body p {
    margin: 0 0 1.25rem;
  }

  .article-page__body ul,
  .article-page__body ol {
    margin: 0 0 1.25rem 1.5rem;
  }

  .article-page__body li {
    margin-bottom: 0.5rem;
  }

  .article-page__body a {
    color: #009b69;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .article-page__body a:hover {
    color: #a3c543;
  }

  .article-page__body blockquote {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-left: 4px solid #a3c543;
    background: #f8fff0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #434343;
  }

  .article-page__body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.5rem 0;
  }

  /* Related Posts */
  .article-page__related {
    margin-top: 3.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e8ede8;
  }

  .article-page__related-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .article-page__related-title {
    margin: 0;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 24px;
  }

  .article-page__related-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #009b69;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .article-page__related-link:hover {
    color: #a3c543;
  }

  .article-page__related-link i {
    font-size: 16px;
    transition: transform 0.2s ease;
  }

  .article-page__related-link:hover i {
    transform: translateX(3px);
  }

  .article-page__related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }

  .article-page__related-card {
    display: block;
    text-decoration: none;
    background: #f8fff0;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .article-page__related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(20, 35, 28, 0.12);
  }

  .article-page__related-image-wrap {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8f5e9;
  }

  .article-page__related-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .article-page__related-card:hover .article-page__related-image {
    transform: scale(1.04);
  }

  .article-page__related-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  }

  .article-page__related-card-body {
    padding: 1rem 1.1rem 1.2rem;
  }

  .article-page__related-tag {
    display: inline-block;
    background: #a3c543;
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    padding: 0.3rem 0.6rem;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.6rem;
  }

  .article-page__related-card-title {
    margin: 0;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Sidebar */
  .article-page__sidebar {
    position: relative;
  }

  .article-page__sidebar-inner {
    position: sticky;
    top: 2rem;
    background: #f8fff0;
    border-radius: 20px;
    padding: 1.5rem;
  }

  .article-page__sidebar-title {
    margin: 0 0 1.25rem;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #a3c543;
  }

  .article-page__recent-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* Portrait recent item (first one) */
  .article-page__recent-item--portrait {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .article-page__recent-item--portrait:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20, 35, 28, 0.1);
  }

  .article-page__recent-item--portrait .article-page__recent-image-wrap {
    width: 100%;
    height: 180px;
    border-radius: 0;
    flex: 0 0 auto;
  }

  .article-page__recent-item--portrait .article-page__recent-content {
    padding: 1rem 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }

  .article-page__recent-item--portrait .article-page__recent-date {
    font-size: 12px;
  }

  .article-page__recent-item--portrait .article-page__recent-title {
    font-size: 15px;
    line-height: 1.35;
    margin: 0;
  }

  .article-page__recent-item--portrait .article-page__recent-excerpt {
    margin: 0;
    color: #6f6a6a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Landscape recent items (remaining 4) */
  .article-page__recent-item--landscape {
    display: flex;
    gap: 0.85rem;
    text-decoration: none;
    padding: 0.6rem;
    border-radius: 12px;
    transition: background 0.2s ease;
  }

  .article-page__recent-item--landscape:hover {
    background: rgba(163, 197, 67, 0.1);
  }

  .article-page__recent-item--landscape .article-page__recent-image-wrap {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: #e8f5e9;
  }

  .article-page__recent-item--landscape .article-page__recent-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
  }

  .article-page__recent-item--landscape .article-page__recent-date {
    font-size: 12px;
  }

  .article-page__recent-item--landscape .article-page__recent-title {
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Shared recent item styles */
  .article-page__recent-image-wrap {
    overflow: hidden;
    background: #e8f5e9;
  }

  .article-page__recent-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .article-page__recent-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  }

  .article-page__recent-date {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 500;
  }

  .article-page__recent-title {
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
  }

  /* Comments Section */
  .article-page__comments-section {
    background: #f8fff0;
    padding: 3.5rem var(--page-margin) 4rem;
  }

  .article-page__comments-inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .article-page__comments-title {
    margin: 0 0 2rem;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 28px;
  }

  .article-page__comments-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .article-page__comment {
    background: #ffffff;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
  }

  .article-page__comment-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
  }

  .article-page__comment-author {
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 15px;
  }

  .article-page__comment-date {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
  }

  .article-page__comment-body {
    color: #434343;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    line-height: 1.6;
  }

  .article-page__no-comments {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    margin-bottom: 2rem;
  }

  /* Comment Form */
  .article-page__comment-form {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
  }

  .article-page__form-title {
    margin: 0 0 1.5rem;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 20px;
  }

  .article-page__form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .article-page__form-field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }

  .article-page__form-field--full {
    margin-bottom: 1.25rem;
  }

  .article-page__form-field label {
    color: #333333;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 14px;
  }

  .article-page__form-field input,
  .article-page__form-field textarea {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    color: #140303;
    background: #f9fafb;
    border: 1.5px solid #d1d5db;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .article-page__form-field input:focus,
  .article-page__form-field textarea:focus {
    border-color: #a3c543;
    box-shadow: 0 0 0 3px rgb(163 197 67 / 18%);
  }

  .article-page__form-field textarea {
    resize: vertical;
    min-height: 120px;
  }

  .article-page__form-note {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    margin-bottom: 1.25rem;
  }

  .article-page__form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 52px;
    padding: 0 2rem;
    border-radius: 26px;
    border: none;
    background: #009b69;
    color: #f8fff0;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 14px rgb(0 155 105 / 20%);
  }

  .article-page__form-submit:hover {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgb(0 155 105 / 25%);
  }

  .article-page__form-submit:active {
    transform: scale(0.98);
  }

  .article-page__form-submit i {
    font-size: 18px;
  }

  /* Responsive */
  @media screen and (max-width: 1120px) {
    .article-page__layout {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }

    .article-page__sidebar {
      order: -1;
    }

    .article-page__sidebar-inner {
      position: static;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 1.5rem;
    }

    .article-page__sidebar-title {
      grid-column: 1 / -1;
    }

    .article-page__recent-list {
      grid-column: 1 / -1;
      flex-direction: row;
      flex-wrap: wrap;
    }

    .article-page__recent-item--portrait {
      flex: 1;
      min-width: 280px;
    }

    .article-page__recent-item--landscape {
      flex: 1;
      min-width: 250px;
      background: #ffffff;
      border-radius: 12px;
    }

    .article-page__title {
      font-size: 34px;
    }

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

  @media screen and (max-width: 749px) {
    .article-page__hero {
      min-height: 360px;
      margin-top: 1.5rem;
      margin-left: calc(var(--page-margin) * 0.5);
      margin-right: calc(var(--page-margin) * 0.5);
      border-radius: 18px;
    }

    .article-page__hero-image {
      border-radius: 18px;
    }

    .article-page__hero-overlay {
      border-radius: 18px;
    }

    .article-page__hero-content {
      padding: 2rem 1.5rem 2.5rem;
    }

    .article-page__title {
      font-size: 28px;
      line-height: 1.25;
    }

    .article-page__layout {
      padding: 2.5rem var(--page-margin) 3rem;
    }

    .article-page__related-grid {
      grid-template-columns: 1fr;
    }

    .article-page__form-row {
      grid-template-columns: 1fr;
    }

    .article-page__comments-section {
      padding: 2.5rem var(--page-margin) 3rem;
    }

    .article-page__comments-title {
      font-size: 24px;
    }

    .article-page__comment-form {
      padding: 1.5rem;
    }

    .article-page__recent-list {
      flex-direction: column;
    }

    .article-page__recent-item--portrait,
    .article-page__recent-item--landscape {
      min-width: 100%;
    }
  }
/* END_SECTION:article */

/* START_SECTION:blog-grid (INDEX:3) */
.blog-grid {
    padding: 4rem var(--page-margin) 5rem;
  }

  .blog-grid__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .blog-grid__header {
    text-align: center;
    margin-bottom: 3.5rem;
  }

  .blog-grid__title {
    margin: 0;
    color: #333333;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }

  .blog-grid__subtitle {
    margin: 1rem auto 0;
    max-width: 720px;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }

  .blog-grid__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: start;
  }

  .blog-grid__card {
    background: #f8fff0;
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(20, 35, 28, 0.10);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .blog-grid__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(20, 35, 28, 0.14);
  }

  .blog-grid__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.2rem 0.75rem;
  }

  .blog-grid__tag {
    display: inline-block;
    background: #a3c543;
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    padding: 0.35rem 0.7rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .blog-grid__date {
    color: #6f6a6a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
  }

  .blog-grid__image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #e8f5e9;
  }

  .blog-grid__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .blog-grid__image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  .blog-grid__card-body {
    padding: 1.2rem 1.2rem 1.5rem;
  }

  .blog-grid__card-title {
    margin: 0 0 0.6rem;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
  }

  .blog-grid__card-title a {
    color: #1a2e1a;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .blog-grid__card-title a:hover {
    color: #a3c543;
  }

  .blog-grid__author {
    margin: 0 0 0.5rem;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
  }

  .blog-grid__excerpt {
    margin: 0;
    color: #5a6e5a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.55;
  }

  .blog-grid__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 3rem;
  }

  .blog-grid__page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 0.75rem;
    border-radius: 10px;
    background: #f8fff0;
    color: #333333;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .blog-grid__page-link:hover {
    background: #a3c543;
    color: #1a2e1a;
  }

  .blog-grid__page-link--active {
    background: #a3c543;
    color: #1a2e1a;
    cursor: default;
  }

  .blog-grid__footer {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
  }

  .blog-grid__view-more {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 56px;
    padding: 0 2rem;
    border-radius: 28px;
    background: #a3c543;
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(28 122 91 / 14%);
  }

  .blog-grid__view-more:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(28 122 91 / 20%);
  }

  .blog-grid__view-more:active {
    transform: scale(0.98);
  }

  .blog-grid__view-more i {
    font-size: 18px;
    transition: transform 0.25s ease;
  }

  .blog-grid__view-more:hover i {
    transform: translateX(3px);
  }

  .blog-grid__empty {
    text-align: center;
    padding: 4rem 0;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
  }

  @media screen and (max-width: 1120px) {
    .blog-grid {
      padding-bottom: 4rem;
    }

    .blog-grid__title {
      font-size: 34px;
      line-height: 40px;
    }

    .blog-grid__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem;
    }

    .blog-grid__card-title {
      font-size: 18px;
    }
  }

  @media screen and (max-width: 749px) {
    .blog-grid {
      padding-top: 2.5rem;
      padding-bottom: 3rem;
    }

    .blog-grid__header {
      margin-bottom: 2.5rem;
    }

    .blog-grid__title {
      font-size: 28px;
      line-height: 34px;
    }

    .blog-grid__subtitle {
      font-size: 16px;
      line-height: 22px;
    }

    .blog-grid__grid {
      grid-template-columns: 1fr;
      gap: 1.4rem;
    }

    .blog-grid__card {
      max-width: 470px;
      margin-left: auto;
      margin-right: auto;
    }

    .blog-grid__card-title {
      font-size: 18px;
      line-height: 1.35;
    }

    .blog-grid__excerpt {
      font-size: 14px;
    }

    .blog-grid__pagination {
      gap: 0.4rem;
      margin-top: 2.5rem;
    }

    .blog-grid__page-link {
      min-width: 38px;
      height: 38px;
      font-size: 14px;
    }

    .blog-grid__view-more {
      min-height: 50px;
      padding: 0 1.5rem;
      font-size: 15px;
    }
  }
/* END_SECTION:blog-grid */

/* START_SECTION:blog (INDEX:4) */
.blog-page {
    padding: 4rem var(--page-margin) 5rem;
  }

  .blog-page__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .blog-page__header {
    text-align: center;
    margin-bottom: 3.5rem;
  }

  .blog-page__title {
    margin: 0;
    color: #333333;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }

  .blog-page__tag-filter {
    margin: 1rem 0 0;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 16px;
  }

  .blog-page__clear-filter {
    color: #a3c543;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.5rem;
  }

  .blog-page__clear-filter:hover {
    text-decoration: underline;
  }

  .blog-page__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: start;
  }

  .blog-page__card {
    background: #f8fff0;
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(20, 35, 28, 0.10);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .blog-page__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(20, 35, 28, 0.14);
  }

  .blog-page__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.2rem 0.75rem;
  }

  .blog-page__tag {
    display: inline-block;
    background: #a3c543;
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    padding: 0.35rem 0.7rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .blog-page__date {
    color: #6f6a6a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
  }

  .blog-page__image-link {
    display: block;
    text-decoration: none;
  }

  .blog-page__image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #e8f5e9;
  }

  .blog-page__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .blog-page__card:hover .blog-page__image {
    transform: scale(1.03);
  }

  .blog-page__image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  .blog-page__card-body {
    padding: 1.2rem 1.2rem 1.5rem;
  }

  .blog-page__card-title {
    margin: 0 0 0.6rem;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
  }

  .blog-page__card-title a {
    color: #1a2e1a;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .blog-page__card-title a:hover {
    color: #a3c543;
  }

  .blog-page__author {
    margin: 0 0 0.5rem;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
  }

  .blog-page__excerpt {
    margin: 0;
    color: #5a6e5a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.55;
  }

  .blog-page__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 3rem;
  }

  .blog-page__page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 0.75rem;
    border-radius: 10px;
    background: #f8fff0;
    color: #333333;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .blog-page__page-link:hover {
    background: #a3c543;
    color: #1a2e1a;
  }

  .blog-page__page-link--active {
    background: #a3c543;
    color: #1a2e1a;
    cursor: default;
  }

  .blog-page__page-link--ellipsis {
    cursor: default;
    background: transparent;
    color: #86a089;
  }

  .blog-page__page-link--prev,
  .blog-page__page-link--next {
    min-width: 42px;
  }

  .blog-page__page-link--prev i,
  .blog-page__page-link--next i {
    font-size: 18px;
  }

  .blog-page__empty {
    text-align: center;
    padding: 4rem 0;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
  }

  @media screen and (max-width: 1120px) {
    .blog-page {
      padding-bottom: 4rem;
    }

    .blog-page__title {
      font-size: 34px;
      line-height: 40px;
    }

    .blog-page__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem;
    }

    .blog-page__card-title {
      font-size: 18px;
    }
  }

  @media screen and (max-width: 749px) {
    .blog-page {
      padding-top: 2.5rem;
      padding-bottom: 3rem;
    }

    .blog-page__header {
      margin-bottom: 2.5rem;
    }

    .blog-page__title {
      font-size: 28px;
      line-height: 34px;
    }

    .blog-page__grid {
      grid-template-columns: 1fr;
      gap: 1.4rem;
    }

    .blog-page__card {
      max-width: 470px;
      margin-left: auto;
      margin-right: auto;
    }

    .blog-page__card-title {
      font-size: 18px;
      line-height: 1.35;
    }

    .blog-page__excerpt {
      font-size: 14px;
    }

    .blog-page__pagination {
      gap: 0.4rem;
      margin-top: 2.5rem;
    }

    .blog-page__page-link {
      min-width: 38px;
      height: 38px;
      font-size: 14px;
    }
  }
/* END_SECTION:blog */

/* START_SECTION:blogs-showcase (INDEX:5) */
.blogs-showcase {
    --blogs-stack-overlap: 2.5rem;
    position: relative;
    z-index: 1;
    margin-top: calc(var(--blogs-stack-overlap) * -1);
    padding: 0;
    background: transparent;
    border-radius: 0;
  }

  .blogs-showcase__outer {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: calc(clamp(2.5rem, 3.6vw, 3.6rem) + var(--blogs-stack-overlap)) clamp(0.75rem, 2.6vw, 2rem);
    border-radius: 50px 50px 0 0;
    background: #a3c543;
  }

  .blogs-showcase__panel {
    position: relative;
    z-index: 1;
    max-width: min(1371px, 100%);
    margin: 0 auto;
    isolation: isolate;
  }

  .blogs-showcase__vector {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(1934px, 134.305556vw);
    aspect-ratio: 1934 / 1246;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
  }

  .blogs-showcase__vector-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .blogs-showcase__pill {
    width: min(248px, 100%);
    min-height: 60px;
    border-radius: 30px;
    background: #f8fff0;
    color: #434343;
    text-decoration: none;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1rem;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(28 122 91 / 14%);
  }

  .blogs-showcase__pill:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(28 122 91 / 20%);
  }

  .blogs-showcase__pill--top,
  .blogs-showcase__pill--bottom {
    margin-left: auto;
    margin-right: auto;
  }

  .blogs-showcase__pill-label {
    white-space: nowrap;
  }

  .blogs-showcase__pill-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(67 67 67 / 12%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    transform: translateX(0);
    flex: 0 0 auto;
  }

  .blogs-showcase__pill-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: currentColor;
    transition: transform 0.3s ease;
  }

  .blogs-showcase__pill:hover .blogs-showcase__pill-icon {
    background: rgb(67 67 67 / 16%);
    transform: translateX(2px);
  }

  .blogs-showcase__pill:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  .blogs-showcase__pill--static {
    box-shadow: none;
    cursor: default;
  }

  .blogs-showcase__pill--static:hover {
    filter: none;
    box-shadow: none;
  }

  .blogs-showcase__pill--static:active {
    transform: none;
    filter: none;
  }

  .blogs-showcase__title {
    margin: clamp(1.4rem, 2.2vw, 2rem) auto 0;
    max-width: 1094px;
    color: #f8fff0;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(2rem, 4vw, 50px);
    line-height: 1;
  }

  .blogs-showcase__grid {
    margin-top: clamp(1.8rem, 3.1vw, 2.6rem);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.45rem);
    align-items: stretch;
  }

  .blogs-showcase__card {
    border-radius: 23.73px;
    background: #f8fff0;
    box-shadow: 9px 11px 18.2px 3px rgba(82, 83, 82, 0.36);
    padding: 1.5rem 1.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
  }

  .blogs-showcase__media-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
    overflow: hidden;
    background: #dce5cf;
  }

  .blogs-showcase__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .blogs-showcase__media--placeholder {
    fill: #c7d9ad;
    width: 100%;
    height: 100%;
  }

  .blogs-showcase__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
  }

  .blogs-showcase__date {
    margin: 0 0 0.3rem;
    color: #6f6a6a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.35;
  }

  .blogs-showcase__card-title {
    margin: 0 0 0.5rem;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
  }

  .blogs-showcase__excerpt {
    margin: 0 0 0.8rem;
    color: #5a6e5a;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.5em;
  }

  .blogs-showcase__read-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-self: flex-start;
    gap: 0.7rem;
    text-decoration: none;
    color: #434343;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
  }

  .blogs-showcase__read-label {
    display: inline-block;
  }

  .blogs-showcase__read-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: currentColor;
    transition: transform 0.25s ease;
  }

  .blogs-showcase__read-link:hover .blogs-showcase__read-arrow {
    transform: translateX(2px);
  }

  .blogs-showcase__pill--bottom {
    margin-top: clamp(1.8rem, 2.4vw, 2.4rem);
  }

  @media screen and (max-width: 1120px) {
    .blogs-showcase__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 989px) {
    .blogs-showcase {
      --blogs-stack-overlap: 1.75rem;
    }
  }

  @media screen and (max-width: 749px) {
    .blogs-showcase {
      --blogs-stack-overlap: 1.25rem;
      padding-bottom: 0;
    }

    .blogs-showcase__outer {
      border-radius: 28px 28px 0 0;
      padding: calc(2rem + var(--blogs-stack-overlap)) 0.8rem 2.2rem;
    }

    .blogs-showcase__title {
      font-size: clamp(1.7rem, 9vw, 2.25rem);
      line-height: 1.15;
    }

    .blogs-showcase__grid {
      grid-template-columns: 1fr;
    }

    .blogs-showcase__card {
      padding: 1rem;
      grid-template-columns: 120px minmax(0, 1fr);
      gap: 0.85rem;
      min-height: auto;
    }

    .blogs-showcase__media-wrap {
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 12px;
    }

    .blogs-showcase__date {
      font-size: 13px;
    }

    .blogs-showcase__card-title {
      font-size: 17px;
      line-height: 1.35;
    }

    .blogs-showcase__pill {
      min-height: 54px;
      font-size: 16px;
      line-height: 20px;
      gap: 0.4rem;
      padding: 0 0.85rem;
    }

    .blogs-showcase__pill-icon {
      width: 26px;
      height: 26px;
    }

    .blogs-showcase__pill-icon-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      line-height: 1;
    }

    .blogs-showcase__pill--bottom {
      margin-top: 1.6rem;
    }
  }
/* END_SECTION:blogs-showcase */

/* START_SECTION:branding-promotions (INDEX:6) */
.branding-promo {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .branding-promo__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .branding-promo__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 2.5rem;
    text-align: center;
  }

  .branding-promo__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .branding-promo__content ol {
    padding-left: 1.5rem;
    margin: 0;
  }

  .branding-promo__content li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
    color: #434343;
  }

  .branding-promo__content p {
    margin: 0;
    line-height: 1.6;
    color: #434343;
  }

  .branding-promo__img {
    margin: 1rem 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
  }

  .branding-promo__img img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media screen and (max-width: 749px) {
    .branding-promo {
      padding: 2rem var(--page-margin) 3rem;
    }

    .branding-promo__title {
      margin-bottom: 1.5rem;
    }
  }
/* END_SECTION:branding-promotions */

/* START_SECTION:byod-customers (INDEX:7) */
.byod-customers {
    position: relative;
    z-index: 1;
    padding: clamp(3rem, 6vw, 5.2rem) clamp(0.9rem, 2.8vw, 2rem) clamp(3.4rem, 7vw, 5.8rem);
  }

  .byod-customers__inner {
    width: min(1360px, 100%);
    margin: 0 auto;
  }

  .byod-customers__badge {
    margin: 0;
    color: #1c7a5b;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(2rem, 4.1vw, 46.2px);
    line-height: 0.95;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
  }

  .byod-customers__badge-prefix {
    display: inline-block;
  }

  .byod-customers__highlight-effect {
    --highlight-height: 97px;
    --highlight-rect-height: 82px;
    --highlight-dot-size: 12px;
    --highlight-line-width: 2px;
    --highlight-left-offset: 4px;
    --highlight-right-offset: 4px;

    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--highlight-height);
    margin-left: 0.12em;
    padding: 0 0.14em 0 0.15em;
    white-space: nowrap;
    z-index: 0;
  }

  .byod-customers__highlight-mark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: var(--highlight-height);
    pointer-events: none;
    z-index: -1;
  }

  .byod-customers__highlight-rect {
    position: absolute;
    left: var(--highlight-left-offset);
    right: var(--highlight-right-offset);
    top: var(--highlight-left-offset);
    height: var(--highlight-rect-height);
    background: rgba(220, 245, 152, 0.44);
    opacity: 0;
    transform-origin: left center;
    transform: scaleX(0);
  }

  .byod-customers__highlight-line {
    position: absolute;
    top: var(--highlight-left-offset);
    width: var(--highlight-line-width);
    height: var(--highlight-rect-height);
    background: #92c602;
    opacity: 0;
  }

  .byod-customers__highlight-line--left {
    left: var(--highlight-left-offset);
  }

  .byod-customers__highlight-line--right {
    right: var(--highlight-right-offset);
  }

  .byod-customers__highlight-dot {
    position: absolute;
    width: var(--highlight-dot-size);
    height: var(--highlight-dot-size);
    border-radius: 50%;
    background: #92c602;
    transform: translate(-50%, -50%);
    opacity: 0;
  }

  .byod-customers__highlight-dot--start {
    left: calc(var(--highlight-left-offset) + (var(--highlight-line-width) * 0.5));
    top: var(--highlight-left-offset);
  }

  .byod-customers__highlight-dot--end {
    left: calc(100% - var(--highlight-right-offset) - (var(--highlight-line-width) * 0.5));
    top: calc(var(--highlight-left-offset) + var(--highlight-rect-height));
  }

  .byod-customers.byod-customers--animate .byod-customers__highlight-rect {
    animation: byod-highlight-sweep 1.12s cubic-bezier(0.22, 1, 0.36, 1) 1.28s forwards;
  }

  .byod-customers.byod-customers--animate .byod-customers__highlight-line--left {
    animation: byod-highlight-edge-in 0.18s linear 1.2s forwards;
  }

  .byod-customers.byod-customers--animate .byod-customers__highlight-line--right {
    animation: byod-highlight-edge-in 0.18s linear 2.36s forwards;
  }

  .byod-customers.byod-customers--animate .byod-customers__highlight-dot--start {
    animation: byod-highlight-dot-in 0.2s ease-out 1.18s forwards;
  }

  .byod-customers.byod-customers--animate .byod-customers__highlight-dot--end {
    animation: byod-highlight-dot-in 0.2s ease-out 2.36s forwards;
  }

  .byod-customers__highlight-text {
    position: relative;
    z-index: 1;
  }

  .byod-customers__heading {
    margin: clamp(1.2rem, 2vw, 1.9rem) auto 0;
    width: min(1259px, 100%);
    color: #484848;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(2rem, 3.8vw, 47px);
    line-height: 1.19;
    letter-spacing: 0;
  }

  .byod-customers__heading span {
    color: #194f31;
    font-weight: 700;
  }

  .byod-customers__logos {
    margin: clamp(2.3rem, 4.8vw, 3.6rem) auto 0;
    width: min(1260px, 100%);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(1.35rem, 2.5vw, 2.3rem) clamp(1rem, 1.5vw, 1.65rem);
    align-items: center;
  }

  .byod-customers__logo-item {
    min-height: clamp(54px, 7vw, 78px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .byod-customers__logo-image {
    max-width: min(220px, 100%);
    height: 90px;
    width: auto;
    object-fit: contain;
    display: block;
  }

  @keyframes byod-highlight-sweep {
    0% {
      opacity: 0;
      transform: scaleX(0);
    }
    12% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  @keyframes byod-highlight-edge-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes byod-highlight-dot-in {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.55);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .byod-customers__highlight-rect,
    .byod-customers__highlight-line,
    .byod-customers__highlight-dot {
      animation: none;
    }

    .byod-customers__highlight-rect {
      opacity: 1;
      transform: scaleX(1);
    }

    .byod-customers__highlight-line,
    .byod-customers__highlight-dot {
      opacity: 1;
    }
  }

  @media screen and (max-width: 989px) {
    .byod-customers__highlight-effect {
      --highlight-height: 78px;
      --highlight-rect-height: 66px;
      --highlight-dot-size: 10px;
      --highlight-line-width: 2px;
      --highlight-left-offset: 3px;
      --highlight-right-offset: 3px;
    }

    .byod-customers__logos {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 749px) {
    .byod-customers {
      padding-top: 2.6rem;
      padding-bottom: 3rem;
    }

    .byod-customers__heading {
      line-height: 1.26;
    }

    .byod-customers__logos {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem 0.9rem;
    }

    .byod-customers__logo-item {
      min-height: 48px;
    }

    .byod-customers__logo-image {
      height: 62px;
    }
  }
/* END_SECTION:byod-customers */

/* START_SECTION:byod-promotions (INDEX:8) */
.byod-promotions {
    --byod-bg: #ffffff;
    --byod-text: #1a1a1a;
    --byod-text-muted: #6b6b6b;
    --byod-border: #e5e5e5;
    --byod-accent: #009b69;
    --byod-accent-light: #e8f5e9;
    --byod-card-bg: #f8faf7;
    --byod-radius: 12px;
    --byod-max-width: 800px;

    width: 100%;
    padding: 5rem 1.5rem 6rem;
  }

  .byod-promotions__container {
    max-width: var(--byod-max-width);
    margin: 0 auto;
    padding-top: 2rem;
  }

  .byod-promotions__header {
    text-align: center;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
  }

  .byod-promotions__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.25;
    color: var(--byod-text);
    margin: 0 0 1rem;
  }

  .byod-promotions__intro {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--byod-text-muted);
    margin: 0;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .byod-promotions__timeline {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    padding-left: 2.25rem;
    margin-bottom: 2rem;
  }

  .byod-promotions__timeline::before {
    content: '';
    position: absolute;
    left: 1.125rem;
    top: 1.25rem;
    bottom: 1.25rem;
    width: 2px;
    background: linear-gradient(to bottom, var(--byod-accent-light), var(--byod-border), var(--byod-accent-light));
  }

  .byod-promotions__step {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    position: relative;
    background: var(--byod-card-bg);
    border-radius: var(--byod-radius);
    padding: 1rem 1.25rem;
    border: 1px solid var(--byod-border);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .byod-promotions__step:hover {
    border-color: var(--byod-accent);
    box-shadow: 0 2px 8px rgb(0 155 105 / 8%);
  }

  .byod-promotions__step-number {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--byod-accent);
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }

  .byod-promotions__step-content {
    flex: 1;
    min-width: 0;
    padding-top: 0.125rem;
  }

  .byod-promotions__step-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--byod-text);
    margin: 0;
    line-height: 1.45;
  }

  .byod-promotions__step-desc {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--byod-text-muted);
    margin: 0.25rem 0 0;
  }

  .byod-promotions__note {
    background: var(--byod-accent-light);
    border-left: 3px solid var(--byod-accent);
    border-radius: 0 var(--byod-radius) var(--byod-radius) 0;
    padding: 1rem 1.25rem;
    margin-bottom: 2.5rem;
  }

  .byod-promotions__note p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--byod-text);
    margin: 0;
  }

  .byod-promotions__cta {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .byod-promotions__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--byod-accent);
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .byod-promotions__cta-btn:hover {
    background: #007a52;
    transform: translateY(-2px);
  }

  .byod-promotions__cta-btn i {
    font-size: 1rem;
    transition: transform 0.2s ease;
  }

  .byod-promotions__cta-btn:hover i {
    transform: translateX(4px);
  }

  @media screen and (max-width: 749px) {
    .byod-promotions {
      padding: 3rem 1rem 4rem;
    }

    .byod-promotions__timeline {
      padding-left: 1.75rem;
    }

    .byod-promotions__timeline::before {
      left: 0.875rem;
    }

    .byod-promotions__step {
      padding: 0.875rem 1rem;
      gap: 0.75rem;
    }

    .byod-promotions__step-number {
      width: 1.75rem;
      height: 1.75rem;
      font-size: 0.75rem;
    }

    .byod-promotions__step-title {
      font-size: 0.875rem;
    }
  }
/* END_SECTION:byod-promotions */

/* START_SECTION:careers (INDEX:9) */
.careers {
    padding: 4rem var(--page-margin) 4rem;
  }

  .careers__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .careers__header {
    text-align: center;
    margin-bottom: 3.5rem;
  }

  .careers__title {
    margin: 0;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }

  .careers__subtitle {
    margin: 1rem auto 0;
    max-width: 680px;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
  }

  /* ── MISSION ── */
  .careers__mission {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    align-items: start;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: clamp(2rem, 3vw, 3rem) clamp(1.5rem, 3vw, 2.5rem) clamp(2.5rem, 3.5vw, 3.5rem);
  }

  .careers__mission-content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .careers__mission-label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6b6b6b;
    margin: 0 0 0.75rem;
  }

  .careers__mission-heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    font-weight: 700;
    margin: 0 0 1.25rem;
    color: #1C1C1E;
    line-height: 1.2;
  }

  .careers__mission-text {
    font-size: 15px;
    font-weight: 500;
    color: #434343;
    line-height: 1.75;
    margin: 0;
  }

  .careers__mission-visual {
    border-radius: 16px;
    min-height: 540px;
    align-self: stretch;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  /* ── SECTION HEADERS ── */
  .careers__section-header {
    text-align: center;
    margin-bottom: 3.5rem;
  }

  .careers__section-header--left {
    text-align: left;
    margin-bottom: 2.5rem;
  }

  .careers__section-tag {
    display: inline-block;
    border: 1px solid #dce5cf;
    border-radius: 999px;
    padding: 0.25rem 0.875rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #1c7a5b;
    margin: 0 0 1rem;
  }

  .careers__section-tag--dark {
    border-color: rgb(255 255 255 / 20%);
    color: rgb(255 255 255 / 60%);
  }

  .careers__section-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3vw, 2.5rem);
    font-weight: 700;
    color: #1C1C1E;
    margin: 0 0 0.875rem;
    line-height: 1.15;
  }

  .careers__section-title--light {
    color: #ffffff;
  }

  .careers__section-subtitle {
    font-size: 1rem;
    color: #86a089;
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
  }

  .careers__section-subtitle--light {
    color: rgb(255 255 255 / 55%);
    text-align: left;
    margin: 0;
  }

  /* ── QUOTE ── */
  .careers__quote-section {
    margin-top: 5rem;
    margin-bottom: 5rem;
    background: #ffffff;
    border-radius: 20px;
    padding: clamp(3rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.5rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .careers__quote-icon {
    width: 48px;
    height: 48px;
    color: #1c7a5b;
  }

  .careers__quote-text {
    max-width: 720px;
    margin: 0;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
    font-weight: 600;
    color: #1C1C1E;
    line-height: 1.4;
    font-style: italic;
  }

  .careers__quote-author {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #86a089;
  }

  /* ── BENEFITS ── */
  .careers__benefits {
    margin-bottom: 5rem;
  }

  .careers__benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background: #dce5cf;
    border-radius: 20px;
    overflow: hidden;
  }

  .careers__benefit-card {
    background: #ffffff;
    padding: 2.5rem 2.25rem;
    transition: background 0.2s;
  }

  .careers__benefit-card:hover {
    background: #f0f9e8;
  }

  .careers__benefit-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #eaf0e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #009b69;
    margin-bottom: 1.25rem;
  }

  .careers__benefit-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1C1C1E;
    margin: 0 0 0.5rem;
  }

  .careers__benefit-desc {
    font-size: 0.9rem;
    color: #86a089;
    line-height: 1.7;
    margin: 0;
  }

  /* ── VALUES ── */
  .careers__values {
    margin-bottom: 5rem;
  }

  .careers__values-inner {
    background: #194f31;
    border-radius: 28px;
    padding: clamp(3rem, 5vw, 5rem) clamp(2rem, 4vw, 4rem);
  }

  .careers__values-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 3.75rem);
    align-items: start;
  }

  .careers__values-list {
    display: flex;
    flex-direction: column;
  }

  .careers__value-item {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    cursor: default;
  }

  .careers__value-item:last-child {
    border-bottom: none;
  }

  .careers__value-num {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgb(255 255 255 / 30%);
    min-width: 28px;
    padding-top: 0.125rem;
    flex-shrink: 0;
  }

  .careers__value-body {
    flex: 1;
  }

  .careers__value-name {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.375rem;
  }

  .careers__value-text {
    font-size: 0.875rem;
    color: rgb(255 255 255 / 50%);
    line-height: 1.7;
    margin: 0;
  }

  .careers__values-right {
    display: flex;
  }

  .careers__values-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    min-height: 400px;
  }

  .careers__values-image-placeholder {
    width: 100%;
    min-height: 400px;
    border-radius: 16px;
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 10%);
  }

  /* ── JOBS ── */
  .careers__jobs {
    margin-top: 2rem;
  }

  .careers__filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 3rem;
  }

  .careers__filter-btn {
    border: 1px solid #dce5cf;
    border-radius: 8px;
    padding: 0.4375rem 1.125rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: #1c7a5b;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-body--family);
    transition: all 0.15s;
  }

  .careers__filter-btn:hover {
    border-color: #1c7a5b;
    color: #194f31;
  }

  .careers__filter-btn--active {
    background: #009b69;
    color: #ffffff;
    border-color: transparent;
  }

  .careers__jobs-list {
    border-top: 1px solid #dce5cf;
  }

  .careers__job-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    border-bottom: 1px solid #dce5cf;
    gap: 1.5rem;
  }

  .careers__job-info {
    flex: 1;
  }

  .careers__job-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #1C1C1E;
    margin: 0 0 0.375rem;
    transition: color 0.2s;
  }

  .careers__job-row:hover .careers__job-title {
    color: #009b69;
  }

  .careers__job-desc {
    font-size: 0.9rem;
    color: #86a089;
    max-width: 520px;
    line-height: 1.6;
    margin: 0 0 0.875rem;
  }

  .careers__job-tags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .careers__job-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    border: 1px solid #dce5cf;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #1c7a5b;
  }

  .careers__job-tag i {
    font-size: 11px;
    color: #009b69;
  }

  .careers__job-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #009b69;
    background: transparent;
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.2s;
    border: 1.5px solid #009b69;
    cursor: pointer;
    position: relative;
  }

  .careers__job-apply:hover {
    background: #009b69;
    color: #ffffff;
    transform: translateY(-1px);
  }

  .careers__job-apply i {
    font-size: 1.25rem;
    transition: transform 0.2s;
  }

  .careers__job-apply:hover > i {
    transform: translate(2px, -2px);
  }

  .careers__job-apply-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: #1C1C1E;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.375rem 0.625rem;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    line-height: 1;
  }

  .careers__job-apply-tooltip i {
    font-size: 0.85rem;
    transform: none !important;
  }

  .careers__job-apply-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #1C1C1E;
  }

  .careers__job-apply:hover .careers__job-apply-tooltip {
    opacity: 1;
    visibility: visible;
  }

  .careers__job-apply-tooltip .ph-check-fat {
    display: none;
  }

  .careers__job-apply.copied .careers__job-apply-tooltip {
    opacity: 1;
    visibility: visible;
  }

  .careers__job-apply.copied .careers__job-apply-tooltip .ph-check-fat {
    display: inline-block;
  }

  /* ── CTA ── */
  .careers__cta {
    margin-top: 5rem;
    margin-bottom: 2rem;
  }

  .careers__cta-inner {
    background: #ffffff;
    border: 1px solid #dce5cf;
    border-radius: 20px;
    padding: clamp(2.5rem, 4vw, 3.5rem) clamp(2rem, 3vw, 3rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .careers__cta-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 700;
    color: #1C1C1E;
    margin: 0;
  }

  .careers__cta-text {
    font-size: 1rem;
    color: #86a089;
    max-width: 480px;
    margin: 0;
    line-height: 1.6;
  }

  .careers__cta-email {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #009b69;
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    background: #f0f9e8;
    transition: all 0.2s;
  }

  .careers__cta-email:hover {
    background: #e0f3d8;
    transform: translateY(-1px);
  }

  .careers__cta-email i {
    font-size: 1.25rem;
  }

  /* ── RESPONSIVE ── */
  @media screen and (max-width: 989px) {
    .careers {
      padding: 3rem var(--page-margin) 3rem;
    }

    .careers__title {
      font-size: 34px;
      line-height: 40px;
    }

    .careers__subtitle {
      font-size: 17px;
      line-height: 24px;
    }

    .careers__mission {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .careers__mission-visual {
      min-height: 320px;
    }

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

    .careers__values-grid {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }

    .careers__values-inner {
      padding: 3rem 1.75rem;
    }

    .careers__values-visual {
      padding: 2rem 1.5rem;
    }

    .careers__values-image,
    .careers__values-image-placeholder {
      min-height: 300px;
    }

    .careers__job-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }
  }

  @media screen and (max-width: 749px) {
    .careers {
      padding: 2.5rem var(--page-margin) 2.5rem;
    }

    .careers__header {
      margin-bottom: 2.5rem;
    }

    .careers__title {
      font-size: 28px;
      line-height: 34px;
    }

    .careers__subtitle {
      font-size: 16px;
      line-height: 22px;
    }

    .careers__mission {
      padding: 2rem 1.25rem 2.25rem;
      border-radius: 16px;
    }

    .careers__mission-heading {
      font-size: 1.5rem;
    }

    .careers__mission-text {
      font-size: 14px;
    }

    .careers__mission-visual {
      min-height: 280px;
    }

    .careers__quote-section {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem;
      padding: 2.5rem 1.5rem;
    }

    .careers__quote-text {
      font-size: 1.2rem;
    }

    .careers__benefits {
      margin-bottom: 3.5rem;
    }

    .careers__benefits-grid {
      grid-template-columns: 1fr;
      border-radius: 16px;
    }

    .careers__benefit-card {
      padding: 2rem 1.5rem;
    }

    .careers__values-image,
    .careers__values-image-placeholder {
      min-height: 250px;
    }

    .careers__values {
      margin-bottom: 3.5rem;
    }

    .careers__values-inner {
      padding: 2.5rem 1.5rem;
      border-radius: 20px;
    }

    .careers__values-quote {
      font-size: 1.15rem;
    }

    .careers__values-stats-count {
      font-size: 1.8rem;
    }

    .careers__jobs {
      margin-top: 2rem;
    }

    .careers__section-header {
      margin-bottom: 2.5rem;
    }

    .careers__filter-bar {
      gap: 0.375rem;
      margin-bottom: 2rem;
    }

    .careers__filter-btn {
      padding: 0.375rem 0.875rem;
      font-size: 0.8rem;
    }

    .careers__job-row {
      padding: 1.5rem 0;
    }

    .careers__job-title {
      font-size: 1.15rem;
    }
  }
/* END_SECTION:careers */

/* START_SECTION:cart (INDEX:10) */
.cart-page {
    padding: 4rem 0;
    min-height: 60vh;
  }

  .cart-page__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .cart-page__title {
    font-family: var(--font-heading--family);
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 2rem;
    color: var(--color-foreground);
    text-align: center;
  }

  .cart-page__steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
    font-size: 1rem;
  }

  .cart-page__step {
    color: var(--color-foreground);
    opacity: 0.5;
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }

  .cart-page__step i {
    font-size: 1.1rem;
  }

  .cart-page__step--active {
    opacity: 1;
    font-weight: 600;
  }

  .cart-page__step-divider {
    width: 60px;
    height: 1px;
    background: var(--color-foreground);
    opacity: 0.2;
  }

  .cart-page__layout {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 3rem;
    align-items: start;
  }

  .cart-item {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    align-items: center;
  }

  .cart-item__image {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
  }

  .cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cart-item__details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .cart-item__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
  }

  .cart-item__title a {
    color: var(--color-foreground);
    text-decoration: none;
  }

  .cart-item__title a:hover {
    text-decoration: underline;
  }

  .cart-item__variant,
  .cart-item__property {
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
  }

  .cart-item__pricing {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
  }

  .cart-item__price {
    font-size: 1.25rem;
    font-weight: 600;
  }

  .cart-item__price--sale {
    color: #e85d04;
  }

  .cart-item__price--original {
    font-size: 0.875rem;
    text-decoration: line-through;
    opacity: 0.5;
  }

  .cart-item__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
  }

  .cart-item__quantity {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
  }

  .cart-item__qty-btn {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--color-foreground);
    transition: background 0.2s;
  }

  .cart-item__qty-btn:hover {
    background: rgba(0, 0, 0, 0.05);
  }

  .cart-item__qty-input {
    width: 50px;
    height: 36px;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    font-size: 1rem;
    font-family: inherit;
    background: transparent;
  }

  .cart-item__qty-input::-webkit-inner-spin-button,
  .cart-item__qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .cart-item__qty-input[type=number] {
    -moz-appearance: textfield;
  }

  .cart-item__buttons {
    display: flex;
    gap: 0.5rem;
  }

  .cart-item__btn {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--color-foreground);
    transition: all 0.2s;
  }

  .cart-item__btn--remove:hover {
    background: #fee2e2;
    border-color: #ef4444;
    color: #ef4444;
  }

  .cart-item--loading {
    opacity: 0.5;
    pointer-events: none;
  }

  .cart-item--loading .cart-item__qty-btn,
  .cart-item--loading .cart-item__btn--remove {
    cursor: not-allowed;
  }

  .cart-summary {
    background: #f5f5f0;
    border-radius: 16px;
    padding: 2rem;
    position: sticky;
    top: 2rem;
  }

  .cart-summary__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem 0;
  }

  .cart-summary__rows {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .cart-summary__row {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
  }

  .cart-summary__row--discount {
    color: #e85d04;
  }

  .cart-summary__row--note {
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.6);
  }

  .cart-summary__value {
    font-weight: 500;
  }

  .cart-summary__value--free {
    color: #e85d04;
    font-weight: 600;
  }

  .cart-summary__divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0.5rem 0;
  }

  .cart-summary__checkout-btn {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: 50px;
    background: #2d2d2d;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    margin-top: 1.5rem;
    transition: background 0.2s;
  }

  .cart-summary__checkout-btn:hover {
    background: #1a1a1a;
  }

  .cart-summary__total-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .cart-empty {
    text-align: center;
    padding: 4rem 2rem;
  }

  .cart-empty__icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
    background: #f5f5f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: rgba(0, 0, 0, 0.3);
  }

  .cart-empty__title {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
  }

  .cart-empty__message {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 0 2rem 0;
  }

  .cart-empty__btn {
    display: inline-block;
    padding: 1rem 2.5rem;
    border: 2px solid var(--color-foreground);
    border-radius: 50px;
    color: var(--color-foreground);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
  }

  .cart-empty__btn:hover {
    background: var(--color-foreground);
    color: var(--color-background);
  }

  @media (max-width: 900px) {
    .cart-page__layout {
      grid-template-columns: 1fr;
    }

    .cart-summary {
      position: static;
    }

    .cart-item {
      grid-template-columns: 80px 1fr;
      gap: 1rem;
    }

    .cart-item__image {
      width: 80px;
      height: 80px;
    }

    .cart-item__actions {
      grid-column: 1 / -1;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .cart-page__title {
      font-size: 2rem;
    }
  }
/* END_SECTION:cart */

/* START_SECTION:ccpa-opt-out (INDEX:11) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 0.75rem;
  }

  .legal-page__date {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #86a089;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
    text-align: left;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  .legal-page__list {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    padding-left: 1.5rem;
  }

  .legal-page__list li {
    margin-bottom: 0.5rem;
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p,
    .legal-page__list {
      font-size: 14px;
      text-align: left;
    }
  }
/* END_SECTION:ccpa-opt-out */

/* START_SECTION:collection (INDEX:12) */
.collection-premium {
    position: relative;
    z-index: 1;
    padding: 1.125rem var(--page-margin) 5rem;
  }

  .collection-premium__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  /* ── HERO ── */
  .collection-premium__hero {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    padding: clamp(3.5rem, 6vw, 5rem) clamp(2rem, 4vw, 3.5rem) clamp(4rem, 7vw, 5.5rem);
    min-height: 360px;
    display: flex;
    align-items: center;
  }

  .collection-premium__hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .collection-premium__hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }

  .collection-premium__hero-content {
    position: relative;
    z-index: 2;
  }

  .collection-premium__hero-label {
    font-family: var(--font-body--family);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 80%);
    margin: 0 0 1.5rem;
  }

  .collection-premium__hero-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    max-width: 780px;
    margin: 0 0 1.5rem;
  }

  .collection-premium__hero-text {
    font-size: 16px;
    color: rgb(255 255 255 / 85%);
    max-width: 560px;
    line-height: 1.7;
    margin: 0 0 2.5rem;
  }

  .collection-premium__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: #ffffff;
    color: #009a69;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.015em;
    padding: 0.8125rem 1.75rem;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  }

  .collection-premium__hero-cta-icon {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    color: #009a69;
  }

  .collection-premium__hero-cta:hover {
    background: #f0f9e8;
    box-shadow: 0 4px 18px rgb(0 154 105 / 18%);
    transform: translateY(-1px);
  }

  /* ── STEPS ── */
  .collection-premium__steps {
    margin-top: 4rem;
    margin-bottom: 4rem;
    background: #ffffff;
    border-radius: 20px;
    padding: clamp(2.5rem, 3.5vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem) clamp(3rem, 5vw, 4rem);
    text-align: center;
  }

  .collection-premium__steps-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 2.5rem;
  }

  .collection-premium__steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  .collection-premium__step-card {
    background: #eaf0e1;
    border-radius: 14px;
    padding: 2rem 1.75rem;
    border: 1px solid #dce5cf;
    text-align: left;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .collection-premium__step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgb(28 122 91 / 12%);
  }

  .collection-premium__step-num {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #009b69;
    letter-spacing: 0.04em;
    margin: 0 0 0.875rem;
  }

  .collection-premium__step-name {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1C1C1E;
    margin: 0 0 0.625rem;
    line-height: 1.3;
  }

  .collection-premium__step-desc {
    font-size: 14px;
    color: #434343;
    line-height: 1.7;
    margin: 0;
  }

  .collection-premium__steps-note {
    margin: 2rem 0 0;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #22795B;
  }

  /* ── CATALOG ── */
  .collection-premium__catalog {
    margin-top: 2rem;
  }

  .collection-premium__catalog-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: 700;
    color: #1C1C1E;
    margin: 0 0 2rem;
    text-align: center;
  }

  /* ── FILTER BAR ── */
  .collection-premium__filter-bar {
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem;
  }

  .collection-premium__filter-select {
    border: 1px solid #dce5cf;
    border-radius: 8px;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #1c7a5b;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231c7a5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.875rem center;
    background-size: 12px;
    cursor: pointer;
    font-family: var(--font-body--family);
    transition: border-color 0.15s, box-shadow 0.15s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 180px;
  }

  .collection-premium__filter-select:hover {
    border-color: #1c7a5b;
  }

  .collection-premium__filter-select:focus {
    outline: none;
    border-color: #009b69;
    box-shadow: 0 0 0 3px rgb(0 155 105 / 15%);
  }

  /* ── GRID ── */
  .collection-premium__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    align-items: start;
  }

  .collection-premium__card {
    display: block;
    margin: 0;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(20, 35, 28, 0.12);
    padding: 1rem 1rem 1.35rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    color: inherit;
  }

  .collection-premium__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(20, 35, 28, 0.16);
  }

  .collection-premium__image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    aspect-ratio: 1 / 1;
    background: #ecf3ef;
    box-shadow: 0 14px 34px rgba(18, 40, 30, 0.2);
  }

  .collection-premium__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .collection-premium__image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  .collection-premium__card-title {
    margin: 1.4rem 0 0;
    color: #313231;
    font-family: 'Inter', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-transform: capitalize;
    text-align: center;
  }

  .collection-premium__card-copy {
    margin: 0.7rem 0 0;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

  .collection-premium__price {
    margin-top: 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  .collection-premium__current-price {
    color: #313231;
    font-family: 'Inter', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
  }

  .collection-premium__compare-price {
    color: #86a089;
    font-family: 'Inter', var(--font-heading--family), sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-decoration: line-through;
  }

  .collection-premium__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 0;
    color: #86a089;
    font-size: 18px;
  }

  /* ── RESPONSIVE ── */
  @media screen and (max-width: 1120px) {
    .collection-premium__steps-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .collection-premium__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .collection-premium__card-title {
      font-size: 24px;
      line-height: 30px;
    }

    .collection-premium__card-copy {
      font-size: 15px;
      line-height: 22px;
    }
  }

  @media screen and (max-width: 749px) {
    .collection-premium {
      padding-top: 0.625rem;
      padding-bottom: 3rem;
    }

    .collection-premium__hero {
      min-height: 260px;
      padding: 2.5rem 1.5rem 3.25rem;
      border-radius: 16px;
    }

    .collection-premium__hero-title {
      font-size: 1.7rem;
      max-width: 100%;
    }

    .collection-premium__hero-text {
      max-width: 100%;
      font-size: 14px;
    }

    .collection-premium__hero-cta {
      font-size: 13px;
      padding: 0.6875rem 1.5rem;
    }

    .collection-premium__steps {
      padding: 2.25rem 1.25rem 2.5rem;
      border-radius: 16px;
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    .collection-premium__steps-grid {
      grid-template-columns: 1fr;
      gap: 1rem;
    }

    .collection-premium__step-card {
      padding: 1.5rem 1.25rem;
    }

    .collection-premium__catalog-title {
      font-size: 1.4rem;
    }

    .collection-premium__filter-bar {
      margin-bottom: 2rem;
    }

    .collection-premium__filter-select {
      padding: 0.4375rem 2.25rem 0.4375rem 0.875rem;
      font-size: 0.85rem;
      min-width: 160px;
    }

    .collection-premium__grid {
      grid-template-columns: 1fr;
      gap: 1.4rem;
    }

    .collection-premium__card {
      max-width: 470px;
      margin-left: auto;
      margin-right: auto;
    }

    .collection-premium__card-title {
      font-size: 22px;
      line-height: 28px;
    }

    .collection-premium__card-copy {
      font-size: 15px;
      line-height: 22px;
    }
  }

  @media screen and (max-width: 479px) {
    .collection-premium__hero-title {
      font-size: 1.45rem;
    }

    .collection-premium__steps-title {
      font-size: 1.3rem;
    }
  }
/* END_SECTION:collection */

/* START_SECTION:collections (INDEX:13) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:contact-us (INDEX:14) */
.contact-us {
    padding: 4rem var(--page-margin) 4rem;
  }

  .contact-us__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .contact-us__header {
    text-align: center;
    margin-bottom: 3.5rem;
  }

  .contact-us__title {
    margin: 0;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }

  .contact-us__subtitle {
    margin: 1rem auto 0;
    max-width: 680px;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
  }

  .contact-us__content {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 3rem;
    align-items: start;
  }

  .contact-us__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .contact-us__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgb(0 0 0 / 8%);
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }

  .contact-us__card > i {
    font-size: 22px;
    color: #009b69;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .contact-us__card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .contact-us__card-title {
    margin: 0;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 18px;
  }

  .contact-us__phones {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }

  .contact-us__phones a {
    color: #555 !important;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
  }

  .contact-us__address-content {
    margin: 0;
    font-style: normal;
    color: #555;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
  }

  .contact-us__address-content p:first-child {
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 18px;
    font-weight: 600;
  }

  .contact-us__address-content p {
    margin: 0;
  }

  .contact-us__options {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .contact-us__options-row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  .contact-us__options-row .contact-us__option {
    flex: 1;
  }

  .contact-us__option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #333;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    background: #f9fafb;
    border: none;
    cursor: pointer;
  }

  .contact-us__option i {
    font-size: 20px;
    color: #009b69;
    flex-shrink: 0;
  }

  .contact-us__option--primary {
    background: #009b69;
    color: #ffffff;
    padding: 1rem 1.5rem;
    font-size: 17px;
  }

  .contact-us__option--primary i {
    color: #ffffff;
  }

  .contact-us__option--widget {
    background: #92c602;
    color: #ffffff;
    padding: 1rem 1.5rem;
    font-size: 17px;
  }

  .contact-us__option--widget i {
    color: #ffffff;
  }

  .contact-us__details {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .contact-us__detail-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .contact-us__detail-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-us__detail-icon i {
    font-size: 20px;
    color: #009b69;
  }

  .contact-us__detail-divider {
    width: 1px;
    height: 24px;
    background: #d1d5db;
    flex-shrink: 0;
  }

  .contact-us__detail-content {
    flex: 1;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 15px;
    line-height: 1.6;
  }

  .contact-us__detail-content a {
    color: #555 !important;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.2s ease;
  }

  .contact-us__detail-content a:hover {
    color: #009b69 !important;
  }

  .contact-us__detail-content--hours {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .contact-us__detail-content--hours span {
    color: #555;
    font-weight: 400;
  }

  .contact-us__weekend-hours {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }

  .contact-us__sleep-icon {
    width: 16px;
    height: 16px;
    opacity: 0.6;
  }

  .contact-us__social-buttons {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }

  .contact-us__social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    color: #1f2629;
    background: #eaf0e1;
    border-radius: 12px;
    cursor: pointer;
    white-space: nowrap;
  }

  .contact-us__form-wrapper {
    background: linear-gradient(to bottom, #d8f38b 0%, #92c602 30%, #009b69 70%, #1c7a5b 100%);
    border-radius: 28px;
    padding: 3px;
  }

  .contact-us__form {
    background: #ffffff;
    border-radius: 25px;
    padding: 2.5rem 2.75rem;
  }

  .contact-us__form-title {
    margin: 0 0 1.75rem;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
  }

  .contact-us__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
  }

  .contact-us__field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }

  .contact-us__field--message {
    grid-column: 1 / -1;
  }

  .contact-us__checkbox-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
  }

  .contact-us__field--schedule {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.85rem;
  }

  .contact-us__checkbox-label {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    user-select: none;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  .contact-us__checkbox-label input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .contact-us__checkbox-custom {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1.5px solid #d1d5db;
    background: #f9fafb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
  }

  .contact-us__checkbox-custom::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392c602' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .contact-us__checkbox-label input[type='checkbox']:checked + .contact-us__checkbox-custom {
    background: #f0f9e8;
    border-color: #92c602;
  }

  .contact-us__checkbox-label input[type='checkbox']:checked + .contact-us__checkbox-custom::after {
    opacity: 1;
  }

  .contact-us__schedule-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-bottom 0.35s ease;
    margin-bottom: 0;
  }

  .contact-us__schedule-panel--open {
    max-height: 120px;
    opacity: 1;
    margin-bottom: 0.85rem;
  }

  .contact-us__field--submit {
    grid-column: 1 / -1;
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }

  .contact-us__field--disclaimer {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 0.25rem;
  }

  .contact-us__disclaimer {
    margin: 0;
    font-family: var(--font-body--family);
    font-size: 12px;
    color: #888;
    line-height: 1.5;
    white-space: nowrap;
  }

  .contact-us__field--consent {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .contact-us__field--consent .contact-us__checkbox-label {
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    align-self: flex-start;
  }

  .contact-us__checkbox-row .contact-us__checkbox-label {
    font-size: 14px;
    white-space: nowrap;
  }

  .contact-us__field--submit {
    grid-column: 1 / -1;
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
  }

  .contact-us__field--disclaimer {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 0.25rem;
  }

  .contact-us__disclaimer {
    margin: 0;
    font-family: var(--font-body--family);
    font-size: 12px;
    color: #888;
    line-height: 1.5;
    white-space: nowrap;
  }

  .contact-us__submit {
    height: 56px;
    border-radius: 28px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 2rem;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    color: #f8fff0;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
    background: #009b69;
    width: auto;
  }

  .contact-us__field--schedule {
    grid-column: 1 / -1;
  }

  .contact-us__checkbox-label {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    user-select: none;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  .contact-us__checkbox-label input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .contact-us__checkbox-custom {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1.5px solid #d1d5db;
    background: #f9fafb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
  }

  .contact-us__checkbox-custom::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392c602' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .contact-us__checkbox-label input[type='checkbox']:checked + .contact-us__checkbox-custom {
    background: #f0f9e8;
    border-color: #92c602;
  }

  .contact-us__checkbox-label input[type='checkbox']:checked + .contact-us__checkbox-custom::after {
    opacity: 1;
  }

  .contact-us__schedule-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease;
    margin-top: 0;
  }

  .contact-us__schedule-panel--open {
    max-height: 120px;
    opacity: 1;
    margin-top: 0.85rem;
  }

  .contact-us__schedule-row {
    display: flex;
    gap: 1.25rem;
  }

  .contact-us__schedule-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }

  .contact-us__input[type='date'],
  .contact-us__input[type='time'] {
    cursor: pointer;
  }

  .contact-us__label {
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  .contact-us__required {
    color: #dc2626;
    font-weight: 700;
  }

  .contact-us__input,
  .contact-us__textarea {
    font-family: var(--font-body--family);
    font-size: 15px;
    color: #140303;
    background: #f9fafb;
    border: 1.5px solid #d1d5db;
    border-radius: 10px;
    padding: 0.8rem 1rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .contact-us__input:focus,
  .contact-us__textarea:focus {
    border-color: #92c602;
    box-shadow: 0 0 0 3px rgb(146 198 2 / 18%);
  }

  .contact-us__textarea {
    resize: vertical;
    min-height: 120px;
  }

  .contact-us__submit {
    height: 56px;
    border-radius: 28px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 2rem;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 17px;
    text-decoration: none;
    color: #f8fff0;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
    background: #009b69;
    width: 100%;
  }

  .contact-us__submit:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(41 131 71 / 22%);
  }

  .contact-us__submit:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  .contact-us__submit-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgb(255 255 255 / 20%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
  }

  .contact-us__submit-icon i {
    font-size: 16px;
    color: #f8fff0;
  }

  .contact-us__submit:hover .contact-us__submit-icon {
    background: rgb(255 255 255 / 26%);
    transform: translateX(2px);
  }

  .contact-us__success {
    text-align: center;
    padding: 2rem 0;
  }

  .contact-us__success i {
    font-size: 48px;
    color: #92c602;
    display: block;
    margin-bottom: 1rem;
  }

  .contact-us__success p {
    font-family: var(--font-body--family);
    font-size: 16px;
    color: #333;
    margin: 0;
  }

  .contact-us__errors {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin-bottom: 1.25rem;
    font-family: var(--font-body--family);
    font-size: 14px;
    color: #991b1b;
  }

  .iti {
    width: 100%;
  }

  .iti__flag-container {
    border-radius: 10px 0 0 10px;
  }

  .iti input,
  .iti__selected-country {
    font-family: var(--font-body--family) !important;
    font-size: 15px !important;
    color: #140303 !important;
  }

  .iti input {
    background: #f9fafb !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 10px !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .iti input:focus {
    border-color: #92c602 !important;
    box-shadow: 0 0 0 3px rgb(146 198 2 / 18%) !important;
  }

  .iti__selected-country {
    background: #f0f4f0 !important;
    border: 1.5px solid #d1d5db !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    padding: 0.6rem 0.5rem !important;
  }

  .iti__selected-country:hover {
    background: #e8ede8 !important;
  }

  .iti__dropdown-content {
    border-radius: 10px !important;
  }

  .iti__country-list {
    font-family: var(--font-body--family) !important;
  }

  .iti__country-name {
    font-size: 14px !important;
  }

  .help-banner {
    padding: 5rem var(--page-margin) 6rem;
    margin-bottom: 3rem;
  }

  .help-banner__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
    text-align: center;
    background: #d8f38b;
    border-radius: 32px;
    padding: 3.5rem 3rem;
  }

  .help-banner__title {
    margin: 0;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.02em;
  }

  .help-banner__subtitle {
    margin: 1rem auto 0;
    max-width: 560px;
    color: #555;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
  }

  .help-banner__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 2rem;
    min-height: 60px;
    padding: 0 1.5rem;
    border-radius: 30px;
    background: #f8fff0;
    color: #434343;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease;
  }

  .help-banner__cta:hover {
    filter: brightness(0.96);
  }

  .help-banner__cta:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  .help-banner__cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(67 67 67 / 12%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
  }

  .help-banner__cta-icon i {
    font-size: 17px;
    color: currentColor;
    transition: transform 0.3s ease;
  }

  .help-banner__cta:hover .help-banner__cta-icon {
    background: rgb(67 67 67 / 16%);
    transform: translateX(2px);
  }

  @media screen and (max-width: 989px) {
    .contact-us {
      padding: 3rem var(--page-margin) 3rem;
    }

    .contact-us__title {
      font-size: 34px;
      line-height: 40px;
    }

    .contact-us__subtitle {
      font-size: 17px;
      line-height: 24px;
    }

    .contact-us__content {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }

    .contact-us__form {
      padding: 2rem 2rem;
    }

    .contact-us__fields {
      grid-template-columns: 1fr;
    }

    .contact-us__checkbox-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .contact-us__field--schedule {
      flex-direction: column-reverse;
    }

    .contact-us__disclaimer {
      white-space: normal;
    }

    .help-banner__inner {
      padding: 2.5rem 2rem;
    }

    .help-banner__title {
      font-size: 30px;
      line-height: 36px;
    }

    .help-banner__cta {
      min-height: 54px;
      font-size: 16px;
    }

    .help-banner__cta-icon {
      width: 26px;
      height: 26px;
    }

    .help-banner__cta-icon i {
      font-size: 15px;
    }

    .contact-us__schedule-row {
      flex-direction: column;
      gap: 1rem;
    }
  }

  @media screen and (max-width: 749px) {
    .contact-us {
      padding: 2.5rem var(--page-margin) 2.5rem;
    }

    .contact-us__header {
      margin-bottom: 2.5rem;
    }

    .contact-us__title {
      font-size: 28px;
      line-height: 34px;
    }

    .contact-us__subtitle {
      font-size: 16px;
      line-height: 22px;
    }

    .contact-us__form-wrapper {
      border-radius: 20px;
    }

    .contact-us__form {
      padding: 1.75rem 1.5rem;
      border-radius: 17px;
    }

    .contact-us__form-title {
      font-size: 22px;
      line-height: 28px;
    }

    .contact-us__submit {
      height: 52px;
      font-size: 16px;
      width: auto;
    }

    .help-banner {
      padding: 4rem var(--page-margin) 5rem;
      margin-bottom: 2.5rem;
    }

    .help-banner__inner {
      padding: 2rem 1.5rem;
      border-radius: 24px;
    }

    .help-banner__title {
      font-size: 26px;
      line-height: 32px;
    }

    .help-banner__subtitle {
      font-size: 15px;
      line-height: 22px;
    }

    .help-banner__cta {
      min-height: 54px;
      font-size: 16px;
      gap: 0.4rem;
      padding: 0 1.2rem;
    }

    .help-banner__cta-icon {
      width: 26px;
      height: 26px;
    }

    .help-banner__cta-icon i {
      font-size: 15px;
    }

    .contact-us__schedule-row {
      flex-direction: column;
      gap: 1rem;
    }
  }
/* END_SECTION:contact-us */

/* START_SECTION:credits (INDEX:15) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  .legal-page__link {
    color: #1c7a5b;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .legal-page__link:hover {
    color: #009b69;
  }

  .legal-page__credits-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
  }

  .legal-page__credits-table thead {
    border-bottom: 2px solid #e5e5e7;
  }

  .legal-page__credits-table th {
    text-align: left;
    padding: 0.75rem 1rem;
    font-weight: 600;
    color: #1c1c1e;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .legal-page__credits-table td {
    padding: 1rem;
    color: #434343;
    vertical-align: top;
    border-bottom: 1px solid #f0f0f2;
  }

  .legal-page__credits-table td:first-child {
    font-weight: 600;
    color: #1c1c1e;
  }

  .legal-page__credits-table tr:last-child td {
    border-bottom: none;
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p {
      font-size: 14px;
      text-align: left;
    }

    .legal-page__credits-table {
      font-size: 14px;
    }

    .legal-page__credits-table th,
    .legal-page__credits-table td {
      padding: 0.75rem 0.5rem;
    }
  }
/* END_SECTION:credits */

/* START_SECTION:cta-banner (INDEX:16) */
.cta-banner {
    padding: 2rem var(--page-margin) 0;
  }
  .cta-banner__inner {
    --cta-inline-pad: 2rem;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    text-align: center;
    padding: 3rem var(--cta-inline-pad) 4.5rem;
    overflow: hidden;
  }
  .cta-banner__title {
    margin: 0 auto;
    max-width: 805px;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }
  .cta-banner__title-line {
    display: block;
  }
  .cta-banner__subtext {
    margin: 2rem auto 0;
    max-width: none;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    white-space: nowrap;
  }
  .cta-banner__actions {
    width: 485px;
    max-width: 100%;
    margin: 3.2rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  .cta-banner__btn {
    height: 60px;
    border-radius: 30px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1rem;
    font-family: var(--font-body--family);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: #f8fff0;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
  }
  .cta-banner__btn-label {
    white-space: nowrap;
  }
  .cta-banner__btn-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(255 255 255 / 20%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
    transform: translateX(0);
  }
  .cta-banner__btn-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: #f8fff0;
    transition: transform 0.3s ease;
  }
  .cta-banner__btn:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(41 131 71 / 22%);
  }
  .cta-banner__btn:hover .cta-banner__btn-icon {
    background: rgb(255 255 255 / 26%);
    transform: translateX(2px);
  }
  .cta-banner__btn:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }
  .cta-banner__btn--primary {
    width: 274px;
    background: #92c602;
  }
  .cta-banner__btn--secondary {
    width: 235px;
    background: #009b69;
  }

  @media screen and (max-width: 989px) {
    .cta-banner { padding-top: 3.5rem; }
    .cta-banner__inner { padding: 4rem 1.4rem 3.5rem; }
    .cta-banner__title { font-size: 36px; line-height: 42px; }
    .cta-banner__subtext { white-space: normal; }
    .cta-banner__actions { width: 430px; margin-top: 2.6rem; }
    .cta-banner__btn { height: 54px; border-radius: 27px; font-size: 16px; line-height: 20px; gap: 0.4rem; padding: 0 0.85rem; }
    .cta-banner__btn-icon { width: 26px; height: 26px; }
    .cta-banner__btn-icon i { font-size: 15px; }
    .cta-banner__btn--primary { width: 242px; }
    .cta-banner__btn--secondary { width: 210px; }
  }

  @media screen and (max-width: 749px) {
    .cta-banner { padding-top: 2.75rem; }
    .cta-banner__inner { padding: 2.9rem 1rem 2.5rem; }
    .cta-banner__title { font-size: 29px; line-height: 1.22; max-width: 580px; }
    .cta-banner__subtext { font-size: 16px; line-height: 1.4; margin-top: 1.35rem; white-space: normal; }
    .cta-banner__actions { width: 100%; margin-top: 2.2rem; gap: 0.85rem; flex-direction: column; }
    .cta-banner__btn,
    .cta-banner__btn--primary,
    .cta-banner__btn--secondary { width: min(100%, 274px); height: 52px; border-radius: 26px; }
  }
/* END_SECTION:cta-banner */

/* START_SECTION:custom-section (INDEX:17) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:footer (INDEX:18) */
.diziana-footer {
    --footer-stack-overlap: 2.5rem;
    position: relative;
    z-index: 1;
    margin-top: calc(var(--footer-stack-overlap) * -1);
    width: 100%;
    background: #1c7a5b;
    border-radius: 50px 50px 0 0;
    color: #ffffff;
    overflow: hidden;
  }

  .diziana-footer__inner {
    width: min(1440px, 100%);
    min-height: 680px;
    margin: 0 auto;
    padding: calc(clamp(2.6rem, 4.6vw, 4.75rem) + var(--footer-stack-overlap)) clamp(1rem, 2.8vw, 2rem)
      clamp(2.6rem, 4.6vw, 4.75rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .diziana-footer__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
  }

  .diziana-footer__left {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .diziana-footer__brand {
    width: min(361px, 100%);
    min-height: 62px;
    display: grid;
    grid-template-columns: 142px 1px 150px;
    align-items: center;
    gap: 1.35rem;
  }

  .diziana-footer__brand-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .diziana-footer__brand-logo {
    width: 142px;
    height: 62px;
    object-fit: contain;
    display: block;
  }

  .diziana-footer__partner-logo {
    width: 150px;
    height: 42px;
    object-fit: contain;
    display: block;
  }

  .diziana-footer__brand-divider {
    width: 1px;
    height: 59px;
    background: #ffffff;
  }

  .diziana-footer__contact {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .diziana-footer__contact-title {
    margin: 0 0 0.75rem;
    color: #d8f38b;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: clamp(1.8rem, 2.2vw, 2.5rem);
    line-height: 1.2;
  }

  .diziana-footer__contact-email {
    display: inline-block;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 0 0.25rem;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .diziana-footer__contact-email:hover {
    border-bottom-color: #ffffff;
    opacity: 0.9;
  }

  .diziana-footer__trust-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
  }

  .diziana-footer__trust {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .diziana-footer__trust-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .diziana-footer__trust-text {
    margin: 0;
    color: #ffffff;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0;
  }

  .diziana-footer__trust-text .char {
    display: inline-block;
    color: rgba(255, 255, 255, 0.3);
  }

  .diziana-footer__trust-text .char.revealed {
    color: #ffffff;
  }

  .diziana-footer__right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .diziana-footer__nav {
    display: flex;
    gap: 3rem;
    justify-content: flex-end;
  }

  .diziana-footer__column {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 0 0 auto;
  }

  .diziana-footer__column-title {
    margin: 0;
    color: #ffffff;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0;
  }

  .diziana-footer__column-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .diziana-footer__column-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    transition: color 0.2s ease;
  }

  .diziana-footer__column-links a:hover {
    color: #ffffff;
  }

  .diziana-footer__separator {
    display: block;
    margin: 2rem 0;
    border: none;
    border-top: 1px solid #ffffff;
  }

  .diziana-footer__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
  }

  .diziana-footer__copyright {
    margin: 0;
    color: #ffffff;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
  }

  .diziana-footer__legal {
    margin: 2rem auto 0;
    max-width: 680px;
    color: #eaf0e1;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
  }

  .diziana-footer__payment-icons {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
  }

  .diziana-footer__payment-icon {
    display: block;
    height: 30px;
    width: auto;
  }

  @media screen and (max-width: 989px) {
    .diziana-footer {
      --footer-stack-overlap: 1.75rem;
    }

    .diziana-footer__inner {
      padding-top: calc(2.6rem + var(--footer-stack-overlap));
      padding-bottom: 2.4rem;
    }

    .diziana-footer__top {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .diziana-footer__nav {
      gap: 2rem;
      justify-content: flex-end;
      flex-wrap: wrap;
    }

    .diziana-footer__brand {
      gap: 1rem;
      grid-template-columns: 132px 1px 141px;
    }

    .diziana-footer__brand-logo {
      width: 132px;
      height: auto;
    }

    .diziana-footer__partner-logo {
      width: 141px;
      height: auto;
    }

    .diziana-footer__contact-title,
    .diziana-footer__contact-email,
    .diziana-footer__trust-text,
    .diziana-footer__column-title {
      font-size: 17px;
    }

    .diziana-footer__trust-icon {
      width: 22px;
      height: 22px;
    }

    .diziana-footer__column-links a {
      font-size: 14px;
    }

    .diziana-footer__copyright {
      font-size: 14px;
    }

    .diziana-footer__trust-icon {
      width: 18px;
      height: 18px;
    }

    .diziana-footer__column-title {
      font-size: 15px;
      line-height: 17px;
    }

    .diziana-footer__column-links a {
      font-size: 14px;
      line-height: 1.5;
    }

    .diziana-footer__copyright {
      font-size: 13px;
      line-height: 17px;
    }

    .diziana-footer__trust-icon {
      width: 18px;
      height: 18px;
    }

    .diziana-footer__column-title {
      font-size: 15px;
      line-height: 17px;
    }

    .diziana-footer__column-links a {
      font-size: 14px;
      line-height: 1.5;
    }

    .diziana-footer__copyright {
      font-size: 15px;
      line-height: 17px;
    }

    .diziana-footer__legal {
      font-size: 12px;
    }

    .diziana-footer__bottom {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }
  }
/* END_SECTION:footer */

/* START_SECTION:header (INDEX:19) */
.header__zendesk-partner {
    background-color: #a3c543;
    color: #1e1e1e;
    padding: 0.75rem var(--page-margin);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
  }
  .header__zendesk-partner-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .header__zendesk-partner-content p {
    margin: 0;
    font-family: var(--font-body--family);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
  }
  .header__zendesk-logo {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .header {
    position: relative;
    z-index: 2;
  }
  .header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem var(--page-margin);
    position: relative;
    z-index: 1;
  }
  .header__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .header__diziana-logo {
    width: 6rem;
    height: auto;
    object-fit: contain;
    flex: 0 0 auto;
  }
  .header__authorized-logo {
    display: inline-flex;
    width: 5.5rem;
    height: auto;
    object-fit: contain;
    flex: 0 0 auto;
  }

  .header__menu {
    display: none;
  }

  .header__icons {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
  }
  .header__login-btn {
    height: 44px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1.1rem;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    color: #1f2629;
    background: transparent;
    border: 1px solid rgb(31 38 41 / 20%);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }
  .header__login-btn:hover {
    background: #eaf0e1;
    border-color: transparent;
  }
  .header__login-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: -1px;
  }
  .header__login-icon {
    font-size: 20px;
    line-height: 1;
    color: #1f2629;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .header__login-icon--user {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .header__login-icon--arrow {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .header__login-btn:hover .header__login-icon--user {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .header__login-btn:hover .header__login-icon--arrow {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .header__themes-btn {
    height: 44px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1.1rem;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    color: #1f2629;
    background: transparent;
    border: 1px solid rgb(31 38 41 / 20%);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }
  .header__themes-btn:hover {
    background: #F0FFCD;
    border-color: transparent;
  }
  .header__themes-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    width: 22px;
    height: 22px;
  }
  .header__themes-icon {
    font-size: 20px;
    line-height: 1;
    color: #1f2629;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .header__themes-icon--palette {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  .header__themes-icon--arrow {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .header__themes-btn:hover .header__themes-icon--palette {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .header__themes-btn:hover .header__themes-icon--arrow {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .header__login-icon-btn {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #1f2629;
    background: transparent;
    border: 1px solid rgb(31 38 41 / 20%);
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }
  .header__login-icon-btn:hover {
    background: #eaf0e1;
    border-color: transparent;
  }
  .header__login-icon-face {
    font-size: 22px;
    line-height: 1;
    color: #1f2629;
  }

  .header__hamburger {
    border: 0;
    background: transparent;
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1f2629;
    font-size: 1.5rem;
    line-height: 1;
  }
  .header__hamburger-bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1f2629;
    border-radius: 1px;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .header__hamburger[aria-expanded='true'] .header__hamburger-bar:nth-child(1) {
    transform: translateY(0.45rem) rotate(45deg);
  }
  .header__hamburger[aria-expanded='true'] .header__hamburger-bar:nth-child(2) {
    opacity: 0;
  }
  .header__hamburger[aria-expanded='true'] .header__hamburger-bar:nth-child(3) {
    transform: translateY(-0.45rem) rotate(-45deg);
  }

  .header__icons .header__themes-btn,
  .header__icons .header__login-icon-btn {
    display: none;
  }

  .header__overlay {
    position: fixed;
    inset: 0;
    background-color: rgb(0 0 0 / 50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 40;
  }
  .header__overlay--visible {
    opacity: 1;
    visibility: visible;
  }

  .header__drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: min(85vw, 22rem);
    height: 100dvh;
    background-color: #ffffff;
    z-index: 50;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
  }
  .header__drawer--open {
    transform: translateX(0);
  }
  .header__drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e8ecf0;
    flex: 0 0 auto;
  }
  .header__drawer-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .header__drawer-brand .header__diziana-logo {
    width: 5.5rem;
  }
  .header__drawer-brand .header__authorized-logo {
    width: 4.5rem;
  }
  .header__drawer-close {
    border: 0;
    background: transparent;
    padding: 0.35rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
  }
  .header__close-icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .header__close-icon::before,
  .header__close-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.25rem;
    height: 2px;
    background-color: #1f2629;
    border-radius: 1px;
  }
  .header__close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .header__close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .header__drawer-nav {
    padding: 0.75rem 0;
    flex: 1 1 auto;
    overflow-y: auto;
  }

  .header__drawer-item {
    border-bottom: 1px solid #f2f4f6;
  }
  .header__drawer-item--has-children {
    display: block;
  }
  .header__drawer-trigger {
    border: 0;
    background: transparent;
    padding: 0.85rem 1.25rem;
    margin: 0;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-body--family);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.015em;
    line-height: 1.15;
    text-transform: uppercase;
    color: #1f2629;
    text-align: left;
  }
  .header__drawer-chevron {
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1.5px solid currentcolor;
    border-bottom: 1.5px solid currentcolor;
    transform: translateY(-0.1rem) rotate(45deg);
    transition: transform 0.25s ease;
    flex: 0 0 auto;
  }
  .header__drawer-item--open > .header__drawer-trigger .header__drawer-chevron {
    transform: translateY(0.05rem) rotate(-135deg);
  }
  .header__drawer-submenu {
    display: none;
    padding: 0 1.25rem 0.75rem;
  }
  .header__drawer-item--open > .header__drawer-submenu {
    display: grid;
    gap: 0.15rem;
  }
  .header__drawer-link {
    display: flex;
    align-items: flex-start;
    gap: 0.44rem;
    padding: 0.5rem 0.58rem;
    border-radius: 0.42rem;
    color: #1f2629;
    text-decoration: none;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    transition: background-color 0.18s ease;
  }
  .header__drawer-link--top {
    display: flex;
    align-items: center;
    padding: 0.85rem 1.25rem;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f4f6;
    border-radius: 0;
  }
  .header__drawer-link--top[aria-current='page'] {
    text-decoration: underline;
    text-decoration-color: #2b72b6;
    text-underline-offset: 0.2rem;
    text-decoration-thickness: 0.15rem;
  }
  .header__drawer-link--parent {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.005em;
    text-transform: none;
  }
  .header__drawer-link--group-title {
    font-size: 13px;
    font-weight: 600;
    padding: 0.55rem 0.58rem 0.2rem;
    text-transform: none;
    letter-spacing: 0;
  }
  .header__drawer-link--child {
    font-size: 13px;
    font-weight: 500;
    padding: 0.35rem 0.58rem 0.35rem 1.5rem;
  }
  .header__drawer-link--detail .header__dropdown-icon {
    font-size: 1.22rem;
    margin-top: 0.06rem;
    line-height: 1;
    align-self: flex-start;
    display: block;
    color: #1f2629;
  }
  .header__drawer-link .header__dropdown-icon {
    margin-top: 0;
    line-height: 1;
    align-self: flex-start;
    display: block;
  }
  .header__drawer-icon {
    flex: 0 0 auto;
    font-size: 1.22rem;
    margin-top: 0.14rem;
    line-height: 1;
    color: #1f2629;
  }
  .header__drawer-link .header__dropdown-content {
    display: grid;
    gap: 0.1rem;
  }
  .header__drawer-link:hover,
  .header__drawer-link:focus-visible {
    background-color: #f8fff0;
  }
  .header__drawer-link:hover .header__dropdown-icon,
  .header__drawer-link:hover .header__drawer-icon,
  .header__drawer-link:focus-visible .header__dropdown-icon,
  .header__drawer-link:focus-visible .header__drawer-icon {
    color: #8bbf4a;
  }
  .header__drawer-divider {
    width: auto;
    height: 0;
    border-top: 1px solid #d9dee2;
    margin: 0.5rem 0.4rem 0.3rem;
  }
  .header__drawer-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.25rem 0.58rem 0.15rem;
  }
  .header__drawer-social-copy {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
  }
  .header__drawer-social-label {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
  }
  .header__drawer-social-arrow {
    font-size: 12px;
    line-height: 1.3;
    color: #000000;
  }
  .header__drawer-social-links {
    display: flex;
    align-items: center;
    gap: 0.7rem;
  }
  .header__drawer-social-link {
    color: #1f2629;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
  }
  .header__drawer-social-icon {
    font-size: 1.05rem;
    line-height: 1;
  }
  .header__drawer-social-link:hover,
  .header__drawer-social-link:focus-visible {
    color: #8bbf4a;
    outline: none;
  }
  .header__drawer-learn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    padding: 0.25rem 0.58rem 0.15rem;
  }
  .header__drawer-learn-copy {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex: 1;
    min-width: 0;
  }
  .header__drawer-learn-text {
    flex: 0 1 auto;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
  }
  .header__drawer-learn-arrow {
    font-size: 12px;
    line-height: 1.3;
    flex: 0 0 auto;
    color: #000000;
  }
  .header__drawer-learn-icons {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
  }
  .header__drawer-feature {
    display: block;
    position: relative;
    width: 100%;
    min-height: 10rem;
    border-radius: 0.55rem;
    overflow: hidden;
    text-decoration: none;
    margin-top: 0.5rem;
  }
  .header__drawer-feature-media {
    position: absolute;
    inset: 0;
    display: block;
  }
  .header__drawer-feature-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .header__drawer-feature-overlay {
    position: absolute;
    left: 0.28rem;
    right: 0.28rem;
    bottom: 0.28rem;
    display: grid;
    gap: 0.08rem;
    padding: 0.46rem 0.58rem;
    border-radius: 0.55rem;
    background: #ffffff;
    z-index: 1;
    font-family: var(--font-body--family);
  }
  .header__drawer-feature-overlay .header__dropdown-label {
    color: #1f2629;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    text-transform: none;
    white-space: normal;
  }
  .header__drawer-feature-overlay .header__dropdown-description {
    display: block;
    width: 100%;
    color: #1f2629;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    opacity: 0.72;
    white-space: normal;
    text-transform: none;
  }

  .header__drawer-account {
    padding: 1rem 1.25rem;
    border-top: 1px solid #e8ecf0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
  }

  .header__drawer-account .header__themes-btn {
    flex: 1;
  }

  .header__drawer-account .header__login-icon-btn {
    flex-shrink: 0;
  }

  body.drawer-open {
    overflow: hidden;
  }

  @media screen and (min-width: 750px) {
    .header__zendesk-partner {
      padding: 1rem var(--page-margin);
    }
    .header__zendesk-partner-content {
      gap: 0.75rem;
    }
    .header__zendesk-partner-content p {
      font-size: 14px;
    }
    .header__zendesk-logo {
      width: 1.25rem;
      height: 1.25rem;
    }
    .header__inner {
      padding: 0 var(--page-margin);
      min-height: 5rem;
    }
    .header__brand {
      gap: 0.5rem;
    }
    .header__diziana-logo {
      width: 7.5rem;
    }
    .header__authorized-logo {
      display: inline-flex;
      width: 9rem;
    }
    .header__drawer {
      width: min(80vw, 24rem);
    }
    .header__drawer-trigger {
      font-size: 16px;
    }
    .header__drawer-link--top {
      font-size: 16px;
    }
  }

  @media screen and (min-width: 990px) {
    .header__inner {
      min-height: 6rem;
      max-width: 1400px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      padding: 0 40px;
    }
    .header__brand {
      justify-self: start;
      display: flex;
      align-items: center;
    }
    .header__diziana-logo {
      width: 7rem;
      height: auto;
      display: block;
    }
    .header__authorized-logo {
      display: inline-flex;
      width: 8.5rem;
      height: auto;
    }
    .header__hamburger {
      display: none;
    }
    .header__menu {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.5rem;
      flex-wrap: nowrap;
      justify-self: center;
    }
    .header__menu a {
      display: flex;
      align-items: center;
    }
    .header__menu-item--has-children {
      display: inline-flex;
      align-items: center;
    }
    .header__icons {
      justify-self: end;
      display: flex;
      align-items: center;
    }
    .header__icons .header__themes-btn,
    .header__icons .header__login-icon-btn {
      display: inline-flex;
    }
    .header__menu a {
      font-family: var(--font-body--family);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.015em;
      line-height: 1.15;
      text-transform: uppercase;
      color: #1f2629;
      text-decoration: none;
    }
    .header__menu a[aria-current='page'] {
      text-decoration: underline;
      text-decoration-color: #2b72b6;
      text-underline-offset: 0.2rem;
      text-decoration-thickness: 0.15rem;
    }

    .header__menu-item {
      position: relative;
      --header-dropdown-bg: #ffffff;
      --header-dropdown-shadow: 0 12px 24px rgb(31 38 41 / 10%), 0 2px 8px rgb(31 38 41 / 8%);
      --header-dropdown-shadow-open: 0 20px 44px rgb(31 38 41 / 18%), 0 6px 16px rgb(31 38 41 / 12%);
      --header-dropdown-item-shadow: 0 6px 14px rgb(31 38 41 / 10%);
      --header-dropdown-text: #1f2629;
      --header-dropdown-hover: #f2f6f8;
    }
    .header__menu-item--has-children {
      display: inline-flex;
    }
    .header__menu-item--services {
      order: -3;
    }
    .header__menu-item--zendesk-themes {
      order: -2;
    }
    .header__menu-item--plugins {
      order: -1;
    }
    .header__menu-item--has-children::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: max(100%, 16.5rem);
      height: 1rem;
    }
    .header__menu-trigger {
      border: 0;
      background: transparent;
      padding: 0;
      margin: 0;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      font-family: var(--font-body--family);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.015em;
      line-height: 1.15;
      text-transform: uppercase;
      color: #1f2629;
    }
    .header__menu-chevron {
      width: 0.45rem;
      height: 0.45rem;
      border-right: 1.5px solid currentcolor;
      border-bottom: 1.5px solid currentcolor;
      transform: translateY(-0.1rem) rotate(45deg);
      transition: transform 0.22s ease;
    }
    .header__menu-item--open > .header__menu-trigger .header__menu-chevron,
    .header__menu-item--has-children:hover > .header__menu-trigger .header__menu-chevron,
    .header__menu-item--has-children:focus-within > .header__menu-trigger .header__menu-chevron {
      transform: translateY(0.02rem) rotate(-135deg);
    }
    .header__dropdown {
      position: absolute;
      top: calc(100% + 0.9rem);
      left: 0;
      width: max-content;
      min-width: 16.5rem;
      max-width: calc(100vw - 2rem);
      padding: 0.85rem;
      border-radius: 0.65rem;
      background-color: var(--header-dropdown-bg);
      box-shadow: var(--header-dropdown-shadow);
      display: grid;
      gap: 0.18rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(0.45rem);
      transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
      z-index: 20;
    }
    .header__dropdown-main {
      display: grid;
      gap: 0.18rem;
      align-content: start;
      grid-auto-rows: max-content;
    }
    .header__dropdown--with-feature {
      grid-template-columns: minmax(16.5rem, 1fr) 16.5rem;
      column-gap: 2.2rem;
      align-items: start;
      min-width: 34.5rem;
    }
    .header__dropdown--with-feature .header__dropdown-main {
      min-width: 16.5rem;
    }
    .header__dropdown-feature {
      position: relative;
      display: block;
      width: 16.5rem;
      height: 17.25rem;
      border-radius: 0.55rem;
      overflow: hidden;
      text-decoration: none;
      background: transparent;
      color: #ffffff;
      isolation: isolate;
    }
    .header__dropdown-feature-media {
      position: absolute;
      inset: 0;
      display: block;
    }
    .header__dropdown-feature-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .header__dropdown-feature-image--placeholder {
      width: 100%;
      height: 100%;
      background: #dce5cf;
      fill: #c7d9ad;
    }
    .header__dropdown-feature-overlay {
      position: absolute;
      left: 0.28rem;
      right: 0.28rem;
      bottom: 0.28rem;
      display: grid;
      gap: 0.08rem;
      padding: 0.46rem 0.58rem;
      border-radius: 0.55rem;
      background: #ffffff;
      z-index: 1;
      font-family: var(--font-body--family);
      font-size: 12px;
      text-transform: none;
      letter-spacing: 0;
    }
    .header__dropdown-feature-overlay .header__dropdown-label {
      color: var(--header-dropdown-text);
      font-size: 15px;
      font-weight: 600;
      line-height: 1.42;
      letter-spacing: 0;
      text-shadow: none;
      text-transform: none;
      white-space: normal;
    }
    .header__dropdown-feature-overlay .header__dropdown-description {
      display: block;
      width: 100%;
      color: var(--header-dropdown-text);
      font-size: 11.5px;
      font-weight: 400;
      line-height: 1.3;
      opacity: 0.72;
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      text-shadow: none;
      text-transform: none;
    }
    .header__menu-item--open > .header__dropdown,
    .header__menu-item--has-children:hover > .header__dropdown,
    .header__menu-item--has-children:focus-within > .header__dropdown {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
      box-shadow: var(--header-dropdown-shadow-open);
    }
    .header__dropdown-link,
    .header__dropdown-group-title {
      display: block;
      width: auto;
      text-transform: none;
      font-size: 13px;
      line-height: 1.4;
      padding: 0.42rem 0.58rem;
      border-radius: 0.42rem;
      color: var(--header-dropdown-text);
      white-space: nowrap;
      transition: color 0.18s ease;
    }
    .header__menu .header__dropdown-link,
    .header__menu .header__dropdown-group-title {
      text-transform: none;
      letter-spacing: 0;
    }
    .header__dropdown-link {
      display: flex;
      align-items: flex-start;
      gap: 0.45rem;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.5;
    }
    .header__dropdown-icon {
      flex: 0 0 auto;
      font-size: 0.9rem;
      margin-top: 0;
      line-height: 1;
      align-self: flex-start;
      display: block;
      color: #8bbf4a;
      transition: color 0.18s ease, transform 0.18s ease;
    }
    .header__dropdown-label {
      white-space: nowrap;
    }
    .header__dropdown-link--detail {
      align-items: flex-start;
      gap: 0.44rem;
      padding: 0.5rem 0.58rem;
    }
    .header__dropdown-link--detail .header__dropdown-icon {
      font-size: 1.22rem;
      margin-top: 0.06rem;
      line-height: 1;
      align-self: flex-start;
      display: block;
      color: var(--header-dropdown-text);
    }
    .header__dropdown-content {
      display: grid;
      gap: 0.1rem;
    }
    .header__dropdown-link--detail .header__dropdown-label {
      white-space: normal;
      font-weight: 600;
      line-height: 1.42;
    }
    .header__dropdown-description {
      color: var(--header-dropdown-text);
      opacity: 0.72;
      font-size: 11.5px;
      line-height: 1.3;
      white-space: normal;
    }
    .header__dropdown-divider {
      width: auto;
      height: 0;
      border-top: 1px solid #d9dee2;
      margin: 7px 9px 4px;
      justify-self: stretch;
    }
    .header__dropdown-consult {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      padding: 0.55rem 0.75rem;
      margin: 0.25rem 0.58rem;
      background: #009a69;
      color: #ffffff;
      font-family: var(--font-body--family);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.015em;
      line-height: 1.15;
      border-radius: 8px;
      text-decoration: none;
      text-transform: none;
    }
    .header__dropdown-consult-text {
      text-transform: none;
      color: #ffffff;
    }
    .header__dropdown-consult-icon {
      font-size: 16px;
      line-height: 1;
      flex-shrink: 0;
      color: #ffffff;
    }
    .header__dropdown-social {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.25rem 0.58rem 0.15rem;
    }
    .header__dropdown-social-copy {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
    }
    .header__dropdown-social-label {
      color: #000000;
      opacity: 1;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.3;
      text-transform: none;
    }
    .header__dropdown-social-arrow {
      font-size: 15px;
      line-height: 1.3;
      color: #000000;
      opacity: 1;
    }
    .header__dropdown-social-links {
      display: flex;
      align-items: center;
      gap: 0.7rem;
    }
    .header__dropdown-social-link {
      color: var(--header-dropdown-text);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      text-decoration: none;
    }
    .header__dropdown-learn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.55rem;
      padding: 0.25rem 0.58rem 0.15rem;
    }
    .header__dropdown-learn-copy {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      flex: 1;
      min-width: 0;
    }
    .header__dropdown-learn-text {
      flex: 0 1 auto;
      color: #000000;
      opacity: 1;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.3;
      text-transform: none;
    }
    .header__dropdown-learn-arrow {
      font-size: 15px;
      line-height: 1.3;
      flex: 0 0 auto;
      color: #000000;
      opacity: 1;
    }
    .header__dropdown-learn-icons {
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
    }
    .header__dropdown-social-icon {
      font-size: 1.22rem;
      line-height: 1;
    }
    .header__dropdown-social-link:hover,
    .header__dropdown-social-link:focus-visible {
      color: #8bbf4a;
      outline: none;
    }
    .header__dropdown-link--parent,
    .header__dropdown-group-title {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.005em;
    }
    .header__dropdown-link:hover,
    .header__dropdown-link:focus-visible,
    .header__dropdown-group-title:hover,
    .header__dropdown-group-title:focus-visible {
      background-color: transparent;
      box-shadow: none;
      color: var(--header-dropdown-text);
      outline: none;
    }
    .header__menu .header__dropdown-link:hover,
    .header__menu .header__dropdown-link:focus-visible {
      background-color: #f8fff0;
    }
    .header__dropdown-link:hover .header__dropdown-icon,
    .header__dropdown-link:focus-visible .header__dropdown-icon {
      color: #8bbf4a;
      transform: none;
    }
    .header__dropdown-group + .header__dropdown-group {
      margin-top: 0.2rem;
    }
    .header__dropdown-submenu {
      padding-left: 0.45rem;
      margin-top: 0.08rem;
      display: grid;
      gap: 0.15rem;
    }
    .header__dropdown-submenu .header__dropdown-link {
      font-size: 11.5px;
      font-weight: 500;
      padding: 0.35rem 0.5rem;
    }
    .header__menu .header__dropdown-link {
      font-size: 15px;
      font-weight: 500;
      line-height: 1.5;
    }
    .header__icons {
      justify-self: end;
      display: flex;
      align-items: center;
    }

    .header__overlay,
    .header__drawer {
      display: none;
    }
  }

  @media screen and (min-width: 1200px) {
    .header__menu {
      gap: 2.75rem;
    }
  }
/* END_SECTION:header */

/* START_SECTION:hero (INDEX:20) */
.home-hero {
    position: relative;
    overflow: visible;
    z-index: 1;
    padding: 2.5rem var(--page-margin) 3.25rem;
  }
  .home-hero__vector {
    position: absolute;
    left: 50%;
    width: min(1616px, 112.222222vw);
    transform: translateX(-50%);
    top: clamp(-5rem, -5.8vw, -4rem);
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
  }
  .home-hero__vector img,
  .home-hero__vector > svg,
  .home-hero__vector-svg > svg {
    display: block;
    width: 100%;
    height: auto;
  }
  .home-hero__inner {
    max-width: 80rem;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .home-hero__title {
    margin: 0 auto;
    max-width: 937px;
    color: #140303;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 74px;
    font-weight: 600;
    line-height: 88px;
    letter-spacing: -0.02em;
  }
  .home-hero__line {
    display: block;
    opacity: 0;
  }
  .home-hero__italic {
    font-style: italic;
  }
  .home-hero__theme-effect {
    --theme-height: 97px;
    --theme-rect-height: 82px;
    --theme-dot-size: 12px;
    --theme-line-width: 2px;
    --theme-left-offset: 4px;
    --theme-right-offset: 4px;

    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--theme-height);
    margin-left: 0.12em;
    padding: 0 0.14em 0 0.15em;
    white-space: nowrap;
    z-index: 0;
  }
  .home-hero__theme-mark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: var(--theme-height);
    pointer-events: none;
    z-index: -1;
  }
  .home-hero__theme-rect {
    position: absolute;
    left: var(--theme-left-offset);
    right: var(--theme-right-offset);
    top: var(--theme-left-offset);
    height: var(--theme-rect-height);
    background: rgb(0 155 105 / 33%);
    opacity: 0;
    transform-origin: left center;
    transform: scaleX(0);
    animation: home-hero-highlight-sweep 1.12s cubic-bezier(0.22, 1, 0.36, 1) 1.28s forwards;
  }
  .home-hero__theme-line {
    position: absolute;
    top: var(--theme-left-offset);
    width: var(--theme-line-width);
    height: var(--theme-rect-height);
    background: #009b69;
    opacity: 0;
  }
  .home-hero__theme-line--left {
    left: var(--theme-left-offset);
    animation: home-hero-highlight-edge-in 0.18s linear 1.2s forwards;
  }
  .home-hero__theme-line--right {
    right: var(--theme-right-offset);
    animation: home-hero-highlight-edge-in 0.18s linear 2.36s forwards;
  }
  .home-hero__theme-dot {
    position: absolute;
    width: var(--theme-dot-size);
    height: var(--theme-dot-size);
    border-radius: 50%;
    background: #009b69;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  .home-hero__theme-dot--start {
    left: calc(var(--theme-left-offset) + (var(--theme-line-width) * 0.5));
    top: var(--theme-left-offset);
    animation: home-hero-highlight-dot-in 0.2s ease-out 1.18s forwards;
  }
  .home-hero__theme-dot--end {
    left: calc(100% - var(--theme-right-offset) - (var(--theme-line-width) * 0.5));
    top: calc(var(--theme-left-offset) + var(--theme-rect-height));
    animation: home-hero-highlight-dot-in 0.2s ease-out 2.36s forwards;
  }
  .home-hero__theme-text {
    position: relative;
    z-index: 1;
  }

  @keyframes home-hero-highlight-sweep {
    0% {
      opacity: 0;
      transform: scaleX(0);
    }
    12% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  @keyframes home-hero-highlight-edge-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes home-hero-highlight-dot-in {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.55);
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .home-hero__vector img,
    .home-hero__theme-rect,
    .home-hero__theme-line,
    .home-hero__theme-dot,
    .home-hero__theme-text {
      animation: none;
    }
    .home-hero__theme-rect {
      opacity: 1;
      transform: scaleX(1);
    }
    .home-hero__theme-line,
    .home-hero__theme-dot {
      opacity: 1;
    }
    .home-hero__carousel-wrap {
      height: auto;
      overflow: visible;
      -webkit-mask-image: none;
      mask-image: none;
    }
    .home-hero__carousel-track {
      min-width: 0;
      flex-wrap: wrap;
      justify-content: center;
    }
    .home-hero__carousel-track[aria-hidden='true'] {
      display: none;
    }
    .home-hero__line {
      opacity: 1;
    }
  }
  .home-hero__subtitle {
    margin: 1.65rem auto 0;
    width: 731px;
    max-width: 100%;
    color: #1c7a5b;
    font-family: var(--font-body--family);
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
  }
  .home-hero__subtitle span {
    display: block;
  }
  .home-hero__subtitle-emphasis {
    font-style: italic;
    font-weight: 700;
  }
  .home-hero__subtitle-secondary {
    font-weight: 500;
  }
  .home-hero__trusted {
    margin-top: 4.95rem;
  }
  .home-hero__trusted-subtitle {
    margin: 0.75rem auto 0;
    max-width: 720px;
    color: #1c7a5b;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
  }
  .home-hero__trusted-title {
    margin: 0;
    color: #287133;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
  }
    .home-hero__carousel {
      margin-top: 4.95rem;
      margin-bottom: 0;
    }

    .home-hero__carousel-wrap {
      --brand-gap: 2rem;
      display: flex;
      gap: var(--brand-gap);
      overflow: hidden;
      align-items: stretch;
      contain: layout paint;
      -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
    }

    .home-hero__carousel-track {
      display: flex;
      gap: var(--brand-gap);
      align-items: stretch;
      flex: 0 0 auto;
      min-width: max-content;
      will-change: transform;
      backface-visibility: hidden;
    }

    .home-hero__carousel-card {
      width: 226px;
      height: 105px;
      background: #ffffff;
      box-shadow: 0 2px 12px rgb(0 0 0 / 6%);
      border-radius: 11px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 1.25rem;
    }

    .home-hero__carousel-logo {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      object-fit: contain;
    }
  .home-hero__cta-group {
    width: 485px;
    max-width: 100%;
    margin: 3.85rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  .home-hero__cta {
    height: 60px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1rem;
    font-family: var(--font-body--family);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: #f8fff0;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
  }
  .home-hero__cta-label {
    white-space: nowrap;
  }
  .home-hero__cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(255 255 255 / 20%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
    transform: translateX(0);
  }
  .home-hero__cta-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: #f8fff0;
    transition: transform 0.3s ease;
  }
  .home-hero__cta:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(41 131 71 / 22%);
  }
  .home-hero__cta:hover .home-hero__cta-icon {
    background: rgb(255 255 255 / 26%);
    transform: translateX(2px);
  }
  .home-hero__cta:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }
  .home-hero__cta:focus-visible {
    outline: 2px solid rgb(248 255 240 / 85%);
    outline-offset: 2px;
  }
  .home-hero__cta--explore {
    width: 274px;
    background: #92c602;
  }
  .home-hero__cta--why-diziana {
    width: 235px;
    background: #009b69;
  }
  @media screen and (max-width: 989px) {
    .home-hero__vector {
      top: -3rem;
    }
    .home-hero {
      padding-top: 2rem;
      padding-bottom: 2.5rem;
    }
    .home-hero__title {
      font-size: 56px;
      line-height: 66px;
    }
    .home-hero__theme-effect {
      --theme-height: 78px;
      --theme-rect-height: 66px;
      --theme-dot-size: 10px;
      --theme-line-width: 2px;
      --theme-left-offset: 3px;
      --theme-right-offset: 3px;

      height: var(--theme-height);
    }
    .home-hero__theme-mark {
      height: var(--theme-height);
    }
    .home-hero__trusted {
      margin-top: 3.2rem;
    }
    .home-hero__trusted-subtitle {
      font-size: 15px;
    }
    .home-hero__carousel {
      margin-top: 3.2rem;
    }

    .home-hero__carousel-card {
      width: 190px;
      height: 90px;
    }
    .home-hero__cta-group {
      margin-top: 2.9rem;
      width: 430px;
    }
    .home-hero__cta {
      height: 54px;
      border-radius: 27px;
      font-size: 16px;
      line-height: 20px;
      gap: 0.4rem;
      padding: 0 0.85rem;
    }
    .home-hero__cta-icon {
      width: 26px;
      height: 26px;
    }
    .home-hero__cta-icon-arrow {
      font-size: 15px;
    }
    .home-hero__cta--explore {
      width: 242px;
    }
    .home-hero__cta--why-diziana {
      width: 210px;
    }
  }

  @media screen and (max-width: 749px) {
    .home-hero__vector {
      top: -2rem;
    }
    .home-hero {
      padding-top: 1.5rem;
      padding-bottom: 2rem;
    }
    .home-hero__title {
      font-size: 36px;
      line-height: 44px;
    }
    .home-hero__theme-effect {
      --theme-height: 50px;
      --theme-rect-height: 42px;
      --theme-dot-size: 8px;
      --theme-line-width: 2px;
      --theme-left-offset: 2px;
      --theme-right-offset: 2px;

      height: var(--theme-height);
    }
    .home-hero__theme-mark {
      height: var(--theme-height);
    }
    .home-hero__subtitle {
      font-size: 15px;
      margin-top: 1.15rem;
    }
    .home-hero__trusted {
      margin-top: 2.4rem;
    }
    .home-hero__trusted-subtitle {
      font-size: 14px;
    }
    .home-hero__trusted-title {
      font-size: 24px;
      line-height: 20px;
    }
    .home-hero__carousel {
      margin-top: 1.9rem;
    }

    .home-hero__carousel-card {
      width: 160px;
      height: 78px;
      border-radius: 9px;
    }
    .home-hero__cta-group {
      width: 100%;
      margin-top: 2.3rem;
      gap: 0.85rem;
      flex-direction: column;
    }
    .home-hero__cta,
    .home-hero__cta--explore,
    .home-hero__cta--why-diziana {
      width: min(100%, 274px);
      height: 52px;
      border-radius: 26px;
    }
  }
/* END_SECTION:hero */

/* START_SECTION:licensing (INDEX:21) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 0.75rem;
  }

  .legal-page__date {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #86a089;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
    text-align: left;
  }

  .legal-page__subheading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1rem, 1.4vw, 1.15rem);
    font-weight: 600;
    color: #1c7a5b;
    margin: 0.5rem 0 0;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  .legal-page__list {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    padding-left: 1.5rem;
  }

  .legal-page__list li {
    margin-bottom: 0.5rem;
  }

  .legal-page__link {
    color: #1c7a5b;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .legal-page__link:hover {
    color: #009b69;
  }

  .legal-page__code {
    background: #f5f5f7;
    border: 1px solid #e5e5e7;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.6;
    color: #1c1c1e;
    overflow-x: auto;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .legal-page__code--disclaimer {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .legal-page__image-placeholder {
    width: 100%;
    min-height: 120px;
    background: #f5f5f7;
    border: 2px dashed #d1d1d6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #86868b;
    font-size: 14px;
    font-weight: 500;
  }

  .legal-page__attribution-example {
    border: 3px dotted #1c7a5b;
    border-radius: 12px;
    padding: 1.5rem;
    background: #f0faf5;
  }

  .legal-page__attribution-label {
    display: block;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #1c7a5b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
  }

  .attribution-demo {
    background: #1c1c1e;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
  }

  .attribution-demo__inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .attribution-demo__socials {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .attribution-demo__socials span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
  }

  .attribution-demo__socials i {
    font-size: 18px;
    color: #ffffff;
  }

  .attribution-demo__bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .attribution-demo__copyright {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
  }

  .attribution-demo__credit {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4ade80;
    text-decoration: none;
    padding: 0.4rem 0.75rem;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    border-radius: 6px;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .attribution-demo__credit:hover {
    background: rgba(74, 222, 128, 0.2);
    border-color: rgba(74, 222, 128, 0.5);
  }

  @media screen and (max-width: 749px) {
    .attribution-demo__bottom-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .legal-page__attribution-example {
      padding: 1rem;
    }
  }

    .attribution-demo__left {
      gap: 0.75rem;
    }

    .legal-page__attribution-example {
      padding: 1rem;
    }
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p,
    .legal-page__list {
      font-size: 14px;
      text-align: left;
    }
  }
/* END_SECTION:licensing */

/* START_SECTION:numbers (INDEX:22) */
.numbers {
    padding: 0;
    background: #d8f38b;
    border-radius: 50px 50px 0 0;
    overflow: hidden;
  }

  .numbers__inner {
    position: relative;
    margin: 0;
    padding: 2.7rem clamp(1rem, 3vw, 2.2rem) 6rem;
    overflow: hidden;
  }

  .numbers__vector {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(1180px, 81.944444vw);
    height: min(1336px, 92.777778vw);
    opacity: 0.3;
    transform: translate(-50%, -50%) rotate(40deg);
    transform-origin: center;
    pointer-events: none;
    z-index: 0;
  }

  .numbers__vector-image {
    display: block;
    width: 100%;
    height: 100%;
  }

  .numbers__vector-path {
    fill: none;
    stroke: #a3c543;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 100px;
    opacity: 0.7;
  }

  .numbers__vector-path.is-animated {
    animation: numbers-draw 3s ease-out forwards;
  }

  @keyframes numbers-draw {
    to {
      stroke-dashoffset: 0;
    }
  }

  .numbers__inner > *:not(.numbers__vector) {
    position: relative;
    z-index: 1;
  }

  .numbers__title {
    margin: 0;
    color: #1c7a5b;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: clamp(2rem, 3vw, 44px);
    line-height: 1.14;
    letter-spacing: 0;
  }

  .numbers__card {
    margin: 2.15rem auto 0;
    width: min(1371px, 100%);
    border-radius: 34px;
    background: #f8fff0;
    box-shadow: 17px 20px 21.1px rgba(0, 0, 0, 0.25);
    padding: 2.95rem clamp(1rem, 2.8vw, 2.35rem) 2.4rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1.1rem, 2.2vw, 2.4rem);
  }

  .numbers__stat {
    margin: 0;
    text-align: center;
  }

  .numbers__stat-value,
  .numbers__stat-title,
  .numbers__stat-description {
    margin: 0;
    font-family: 'Inter', var(--font-body--family), sans-serif;
  }

  .numbers__stat-value {
    display: inline-flex;
    align-items: baseline;
    color: #1c7a5b;
    font-weight: 700;
    font-size: clamp(3rem, 5vw, 72.1px);
    line-height: 1.04;
    font-variant-numeric: tabular-nums;
    --number-flow-mask-height: 0.18em;
    --number-flow-mask-width: 0.45em;
  }

  .numbers__stat-title {
    margin-top: 1.1rem;
    color: #009b69;
    font-weight: 600;
    font-size: clamp(1.1rem, 2vw, 25px);
    line-height: 1.08;
  }

  .numbers__stat-description {
    margin: 1.15rem auto 0;
    max-width: 216px;
    color: #009b69;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.33;
  }

  .numbers__stat-description a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: opacity 0.2s;
  }

  .numbers__stat-description a:hover {
    opacity: 0.75;
  }

  @media screen and (max-width: 989px) {
    .numbers__inner {
      padding-top: 2.2rem;
      padding-bottom: 4.5rem;
    }

    .numbers__card {
      border-radius: 24px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding-top: 2.3rem;
      padding-bottom: 2rem;
    }
  }

  @media screen and (max-width: 749px) {
    .numbers {
      border-radius: 28px 28px 0 0;
    }

    .numbers__inner {
      padding: 2rem 1rem 4rem;
    }

    .numbers__title {
      font-size: clamp(1.75rem, 6vw, 2rem);
    }

    .numbers__card {
      grid-template-columns: 1fr;
      border-radius: 20px;
      padding: 2rem 0.9rem 1.75rem;
      gap: 1.5rem;
    }

    .numbers__stat-title {
      margin-top: 0.8rem;
      line-height: 1.2;
    }

    .numbers__stat-description {
      margin-top: 0.9rem;
      max-width: 280px;
      font-size: 14px;
    }
  }
/* END_SECTION:numbers */

/* START_SECTION:platforms (INDEX:25) */
.platforms {
    position: relative;
    z-index: 1;
    padding: 1.125rem var(--page-margin) 3rem;
  }

  .platforms__inner {
    max-width: 90rem;
    margin: 0 auto;
  }

  .platforms__hero {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    padding: clamp(3.5rem, 6vw, 5rem) clamp(2rem, 4vw, 3.5rem) clamp(4rem, 7vw, 5.5rem);
    min-height: 360px;
    display: flex;
    align-items: center;
  }

  .platforms__hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .platforms__hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }

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

  .platforms__hero-label {
    font-family: var(--font-body--family);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 80%);
    margin: 0 0 1.5rem;
  }

  .platforms__hero-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    max-width: 680px;
    margin: 0 0 1.5rem;
  }

  .platforms__hero-text {
    font-size: 16px;
    color: rgb(255 255 255 / 85%);
    max-width: 540px;
    line-height: 1.7;
    margin: 0 0 2rem;
  }

  .platforms__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: #ffffff;
    color: #009a69;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.015em;
    padding: 0.8125rem 1.75rem;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  }

  .platforms__hero-cta-icon {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    color: #009a69;
  }

  .platforms__hero-cta:hover {
    background: #f0f9e8;
    box-shadow: 0 4px 18px rgb(0 154 105 / 18%);
    transform: translateY(-1px);
  }

  .platforms__row {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    align-items: start;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: clamp(2rem, 3vw, 3rem) clamp(1.5rem, 3vw, 2.5rem) clamp(2.5rem, 3.5vw, 3.5rem);
    margin-top: 2rem;
  }

  .platforms__row--reverse {
    grid-template-columns: 1.3fr 0.7fr;
  }

  .platforms__row--reverse > .platforms__row-content {
    order: 2;
  }

  .platforms__row-content {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }

  .platforms__row-logos {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1.25rem;
  }

  .platforms__row-logo {
    width: auto;
    height: 52px;
    object-fit: contain;
    display: block;
  }

  .platforms__row-logo--single {
    margin: 0 0 1.25rem;
  }

  .platforms__row-partner-logo {
    width: auto;
    height: 42px;
    object-fit: contain;
    display: block;
  }

  .platforms__row-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    font-weight: 700;
    margin: 0 0 1.25rem;
    color: #1C1C1E;
    line-height: 1.2;
  }

  .platforms__row-description {
    font-size: 15px;
    font-weight: 500;
    color: #434343;
    line-height: 1.75;
    margin: 0 0 1.5rem;
  }

  .platforms__row-visit-btn {
    height: 44px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1.1rem;
    font-family: var(--font-body--family);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    color: #1f2629;
    background: transparent;
    border: 1px solid rgb(31 38 41 / 20%);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .platforms__row-visit-btn:hover {
    background: #eaf0e1;
    border-color: transparent;
  }

  .platforms__row-visit-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: -1px;
  }

  .platforms__row-visit-icon {
    font-size: 20px;
    line-height: 1;
    color: #1f2629;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .platforms__row-visit-icon--default {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .platforms__row-visit-icon--hover {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  .platforms__row-visit-btn:hover .platforms__row-visit-icon--default {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }

  .platforms__row-visit-btn:hover .platforms__row-visit-icon--hover {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .platforms__row-visual {
    border-radius: 16px;
    min-height: 540px;
    align-self: stretch;
  }

  @media screen and (max-width: 989px) {
    .platforms__hero {
      min-height: 300px;
      padding: 3rem 2rem 4rem;
    }

    .platforms__row {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .platforms__row-visual {
      min-height: 320px;
    }
  }

  @media screen and (max-width: 749px) {
    .platforms {
      padding: 0.625rem var(--page-margin) 2rem;
    }

    .platforms__hero {
      min-height: 260px;
      padding: 2.5rem 1.5rem 3.25rem;
      border-radius: 16px;
    }

    .platforms__hero-title {
      font-size: 1.7rem;
      max-width: 100%;
    }

    .platforms__hero-text {
      max-width: 100%;
      font-size: 14px;
    }

    .platforms__hero-cta {
      font-size: 13px;
      padding: 0.6875rem 1.5rem;
    }

    .platforms__row-logos {
      flex-wrap: wrap;
      gap: 0.75rem;
    }

    .platforms__row-logo {
      height: 42px;
    }

    .platforms__row-partner-logo {
      height: 36px;
    }

    .platforms__row {
      padding: 2rem 1.25rem 2.25rem;
      border-radius: 16px;
      margin-top: 1.5rem;
    }

    .platforms__row-title {
      font-size: 1.5rem;
    }

    .platforms__row-description {
      font-size: 14px;
    }

    .platforms__row-visual {
      min-height: 280px;
    }
  }
/* END_SECTION:platforms */

/* START_SECTION:plugins (INDEX:26) */
.plugins {
    position: relative;
    z-index: 1;
    padding: 1.125rem var(--page-margin) 6rem;
  }

  .plugins__inner {
    max-width: 90rem;
    margin: 0 auto;
  }

  .plugins__hero {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    padding: clamp(3.5rem, 6vw, 5rem) clamp(2rem, 4vw, 3.5rem) clamp(4rem, 7vw, 5.5rem);
    min-height: 360px;
    display: flex;
    align-items: center;
  }

  .plugins__hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .plugins__hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }

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

  .plugins__hero-label {
    font-family: var(--font-body--family);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 80%);
    margin: 0 0 1.5rem;
  }

  .plugins__hero-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    max-width: 680px;
    margin: 0 0 1.5rem;
  }

  .plugins__hero-text {
    font-size: 16px;
    color: rgb(255 255 255 / 85%);
    max-width: 440px;
    line-height: 1.7;
    margin: 0 0 2.5rem;
  }

  .plugins__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: #ffffff;
    color: #009a69;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.015em;
    padding: 0.8125rem 1.75rem;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  }

  .plugins__hero-cta-icon {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    color: #009a69;
  }

  .plugins__hero-cta:hover {
    background: #f0f9e8;
    box-shadow: 0 4px 18px rgb(0 154 105 / 18%);
    transform: translateY(-1px);
  }

  .plugins__row {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    align-items: start;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: clamp(2rem, 3vw, 3rem) clamp(1.5rem, 3vw, 2.5rem) clamp(2.5rem, 3.5vw, 3.5rem);
    margin-top: 2rem;
    scroll-margin-top: 120px;
  }

  .plugins__row--reverse {
    grid-template-columns: 1.3fr 0.7fr;
  }

  .plugins__row--reverse > .plugins__row-content {
    order: 2;
  }

  .plugins__row-content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .plugins__row-icon {
    font-size: 2.25rem;
    color: #009a69;
    margin: 0 0 1.25rem;
    line-height: 1;
  }

  .plugins__row-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    font-weight: 700;
    margin: 0 0 1.25rem;
    color: #1C1C1E;
    line-height: 1.2;
  }

  .plugins__row-title-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
  }

  .plugins__row-title-link:hover {
    color: #009a69;
  }

  .plugins__row-pricing {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .plugins__row-sale-price {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #009a69;
    line-height: 1;
  }

  .plugins__row-regular-price {
    font-family: var(--font-body--family);
    font-size: 1.125rem;
    font-weight: 500;
    color: #7d7d7d;
    text-decoration: line-through;
    line-height: 1;
  }

  .plugins__row-description {
    font-size: 15px;
    font-weight: 500;
    color: #434343;
    line-height: 1.75;
    margin: 0 0 1.5rem;
  }

  .plugins__row-description--full {
    font-size: 15px;
    color: #434343;
    line-height: 1.75;
    margin: 0 0 1.5rem;
  }

  .plugins__row-description--full p,
  .plugins__row-description--full ul,
  .plugins__row-description--full ol,
  .plugins__row-description--full li,
  .plugins__row-description--full h1,
  .plugins__row-description--full h2,
  .plugins__row-description--full h3,
  .plugins__row-description--full h4,
  .plugins__row-description--full h5,
  .plugins__row-description--full h6 {
    margin: 0 0 1rem;
  }

  .plugins__row-description--full ul {
    list-style: disc;
    padding-left: 1.5rem;
  }

  .plugins__row-description--full ol {
    list-style: decimal;
    padding-left: 1.5rem;
  }

  .plugins__row-description--full a {
    color: #009a69;
    text-decoration: underline;
  }

  .plugins__row-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #009a69;
    color: #ffffff;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
    width: fit-content;
  }

  .plugins__row-cta:hover {
    background: #007d56;
    transform: translateX(4px);
  }

  .plugins__row-cta i {
    font-size: 16px;
    transition: transform 0.2s;
  }

  .plugins__row-cta:hover i {
    transform: translateX(4px);
  }

  .plugins__row-visual {
    border-radius: 16px;
    min-height: 540px;
    align-self: stretch;
    position: relative;
    overflow: hidden;
  }

  .plugins__row-visual-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
  }

  .plugins__row-visual-image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
  }

  .plugins__row-visual-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgb(0 0 0 / 20%);
  }

  @media screen and (max-width: 989px) {
    .plugins__hero {
      min-height: 300px;
      padding: 3rem 2rem 4rem;
    }

    .plugins__row {
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .plugins__row-visual {
      min-height: 320px;
    }

    .plugins__row-visual-image {
      padding: 1.5rem;
    }
  }

  @media screen and (max-width: 749px) {
    .plugins {
      padding: 0.625rem var(--page-margin) 4rem;
    }

    .plugins__hero {
      min-height: 260px;
      padding: 2.5rem 1.5rem 3.25rem;
      border-radius: 16px;
    }

    .plugins__hero-title {
      font-size: 1.7rem;
      max-width: 100%;
    }

    .plugins__hero-text {
      max-width: 100%;
      font-size: 14px;
    }

    .plugins__hero-cta {
      font-size: 13px;
      padding: 0.6875rem 1.5rem;
    }

    .plugins__row {
      padding: 2rem 1.25rem 2.25rem;
      border-radius: 16px;
      margin-top: 1.5rem;
    }

    .plugins__row-title {
      font-size: 1.5rem;
    }

    .plugins__row-sale-price {
      font-size: 1.4rem;
    }

    .plugins__row-description {
      font-size: 14px;
    }

    .plugins__row-visual {
      min-height: 280px;
    }

    .plugins__row-visual-image {
      padding: 1rem;
    }

    .plugins__row-cta {
      font-size: 13px;
      padding: 0.625rem 1.25rem;
    }
  }
/* END_SECTION:plugins */

/* START_SECTION:privacy-policy (INDEX:27) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 0.75rem;
  }

  .legal-page__date {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #86a089;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
    text-align: left;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  .legal-page__list {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    padding-left: 1.5rem;
  }

  .legal-page__list li {
    margin-bottom: 0.5rem;
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p,
    .legal-page__list {
      font-size: 14px;
      text-align: left;
    }
  }
/* END_SECTION:privacy-policy */

/* START_SECTION:process (INDEX:28) */
.process-page {
    --process-bg: #ffffff;
    --process-text: #1a1a1a;
    --process-text-muted: #6b6b6b;
    --process-border: #e5e5e5;
    --process-accent: #009b69;
    --process-accent-light: #e8f5e9;
    --process-card-bg: #f8faf7;
    --process-radius: 12px;
    --process-max-width: 800px;

    width: 100%;
    padding: 5rem 1.5rem 6rem;
  }

  .process-page__container {
    max-width: var(--process-max-width);
    margin: 0 auto;
    padding-top: 2rem;
  }

  .process-page__header {
    text-align: center;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
  }

  .process-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.25;
    color: var(--process-text);
    margin: 0 0 1rem;
  }

  .process-page__intro {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--process-text-muted);
    margin: 0;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .process-page__timeline {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    padding-left: 2.25rem;
    margin-bottom: 2rem;
  }

  .process-page__timeline::before {
    content: '';
    position: absolute;
    left: 1.125rem;
    top: 1.25rem;
    bottom: 1.25rem;
    width: 2px;
    background: linear-gradient(to bottom, var(--process-accent-light), var(--process-border), var(--process-accent-light));
  }

  .process-page__step {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    position: relative;
    background: var(--process-card-bg);
    border-radius: var(--process-radius);
    padding: 1rem 1.25rem;
    border: 1px solid var(--process-border);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .process-page__step:hover {
    border-color: var(--process-accent);
    box-shadow: 0 2px 8px rgb(0 155 105 / 8%);
  }

  .process-page__step-number {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--process-accent);
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }

  .process-page__step-content {
    flex: 1;
    min-width: 0;
    padding-top: 0.125rem;
  }

  .process-page__step-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--process-text);
    margin: 0;
    line-height: 1.45;
  }

  .process-page__step-desc {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--process-text-muted);
    margin: 0.25rem 0 0;
  }

  .process-page__cta {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .process-page__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--process-accent);
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .process-page__cta-btn:hover {
    background: #007a52;
    transform: translateY(-2px);
  }

  .process-page__cta-btn i {
    font-size: 1rem;
    transition: transform 0.2s ease;
  }

  .process-page__cta-btn:hover i {
    transform: translateX(4px);
  }

  @media screen and (max-width: 749px) {
    .process-page {
      padding: 3rem 1rem 4rem;
    }

    .process-page__timeline {
      padding-left: 1.75rem;
    }

    .process-page__timeline::before {
      left: 0.875rem;
    }

    .process-page__step {
      padding: 0.875rem 1rem;
      gap: 0.75rem;
    }

    .process-page__step-number {
      width: 1.75rem;
      height: 1.75rem;
      font-size: 0.75rem;
    }

    .process-page__step-title {
      font-size: 0.875rem;
    }
  }
/* END_SECTION:process */

/* START_SECTION:product (INDEX:29) */
.product-premium {
    padding: 3rem var(--page-margin) 5rem;
  }

  .product-premium__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }

  .product-premium__layout {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 4rem;
    align-items: start;
  }

  /* Media Gallery */
  .product-premium__media {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    position: sticky;
    top: 2rem;
  }

  .product-premium__main-image {
    width: 100%;
    max-width: 685px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    background: #f0f4f0;
    border: 1px solid #e8ede8;
    box-shadow: 0 8px 32px rgba(28 122 91 / 8%);
  }

  .product-premium__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
  }

  .product-premium__main-image:hover .product-premium__image {
    transform: scale(1.02);
  }

  .product-premium__image-placeholder {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  .product-premium__thumbnails-wrap {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 685px;
  }

  .product-premium__thumb-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(67 67 67 / 8%);
    color: #434343;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    padding: 0;
    flex-shrink: 0;
    transition: all 0.25s ease;
  }

  .product-premium__thumb-arrow:hover:not(:disabled) {
    background: rgba(67 67 67 / 16%);
  }

  .product-premium__thumb-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .product-premium__thumb-arrow i {
    font-size: 16px;
    line-height: 1;
    color: currentColor;
  }

  .product-premium__thumbnails-viewport {
    flex: 1;
    overflow: hidden;
    min-width: 0;
  }

  .product-premium__thumbnails {
    display: flex;
    gap: 0.625rem;
    will-change: transform;
  }

  .product-premium__thumb {
    width: 72px;
    height: 72px;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    background: #f0f4f0;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .product-premium__thumb:hover {
    border-color: #a3c543;
    box-shadow: 0 4px 12px rgba(163 197 67 / 15%);
  }

  .product-premium__thumb--active {
    border-color: #009b69;
    box-shadow: 0 4px 16px rgba(0 155 105 / 20%);
  }

  .product-premium__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Color Palette Selector */
  .product-premium__palettes {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 0;
  }

  .product-premium__palettes-label {
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
  }

  .product-premium__palette-options {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  .product-premium__palette-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border: 2px solid #e8ede8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .product-premium__palette-btn:hover {
    border-color: #a3c543;
    box-shadow: 0 2px 8px rgba(163 197 67 / 15%);
  }

  .product-premium__palette-btn--active {
    border-color: #009b69;
    background: #f8fff0;
    box-shadow: 0 4px 12px rgba(0 155 105 / 15%);
  }

  .product-premium__palette-swatches {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    border: 1px solid rgba(0 0 0 / 10%);
  }

  .product-premium__palette-swatch {
    width: 50%;
    height: 100%;
    display: block;
  }

  .product-premium__palette-name {
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
  }

  .product-premium__palette-btn--active .product-premium__palette-name {
    color: #009b69;
  }

  /* Similar Products */
  .product-premium__similar {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e8ede8;
  }

  .product-premium__similar-title {
    margin: 0 0 1rem;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.01em;
  }

  .product-premium__similar-scroll {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
  }

  .product-premium__similar-card {
    display: block;
    text-decoration: none;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e8ede8;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }

  .product-premium__similar-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20, 35, 28, 0.10);
    border-color: #a3c543;
  }

  .product-premium__similar-image-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f0f4f0;
  }

  .product-premium__similar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .product-premium__similar-card:hover .product-premium__similar-image {
    transform: scale(1.04);
  }

  .product-premium__similar-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
  }

  .product-premium__similar-info {
    padding: 0.625rem 0.75rem 0.75rem;
  }

  .product-premium__similar-name {
    margin: 0 0 0.375rem;
    color: #1a2e1a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .product-premium__similar-price {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }

  .product-premium__similar-current {
    color: #009b69;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
  }

  .product-premium__similar-compare {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    text-decoration: line-through;
  }

  /* Info Section */
  .product-premium__info {
    padding-top: 0.5rem;
  }

  .product-premium__badges {
    margin-bottom: 1.25rem;
  }

  .product-premium__badge {
    display: inline-block;
    padding: 0.375rem 0.875rem;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .product-premium__badge--online {
    background: linear-gradient(135deg, #a3c543 0%, #009b69 100%);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(163 197 67 / 25%);
  }

  .product-premium__badges {
    margin-bottom: 1.25rem;
  }

  .product-premium__badge {
    display: inline-block;
    padding: 0.375rem 0.875rem;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .product-premium__badge--online {
    background: linear-gradient(135deg, #a3c543 0%, #009b69 100%);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(163 197 67 / 25%);
  }

  .product-premium__title {
    margin: 0 0 1rem;
    color: #1a2e1a;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  .product-premium__reviews {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e8ede8;
  }

  .product-premium__stars {
    color: #a3c543;
    font-size: 18px;
    letter-spacing: 2px;
  }

  .product-premium__review-count {
    color: #86a089;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .product-premium__review-count:hover {
    color: #009b69;
  }

  .product-premium__price {
    margin-bottom: 2rem;
    display: flex;
    align-items: baseline;
    gap: 0.875rem;
  }

  .product-premium__current-price {
    color: #009b69;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .product-premium__compare-price {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    text-decoration: line-through;
  }

  .product-premium__updated {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin-bottom: 1.5rem;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 13px;
    font-weight: 600;
  }

  .product-premium__updated i {
    font-size: 16px;
    line-height: 1;
    color: #009b69;
  }

  .product-premium__reviews {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e8ede8;
  }

  .product-premium__stars {
    color: #a3c543;
    font-size: 18px;
    letter-spacing: 2px;
  }

  .product-premium__review-count {
    color: #86a089;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .product-premium__review-count:hover {
    color: #009b69;
  }

  .product-premium__price {
    margin-bottom: 2rem;
    display: flex;
    align-items: baseline;
    gap: 0.875rem;
  }

  .product-premium__current-price {
    color: #009b69;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .product-premium__compare-price {
    color: #86a089;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    text-decoration: line-through;
  }

  /* Form Elements */
  .product-premium__actions {
    margin-bottom: 2.5rem;
  }

  .product-premium__form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .product-premium__form-row {
    display: flex;
    gap: 1.25rem;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  /* Form Elements */
  .product-premium__actions {
    margin-bottom: 2.5rem;
  }

  .product-premium__form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .product-premium__form-row {
    display: flex;
    gap: 1.25rem;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .product-premium__option {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .product-premium__option-label {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .product-premium__variant-select {
    padding: 0 2.5rem 0 1rem;
    height: 48px;
    border: 1.5px solid #dce5cf;
    border-radius: 12px;
    background: #ffffff;
    color: #1a2e1a;
    font-family: var(--font-body--family);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    max-width: 260px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23009b69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
  }

  .product-premium__variant-select:focus {
    outline: none;
    border-color: #a3c543;
    box-shadow: 0 0 0 3px rgba(163 197 67 / 18%);
  }

  .product-premium__variant-select:hover {
    border-color: #a3c543;
  }

  .product-premium__quantity {
    display: flex;
    align-items: center;
    gap: 0.875rem;
  }

  .product-premium__quantity-label {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
  }

  .product-premium__quantity-selector {
    display: flex;
    align-items: center;
    border: 1.5px solid #dce5cf;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    transition: border-color 0.2s ease;
  }

  .product-premium__quantity-selector:focus-within {
    border-color: #a3c543;
    box-shadow: 0 0 0 3px rgba(163 197 67 / 18%);
  }

  .product-premium__quantity-btn {
    width: 44px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fff0;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .product-premium__quantity-btn:hover {
    background: #eaf0e1;
  }

  .product-premium__quantity-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .product-premium__quantity-btn i {
    font-size: 16px;
    color: #009b69;
  }

  .product-premium__quantity-input {
    width: 56px;
    height: 48px;
    text-align: center;
    border: none;
    border-left: 1px solid #dce5cf;
    border-right: 1px solid #dce5cf;
    font-size: 15px;
    font-weight: 600;
    color: #1a2e1a;
    -moz-appearance: textfield;
    background: #ffffff;
  }

  .product-premium__quantity-input::-webkit-outer-spin-button,
  .product-premium__quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .product-premium__add-to-cart {
    width: 100%;
    padding: 1.125rem 2rem;
    background: linear-gradient(135deg, #009b69 0%, #1c7a5b 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0 155 105 / 25%);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  .product-premium__add-to-cart i {
    font-size: 20px;
    line-height: 1;
  }

  .product-premium__add-to-cart:hover {
    background: linear-gradient(135deg, #1c7a5b 0%, #009b69 100%);
    box-shadow: 0 12px 32px rgba(0 155 105 / 30%);
    transform: translateY(-2px);
  }

  .product-premium__add-to-cart:active {
    transform: translateY(0);
  }

  .product-premium__add-to-cart:disabled {
    background: #dce5cf;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
  }

  .product-premium__add-to-cart:hover {
    background: linear-gradient(135deg, #1c7a5b 0%, #009b69 100%);
    box-shadow: 0 12px 32px rgba(0 155 105 / 30%);
    transform: translateY(-2px);
  }

  .product-premium__add-to-cart:active {
    transform: translateY(0);
  }

  /* Buy It Now Button */
  .product-premium__buy-now {
    width: 100%;
    padding: 1.125rem 2rem;
    background: linear-gradient(135deg, #a3c543 0%, #8ba33a 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(163 197 67 / 25%);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  .product-premium__buy-now i {
    font-size: 20px;
    line-height: 1;
  }

  .product-premium__buy-now:hover {
    background: linear-gradient(135deg, #8ba33a 0%, #a3c543 100%);
    box-shadow: 0 12px 32px rgba(163 197 67 / 30%);
    transform: translateY(-2px);
  }

  .product-premium__buy-now:active {
    transform: translateY(0);
  }

  /* Description & Meta */
  .product-premium__description {
    margin-bottom: 2.5rem;
    color: #434343;
    font-size: 16px;
    line-height: 1.75;
  }

  .product-premium__description pre {
    background: #f5f5f7;
    border: 1px solid #e5e5e7;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.6;
    color: #1c1c1e;
    overflow-x: auto;
    margin: 1.5rem 0;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .product-premium__description iframe,
  .product-premium__description video {
    margin: 1.5rem 0;
    border-radius: 12px;
    width: 100%;
  }

  .product-premium__description ul,
  .product-premium__includes ul,
  .product-premium__settings ul {
    margin: 0.75rem 0 1.5rem;
    padding-left: 1.5rem;
  }

  .product-premium__description li,
  .product-premium__includes li,
  .product-premium__settings li {
    margin-bottom: 0.625rem;
    color: #434343;
    font-size: 15px;
    line-height: 1.65;
  }

  .product-premium__description a {
    color: #009b69;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
  }

  .product-premium__description a:hover {
    color: #a3c543;
    text-decoration: underline;
  }

  .product-premium__preview-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #009b69 0%, #1c7a5b 100%);
    color: #ffffff !important;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s ease;
    margin: 1.5rem 0.75rem 1.5rem 0;
    box-shadow: 0 4px 12px rgba(0 155 105 / 20%);
    line-height: 1;
  }

  .product-premium__preview-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0 155 105 / 25%);
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .product-premium__preview-btn i {
    font-size: 18px;
    line-height: 1;
  }

  .product-premium__includes a,
  .product-premium__settings a {
    color: #009b69;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
  }

  .product-premium__includes a:hover,
  .product-premium__settings a:hover {
    color: #a3c543;
    text-decoration: underline;
  }

  .product-premium__description h3,
  .product-premium__includes h3,
  .product-premium__settings h3 {
    color: #1a2e1a;
    font-size: 18px;
    font-weight: 700;
    margin: 2rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #a3c543;
    display: inline-block;
  }

  .product-premium__description ul,
  .product-premium__includes ul,
  .product-premium__settings ul {
    margin: 0.75rem 0 1.5rem;
    padding-left: 1.5rem;
  }

  .product-premium__description li,
  .product-premium__includes li,
  .product-premium__settings li {
    margin-bottom: 0.625rem;
    color: #434343;
    font-size: 15px;
    line-height: 1.65;
  }

  .product-premium__note {
    margin-top: 2rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fff0 0%, #eaf0e1 100%);
    border-left: 4px solid #a3c543;
    border-radius: 12px;
    color: #434343;
    font-size: 15px;
    line-height: 1.65;
  }

  .product-premium__note strong {
    color: #1a2e1a;
    font-weight: 700;
  }

  .product-premium__note strong {
    color: #1a2e1a;
    font-weight: 700;
  }

  /* Responsive */
  /* Responsive */
  /* Responsive */
  @media screen and (max-width: 1024px) {
    .product-premium__layout {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }

    .product-premium__media {
      position: static;
    }

    .product-premium__similar-scroll {
      grid-template-columns: repeat(3, 1fr);
    }

    .product-premium__title {
      font-size: 32px;
    }

    .product-premium__current-price {
      font-size: 36px;
    }
  }

  @media screen and (max-width: 749px) {
    .product-premium {
      padding: 2rem var(--page-margin) 3.5rem;
    }

    .product-premium__form-row {
      flex-direction: column;
      gap: 1.25rem;
    }

    .product-premium__option--inline {
      width: 100%;
    }

    .product-premium__variant-select {
      max-width: none;
      flex: 1;
    }

    .product-premium__thumb {
      width: 64px;
      height: 64px;
    }

    .product-premium__title {
      font-size: 28px;
    }

    .product-premium__current-price {
      font-size: 32px;
    }

    .product-premium__compare-price {
      font-size: 20px;
    }

    .product-premium__add-to-cart {
      padding: 1rem 1.75rem;
      font-size: 15px;
    }

    .product-premium__buy-now {
      padding: 1rem 1.75rem;
      font-size: 15px;
    }

    .product-premium__similar-scroll {
      display: flex;
      gap: 0.75rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 0.5rem;
      scrollbar-width: none;
    }

    .product-premium__similar-scroll::-webkit-scrollbar {
      display: none;
    }

    .product-premium__similar-card {
      flex: 0 0 160px;
      scroll-snap-align: start;
    }

    .product-premium__palettes {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .product-premium__palette-options {
      width: 100%;
      overflow-x: auto;
      padding-bottom: 0.25rem;
    }
  }
/* END_SECTION:product */

/* START_SECTION:promo (INDEX:30) */
.promo {
    padding: 5rem 0 0;
  }

  .promo__inner {
    --promo-inline-pad: 2rem;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 564px;
    border-radius: 50px 50px 0 0;
    background: #1c7a5b;
    color: #ffffff;
    text-align: center;
    padding: 5.5rem var(--promo-inline-pad) 3.6rem;
    overflow: hidden;
  }

  .promo__title {
    margin: 0 auto;
    max-width: 805px;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
  }

  .promo__wordmark-wrap {
    position: relative;
    display: inline-block;
    padding: 0 0.02em;
  }

  .promo__wordmark {
    position: relative;
    z-index: 1;
  }

  .promo__vector {
    position: absolute;
    left: 50%;
    top: 52%;
    width: 115%;
    height: auto;
    transform: translate(-50%, -50%) rotate(1.8deg);
    transform-origin: center;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: plus-lighter;
    opacity: 1;
  }

  .promo__vector-path {
    fill: none;
    stroke: #a3c543;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3px;
  }

  .promo__vector-path.is-animated {
    animation: promo-draw 1.2s ease-out forwards;
  }

  @keyframes promo-draw {
    to {
      stroke-dashoffset: 0;
    }
  }

  .promo__text {
    margin: 0 auto;
    max-width: 1094px;
    color: #ffffff;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
  }

  .promo__text span {
    font-weight: 500;
    opacity: 0.72;
  }

  .promo__text--primary {
    margin-top: 2rem;
  }

  .promo__text--secondary {
    margin-top: 1.4rem;
  }

  .promo__cta {
    margin: 3.2rem auto 0;
    width: 248px;
    min-height: 60px;
    border-radius: 30px;
    background: #f8fff0;
    color: #434343;
    text-decoration: none;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1rem;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(28 122 91 / 14%);
  }

  .promo__cta-label {
    white-space: nowrap;
  }

  .promo__cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(67 67 67 / 12%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    transform: translateX(0);
    flex: 0 0 auto;
  }

  .promo__cta-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: currentColor;
  }

  .promo__cta:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(28 122 91 / 20%);
  }

  .promo__cta:hover .promo__cta-icon {
    background: rgb(67 67 67 / 16%);
    transform: translateX(2px);
  }

  .promo__cta:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  @media screen and (max-width: 989px) {
    .promo {
      padding-top: 4.5rem;
    }

    .promo__inner {
      --promo-inline-pad: 1.4rem;
      min-height: auto;
      padding: 4rem 1.4rem 3rem;
    }

    .promo__title {
      font-size: 36px;
      line-height: 42px;
    }

    .promo__text {
      font-size: 17px;
      line-height: 1.55;
      max-width: 860px;
    }
  }

  @media screen and (max-width: 749px) {
    .promo {
      padding-top: 4rem;
    }

    .promo__inner {
      --promo-inline-pad: 1rem;
      border-radius: 28px 28px 0 0;
      padding: 2.9rem 1rem 2.35rem;
    }

    .promo__title {
      font-size: 29px;
      line-height: 1.22;
      max-width: 580px;
    }

    .promo__text {
      font-size: 16px;
      line-height: 1.55;
    }

    .promo__text--primary {
      margin-top: 1.35rem;
    }

    .promo__text--secondary {
      margin-top: 1rem;
    }

    .promo__cta {
      margin-top: 2.2rem;
      width: min(248px, 100%);
      min-height: 56px;
      font-size: 17px;
    }

    .promo__cta-icon {
      width: 26px;
      height: 26px;
    }

    .promo__cta-icon-arrow {
      font-size: 15px;
    }
  }
/* END_SECTION:promo */

/* START_SECTION:refund-policy (INDEX:31) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 0.75rem;
  }

  .legal-page__date {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #86a089;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
    text-align: left;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  .legal-page__list {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    padding-left: 1.5rem;
  }

  .legal-page__list li {
    margin-bottom: 0.5rem;
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p,
    .legal-page__list {
      font-size: 14px;
      text-align: left;
    }
  }
/* END_SECTION:refund-policy */

/* START_SECTION:search (INDEX:32) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* START_SECTION:services (INDEX:33) */
.services {
    position: relative;
    z-index: 1;
    padding: 1.125rem var(--page-margin) 5rem;
  }

  .services__inner {
    max-width: 90rem;
    margin: 0 auto;
  }

  /* ── HERO ── */
  .services__hero {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    padding: clamp(3.5rem, 6vw, 5rem) clamp(2rem, 4vw, 3.5rem) clamp(4rem, 7vw, 5.5rem);
    min-height: 360px;
    display: flex;
    align-items: center;
  }

  .services__hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .services__hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
  }

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

  .services__hero-label {
    font-family: var(--font-body--family);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 80%);
    margin: 0 0 1.5rem;
  }

  .services__hero-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    max-width: 680px;
    margin: 0 0 1.5rem;
  }

  .services__hero-text {
    font-size: 16px;
    color: rgb(255 255 255 / 85%);
    max-width: 440px;
    line-height: 1.7;
    margin: 0 0 2.5rem;
  }

  .services__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: #ffffff;
    color: #009a69;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.015em;
    padding: 0.8125rem 1.75rem;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  }

  .services__hero-cta-icon {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    color: #009a69;
  }

  .services__hero-cta:hover {
    background: #f0f9e8;
    box-shadow: 0 4px 18px rgb(0 154 105 / 18%);
    transform: translateY(-1px);
  }

  /* ── LOGO CAROUSEL ── */
  .services__carousel {
    margin-top: 6.5rem;
    margin-bottom: 7.5rem;
  }

  .services__carousel-title {
    margin: 0 auto 2.5rem;
    max-width: 720px;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
  }

  .services__carousel-wrap {
    --brand-gap: 2rem;
    display: flex;
    gap: var(--brand-gap);
    overflow: hidden;
    align-items: stretch;
    contain: layout paint;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  }

  .services__carousel-track {
    display: flex;
    gap: var(--brand-gap);
    align-items: stretch;
    flex: 0 0 auto;
    min-width: max-content;
    will-change: transform;
    backface-visibility: hidden;
  }

  .services__carousel-card {
    width: 226px;
    height: 105px;
    background: #ffffff;
    box-shadow: 0 2px 12px rgb(0 0 0 / 6%);
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.25rem;
  }

  .services__carousel-logo {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  /* ── TABS ── */
  .services__tabs {
    margin-top: 0;
    margin-bottom: 1.25rem;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
  }

  .services__tabs-nav {
    display: flex;
    padding: 4rem clamp(1.5rem, 3vw, 2.5rem) 0;
    gap: 1.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .services__tab-btn {
    flex: 1;
    min-width: fit-content;
    background: none;
    border: none;
    font-family: var(--font-body--family);
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: #7d7d7d;
    padding: 0 0 1.25rem;
    cursor: pointer;
    position: relative;
    transition: all 0.2s;
    white-space: nowrap;
    text-align: left;
  }

  .services__tab-btn::before {
    content: '';
    position: absolute;
    top: -1.25rem;
    left: 0;
    right: 0;
    height: 2px;
    background: #e5e5e5;
    border-radius: 2px;
  }

  .services__tab-btn::after {
    content: '';
    position: absolute;
    top: -1.25rem;
    left: 0;
    right: 0;
    height: 2px;
    background: #1C1C1E;
    border-radius: 2px;
    transform: scaleX(0);
    transition: transform 0.25s;
  }

  .services__tab-btn.active {
    color: #1C1C1E;
    font-weight: 500;
  }

  .services__tab-btn.active::after {
    transform: scaleX(1);
  }

  .services__tab-btn:hover:not(.active) {
    color: #1C1C1E;
  }

  @media screen and (min-width: 1440px) {
    .services__tab-btn {
      font-size: 1.5rem;
    }
  }

  .services__tab-panel {
    display: none;
    padding: clamp(2rem, 3vw, 3rem) clamp(2rem, 3.5vw, 3.5rem) clamp(3rem, 4vw, 4.5rem);
  }

  .services__tab-panel.active {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: clamp(3rem, 5vw, 5rem);
    align-items: start;
  }

  .services__tab-content {
    max-width: 620px;
    padding-right: 1rem;
  }

  .services__tab-heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 700;
    margin: 0;
    color: #1c7a5b;
    line-height: 1.2;
  }

  .services__tab-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .services__tab-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    flex-wrap: wrap;
  }

  .services__tier-selector {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .services__tier-label {
    font-size: 13px;
    font-weight: 600;
    color: #434343;
    white-space: nowrap;
  }

  .services__tier-select {
    appearance: none;
    background: #ffffff;
    border: 1.5px solid #009a69;
    border-radius: 8px;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    font-family: var(--font-body--family);
    font-size: 13px;
    font-weight: 600;
    color: #1c1c1e;
    cursor: pointer;
    transition: all 0.2s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23009a69' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.6rem center;
  }

  .services__tier-select:hover {
    border-color: #007a55;
    box-shadow: 0 2px 8px rgb(0 154 105 / 12%);
  }

  .services__tier-select:focus {
    outline: none;
    border-color: #009a69;
    box-shadow: 0 0 0 3px rgb(0 154 105 / 15%);
  }

  .services__tab-btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: transparent;
    color: #009a69;
    font-family: var(--font-body--family);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.015em;
    padding: 0.6875rem 1.25rem;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    border: 1.5px solid #009a69;
    transition: all 0.2s;
    white-space: nowrap;
  }

  .services__tab-btn-action i {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
  }

  .services__tab-btn-action:hover {
    background: #f0f9e8;
    box-shadow: 0 2px 12px rgb(0 154 105 / 12%);
    transform: translateY(-1px);
  }

  .services__tab-btn-action--primary {
    background: #009a69;
    color: #ffffff;
    border-color: #009a69;
  }

  .services__tab-btn-action--primary:hover {
    background: #007a55;
    border-color: #007a55;
    box-shadow: 0 4px 18px rgb(0 154 105 / 22%);
  }

  .services__tab-block {
    margin-bottom: 2.5rem;
  }

  .services__tab-block:last-child {
    margin-bottom: 0;
  }

  .services__tab-block h4 {
    font-size: 17px;
    font-weight: 700;
    color: #140303;
    margin: 0 0 0.875rem;
    line-height: 1.3;
  }

  .services__tab-block p {
    font-size: 16px;
    font-weight: 500;
    color: #434343;
    line-height: 1.8;
    margin: 0;
  }

  /* ── TAB RICH TEXT CONTENT ── */
  .services__tab-rte {
    font-family: var(--font-body--family);
  }

  .services__tab-rte .service-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .services__tab-rte .service-content > p {
    font-size: 16px;
    font-weight: 400;
    color: #434343;
    line-height: 1.8;
    margin: 0;
  }

  .services__tab-rte .service-content > p strong {
    font-weight: 600;
    color: #1c1c1e;
  }

  .services__tab-rte .service-content > h3 {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1c7a5b;
    margin: 1.25rem 0 0.15rem;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
  }

  .services__tab-rte .service-content > h3:first-child {
    margin-top: 0;
  }

  .services__tab-rte .service-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .services__tab-rte .service-content ul ul {
    margin: 0.75rem 0 0 1.5rem;
  }

  .services__tab-rte .service-content li {
    font-size: 15.5px;
    font-weight: 400;
    color: #434343;
    line-height: 1.75;
    margin-bottom: 0.25rem;
    position: relative;
    padding-left: 1.25rem;
  }

  .services__tab-rte .service-content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 5px;
    height: 5px;
    background: #1c7a5b;
    border-radius: 50%;
  }

  .services__tab-rte .service-content ul ul li::before {
    width: 4px;
    height: 4px;
    background: #86a089;
    top: 0.55rem;
  }

  .services__tab-rte .service-content li:last-child {
    margin-bottom: 0;
  }

  .services__tab-rte .service-content li b,
  .services__tab-rte .service-content li strong {
    font-weight: 600;
    color: #1c1c1e;
  }

  .services__tab-rte .service-content li i,
  .services__tab-rte .service-content li em {
    font-style: italic;
    color: #6e6e73;
    font-weight: 400;
  }

  .services__tab-rte .service-content a {
    color: #1c7a5b;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
  }

  .services__tab-rte .service-content a:hover {
    color: #009a69;
  }

  .services__tab-rte .product-description {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* ── TAB VISUAL ── */
  .services__tab-visual {
    border-radius: 16px;
    padding: 2rem 2.5rem 3.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 880px;
    align-self: stretch;
    position: relative;
    overflow: hidden;
  }

  .services__tab-visual-link {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .services__tab-visual-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgb(0 0 0 / 20%);
  }

  /* ── EMAIL CARD ── */
  .services__email-card {
    background: #ffffff;
    border-radius: 14px;
    width: 100%;
    max-width: 280px;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
    overflow: hidden;
  }

  .services__email-card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.375rem;
    border-bottom: 1px solid #dce5cf;
  }

  .services__logo-mark {
    width: 26px;
    height: 26px;
    background: #1c7a5b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .services__logo-mark svg {
    width: 14px;
    height: 14px;
    fill: white;
  }

  .services__email-card-top span {
    font-size: 14px;
    font-weight: 700;
    color: #1c7a5b;
    letter-spacing: 0.06em;
  }

  .services__email-new-label {
    font-size: 13px;
    color: #86a089;
    padding: 1rem 1.375rem 0.75rem;
    border-bottom: 1px solid #dce5cf;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .services__email-new-label svg {
    width: 14px;
    height: 14px;
    stroke: #86a089;
    fill: none;
  }

  .services__issue-block {
    padding: 1.25rem 1.375rem;
  }

  .services__issue-title {
    font-size: 12px;
    font-weight: 600;
    color: #86a089;
    margin: 0 0 0.875rem;
  }

  .services__issue-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .services__issue-col label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #86a089;
    margin-bottom: 0.375rem;
  }

  .services__issue-col p {
    font-size: 13px;
    color: #140303;
    font-weight: 500;
    font-style: italic;
    margin: 0;
  }

  .services__reg-tag {
    font-size: 10px;
    color: #dc2626;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-top: 0.3125rem;
    display: block;
  }

  .services__risk-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    margin-bottom: 1rem;
  }

  .services__risk-label {
    font-size: 12px;
    font-weight: 600;
    color: #991b1b;
  }

  .services__risk-badge {
    background: #dc2626;
    color: white;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3125rem 0.75rem;
    border-radius: 4px;
  }

  .services__send-btn-row {
    display: flex;
    justify-content: flex-end;
  }

  .services__send-btn {
    background: #1c7a5b;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.6875rem 1.5rem;
    cursor: pointer;
    transition: background 0.2s;
    font-family: var(--font-body--family);
  }

  .services__stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #dce5cf;
    background: #f0f9e8;
  }

  .services__stat-cell {
    padding: 1.125rem 0.875rem;
    text-align: center;
    border-right: 1px solid #c7d9ad;
  }

  .services__email-card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.375rem;
    border-bottom: 1px solid #dce5cf;
  }

  .services__logo-mark {
    width: 24px;
    height: 24px;
    background: #1c7a5b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .services__logo-mark svg {
    width: 13px;
    height: 13px;
    fill: white;
  }

  .services__email-card-top span {
    font-size: 14px;
    font-weight: 700;
    color: #1c7a5b;
    letter-spacing: 0.06em;
  }

  .services__email-new-label {
    font-size: 13px;
    color: #86a089;
    padding: 0.875rem 1.375rem 0.625rem;
    border-bottom: 1px solid #dce5cf;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .services__email-new-label svg {
    width: 14px;
    height: 14px;
    stroke: #86a089;
    fill: none;
  }

  .services__issue-block {
    padding: 1rem 1.375rem;
  }

  .services__issue-title {
    font-size: 12px;
    font-weight: 600;
    color: #86a089;
    margin: 0 0 0.75rem;
  }

  .services__issue-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .services__issue-col label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #86a089;
    margin-bottom: 0.3125rem;
  }

  .services__issue-col p {
    font-size: 13px;
    color: #140303;
    font-weight: 500;
    font-style: italic;
    margin: 0;
  }

  .services__reg-tag {
    font-size: 10px;
    color: #dc2626;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
    display: block;
  }

  .services__risk-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 0.5625rem 0.9375rem;
    margin-bottom: 0.875rem;
  }

  .services__risk-label {
    font-size: 12px;
    font-weight: 600;
    color: #991b1b;
  }

  .services__risk-badge {
    background: #dc2626;
    color: white;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
  }

  .services__send-btn-row {
    display: flex;
    justify-content: flex-end;
  }

  .services__send-btn {
    background: #1c7a5b;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.625rem 1.375rem;
    cursor: pointer;
    transition: background 0.2s;
    font-family: var(--font-body--family);
  }

  .services__send-btn:hover {
    background: #009b69;
  }

  .services__stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #dce5cf;
    background: #f0f9e8;
  }

  .services__stat-cell {
    padding: 0.9375rem 0.875rem;
    text-align: center;
    border-right: 1px solid #c7d9ad;
  }

  .services__stat-cell:last-child {
    border-right: none;
  }

  .services__stat-val {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #434343;
    margin-bottom: 0.1875rem;
  }

  .services__stat-val--green {
    color: #009b69;
  }

  .services__stat-desc {
    font-size: 10px;
    color: #86a089;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  /* ── SOCIAL CARD ── */
  .services__social-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.5rem;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
    text-align: center;
  }

  .services__social-icon-wrap {
    width: 60px;
    height: 60px;
    background: #eaf0e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
  }

  .services__social-text {
    font-size: 15px;
    color: #434343;
    line-height: 1.7;
    margin: 0;
  }

  .services__compliant-badge {
    margin-top: 1.5rem;
    padding: 0.875rem;
    background: #f0f9e8;
    border: 1px solid #c7d9ad;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #009b69;
  }

  /* ── WEB CARD ── */
  .services__web-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.5rem;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
  }

  .services__web-card-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #86a089;
    margin: 0 0 1.25rem;
  }

  .services__web-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .services__web-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    padding: 0.8125rem 1.125rem;
  }

  /* ── DOC CARD ── */
  .services__doc-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.5rem;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
  }

  .services__doc-card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .services__doc-card-top span {
    font-size: 13px;
    font-weight: 600;
    color: #1c7a5b;
  }

  .services__doc-alert {
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    padding: 0.875rem 1.125rem;
    border-radius: 0 7px 7px 0;
    margin-bottom: 0.875rem;
  }

  .services__doc-alert-title {
    font-size: 12px;
    font-weight: 700;
    color: #991b1b;
    margin: 0 0 0.375rem;
  }

  .services__doc-alert-detail {
    font-size: 12.5px;
    color: #434343;
    margin: 0;
  }

  .services__doc-fix {
    background: #f0f9e8;
    border-left: 3px solid #009b69;
    padding: 0.875rem 1.125rem;
    border-radius: 0 7px 7px 0;
  }

  .services__doc-fix-title {
    font-size: 12px;
    font-weight: 700;
    color: #009b69;
    margin: 0 0 0.375rem;
  }

  .services__doc-fix-detail {
    font-size: 12.5px;
    color: #434343;
    margin: 0;
  }

  /* ── AI CARD ── */
  .services__ai-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.5rem;
    max-width: 300px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
    text-align: center;
  }

  .services__ai-icon {
    font-size: 34px;
    margin-bottom: 1.125rem;
    color: #92c602;
    line-height: 1;
  }

  .services__ai-title {
    font-size: 14px;
    font-weight: 600;
    color: #1c7a5b;
    margin: 0 0 0.625rem;
  }

  .services__ai-text {
    font-size: 13px;
    color: #86a089;
    margin: 0 0 1.5rem;
    line-height: 1.7;
  }

  .services__ai-badges {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }

  .services__ai-badge {
    padding: 0.6875rem 1.125rem;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
  }

  .services__social-icon-wrap {
    width: 56px;
    height: 56px;
    background: #eaf0e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
  }

  .services__social-text {
    font-size: 14.5px;
    color: #434343;
    line-height: 1.7;
    margin: 0;
  }

  .services__compliant-badge {
    margin-top: 1.375rem;
    padding: 0.75rem;
    background: #f0f9e8;
    border: 1px solid #c7d9ad;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #009b69;
  }

  /* ── WEB CARD ── */
  .services__web-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.25rem;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
  }

  .services__web-card-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #86a089;
    margin: 0 0 1.125rem;
  }

  .services__web-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }

  .services__web-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    padding: 0.6875rem 1rem;
  }

  .services__web-row--clear {
    background: #f0f9e8;
    border: 1px solid #c7d9ad;
  }

  .services__web-row--clear .services__web-row-label {
    font-size: 13px;
    font-weight: 600;
    color: #1c7a5b;
  }

  .services__web-row--clear .services__web-row-status {
    font-size: 11px;
    font-weight: 700;
    color: #009b69;
  }

  .services__web-row--flagged {
    background: #fef2f2;
    border: 1px solid #fecaca;
  }

  .services__web-row--flagged .services__web-row-label {
    font-size: 13px;
    font-weight: 600;
    color: #991b1b;
  }

  .services__web-row--flagged .services__web-row-status {
    font-size: 11px;
    font-weight: 700;
    color: #dc2626;
  }

  /* ── DOC CARD ── */
  .services__doc-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.25rem;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
  }

  .services__doc-card-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.375rem;
  }

  .services__doc-card-top span {
    font-size: 13px;
    font-weight: 600;
    color: #1c7a5b;
  }

  .services__doc-alert {
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    padding: 0.75rem 1rem;
    border-radius: 0 7px 7px 0;
    margin-bottom: 0.75rem;
  }

  .services__doc-alert-title {
    font-size: 12px;
    font-weight: 700;
    color: #991b1b;
    margin: 0 0 0.3125rem;
  }

  .services__doc-alert-detail {
    font-size: 12.5px;
    color: #434343;
    margin: 0;
  }

  .services__doc-fix {
    background: #f0f9e8;
    border-left: 3px solid #009b69;
    padding: 0.75rem 1rem;
    border-radius: 0 7px 7px 0;
  }

  .services__doc-fix-title {
    font-size: 12px;
    font-weight: 700;
    color: #009b69;
    margin: 0 0 0.3125rem;
  }

  .services__doc-fix-detail {
    font-size: 12.5px;
    color: #434343;
    margin: 0;
  }

  /* ── AI CARD ── */
  .services__ai-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 2.25rem;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 8px 32px rgb(28 122 91 / 14%);
    text-align: center;
  }

  .services__ai-icon {
    font-size: 32px;
    margin-bottom: 1rem;
    color: #92c602;
    line-height: 1;
  }

  .services__ai-title {
    font-size: 14px;
    font-weight: 600;
    color: #1c7a5b;
    margin: 0 0 0.5rem;
  }

  .services__ai-text {
    font-size: 13px;
    color: #86a089;
    margin: 0 0 1.375rem;
    line-height: 1.7;
  }

  .services__ai-badges {
    display: flex;
    gap: 0.625rem;
    justify-content: center;
  }

  .services__ai-badge {
    padding: 0.5625rem 1rem;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
  }

  .services__ai-badge--pass {
    background: #f0f9e8;
    border: 1px solid #c7d9ad;
    color: #009b69;
  }

  .services__ai-badge--block {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
  }

  /* ── AI VANTAGE ── */
  .services__vantage {
    margin-top: 4rem;
    margin-bottom: 5rem;
  }

  .services__vantage-inner {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: clamp(3rem, 5vw, 5rem);
    align-items: center;
    background: #ffffff;
    border-radius: 24px;
    padding: clamp(2.5rem, 4vw, 4rem) clamp(2rem, 4vw, 3rem);
    border: 1px solid #f0f0f0;
  }

  .services__vantage-content {
    display: flex;
    flex-direction: column;
  }

  .services__vantage-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2.25rem, 3.5vw, 3.5rem);
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 1rem;
    letter-spacing: -0.025em;
    line-height: 1.1;
  }

  .services__vantage-text {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    font-weight: 400;
    color: #6b7280;
    line-height: 1.65;
    margin: 0 0 2.25rem;
    max-width: 460px;
  }

  .services__vantage-actions {
    display: flex;
    gap: 0.875rem;
    flex-wrap: wrap;
  }

  .services__vantage-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
  }

  .services__vantage-btn--primary {
    background: #009a69;
    color: #ffffff;
  }

  .services__vantage-btn--primary:hover {
    background: #007a55;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgb(0 154 105 / 20%);
  }

  .services__vantage-btn--secondary {
    background: #e8f5ef;
    color: #009a69;
  }

  .services__vantage-btn--secondary:hover {
    background: #d4eddf;
    transform: translateY(-1px);
  }

  .services__vantage-visual {
    display: flex;
    gap: 16px;
    justify-content: center;
    height: 440px;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }

  .services__vantage-column {
    flex: 1;
    max-width: 280px;
    overflow: hidden;
  }

  .services__vantage-track {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .services__vantage-track--up {
    animation: vantage-scroll-up 28s linear infinite;
  }

  .services__vantage-track--down {
    animation: vantage-scroll-down 28s linear infinite;
  }

  @keyframes vantage-scroll-up {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
  }

  @keyframes vantage-scroll-down {
    0% { transform: translateY(-50%); }
    100% { transform: translateY(0); }
  }

  .services__vantage-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 1.25rem 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 130px;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .services__vantage-card:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 12px rgb(0 0 0 / 6%);
  }

  .services__vantage-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .services__vantage-card-icon i {
    font-size: 20px;
    color: #6b7280;
  }

  .services__vantage-card-content {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
  }

  .services__vantage-card-name {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0a0a0a;
  }

  .services__vantage-card-meta {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #9ca3af;
  }

  .services__vantage-card-status {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.25rem 0.625rem;
    border-radius: 5px;
    width: fit-content;
    background: #ecfdf5;
    color: #059669;
  }

  @media screen and (max-width: 989px) {
    .services__vantage-inner {
      grid-template-columns: 1fr;
      gap: 3rem;
    }

    .services__vantage-visual {
      order: -1;
      height: 340px;
    }

    .services__vantage-track--up,
    .services__vantage-track--down {
      animation-duration: 20s;
    }
  }

  @media screen and (max-width: 749px) {
    .services__vantage {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    .services__vantage-inner {
      padding: 2rem 1.25rem;
      border-radius: 16px;
    }

    .services__vantage-visual {
      height: 300px;
      gap: 10px;
    }

    .services__vantage-column {
      max-width: 200px;
    }

    .services__vantage-track {
      gap: 10px;
    }

    .services__vantage-card {
      padding: 1rem;
      min-height: 110px;
      border-radius: 12px;
    }

    .services__vantage-card-icon {
      width: 36px;
      height: 36px;
    }

    .services__vantage-card-icon i {
      font-size: 16px;
    }

    .services__vantage-card-name {
      font-size: 13px;
    }

    .services__vantage-track--up,
    .services__vantage-track--down {
      animation-duration: 15s;
    }

    .services__vantage-actions {
      flex-direction: column;
    }

    .services__vantage-btn {
      justify-content: center;
    }
  }

  /* ── CTA BANNER ── */
  .services__cta {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .services__cta-inner {
    background: #1A8460;
    border-radius: 24px;
    padding: clamp(3rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.5rem);
    text-align: center;
  }

  .services__cta-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
  }

  .services__cta-subtitle {
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    font-weight: 400;
    color: rgb(255 255 255 / 85%);
    max-width: 520px;
    margin: 0 auto 2.5rem;
    line-height: 1.6;
  }

  .services__cta-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .services__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 60px;
    padding: 0 1.5rem;
    border-radius: 30px;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
  }

  .services__cta-btn-label {
    white-space: nowrap;
  }

  .services__cta-btn-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
  }

  .services__cta-btn-icon i {
    font-size: 17px;
    color: currentColor;
    transition: transform 0.3s ease;
  }

  .services__cta-btn--primary {
    background: #f8fff0;
    color: #434343;
  }

  .services__cta-btn--primary .services__cta-btn-icon {
    background: rgb(67 67 67 / 12%);
  }

  .services__cta-btn--primary:hover {
    filter: brightness(0.96);
  }

  .services__cta-btn--primary:hover .services__cta-btn-icon {
    background: rgb(67 67 67 / 16%);
    transform: translateX(2px);
  }

  .services__cta-btn--primary:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  /* ── FAQ ── */
  .services__faq {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .services__faq-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }

  .services__faq-subtitle {
    font-size: clamp(1rem, 1.2vw, 1.1rem);
    color: #86868b;
    margin: 0;
    font-weight: 400;
  }

  .services__faq-title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.8rem, 2.2vw, 2.5rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
  }

  .services__faq-divider {
    font-size: clamp(1.8rem, 2.2vw, 2.5rem);
    font-weight: 300;
    color: #d1d1d6;
    line-height: 1;
  }

  .services__faq-box {
    background: #f5f5f7;
    border-radius: 16px;
    padding: clamp(1.5rem, 2.5vw, 2.5rem);
  }

  .services__faq-box-label {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0 0 1.5rem;
    text-align: left;
  }

  .services__faq-items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .services__faq-item {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e5e7;
    overflow: hidden;
  }

  .services__faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    list-style: none;
    font-family: var(--font-body--family);
    font-size: 15px;
    font-weight: 600;
    color: #1c1c1e;
  }

  .services__faq-question::-webkit-details-marker {
    display: none;
  }

  .services__faq-icon {
    font-size: 20px;
    font-weight: 300;
    color: #86868b;
    transition: transform 0.25s;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .services__faq-item[open] .services__faq-icon {
    transform: rotate(45deg);
  }

  .services__faq-answer {
    padding: 0 1.5rem 1.25rem;
    font-size: 14px;
    line-height: 1.7;
    color: #6e6e73;
  }

  .services__faq-answer p {
    margin: 0;
  }

  /* ── RESPONSIVE ── */
  @media screen and (max-width: 989px) {
    .services__hero {
      min-height: 300px;
      padding: 3rem 2rem 4rem;
    }

    .services__tab-panel.active {
      grid-template-columns: 1fr;
    }

    .services__tab-header-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }

    .services__tab-actions {
      width: 100%;
      flex-wrap: wrap;
    }

    .services__tier-selector {
      width: 100%;
    }

    .services__tier-select {
      width: 100%;
    }

    .services__tab-btn-action {
      flex: 1;
      min-width: 0;
      justify-content: center;
    }

    .services__tab-visual {
      min-height: 320px;
      padding: 1.5rem;
    }

    .services__tab-visual-image {
      max-height: 280px;
    }

    .services__email-card,
    .services__social-card,
    .services__web-card,
    .services__doc-card,
    .services__ai-card {
      max-width: 100%;
    }

    .services__carousel-card {
      width: 190px;
      height: 90px;
    }
  }

  @media screen and (max-width: 749px) {
    .services {
      padding: 0.625rem var(--page-margin) 3rem;
    }

    .services__hero {
      min-height: 260px;
      padding: 2.5rem 1.5rem 3.25rem;
      border-radius: 16px;
    }

    .services__hero-title {
      font-size: 1.7rem;
      max-width: 100%;
    }

    .services__hero-text {
      max-width: 100%;
      font-size: 14px;
    }

    .services__hero-cta {
      font-size: 13px;
      padding: 0.6875rem 1.5rem;
    }

    .services__carousel {
      margin-top: 4rem;
      margin-bottom: 5rem;
    }

    .services__carousel-card {
      width: 160px;
      height: 78px;
      border-radius: 9px;
    }

    .services__tabs {
      border-radius: 16px;
      margin-top: 0;
      margin-bottom: 2rem;
    }

    .services__tabs-nav {
      padding: 3rem 1.25rem 0;
      gap: 1rem;
    }

    .services__tab-panel {
      padding: 2rem 1.25rem 2.75rem;
    }

    .services__tab-panel.active {
      gap: 2rem;
      grid-template-columns: 1fr;
    }

    .services__tab-block h4 {
      font-size: 15px;
    }

    .services__tab-block p {
      font-size: 15px;
      font-weight: 500;
    }

    .services__tab-visual {
      min-height: 280px;
      padding: 1.25rem;
    }

    .services__tab-visual-image {
      max-height: 240px;
    }

    .services__cta-inner {
      padding: 2.5rem 1.5rem;
    }

    .services__cta {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    .services__cta-title {
      font-size: 1.8rem;
    }

    .services__cta-subtitle {
      font-size: 1rem;
    }

    .services__cta-btn {
      height: 52px;
      font-size: 16px;
      padding: 0 1.5rem;
    }

    .services__cta-btn-icon {
      width: 26px;
      height: 26px;
    }

    .services__cta-btn-icon i {
      font-size: 15px;
    }

    .services__faq-header {
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .services__faq {
      margin-top: 3rem;
      margin-bottom: 3rem;
      padding: 0 1.25rem 2.5rem;
      border-radius: 16px;
    }

    .services__faq-box {
      padding: 1.25rem;
    }

    .services__faq-question {
      padding: 1rem 1.25rem;
      font-size: 14px;
    }

    .services__faq-answer {
      padding: 0 1.25rem 1rem;
      font-size: 13px;
    }
  }

  @media screen and (max-width: 479px) {
    .services__hero-title {
      font-size: 1.45rem;
    }

    .services__cta-inner {
      padding: 2rem 1.25rem;
      border-radius: 18px;
    }

    .services__cta-title {
      font-size: 1.5rem;
    }

    .services__cta-subtitle {
      font-size: 0.95rem;
      margin-bottom: 2rem;
    }

    .services__cta-actions {
      flex-direction: column;
      gap: 0.75rem;
    }

    .services__cta-btn,
    .services__cta-btn--primary,
    .services__cta-btn--secondary {
      width: 100%;
      max-width: 280px;
    }

    .services__issue-row {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:services */

/* START_SECTION:social-strip (INDEX:34) */
.social-strip {
    width: 100%;
    background: #d8f38b;
  }

  .social-strip__inner {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 3.5rem clamp(1rem, 2.5vw, 2rem) 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .social-strip__icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1rem, 3vw, 2rem);
    flex-wrap: wrap;
  }

  .social-strip__icon-link {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #0a0a0a;
    flex-shrink: 0;
  }

  .social-strip__icon-link svg,
  .social-strip__icon-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    color: #0a0a0a;
  }

  @media screen and (max-width: 749px) {
    .social-strip__inner {
      padding: 2.5rem 1rem 4.5rem;
    }

    .social-strip__icon-link {
      width: 47px;
      height: 47px;
    }
  }
/* END_SECTION:social-strip */

/* START_SECTION:terms-and-conditions (INDEX:35) */
.legal-page {
    position: relative;
    z-index: 1;
    padding: 3rem var(--page-margin) 4rem;
  }

  .legal-page__inner {
    max-width: 52rem;
    margin: 0 auto;
  }

  .legal-page__header {
    text-align: center;
    margin-bottom: 3rem;
  }

  .legal-page__title {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: #1c7a5b;
    margin: 0 0 0.75rem;
  }

  .legal-page__date {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #86a089;
    margin: 0;
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .legal-page__heading {
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    font-weight: 700;
    color: #1c1c1e;
    margin: 0;
    text-align: left;
  }

  .legal-page__content p {
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #434343;
    margin: 0;
    text-align: justify;
  }

  @media screen and (max-width: 749px) {
    .legal-page {
      padding: 2rem var(--page-margin) 3rem;
    }

    .legal-page__header {
      margin-bottom: 2rem;
    }

    .legal-page__content {
      gap: 1.5rem;
    }

    .legal-page__content p {
      font-size: 14px;
      text-align: left;
    }
  }
/* END_SECTION:terms-and-conditions */

/* START_SECTION:testimonials (INDEX:36) */
.testimonials {
    position: relative;
    z-index: 1;
    padding: clamp(3rem, 6vw, 5rem) clamp(0.75rem, 2.6vw, 2rem) clamp(5rem, 8vw, 7.5rem);
    background: #f8fff0;
  }

  .testimonials__inner {
    width: min(1371px, 100%);
    margin: 0 auto;
  }

  .testimonials__title {
    margin: 0;
    color: #333333;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(28px, 3.5vw, 44px);
    line-height: 1.14;
    letter-spacing: 0;
  }

  .testimonials__subtitle {
    margin: 0.75rem auto 0;
    max-width: 720px;
    color: #86a089;
    text-align: center;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.45;
  }

  .testimonials__viewport {
    margin-top: clamp(2rem, 3vw, 3rem);
    overflow: hidden;
  }

  .testimonials__track {
    display: flex;
    gap: clamp(0.9rem, 1.5vw, 1.45rem);
    will-change: transform;
  }

  .testimonials__viewport {
    cursor: grab;
  }

  .testimonials__viewport.is-dragging {
    cursor: grabbing;
  }

  .testimonials__card {
    flex: 0 0 calc((100% - 3 * clamp(0.9rem, 1.5vw, 1.45rem)) / 3.25);
    aspect-ratio: 1 / 1;
    border-radius: 24px;
    background: #ffffff;
    padding: clamp(1.5rem, 2.2vw, 2.5rem) clamp(1.2rem, 1.6vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    user-select: none;
    -webkit-user-select: none;
  }

  .testimonials__card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    flex: 0 0 auto;
  }

  .testimonials__card-logo-wrap {
    flex: 0 0 auto;
    height: 36px;
    display: flex;
    align-items: center;
  }

  .testimonials__card-logo-image {
    max-width: 110px;
    max-height: 36px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
  }

  .testimonials__card-quote-icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: #1c7a5b;
    display: block;
  }

  .testimonials__card-quote {
    margin: 0;
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  .testimonials__card-text {
    margin: 0;
    color: #434343;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.6;
  }

  .testimonials__card-footer {
    margin: 0;
    flex: 0 0 auto;
  }

  .testimonials__card-author {
    color: #6f6a6a;
    font-family: 'Inter', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(13px, 1vw, 15px);
    line-height: 1.4;
  }

  .testimonials__card-dash {
    color: #6f6a6a;
  }

  .testimonials__card-divider {
    margin: 0 0.35em;
    color: #b0b0b0;
  }

  .testimonials__card-company {
    color: var(--card-brand-color);
    font-weight: 600;
  }

  .testimonials__controls {
    margin-top: clamp(1.4rem, 2vw, 2rem);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.1rem;
    margin-right: -0.4rem;
  }

  .testimonials__arrow {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: transparent;
    color: #434343;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    padding: 0;
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .testimonials__arrow:hover:not(:disabled) {
    background: transparent;
  }

  .testimonials__arrow:active:not(:disabled) {
    background: transparent;
  }

  .testimonials__arrow:disabled {
    opacity: 0.18;
    cursor: not-allowed;
  }

  .testimonials__arrow-icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgb(67 67 67 / 8%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: background-color 0.35s ease, opacity 0.35s ease;
  }

  .testimonials__arrow:hover:not(:disabled) .testimonials__arrow-icon-wrap {
    background: rgb(67 67 67 / 16%);
  }

  .testimonials__arrow-icon {
    font-size: 24px;
    line-height: 1;
    color: currentColor;
    display: inline-block;
    transition: opacity 0.35s ease;
  }

  @media screen and (max-width: 1120px) {
    .testimonials__card {
      flex: 0 0 calc((100% - 2 * clamp(0.75rem, 1.5vw, 1.15rem)) / 2.25);
    }
  }

  @media screen and (max-width: 749px) {
    .testimonials {
      padding-top: 2.5rem;
      padding-bottom: 4.5rem;
    }

    .testimonials__title {
      font-size: clamp(24px, 8vw, 31px);
      line-height: 1.2;
    }

    .testimonials__subtitle {
      font-size: 15px;
      line-height: 1.4;
    }

    .testimonials__card {
      flex: 0 0 calc((100% - 0 * 1rem) / 1.2);
      border-radius: 18px;
      padding: 1.2rem;
    }

    .testimonials__card-quote-icon {
      width: 30px;
      height: 30px;
    }

    .testimonials__arrow {
      width: 54px;
      height: 54px;
    }

    .testimonials__arrow-icon-wrap {
      width: 40px;
      height: 40px;
    }

    .testimonials__arrow-icon {
      font-size: 20px;
    }
  }
/* END_SECTION:testimonials */

/* START_SECTION:theme-showcase (INDEX:37) */
.theme-section {
    overflow-x: clip;
    padding: 1.75rem var(--page-margin) 0;
  }
  .theme-section__inner {
    max-width: min(1371px, 100%);
    margin: 0 auto;
  }
  .theme-section__header {
    text-align: center;
  }
  .theme-section__title {
    margin: 0;
    color: #333333;
    font-family: 'Plus Jakarta Sans', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 0;
    text-align: center;
  }
  .theme-section__title-line {
    display: block;
    white-space: nowrap;
  }
  .theme-section__zendesk-wrap {
    position: relative;
    display: inline-block;
    padding: 0 0.03em;
    overflow: visible;
  }
  .theme-section__zendesk {
    position: relative;
    z-index: 1;
  }
  .theme-section__zendesk-vector {
    position: absolute;
    left: 50%;
    bottom: -0.08em;
    transform: translateX(-50%) rotate(-0.5deg);
    width: 108%;
    height: auto;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: plus-lighter;
    opacity: 1;
  }

  .theme-section__zendesk-vector-path {
    fill: none;
    stroke: #a3c543;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 5.2px;
  }

  .theme-section__zendesk-vector-path.is-animated {
    animation: theme-draw 1.2s ease-out forwards;
  }

  @keyframes theme-draw {
    to {
      stroke-dashoffset: 0;
    }
  }
  .theme-section__subtitle {
    margin: 0.75rem auto 0;
    max-width: 720px;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
  }
  .theme-section__box {
    margin-top: 3.85rem;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .theme-section__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    align-items: start;
  }
  .theme-section__card-wrap {
    position: relative;
  }
  .theme-section__card {
    margin: 0;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(20, 35, 28, 0.12);
    padding: 0.8rem 0.8rem 1.08rem;
    position: relative;
    overflow: hidden;
  }
  .theme-section__image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    aspect-ratio: 4 / 3;
    background: #ecf3ef;
    box-shadow: 0 14px 34px rgba(18, 40, 30, 0.2);
  }
  .theme-section__image-scroll {
    will-change: transform;
  }
  .theme-section__ribbon {
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: 2;
    width: 120px;
    height: auto;
  }
  .theme-section__hover-badge {
    position: absolute;
    top: -32px;
    right: 16px;
    z-index: 3;
    padding: 6px 14px 8px;
    background: #3b82f6;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 8px 8px 0 0;
    white-space: nowrap;
    border: 1px solid #3b82f6;
    border-bottom: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .theme-section__image-scroll {
      will-change: auto;
    }
  }
  .theme-section__image {
    width: 100%;
    height: auto;
    display: block;
  }
  .theme-section__card-title {
    margin: 1.14rem 0 0;
    color: #313231;
    font-family: 'Inter', var(--font-heading--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    text-transform: capitalize;
    text-align: center;
    white-space: nowrap;
  }
  .theme-section__card-copy {
    margin: 0.52rem 0 0;
    color: #86a089;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    white-space: nowrap;
    text-align: center;
  }

  .theme-section__ticker {
    max-width: 1371px;
    margin: 3.85rem auto 0;
    display: flex;
    gap: 3.5rem;
    overflow: hidden;
    align-items: center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  }

  .theme-section__ticker--reverse {
    margin-top: 2.5rem;
  }

  .theme-section__ticker-track {
    display: flex;
    gap: 3.5rem;
    align-items: center;
    flex: 0 0 auto;
    min-width: max-content;
    will-change: transform;
    backface-visibility: hidden;
  }

  .theme-section__ticker-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #009b69;
    font-family: 'Plus Jakarta Sans', var(--font-body--family), sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .theme-section__ticker-item i {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    flex-shrink: 0;
  }

  .theme-section__ticker-item span {
    line-height: 1.3;
  }

  .theme-section__cta-wrap {
    margin: 3.85rem auto 0;
    display: flex;
    justify-content: center;
  }

  .theme-section__cta {
    height: 60px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1.5rem;
    font-family: var(--font-body--family);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: #f8fff0;
    background: #009b69;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgb(41 131 71 / 18%);
    will-change: transform;
  }

  .theme-section__cta-label {
    white-space: nowrap;
  }

  .theme-section__cta-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(255 255 255 / 20%);
    display: grid;
    place-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    flex: 0 0 auto;
    transform: translateX(0);
  }

  .theme-section__cta-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    color: #f8fff0;
    transition: transform 0.3s ease;
  }

  .theme-section__cta:hover {
    filter: brightness(0.96);
    box-shadow: 0 10px 20px rgb(41 131 71 / 22%);
  }

  .theme-section__cta:hover .theme-section__cta-icon {
    background: rgb(255 255 255 / 26%);
    transform: translateX(2px);
  }

  .theme-section__cta:active {
    transform: scale(0.98);
    filter: brightness(0.94);
  }

  .theme-section__cta:focus-visible {
    outline: 2px solid rgb(248 255 240 / 85%);
    outline-offset: 2px;
  }

  @media (prefers-reduced-motion: reduce) {
    .theme-section__ticker {
      -webkit-mask-image: none;
      mask-image: none;
      overflow: visible;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1.5rem;
    }
    .theme-section__ticker-track {
      min-width: 0;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.5rem;
    }
    .theme-section__ticker-track[aria-hidden='true'] {
      display: none;
    }
    .theme-section__cta {
      transition: none;
    }
    .theme-section__cta-icon {
      transition: none;
    }
    .theme-section__cta-icon-arrow {
      transition: none;
    }
  }

  @media screen and (max-width: 1330px) {
    .theme-section__grid {
      gap: 0.85rem;
    }
  }

  @media screen and (max-width: 1120px) {
    .theme-section {
      padding-bottom: 0;
    }
    .theme-section__title {
      font-size: 34px;
      line-height: 40px;
    }

    .theme-section__cta {
      height: 54px;
      border-radius: 27px;
      font-size: 16px;
      line-height: 20px;
      gap: 0.4rem;
      padding: 0 1.25rem;
    }

    .theme-section__cta-icon {
      width: 26px;
      height: 26px;
    }

    .theme-section__cta-icon-arrow {
      font-size: 15px;
    }

    .theme-section__title-line {
      white-space: normal;
    }

    .theme-section__box {
      margin-top: 3.2rem;
      padding: 0;
    }
    .theme-section__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }
    .theme-section__card-title {
      font-size: 26px;
      line-height: 30px;
      white-space: normal;
    }
    .theme-section__card-copy {
      white-space: normal;
    }
    .theme-section__hover-badge {
      font-size: 11px;
      padding: 5px 12px;
      right: 12px;
    }
    .theme-section__ticker {
      margin-top: 3.2rem;
      gap: 2.2rem;
    }
    .theme-section__ticker--reverse {
      margin-top: 1.8rem;
    }
    .theme-section__ticker-track {
      gap: 2.2rem;
    }
    .theme-section__ticker-item {
      font-size: 16px;
      gap: 0.6rem;
    }
    .theme-section__ticker-item i {
      font-size: 19px;
    }
  }

  @media screen and (max-width: 749px) {
    .theme-section {
      padding-top: 1.25rem;
      padding-bottom: 0;
    }
    .theme-section__title {
      font-size: 31px;
      line-height: 1.2;
    }
    .theme-section__subtitle {
      font-size: 16px;
      line-height: 1.4;
    }

    .theme-section__cta-wrap {
      margin-top: 2.3rem;
    }

    .theme-section__cta {
      width: min(100%, 274px);
      height: 52px;
      border-radius: 26px;
    }

    .theme-section__box {
      margin-top: 1.8rem;
      padding: 0;
      border-radius: 0;
    }
    .theme-section__grid {
      grid-template-columns: 1fr;
      gap: 1.4rem;
    }
    .theme-section__card {
      max-width: 470px;
      margin-left: auto;
      margin-right: auto;
    }
    .theme-section__card-title {
      margin-top: 1.09rem;
      font-size: 25px;
      line-height: 1.18;
      white-space: normal;
    }
    .theme-section__card-copy {
      margin-top: 0.48rem;
      font-size: 14px;
      line-height: 1.45;
      max-width: 100%;
      white-space: normal;
    }
    .theme-section__hover-badge {
      font-size: 10px;
      padding: 4px 10px;
      right: 10px;
    }
    .theme-section__ticker {
      margin-top: 2.6rem;
      gap: 1.6rem;
    }
    .theme-section__ticker--reverse {
      margin-top: 1.4rem;
    }
    .theme-section__ticker-track {
      gap: 1.6rem;
    }
    .theme-section__ticker-item {
      font-size: 14px;
      gap: 0.5rem;
    }
    .theme-section__ticker-item i {
      font-size: 16px;
    }
  }
/* END_SECTION:theme-showcase */

/* START_SECTION:widget (INDEX:38) */
.widget-container {
    width: 100%;
    margin-top: 120px;
    margin-bottom: 160px;
  }

  .widget-iframe {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 2px solid #e0e0e0;
    border-radius: 16px;
  }
/* END_SECTION:widget */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:39) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:40) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:42) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */