:root {
      --bg: #f5f6fb;
      --white: #fff;
      --text: #071c61;
      --muted: #7680ad;
      --primary: #046EF9;
      --primary-rgb: 4, 110, 249;
      --secondary: #FF6600;
      --dark: #110d38;
      --line: #d9def2;
      --card: #eef1fb;
      --radius-xl: 32px;
      --radius-lg: 24px;
      --radius-md: 18px;
      --container: 1280px;
      --header-height: 86px;
      --shadow: 0 18px 50px rgba(9, 18, 66, 0.08);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
    }
    main { padding-top: calc(var(--header-height) + 18px); }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, input, textarea, select { font: inherit; }

    .page { overflow-x: hidden; }
    .container {
      width: 100%;
      max-width: calc(var(--container) + 40px);
      margin: 0 auto;
      padding: 0 20px;
    }
    .section { padding: 24px 0; }
    .section[id] { scroll-margin-top: calc(var(--header-height) + 28px); }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 58px;
      padding: 14px 28px;
      border-radius: 999px;
      background: var(--primary);
      color: var(--white);
      font-size: 18px;
      font-weight: 600;
      border: 0;
      cursor: pointer;
      transition: 0.25s ease;
    }
    .button:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(var(--primary-rgb), 0.22); }

    .title {
      margin: 0;
      font-size: 56px;
      line-height: 1.06;
      letter-spacing: -0.04em;
      font-weight: 700;
    }
    .text {
      margin: 0;
      color: var(--muted);
      font-size: 20px;
      line-height: 1.65;
    }

    .header {
      padding: 0;
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 10;
    }
    .header__box {
      min-height: 86px;
      padding: 18px 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      border-radius: 0 0 28px 28px;
      background: #151141;
      color: var(--white);
    }
    .header__nav {
      display: flex;
      align-items: center;
      gap: 36px;
      flex: 1 1 auto;
    }
    .header__nav--right { justify-content: flex-end; }
    .header__link {
      font-size: 18px;
      font-weight: 600;
      color: rgba(255,255,255,0.92);
      transition: 0.25s ease;
    }
    .header__link:hover,
    .header__link--active { color: var(--secondary); }
    .header__logo {
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 34px;
      font-weight: 800;
      color: var(--secondary);
      flex: 0 0 auto;
    }
    .header__toggle,
    .header__menu { display: none; }
    .header__toggle {
      width: 54px;
      height: 54px;
      padding: 0;
      border: 1px solid rgba(255,255,255,0.16);
      border-radius: 16px;
      background: rgba(255,255,255,0.06);
      color: var(--white);
      cursor: pointer;
      flex: 0 0 auto;
    }
    .header__toggle span {
      display: block;
      width: 20px;
      height: 2px;
      margin: 5px auto;
      border-radius: 999px;
      background: currentColor;
      transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .header__menu {
      width: 100%;
      padding-top: 18px;
    }
    .header__menu-nav {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 12px;
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 22px;
      background: rgba(255,255,255,0.05);
    }
    .header__menu-link {
      display: block;
      padding: 14px 16px;
      border-radius: 14px;
      color: rgba(255,255,255,0.9);
      font-size: 17px;
      font-weight: 600;
      transition: background 0.25s ease, color 0.25s ease;
    }
    .header__menu-link:hover,
    .header__menu-link--active {
      background: rgba(var(--primary-rgb), 0.18);
      color: var(--white);
    }
    .header--menu-open .header__menu { display: block; }
    .header--menu-open .header__toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .header--menu-open .header__toggle span:nth-child(2) { opacity: 0; }
    .header--menu-open .header__toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .hero {
      padding-top: 0;
    }

    .hero__text {
      margin: 0 auto 15px;
    }

    .hero__visual {
      padding: 58px 24px 36px;
      border-radius: 34px;
      background:
        radial-gradient(circle at center, rgba(var(--primary-rgb), 0.28), rgba(9,5,31,1) 55%),
        linear-gradient(180deg, #0f1d4b 0%, #09051f 100%);
      overflow: hidden;
    }
    .hero__gallery {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      margin-bottom: 34px;
    }
    .hero__card {
      flex: 0 1 220px;
      min-height: 160px;
      border-radius: 26px;
      overflow: hidden;
      border: 1px solid rgba(var(--primary-rgb), 0.6);
      box-shadow: 0 16px 40px rgba(0,0,0,0.28);
      background: #111632;
    }
    .hero__card:nth-child(1),
    .hero__card:nth-child(5) { transform: rotate(-7deg) translateY(18px); }
    .hero__card:nth-child(4) { transform: rotate(5deg) translateY(8px); }
    .hero__card-img { width: 100%; height: 100%; object-fit: cover; }

    .hero__content {
      text-align: center;
      color: var(--white);
    }
    .hero__title {
      margin: 0 auto 24px;
      max-width: 980px;
      font-size: 74px;
      line-height: 1.02;
      font-weight: 800;
      letter-spacing: -0.05em;
    }
    .hero__actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
    }

    .rating {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .rating__avatars {
      display: flex;
      align-items: center;
    }
    .rating__avatar {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 3px solid var(--white);
      margin-left: -8px;
      object-fit: cover;
    }
    .rating__avatar:first-child { margin-left: 0; }
    .rating__meta {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }
    .rating__name { font-weight: 700; }
    .rating__stars { color: var(--secondary); letter-spacing: 0.22em; }

    .services__box,
    .faq__box,
    .footer__box {
      background: rgba(255,255,255,0.55);
      border: 1px solid var(--line);
      border-radius: var(--radius-xl);
    }
    .services__box { padding: 56px; }

    .services__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 30px;
      margin-bottom: 34px;
    }
    .services__title { max-width: 640px; }
    .services__text { max-width: 500px; }

    .services__layout {
      display: flex;
      gap: 34px;
      align-items: stretch;
    }
    .services__aside {
      flex: 0 0 31%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 28px;
    }
    .services__image {
      border-radius: 28px;
      overflow: hidden;
      background: #dfe7fb;
    }
    .services__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .services__grid {
      flex: 1 1 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
    }

    .service-card {
      flex: 1 1 calc(50% - 12px);
      min-width: 280px;
      padding: 30px;
      border-radius: var(--radius-lg);
      border: 1px solid var(--line);
      background: var(--card);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .service-card__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .service-card__icon {
      width: 62px;
      height: 62px;
      border-radius: 18px;
      background: rgba(var(--primary-rgb), 0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 15px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .service-card__arrow {
      font-size: 32px;
      color: var(--text);
    }
    .service-card__title {
      margin: 0;
      font-size: 22px;
      line-height: 1.35;
    }
    .service-card__text {
      margin: 0;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.65;
    }

    .about__grid {
      display: flex;
      gap: 28px;
      align-items: stretch;
    }
    .about__content {
      flex: 1 1 58%;
      padding: 54px;
      border-radius: var(--radius-xl);
      background: linear-gradient(135deg, #0b173c 0%, var(--primary) 60%, var(--secondary) 100%);
      color: var(--white);
      position: relative;
      overflow: hidden;
    }
    .about__content::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at top right, rgba(255,255,255,0.14), transparent 36%);
      pointer-events: none;
    }
    .about__title {
      margin: 0 0 34px;
      position: relative;
      z-index: 1;
      font-size: 58px;
      line-height: 1.06;
      letter-spacing: -0.04em;
    }
    .about__features {
      position: relative;
      z-index: 1;
      display: flex;
      gap: 22px;
      flex-wrap: wrap;
      margin-bottom: 30px;
    }
    .about__feature {
      flex: 1 1 260px;
    }
    .about__feature-title {
      margin: 0 0 10px;
      font-size: 24px;
    }
    .about__feature-text {
      margin: 0;
      color: rgba(255,255,255,0.82);
      font-size: 18px;
      line-height: 1.65;
    }
    .about__bottom {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      flex-wrap: wrap;
      padding-top: 28px;
      border-top: 1px solid rgba(255,255,255,0.16);
      margin-bottom: 28px;
    }
    .about__stat-value {
      display: block;
      margin-bottom: 8px;
      font-size: 68px;
      font-weight: 800;
      line-height: 1;
      color: #b8d7ff;
    }
    .about__stat-text {
      margin: 0;
      max-width: 360px;
      color: rgba(255,255,255,0.8);
      font-size: 18px;
      line-height: 1.6;
    }
    .about__visual {
      flex: 0 0 38%;
      min-height: 680px;
      border-radius: var(--radius-xl);
      overflow: hidden;
      border: 1px solid var(--line);
      position: relative;
      background: #e1e8fb;
    }
    .about__visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .about__metric {
      position: absolute;
      right: 24px;
      bottom: 24px;
      width: 250px;
      padding: 24px;
      border-radius: 24px;
      background: rgba(255,255,255,0.96);
      box-shadow: var(--shadow);
    }
    .about__metric-label {
      display: block;
      margin-bottom: 10px;
      font-weight: 700;
      font-size: 18px;
    }
    .about__metric-value {
      display: block;
      margin-bottom: 8px;
      font-size: 44px;
      font-weight: 800;
      line-height: 1;
    }
    .about__metric-text {
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
    }

    .process__box {
      padding: 10px 0 0;
    }
    .process__title {
      margin: 0 0 50px;
      text-align: center;
      font-size: 58px;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }
    .process__list {
      position: relative;
      display: flex;
      gap: 24px;
      justify-content: space-between;
      padding-top: 46px;
      align-items: stretch;
      flex-wrap: wrap;
    }
    .process__list::before {
      content: "";
      position: absolute;
      top: 10px;
      left: calc(12.5% - 1px);
      right: calc(12.5% - 1px);
      height: 2px;
      background: var(--line);
    }
    .process-card {
      position: relative;
      flex: 1 1 calc(25% - 18px);
      min-width: 250px;
      padding: 34px 26px 28px;
      border-radius: 22px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,0.55);
      box-shadow: 0 16px 36px rgba(7, 28, 97, 0);
      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    }
    .process-card::before {
      content: "";
      position: absolute;
      left: 50%;
      top: -35px;
      width: 2px;
      height: 35px;
      transform: translateX(-50%);
      background: var(--line);
    }
    .process-card::after {
      content: "";
      position: absolute;
      left: 50%;
      top: -47px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      transform: translateX(-50%);
      background: #D9E0FD;
      transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }
    .process-card:hover {
      border-color: rgba(var(--primary-rgb), 0.34);
      background: rgba(var(--primary-rgb), 0.08);
      box-shadow: 0 18px 40px rgba(var(--primary-rgb), 0.14);
    }
    .process-card:hover::after {
      background: var(--primary);
      box-shadow: 0 0 0 8px rgba(var(--primary-rgb), 0.14);
    }
    .process-card:hover .process-card__step {
      background: rgba(var(--primary-rgb), 0.1);
      color: var(--primary);
    }
    .process-card__step {
      display: inline-flex;
      align-items: center;
      min-height: 46px;
      padding: 0 18px;
      margin-bottom: 24px;
      border-radius: 999px;
      background: var(--white);
      font-weight: 700;
    }
    .process-card__title {
      margin: 0 0 14px;
      font-size: 22px;
    }
    .process-card__text {
      margin: 0;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.65;
    }

    .solutions__box {
      padding: 54px;
      border-radius: var(--radius-xl);
      background: var(--primary);
      color: var(--white);
    }
    .solutions__layout {
      display: flex;
      gap: 38px;
      align-items: center;
    }
    .solutions__content {
      flex: 1 1 50%;
    }
    .solutions__title {
      margin: 0 0 28px;
      max-width: 580px;
      font-size: 58px;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }
    .solutions__list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .solutions__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      width: 100%;
      padding: 22px 0;
      border-top: 1px solid rgba(255,255,255,0.18);
      border-right: 0;
      border-bottom: 0;
      border-left: 0;
      background: transparent;
      color: rgba(255,255,255,0.58);
      font-size: 26px;
      font-weight: 700;
      text-align: left;
      cursor: pointer;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }
    .solutions__item:hover {
      color: var(--white);
      transform: translateX(6px);
    }
    .solutions__item:focus-visible {
      outline: 2px solid rgba(255,255,255,0.7);
      outline-offset: 4px;
    }
    .solutions__item--active {
      padding: 22px 20px;
      border-radius: 18px;
      background: rgba(255,255,255,0.12);
      color: var(--white);
    }
    .solutions__visual {
      flex: 1 1 50%;
      position: relative;
      min-height: 540px;
      border-radius: 28px;
      overflow: hidden;
    }
    .solutions__visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.2s ease;
    }
    .solutions__visual img.is-switching { opacity: 0.45; }

    .testimonial__box {
      padding: 54px;
      border-radius: var(--radius-xl);
      border: 1px solid var(--line);
      background: rgba(255,255,255,0.55);
    }
    .testimonial__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 24px;
      padding-bottom: 30px;
      margin-bottom: 34px;
      border-bottom: 1px solid var(--line);
    }
    .testimonial__title {
      margin: 0;
      max-width: 600px;
      font-size: 58px;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }
    .testimonial__viewport {
      overflow: hidden;
    }
    .testimonial__track {
      display: flex;
      transition: transform 0.45s ease;
      will-change: transform;
    }
    .testimonial__slide {
      flex: 0 0 100%;
      min-width: 100%;
      opacity: 0.35;
      transition: opacity 0.35s ease;
    }
    .testimonial__slide--active { opacity: 1; }
    .testimonial__body {
      display: flex;
      gap: 40px;
      align-items: center;
    }
    .testimonial__visual {
      flex: 0 0 350px;
      position: relative;
      min-height: 400px;
      width: 100%;
    }
    .testimonial__layer,
    .testimonial__frame {
      position: absolute;
      inset: 0;
      border-radius: 24px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,0.75);
    }
    .testimonial__layer:nth-child(1) { transform: translate(-18px, 18px); }
    .testimonial__layer:nth-child(2) { transform: translate(-9px, 9px); }
    .testimonial__frame { overflow: hidden; }
    .testimonial__frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .testimonial__content { flex: 1 1 auto; }
    .testimonial__quote {
      margin: 0 0 26px;
      font-size: 28px;
      line-height: 1.55;
    }
    .testimonial__author {
      margin: 0 0 8px;
      font-size: 22px;
    }
    .testimonial__dots {
      display: flex;
      justify-content: flex-end;
      gap: 12px;
      margin-top: 24px;
    }
    .testimonial__dot {
      width: 14px;
      height: 14px;
      padding: 0;
      border-radius: 50%;
      border: 1px solid #b8c2eb;
      background: transparent;
      cursor: pointer;
      transition: width 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }
    .testimonial__dot:hover { transform: scale(1.08); }
    .testimonial__dot--active {
      width: 38px;
      border-radius: 999px;
      background: var(--primary);
      border-color: var(--primary);
    }

    .faq__box {
      padding: 54px;
      display: flex;
      gap: 40px;
      align-items: flex-start;
    }
    .faq__content { flex: 1 1 52%; }
    .faq__title {
      margin: 0 0 28px;
      font-size: 58px;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }
    .faq__list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .faq-item {
      border-bottom: 1px solid var(--line);
      padding-bottom: 8px;
      overflow: hidden;
    }
    .faq-item__summary {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 22px 0;
      font-size: 24px;
      font-weight: 700;
      cursor: pointer;
    }
    .faq-item__summary::-webkit-details-marker { display: none; }
    .faq-item__icon {
      color: var(--primary);
      font-size: 28px;
      transition: 0.25s ease;
    }
    .faq-item[open] .faq-item__icon { transform: rotate(45deg); }
    .faq-item__text {
      margin: 0 0 18px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.75;
      max-width: 720px;
    }
    .faq__image {
      flex: 0 0 48%;
      height: 520px;
      border-radius: 28px;
      overflow: hidden;
      position: sticky;
      top: calc(var(--header-height) + 28px);
    }
    .faq__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .contact__box {
      padding: 34px 26px 28px;
      border-radius: 22px;
      border: 1px solid rgba(var(--primary-rgb), 0.14);
      background: rgba(255,255,255,0.55);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .contact__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 58px;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }
    .contact__button {
      margin: 0 auto;
    }

    .footer { padding: 24px 0 0; }
    .footer__box {
      padding: 24px;
      border-radius: 34px 34px 0 0;
      background: #050118;
      color: var(--white);
    }
    .footer__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
      flex-wrap: wrap;
      padding-bottom: 36px;
      border-bottom: 1px solid rgba(255,255,255,0.12);
    }
    .footer__brand { flex: 1 1 300px; }
    .footer__logo {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 28px;
      font-size: 38px;
      font-weight: 800;
    }
    .footer__mark {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--secondary);
    }
    .footer__contacts {
      display: flex;
      gap: 40px;
      flex-wrap: wrap;
    }
    .footer__contact-label {
      display: block;
      margin-bottom: 12px;
      color: rgba(255,255,255,0.72);
      font-size: 17px;
    }
    .footer__contact-value {
      font-size: 20px;
      font-weight: 600;
    }
    .footer__menus {
      display: flex;
      gap: 70px;
      flex: 1 1 360px;
      flex-wrap: wrap;
    }
    .footer__menu {
      display: flex;
      flex-direction: column;
      gap: 16px;
      min-width: 170px;
    }
    .footer__menu-link {
      color: rgba(255,255,255,0.9);
      font-size: 18px;
    }
    .footer__bottom {
      padding-top: 24px;
      color: rgba(255,255,255,0.56);
      font-size: 15px;
    }

    @media (max-width: 1200px) {
      .services__layout,
      .about__grid,
      .solutions__layout,
      .testimonial__body,
      .faq__box { flex-direction: column; }

      .about__visual,
      .solutions__visual,
      .faq__image {
        width: 100%;
        position: static;
      }

      .about__visual { min-height: 560px; }
    }

    @media (max-width: 992px) {
      .title,
      .about__title,
      .process__title,
      .solutions__title,
      .testimonial__title,
      .faq__title,
      .contact__title { font-size: 44px; }

      .hero__title { font-size: 58px; }

      .header__box,
      .services__box,
      .solutions__box,
      .faq__box,
      .testimonial__box,
      .footer__box,
      .about__content { padding: 20px; }

      .hero__card {
        flex-basis: calc(50% - 9px);
        min-height: 220px;
      }
      .hero__card:nth-child(1),
      .hero__card:nth-child(4),
      .hero__card:nth-child(5) { transform: none; }

      .service-card { flex-basis: 100%; }
      .process-card { flex: 1 1 calc(50% - 12px); }
      .process-card::before,.process-card:after,.process__list::before {
        content: none;
      }
      .services__top,
      .about__bottom,
      .testimonial__top,
      .footer__top { flex-direction: column; align-items: flex-start; }

      .about__visual {
        min-height: 0;
      }

      .process__title {
        margin-bottom: 0;
      }

      .footer__brand,.footer__menus {
        flex: 1 1 auto;
      }
    }

    @media (max-width: 768px) {
      .section { padding: 28px 0; }

      .header__box,
      .hero__visual,
      .services__box,
      .solutions__box,
      .faq__box,
      .testimonial__box,
      .footer__box,
      .about__content { padding: 26px 20px; }

      .hero__title,
      .title,
      .about__title,
      .process__title,
      .solutions__title,
      .testimonial__title,
      .faq__title,
      .contact__title { font-size: 34px; }

      .header__box {
        min-height: 86px;
        padding: 16px 20px;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 16px;
      }
      .header__nav { display: none; }
      .header__toggle { display: block; }
      .header__menu {
        display: none;
        grid-column: 1 / -1;
      }
      .testimonial__visual { flex-basis: auto; min-height: 320px; width: 100%; }
      .faq-item__summary { font-size: 20px; }

      .header__logo {
        margin-right: auto;
      }

      .hero {
        padding-top: 0;
      }

      .testimonial__frame img {
        object-fit: contain;
      }
    }

    @media (max-width: 576px) {
      .container { padding: 0 14px; }

      .hero__title,
      .title,
      .about__title,
      .process__title,
      .solutions__title,
      .testimonial__title,
      .faq__title,
      .contact__title { font-size: 30px; }

      .process__list::before { display: none; }
      .button { width: 100%; }
      .hero__actions,
      .rating { width: 100%; justify-content: center; }
      .header__logo { font-size: 28px; }
      .process-card { min-width: 100%; }
    }

    @media (max-width: 480px) {
      .hero__card { flex-basis: 100%; }
    }