.standards{background-color:var(--color-white-2);padding:48px 0;overflow:hidden}.standards__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:0 var(--container-padding)}.standards__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 var(--container-padding)}.standards__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}.standards__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}.standards__logos-wrap{position:relative;overflow:hidden}.standards__fade{position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}.standards__fade--left{left:0;background:linear-gradient(to right,var(--color-white-2),transparent)}.standards__fade--right{right:0;background:linear-gradient(to left,var(--color-white-2),transparent)}.standards__logos{display:flex;flex-direction:column}.standards__row{background-color:var(--color-white);border-top:1px solid var(--color-border);overflow:hidden}.standards__row:last-child{border-bottom:1px solid var(--color-border)}.standards__track{display:flex;width:max-content}.standards__track--left{animation:standards-scroll-left 60s linear infinite}.standards__track--right{animation:standards-scroll-right 60s linear infinite}@keyframes standards-scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes standards-scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.standards__logos-wrap:hover .standards__track{animation-play-state:paused}.standards__logo-cell{display:flex;align-items:center;justify-content:center;padding:24px;width:200px;flex-shrink:0;border-right:1px solid var(--color-border)}.standards__logo-img{display:block;max-width:100%;height:80px;object-fit:contain}@media (min-width: 768px){.standards{padding:80px 0}.standards__container{gap:64px}.standards__title{font-size:40px;line-height:normal;max-width:949px}.standards__subtitle{font-size:18px}.standards__fade{width:120px}.standards__logo-cell{width:268px}.standards__logo-img{height:110px}}.faq{background-color:var(--color-white-2);padding:48px var(--container-padding);overflow:hidden}.faq__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}.faq__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;text-align:center}.faq__grid-wrap{position:relative;width:100%}.faq__grid-lines{display:none}.faq__list{background-color:var(--color-white);width:100%}.faq__item{border-bottom:1px solid var(--color-border-solid);border-left:3px solid transparent;transition:background-color 0.2s ease,border-color 0.2s ease}.faq__item:hover{background-color:var(--color-white-2)}.faq__item--open{background-color:var(--color-white-2);border-left-color:var(--color-blue)}.faq__item:last-child{border-bottom:none}.faq__question{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:24px;background:none;border:none;cursor:pointer;text-align:left}.faq__question-text{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);flex:1}.faq__chevron{flex-shrink:0;color:var(--color-dark-blue);transition:transform 0.3s ease}.faq__item--open .faq__chevron{transform:rotate(180deg)}.faq__answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq__item--open .faq__answer{max-height:300px}.faq__answer-text{font-size:14px;font-weight:400;line-height:18px;color:var(--color-text-dark);margin:0;padding:0 24px 24px}@media (min-width: 768px){.faq{padding:80px 0}.faq__container{gap:64px}.faq__title{font-size:40px;line-height:48px}.faq__grid-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}.faq__grid-line--h{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,0.1) 10%,rgba(25,31,47,0.1) 90%,transparent 100%)}.faq__grid-line--h1{top:0}.faq__grid-line--h2{bottom:0}.faq__grid-line--v{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,0.1) 15%,rgba(25,31,47,0.1) 85%,transparent 100%)}.faq__grid-line--v1{left:0}.faq__grid-line--v2{right:0}.faq__list{width:100%}.faq__question{padding:40px}.faq__question-text{font-size:18px}.faq__answer-text{font-size:16px;line-height:18px;padding:0 40px 40px}}.pentest-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:64px max(var(--container-padding),calc((100% - var(--container-max)) / 2)) 80px;background-color:var(--color-white);overflow:hidden}.pentest-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1440px;height:623px;pointer-events:none;z-index:0}.pentest-hero__pattern img{display:block;width:100%;height:100%}.pentest-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:700px;text-align:center}.pentest-hero__title{font-size:52px;font-weight:500;line-height:56px;letter-spacing:0;color:var(--color-dark-blue)}.pentest-hero__subtitle{font-size:18px;font-weight:400;line-height:normal;color:var(--color-text-dark)}.pentest-hero__actions{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.pentest-hero__diagram{position:relative;z-index:1;width:803px;height:234px}.pentest-hero__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:0;display:flex;align-items:center;justify-content:center}.pentest-hero__center-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.pentest-hero__center-ring--outer{width:200px;height:200px;background:rgba(28,81,198,0.03)}.pentest-hero__center-ring--inner{width:130px;height:130px;background:rgba(28,81,198,0.06)}.pentest-hero__center-badge{position:relative;z-index:3;width:60px;height:60px;border-radius:50%;background:var(--color-white);border:1px solid rgba(25,31,47,0.15);box-shadow:0 8px 16px rgba(0,0,0,0.03),0 16px 24px rgba(0,0,0,0.03),0 24px 32px rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.pentest-hero__center-circle{width:40px;height:40px;border-radius:50%;background:var(--color-blue);display:flex;align-items:center;justify-content:center}.pentest-hero__center-circle img{width:22px;height:22px}.pentest-hero__chevron{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -4px rgba(0,0,0,0.03),0 16px 24px -8px rgba(0,0,0,0.03);z-index:2;color:var(--color-dark-blue)}.pentest-hero__chevron--left{left:calc(50% - 93px)}.pentest-hero__chevron--right{left:calc(50% + 69px)}.pentest-hero__lines{position:absolute;top:44px;height:146px}.pentest-hero__lines--left{left:0;width:387px}.pentest-hero__lines--right{right:0;width:387px;transform:scaleX(-1)}.pentest-hero__node{position:absolute;display:flex;align-items:center;gap:5px;height:28px;padding:4px 12px;background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 8px 16px -4px rgba(0,0,0,0.03),0 16px 24px -8px rgba(0,0,0,0.03),0 24px 32px -12px rgba(0,0,0,0);white-space:nowrap}.pentest-hero__node span{font-size:14px;font-weight:500;color:var(--color-text);line-height:19px}.pentest-hero__node--web{left:0;top:30px}.pentest-hero__node--mobile{left:0;top:103px}.pentest-hero__node--infra{left:0;top:176px}.pentest-hero__node--api{right:0;top:30px}.pentest-hero__node--cloud{right:0;top:103px}.pentest-hero__node--phishing{right:0;top:176px}.pentest-hero__lock{position:absolute;width:24px;height:24px}.pentest-hero__lock--l1{left:calc(50% - 247px);top:32px}.pentest-hero__lock--l2{left:calc(50% - 247px);top:105px}.pentest-hero__lock--l3{left:calc(50% - 247px);top:178px}.pentest-hero__lock--r1{left:calc(50% + 225px);top:32px}.pentest-hero__lock--r2{left:calc(50% + 225px);top:105px}.pentest-hero__lock--r3{left:calc(50% + 225px);top:178px}@media (max-width: 767px){.pentest-hero{gap:32px;padding:48px var(--container-padding)}.pentest-hero__pattern{width:840px;height:364px}.pentest-hero__content{max-width:327px;gap:16px}.pentest-hero__title{font-size:32px;line-height:40px}.pentest-hero__subtitle{font-size:16px}.pentest-hero__actions{gap:16px}.pentest-hero__diagram{width:100%;height:174px;overflow:visible}.pentest-hero__center{width:100px;height:100px}.pentest-hero__center-ring--outer{width:100px;height:100px}.pentest-hero__center-ring--inner{display:none}.pentest-hero__chevron{display:none}.pentest-hero__lines{top:14px}.pentest-hero__lines--left{left:calc(-1 * var(--container-padding));width:calc(50% + var(--container-padding) - 30px)}.pentest-hero__lines--right{right:calc(-1 * var(--container-padding));width:calc(50% + var(--container-padding) - 30px)}.pentest-hero__node{display:none}.pentest-hero__lock--l1{left:40px;top:2px}.pentest-hero__lock--l2{left:40px;top:75px}.pentest-hero__lock--l3{left:40px;top:148px}.pentest-hero__lock--r1{left:auto;right:16px;top:2px}.pentest-hero__lock--r2{left:auto;right:16px;top:75px}.pentest-hero__lock--r3{left:auto;right:16px;top:148px}}/* Reuses same patterns as BenefitsSection */
  .svc-grid {
    background-color: var(--color-white-2);
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .svc-grid__container {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--container-padding);
    width: 100%;
  }

  /* Carousel wrapper */
  .svc-grid__carousel {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline-start: var(--container-padding);
  }

  .svc-grid__carousel::-webkit-scrollbar {
    display: none;
  }

  .svc-grid__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }

  .svc-grid__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
    max-width: 700px;
  }

  /* Grid wrapper */
  .svc-grid__wrap {
    position: relative;
    width: 100%;
  }

  .svc-grid__lines {
    display: none;
  }

  /* Cards — mobile: carousel track */
  .svc-grid__grid {
    display: flex;
    gap: 24px;
    padding: 0 var(--container-padding);
  }

  .svc-grid__grid::after {
    content: '';
    flex-shrink: 0;
    width: var(--container-padding);
  }

  .svc-grid__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 32px;
    width: 300px;
    flex: 0 0 300px;
    scroll-snap-align: start;
    background-color: var(--color-white);
    border: 0.5px solid var(--color-border-solid);
    transition: background-color 0.2s ease;
  }

  .svc-grid__card:hover {
    background-color: var(--color-blue-light);
  }

  .svc-grid__card:hover .svc-grid__icon img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(81%) saturate(2066%) hue-rotate(218deg) brightness(89%) contrast(90%);
  }

  .svc-grid__card-header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .svc-grid__icon {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 0.8px solid var(--color-border-solid);
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .svc-grid__card-title {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    color: var(--color-dark-blue);
  }

  .svc-grid__card-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-dark-blue);
    margin: 0;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .svc-grid {
      padding: 80px 0;
    }

    .svc-grid__container {
      gap: 64px;
    }

    .svc-grid__title {
      font-size: 40px;
      line-height: 48px;
    }

    /* Grid lines */
    .svc-grid__lines {
      display: block;
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
    }

    .svc-grid__line--v {
      position: absolute;
      top: -40px;
      bottom: -40px;
      width: 1px;
      background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(25, 31, 47, 0.1) 15%,
        rgba(25, 31, 47, 0.1) 85%,
        transparent 100%
      );
    }

    .svc-grid__line--v1 { left: 0; }
    .svc-grid__line--v2 { right: 0; }

    .svc-grid__line--h {
      position: absolute;
      left: -40px;
      right: -40px;
      height: 1px;
      background: linear-gradient(
        to right,
        transparent 0%,
        rgba(25, 31, 47, 0.1) 10%,
        rgba(25, 31, 47, 0.1) 90%,
        transparent 100%
      );
    }

    .svc-grid__line--h1 { top: 0; }
    .svc-grid__line--h2 { bottom: 0; }

    .svc-grid__carousel {
      overflow: visible;
      max-width: var(--container-max);
    }

    /* Tablet grid: 2 columns */
    .svc-grid__grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0;
      padding: 0;
    }

    .svc-grid__grid::after {
      display: none;
    }

    .svc-grid__card {
      width: auto;
      flex: auto;
      border: 0.5px solid var(--color-border-solid);
    }
  }

  @media (min-width: 1024px) {
    /* Desktop grid: 4 columns x 2 rows */
    .svc-grid__grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }.ptypes {
    background-color: var(--color-white);
    padding: 48px 0;
    overflow: hidden;
  }

  .ptypes__container {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 0 var(--container-padding);
  }

  .ptypes__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    max-width: 900px;
  }

  .ptypes__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .ptypes__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Content wrapper */
  .ptypes__content {
    position: relative;
    width: 100%;
  }

  /* Grid lines */
  .ptypes__lines {
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
  }

  .ptypes__line--v1,
  .ptypes__line--v2 {
    position: absolute;
    top: -40px;
    bottom: -40px;
    width: 1px;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(25, 31, 47, 0.1) 15%,
      rgba(25, 31, 47, 0.1) 85%,
      transparent 100%
    );
  }

  .ptypes__line--v1 { left: 0; }
  .ptypes__line--v2 { right: 0; }

  .ptypes__line--h1,
  .ptypes__line--h3 {
    position: absolute;
    left: -40px;
    right: -40px;
    height: 1px;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(25, 31, 47, 0.1) 10%,
      rgba(25, 31, 47, 0.1) 90%,
      transparent 100%
    );
  }

  .ptypes__line--h1 { top: 0; }
  .ptypes__line--h3 { bottom: 0; }

  /* Tabs */
  .ptypes__tabs {
    position: relative;
    display: flex;
    background: var(--color-white);
    border-bottom: 1px solid var(--color-border);
  }

  .ptypes__tab {
    flex: 1;
    padding: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text-dark);
    background: none;
    border: none;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
  }

  .ptypes__tab:last-of-type {
    border-right: none;
  }

  .ptypes__tab--active {
    color: var(--color-blue);
  }

  .ptypes__tab-indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--color-blue);
    transition: left 0.3s ease, width 0.3s ease;
  }

  /* Panels */
  .ptypes__panel {
    display: none;
    gap: 80px;
    padding: 48px;
    background: var(--color-white);
  }

  .ptypes__panel--active {
    display: flex;
  }

  .ptypes__panel-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .ptypes__panel-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .ptypes__panel-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .ptypes__panel-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-text-dark);
    margin: 0;
  }

  .ptypes__checklist {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .ptypes__check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-text-dark);
  }

  .ptypes__check-icon {
    flex-shrink: 0;
    color: var(--color-blue);
    margin-top: 1px;
  }

  .ptypes__panel-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-blue);
    text-decoration: none;
    transition: opacity 0.15s;
  }

  .ptypes__panel-link:hover {
    opacity: 0.7;
  }

  .ptypes__panel-image {
    width: 400px;
    height: 267px;
    flex-shrink: 0;
    background: var(--color-white-2);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ptypes__panel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .ptypes {
      padding: 80px 0;
    }

    .ptypes__container {
      gap: 64px;
      padding: 0;
    }

    .ptypes__title {
      font-size: 40px;
      line-height: normal;
    }

    .ptypes__subtitle {
      font-size: 20px;
    }

    .ptypes__tab {
      font-size: 20px;
    }

  }

  /* Mobile */
  @media (max-width: 767px) {
    .ptypes__tabs {
      overflow-x: auto;
      scrollbar-width: none;
    }

    .ptypes__tabs::-webkit-scrollbar {
      display: none;
    }

    .ptypes__tab {
      font-size: 16px;
      min-width: max-content;
    }

    .ptypes__panel {
      flex-direction: column;
      padding: 24px;
      gap: 32px;
    }

    .ptypes__panel-image {
      width: 100%;
      height: 200px;
    }
  }.platform {
    background-color: var(--color-white-2);
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .platform__container {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--container-padding);
    width: 100%;
  }

  /* Carousel wrapper */
  .platform__carousel {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline-start: var(--container-padding);
  }

  .platform__carousel::-webkit-scrollbar {
    display: none;
  }

  .platform__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  .platform__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .platform__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
    max-width: 696px;
  }

  /* Grid — mobile: carousel track */
  .platform__grid {
    display: flex;
    gap: 24px;
    padding: 0 var(--container-padding);
  }

  .platform__grid::after {
    content: '';
    flex-shrink: 0;
    width: var(--container-padding);
  }

  .platform__card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    width: 300px;
    flex: 0 0 300px;
    scroll-snap-align: start;
    background-color: var(--color-white);
    border: 0.5px solid var(--color-border-solid);
  }

  .platform__card-img {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--color-white-2);
    border: 1px solid var(--color-border-solid);
  }

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

  .platform__card-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .platform__card-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-dark-blue);
    line-height: normal;
  }

  .platform__card-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-dark-blue);
    line-height: normal;
    margin: 0;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .platform {
      padding: 80px 0;
    }

    .platform__carousel {
      overflow: visible;
      max-width: var(--container-max);
    }

    .platform__container {
      gap: 64px;
      padding: 0;
    }

    .platform__title {
      font-size: 40px;
      line-height: normal;
    }

    .platform__subtitle {
      font-size: 18px;
    }

    .platform__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      padding: 0;
    }

    .platform__grid::after {
      display: none;
    }

    .platform__card {
      width: auto;
      flex: auto;
    }

    .platform__card-title {
      font-size: 18px;
    }
  }.comparison {
    background-color: var(--color-white);
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    overflow: hidden;
  }

  .comparison__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    max-width: 800px;
    padding: 0 var(--container-padding);
  }

  .comparison__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .comparison__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Cards container */
  .comparison__cards {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    padding: 0 var(--container-padding);
  }

  /* Grid lines */
  .comparison__lines {
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
  }

  .comparison__line--v1,
  .comparison__line--v2 {
    position: absolute;
    top: -40px;
    bottom: -40px;
    width: 1px;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(25, 31, 47, 0.1) 15%,
      rgba(25, 31, 47, 0.1) 85%,
      transparent 100%
    );
  }

  .comparison__line--v1 { left: var(--container-padding); }
  .comparison__line--v2 { right: var(--container-padding); }

  .comparison__line--h1,
  .comparison__line--h2 {
    position: absolute;
    left: -40px;
    right: -40px;
    height: 1px;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(25, 31, 47, 0.1) 10%,
      rgba(25, 31, 47, 0.1) 90%,
      transparent 100%
    );
  }

  .comparison__line--h1 { top: 0; }
  .comparison__line--h2 { bottom: 0; }

  /* Card */
  .comparison__card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-bottom: 1px solid var(--color-border);
  }

  .comparison__card:last-child {
    border-bottom: none;
  }

  .comparison__card-header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .comparison__icon {
    padding: 6px;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    background: var(--color-white);
  }

  .comparison__icon-inner {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .comparison__icon-inner--blue {
    background: var(--color-blue);
  }

  .comparison__icon-inner--gray {
    background: var(--color-white-2);
    border: 1px solid var(--color-border-solid);
    color: var(--color-text);
  }

  .comparison__card-name {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-dark-blue);
  }

  .comparison__card-tagline {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .comparison__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .comparison__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-text-dark);
  }

  .comparison__item svg {
    flex-shrink: 0;
  }

  .comparison__check {
    color: var(--color-blue);
  }

  .comparison__x {
    color: #E95353;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .comparison {
      padding: 80px 0;
      gap: 64px;
    }

    .comparison__title {
      font-size: 40px;
      line-height: normal;
    }

    .comparison__subtitle {
      font-size: 18px;
    }

    .comparison__cards {
      flex-direction: row;
      padding: 0;
      max-width: var(--container-max);
    }

    .comparison__line--v1 { left: 0; }
    .comparison__line--v2 { right: 0; }

    .comparison__card {
      flex: 1;
      border-bottom: none;
      border-right: 1px solid var(--color-border-solid);
    }

    .comparison__card:last-child {
      border-right: none;
    }
  }.stats {
    background-color: var(--color-white-2);
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .stats__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    max-width: 900px;
    padding: 0 var(--container-padding);
  }

  .stats__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .stats__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Carousel wrapper (holds fades) */
  .stats__carousel-wrap {
    position: relative;
    width: 100%;
  }

  /* Carousel (scrolls) */
  .stats__carousel {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline-start: var(--container-padding);
  }

  .stats__carousel::-webkit-scrollbar {
    display: none;
  }

  .stats__track {
    display: flex;
    gap: 24px;
    padding: 0 var(--container-padding);
  }


  /* Fade edges */
  .stats__fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 53px;
    pointer-events: none;
    z-index: 2;
  }

  .stats__fade--left {
    left: 0;
    background: linear-gradient(to right, var(--color-white-2), transparent);
  }

  .stats__fade--right {
    right: 0;
    background: linear-gradient(to left, var(--color-white-2), transparent);
  }

  /* Cards */
  .stats__card {
    flex: 0 0 238px;
    height: 161px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-border-solid);
    scroll-snap-align: start;
    transition: background-color 0.2s ease;
  }

  .stats__card:hover {
    background: var(--color-blue-light);
  }

  .stats__card:hover .stats__value {
    color: var(--color-blue);
  }

  .stats__value {
    font-size: 48px;
    font-weight: 500;
    line-height: normal;
    color: var(--color-dark-blue);
    margin: 0;
    transition: color 0.2s ease;
  }

  .stats__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-text-dark);
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .stats {
      padding: 0 0 80px;
      gap: 64px;
    }

    .stats__title {
      font-size: 40px;
      line-height: normal;
    }

    .stats__subtitle {
      font-size: 20px;
    }

    .stats__carousel {
      overflow: visible;
    }

    .stats__track {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      padding: 0;
      max-width: var(--container-max);
      margin: 0 auto;
    }

    .stats__card {
      flex: auto;
      width: auto;
      height: auto;
    }

    .stats__fade {
      display: none;
    }
  }.contact {
    background-color: var(--color-white);
    padding: 48px 0;
    overflow: hidden;
  }

  .contact__container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  /* Left info */
  .contact__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .contact__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .contact__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: var(--color-dark-blue);
    margin: 0;
  }

  .contact__title strong {
    font-weight: 700;
  }

  .contact__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Features */
  .contact__features {
    display: flex;
    flex-direction: column;
  }

  .contact__feature {
    padding: 24px 0;
    border-bottom: 1px solid var(--color-border-solid);
    position: relative;
  }

  .contact__feature:hover::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 330px;
    max-width: 100%;
    height: 2px;
    background: var(--color-blue);
  }

  .contact__feature-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .contact__feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0.8px solid var(--color-border-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .contact__feature-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
  }

  .contact__feature-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-dark-blue);
    line-height: normal;
  }

  .contact__feature-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Form */
  .contact__form-wrap {
    position: relative;
    background: var(--color-white-2);
    padding: 32px;
  }

  .contact__lines {
    display: none;
  }

  .contact__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .contact__form-row {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .contact__field {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .contact__label {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-dark-blue);
  }

  .contact__required {
    color: #E95353;
  }

  .contact__input {
    height: 43px;
    padding: 12px 16px;
    border: 1px solid var(--color-border-solid);
    border-radius: 8px;
    background: var(--color-white);
    font-family: 'Satoshi Variable', sans-serif;
    font-size: 16px;
    color: var(--color-text-dark);
    outline: none;
    transition: border-color 0.2s;
  }

  .contact__input:focus {
    border-color: var(--color-blue);
  }

  .contact__input::placeholder {
    color: var(--color-text-dark);
    opacity: 0.6;
  }

  .contact__select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23303030' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    line-height: normal;
    min-height: 48px;
  }

  .contact__textarea {
    height: 100px;
    resize: vertical;
  }

  .contact__submit {
    height: 42px;
    width: 100%;
    border: none;
    border-radius: 100px;
    background: var(--color-blue);
    color: var(--color-white);
    font-family: 'Satoshi Variable', sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
  }

  .contact__submit:hover {
    opacity: 0.9;
  }

  .contact__privacy {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-dark);
    margin: 0;
    text-align: center;
  }

  .contact__privacy a {
    color: var(--color-text-dark);
    text-decoration: underline;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .contact {
      padding: 80px 0;
    }

    .contact__container {
      flex-direction: row;
      gap: 80px;
      align-items: flex-start;
      padding: 0;
    }

    .contact__info {
      width: 500px;
      flex-shrink: 0;
    }

    .contact__title {
      font-size: 40px;
      line-height: 48px;
    }

    .contact__subtitle {
      font-size: 18px;
    }

    .contact__form-wrap {
      flex: 1;
    }

    .contact__form-row {
      flex-direction: row;
      gap: 16px;
    }

    .contact__field {
      flex: 1;
    }

    /* Grid lines */
    .contact__lines {
      display: block;
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
    }

    .contact__line--v1,
    .contact__line--v2 {
      position: absolute;
      top: -40px;
      bottom: -40px;
      width: 1px;
      background: linear-gradient(to bottom, transparent 0%, rgba(25,31,47,0.1) 15%, rgba(25,31,47,0.1) 85%, transparent 100%);
    }

    .contact__line--v1 { left: 0; }
    .contact__line--v2 { right: 0; }

    .contact__line--h1,
    .contact__line--h2 {
      position: absolute;
      left: -40px;
      right: -40px;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, rgba(25,31,47,0.1) 10%, rgba(25,31,47,0.1) 90%, transparent 100%);
    }

    .contact__line--h1 { top: 0; }
    .contact__line--h2 { bottom: 0; }
  }

  /* Mobile: form first, features below */
  @media (max-width: 767px) {
    .contact__container {
      flex-direction: column-reverse;
    }
  }