/* Breadcrumbs */
    .breadcrumbs {
      padding-top: calc(72px + var(--space-4));
      padding-bottom: var(--space-3);
      background: transparent;
    }
    .breadcrumbs__list {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
      align-items: center;
      font-size: 0.875rem;
      color: var(--color-text-secondary);
      list-style: none;
    }
    .breadcrumbs__item:not(:last-child)::after {
      content: '/';
      margin-left: var(--space-2);
      color: var(--color-text-muted);
    }
    .breadcrumbs__item a {
      color: var(--color-accent);
      transition: color 0.15s;
    }
    .breadcrumbs__item a:hover {
      color: var(--color-accent-hover);
      text-decoration: underline;
    }
    .breadcrumbs__item--current {
      color: var(--color-text);
      font-weight: 500;
    }

    /* About */
    .about__content {
      max-width: 800px;
      margin: 0 auto;
    }
    .about__text {
      font-size: 1.0625rem;
      line-height: 1.8;
      color: var(--color-text-secondary);
    }
    .about__text p + p {
      margin-top: var(--space-5);
    }
    .about__text strong {
      color: var(--color-text);
    }
    .about__highlight {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--space-4);
      margin-top: var(--space-10);
    }
    @media (min-width: 768px) {
      .about__highlight {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .about__stat {
      text-align: center;
      padding: var(--space-5);
      background: var(--color-bg);
      border-radius: var(--radius-lg);
      border: 1px solid var(--color-border-light);
      box-shadow: var(--shadow-sm);
    }
    .about__stat-number {
      font-size: 2rem;
      font-weight: 700;
      color: var(--color-accent);
      line-height: 1;
    }
    .about__stat-label {
      display: block;
      margin-top: var(--space-2);
      font-size: 0.875rem;
      color: var(--color-text-secondary);
    }

    /* Values */
    .values__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-6);
    }
    @media (min-width: 768px) {
      .values__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 1024px) {
      .values__grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .value-card {
      text-align: center;
      padding: var(--space-8) var(--space-6);
    }
    .value-card__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 64px;
      border-radius: var(--radius-lg);
      background: var(--color-accent-soft);
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }

    /* Team */
    .team__grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--space-6);
    }
    .team-card {
      text-align: center;
      flex: 1 1 280px;
      max-width: 340px;
    }

    .team-card__photo {
      width: 100%;
      aspect-ratio: 3 / 4;
      object-fit: cover;
      border-radius: var(--radius-lg);
      margin-bottom: var(--space-4);
      box-shadow: var(--shadow-md);
      display: block;
    }
    .team-card__name {
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: var(--space-1);
      color: var(--color-text);
    }
    .team-card__role {
      font-size: 0.9375rem;
      color: var(--color-text-secondary);
    }

    /* Requisites */
    .requisites__table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.9375rem;
    }
    .requisites__table th,
    .requisites__table td {
      padding: var(--space-4) var(--space-5);
      text-align: left;
      border-bottom: 1px solid var(--color-border);
    }
    .requisites__table th {
      width: 40%;
      color: var(--color-text-secondary);
      font-weight: 500;
      background: var(--color-bg-alt);
    }
    .requisites__table td {
      color: var(--color-text);
      font-weight: 500;
    }
    @media (max-width: 767px) {
      .requisites__table th,
      .requisites__table td {
        display: block;
        width: 100%;
      }
      .requisites__table th {
        border-bottom: none;
        padding-bottom: var(--space-1);
      }
      .requisites__table td {
        padding-top: var(--space-1);
        padding-bottom: var(--space-4);
      }
      .requisites__table tr {
        display: block;
        margin-bottom: var(--space-2);
        border-bottom: 2px solid var(--color-border);
      }
    }

    /* Hero About */
    .hero-about {
      padding-top: var(--space-6);
      padding-bottom: var(--space-12);
      background: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-alt) 50%, #eff6ff 100%);
      position: relative;
      overflow: hidden;
    }
    .hero-about::before {
      content: '';
      position: absolute;
      top: -20%;
      right: -10%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-about::after {
      content: '';
      position: absolute;
      bottom: -10%;
      left: -5%;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-about__container {
      display: grid;
      gap: var(--space-12);
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .hero-about__badge {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      padding: 0.5rem 1rem;
      background: var(--color-accent-soft);
      color: var(--color-accent);
      font-size: 0.8125rem;
      font-weight: 600;
      border-radius: var(--radius-full);
      margin-bottom: var(--space-5);
      width: fit-content;
    }
    .hero-about__badge-dot {
      width: 8px;
      height: 8px;
      background: var(--color-success);
      border-radius: 50%;
      animation: pulse-dot 2s infinite;
    }
    @keyframes pulse-dot {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }
    .hero-about__title {
      font-size: clamp(1.75rem, 4.5vw, 3rem);
      font-weight: 800;
      line-height: 1.15;
      color: var(--color-primary);
      margin-bottom: var(--space-5);
      letter-spacing: -0.02em;
    }
    .hero-about__title .text-accent {
      color: var(--color-accent);
      position: relative;
    }
    .hero-about__subtitle {
      font-size: clamp(1rem, 1.5vw, 1.125rem);
      line-height: 1.7;
      color: var(--color-text-secondary);
      margin-bottom: var(--space-8);
      max-width: 540px;
    }
    .hero-about__subtitle strong {
      color: var(--color-text);
      font-weight: 600;
    }
    .hero-about__actions {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      margin-bottom: var(--space-10);
    }
    .hero-about__trust {
      display: flex;
      align-items: center;
      gap: var(--space-6);
      flex-wrap: wrap;
    }
    .hero-about__trust-item {
      display: flex;
      flex-direction: column;
      gap: var(--space-1);
    }
    .hero-about__trust-number {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--color-primary);
      line-height: 1;
    }
    .hero-about__trust-label {
      font-size: 0.8125rem;
      color: var(--color-text-secondary);
    }
    .hero-about__trust-divider {
      width: 1px;
      height: 40px;
      background: var(--color-border);
    }
    .hero-about__visual {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .hero-about__image-wrapper {
      position: relative;
      border-radius: var(--radius-xl);
      overflow: hidden;
      box-shadow: var(--shadow-xl);
      transform: rotate(-2deg);
      transition: transform 0.5s ease;
    }
    .hero-about__image-wrapper:hover {
      transform: rotate(0deg) scale(1.02);
    }
    .hero-about__image {
      width: 100%;
      max-width: 420px;
      aspect-ratio: 3/4;
      object-fit: cover;
      display: block;
    }
    .hero-about__review-card {
      position: absolute;
      bottom: -20px;
      left: -20px;
      background: var(--color-bg);
      border-radius: var(--radius-lg);
      padding: var(--space-5);
      box-shadow: var(--shadow-xl);
      border: 1px solid var(--color-border-light);
      max-width: 280px;
      animation: float-card 6s ease-in-out infinite;
    }
    @keyframes float-card {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }
    .hero-about__review-stars {
      display: flex;
      gap: 2px;
      color: #f59e0b;
      margin-bottom: var(--space-3);
    }
    .hero-about__review-text {
      font-size: 0.875rem;
      line-height: 1.6;
      color: var(--color-text);
      margin-bottom: var(--space-3);
      font-style: italic;
    }
    .hero-about__review-author {
      display: flex;
      align-items: center;
      gap: var(--space-2);
    }
    .hero-about__review-avatar {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--color-accent), var(--color-success));
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .hero-about__review-name {
      font-size: 0.8125rem;
      font-weight: 600;
      color: var(--color-text);
    }
    @media (min-width: 768px) {
      .hero-about__container {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-16);
      }
      .hero-about__actions {
        flex-direction: row;
        flex-wrap: wrap;
      }
    }
    @media (min-width: 1024px) {
      .hero-about__container {
        grid-template-columns: 1.1fr 0.9fr;
      }
    }
    @media (max-width: 767px) {
      .breadcrumbs {
        padding-top: calc(72px + var(--space-2));
        padding-bottom: var(--space-2);
      }
      .hero-about {
        padding-top: var(--space-4);
        padding-bottom: var(--space-8);
      }
      .hero-about__review-card {
        left: 10px;
        bottom: -30px;
        max-width: 220px;
      }
      .hero-about__image-wrapper {
        transform: rotate(0deg);
        max-width: 320px;
        margin: 0 auto;
      }
      .hero-about__trust-divider {
        display: none;
      }
      .hero-about__trust {
        gap: var(--space-4);
        justify-content: center;
      }
      .hero-about__title,
      .hero-about__subtitle {
        text-align: center;
      }
      .hero-about__badge {
        margin-left: auto;
        margin-right: auto;
      }
      .hero-about__actions {
        align-items: center;
      }
    }

/* ===== Inline styles converted to classes ===== */

/* Requisites card overflow */
.card--overflow-hidden {
  overflow: hidden;
}

/* Honeypot anti-spam field */
.form__honeypot {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

/* Footer current page link */
.footer__link--current {
  color: var(--color-text-on-dark);
}