:root {
      --ink: #171078;
      --ink-2: #261895;
      --blue: #648cff;
      --blue-2: #85a8ff;
      --light: #edf3ff;
      --pale: #f7f9ff;
      --muted: #9aa6d4;
      --line: #d8e2ff;
      --white: #ffffff;
      --shadow: 0 30px 80px rgba(32, 54, 157, .13);
      --radius: 0;
      --container: 1320px;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      font-family: Inter, Arial, Helvetica, sans-serif;
      color: var(--ink);
      background:
        radial-gradient(circle at 8% 25%, rgba(170, 195, 255, .35), transparent 20rem),
        radial-gradient(circle at 92% 47%, rgba(170, 195, 255, .35), transparent 23rem),
        linear-gradient(180deg, #fff 0%, #fbfdff 100%);
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    button, input, textarea { font: inherit; }

    .page {
      position: relative;
      min-height: 100vh;
    }

    .container {
      width: min(var(--container), calc(100% - 48px));
      margin-inline: auto;
    }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, .78);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(216, 226, 255, .7);
    }

    .header {
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .logo {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      letter-spacing: -.04em;
      white-space: nowrap;
    }

    .logo-mark {
      width: 34px;
      height: 34px;
      border: 3px solid var(--blue);
      border-right-color: transparent;
      border-radius: 50%;
      position: relative;
    }

    .logo-mark::after {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--ink);
      position: absolute;
      right: -4px;
      top: 7px;
    }

    .logo small {
      display: block;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: .08em;
      color: var(--muted);
      text-transform: uppercase;
      margin-top: -2px;
    }

    .nav {
      display: flex;
      gap: 32px;
      font-size: 14px;
      color: #2d2a83;
    }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .icon-link {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: var(--ink);
      border: 1px solid transparent;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 44px;
      padding: 0 24px;
      background: var(--ink);
      color: #fff;
      border: 1px solid var(--ink);
      cursor: pointer;
      font-weight: 800;
      font-size: 13px;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .02em;
      transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }

    .btn:hover { transform: translateY(-2px); background: #0d075b; }
    .btn.secondary { background: #fff; color: var(--ink); }
    .btn.secondary:hover { background: var(--light); }
    .btn.full { width: 100%; }

    .section {
      padding: 92px 0;
      position: relative;
    }

    .hero {
      min-height: 790px;
      padding: 94px 0 70px;
      overflow: hidden;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
      align-items: center;
      gap: 28px;
      position: relative;
    }

    .eyebrow {
      color: var(--blue);
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: .18em;
      margin-bottom: 18px;
    }

    h1, h2, h3, p { margin-top: 0; }

    .hero h1 {
      font-size: clamp(44px, 6vw, 82px);
      line-height: .95;
      letter-spacing: -.08em;
      margin-bottom: 28px;
      max-width: 780px;
    }

    .hero h1 span {
      display: block;
      color: #c6d5ff;
      font-weight: 700;
    }

    .lead-box {
      max-width: 560px;
      margin-top: 76px;
    }

    .lead {
      font-size: clamp(18px, 1.45vw, 23px);
      line-height: 1.15;
      font-weight: 800;
      letter-spacing: -.05em;
      color: var(--ink-2);
      margin-bottom: 20px;
    }

    .mini-list {
      display: grid;
      gap: 6px;
      max-width: 510px;
    }

    .mini-row {
      display: grid;
      grid-template-columns: 1fr 36px;
      align-items: center;
      background: var(--ink);
      color: #fff;
      min-height: 40px;
      padding: 0 0 0 20px;
      font-weight: 800;
      font-size: 13px;
      text-transform: uppercase;
    }

    .mini-row:nth-child(2) { background: #3726aa; }
    .mini-row:nth-child(3) { background: #bdcbf6; color: var(--ink); }
    .mini-row .arrow { text-align: center; opacity: .85; }

    .hero-art {
      position: relative;
      min-height: 680px;
      display: grid;
      place-items: center;
    }

    .hero-art::before {
      content: "";
      position: absolute;
      width: min(680px, 115%);
      height: min(680px, 115%);
      border-radius: 50%;
      background: radial-gradient(circle at 55% 45%, rgba(255,255,255,.4) 0 25%, rgba(227,239,255,.75) 58%, transparent 70%);
      filter: blur(.2px);
      transform: translate(12%, 3%);
    }

    .robot-svg {
      position: relative;
      width: min(520px, 100%);
      height: auto;
      filter: drop-shadow(0 34px 45px rgba(31, 65, 145, .2));
      animation: float 6s ease-in-out infinite;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0) rotate(-1deg); }
      50% { transform: translateY(-18px) rotate(1deg); }
    }

    .scroll-dot {
      position: absolute;
      right: 10px;
      bottom: 140px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: var(--blue);
      box-shadow: 0 0 0 8px rgba(100, 140, 255, .14);
    }

    .section-title {
      display: grid;
      grid-template-columns: minmax(220px, 390px) 1fr;
      gap: 44px;
      align-items: end;
      margin-bottom: 42px;
    }

    .section-title h2 {
      font-size: clamp(34px, 4vw, 58px);
      line-height: .9;
      letter-spacing: -.07em;
      margin: 0;
    }

    .section-title h2 .soft {
      color: #b9caff;
      display: block;
      font-weight: 700;
    }

    .section-title p {
      color: var(--muted);
      max-width: 560px;
      line-height: 1.45;
      margin-bottom: 5px;
    }

    .benefits {
      display: grid;
      grid-template-columns: .82fr repeat(3, 1fr);
      gap: 14px;
      align-items: stretch;
    }

    .benefits-intro {
      display: flex;
      align-items: flex-end;
      min-height: 285px;
      padding-bottom: 34px;
      font-size: 32px;
      line-height: .95;
      font-weight: 800;
      letter-spacing: -.06em;
    }

    .benefit-card {
      min-height: 285px;
      padding: 26px 26px 22px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background: #f2f6ff;
      color: #dce6ff;
    }

    .benefit-card.active {
      background: var(--blue);
      color: #fff;
      box-shadow: var(--shadow);
    }

    .benefit-card::before {
      content: "";
      position: absolute;
      width: 165px;
      height: 165px;
      border-radius: 50%;
      left: 18px;
      top: 18px;
      background:
        radial-gradient(circle at 35% 35%, rgba(255,255,255,.55), transparent 28%),
        radial-gradient(circle at 50% 50%, transparent 45%, rgba(255,255,255,.45) 46% 48%, transparent 49%),
        linear-gradient(135deg, rgba(255,255,255,.3), rgba(255,255,255,.02));
      border: 1px solid rgba(255,255,255,.35);
    }

    .benefit-card:not(.active)::before { opacity: .25; }

    .benefit-card strong {
      display: block;
      font-size: 16px;
      line-height: 1.05;
      margin-bottom: 10px;
      position: relative;
      z-index: 1;
      color: currentColor;
    }

    .benefit-card span {
      position: relative;
      z-index: 1;
      max-width: 180px;
      font-size: 13px;
      line-height: 1.35;
      color: currentColor;
    }

    .hint-link {
      color: var(--blue);
      font-size: 12px;
      font-weight: 700;
      margin-top: 16px;
      display: inline-flex;
      gap: 8px;
      align-items: center;
    }

    .cards-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
    }

    .solution-card {
      min-height: 330px;
      padding: 36px 34px 28px;
      background: #aebff0;
      color: #fff;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
    }

    .solution-card:nth-child(2) { background: var(--ink); }
    .solution-card:nth-child(3) { background: var(--blue); }

    .solution-card h3 {
      font-size: clamp(23px, 2vw, 32px);
      line-height: .95;
      letter-spacing: -.055em;
      margin-bottom: 18px;
      max-width: 290px;
    }

    .solution-card p {
      max-width: 330px;
      font-size: 14px;
      line-height: 1.45;
      opacity: .9;
    }

    .solution-card small {
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: .02em;
      opacity: .85;
    }

    .corner-arrow {
      position: absolute;
      right: 26px;
      bottom: 26px;
      width: 34px;
      height: 34px;
    }

    .corner-arrow::before,
    .corner-arrow::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      background: currentColor;
    }

    .corner-arrow::before { width: 1px; height: 32px; transform: rotate(-45deg); transform-origin: bottom right; }
    .corner-arrow::after { width: 32px; height: 1px; }

    .tariffs {
      display: grid;
      grid-template-columns: 2fr .65fr .65fr;
      gap: 10px;
      align-items: stretch;
    }

    .tariff-card {
      min-height: 300px;
      padding: 32px;
      border: 1px solid var(--line);
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
    }

    .tariff-card.featured {
      background: var(--blue);
      color: #fff;
      border-color: var(--blue);
    }

    .tariff-head {
      display: grid;
      grid-template-columns: .9fr 1fr;
      gap: 32px;
    }

    .tariff-card h3 {
      font-size: 28px;
      line-height: .95;
      letter-spacing: -.05em;
      margin-bottom: 16px;
    }

    .tariff-card ul {
      margin: 0;
      padding-left: 18px;
      font-size: 14px;
      line-height: 1.55;
    }

    .price {
      margin-top: 20px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .02em;
    }

    .tariff-note {
      font-size: 12px;
      line-height: 1.45;
      color: #8fa0d4;
      margin-top: 18px;
      max-width: 560px;
    }

    .process {
      padding-top: 120px;
      padding-bottom: 130px;
      overflow: hidden;
    }

    .process::before {
      content: "";
      position: absolute;
      left: -160px;
      top: 150px;
      width: 430px;
      height: 430px;
      border-radius: 50%;
      background:
        repeating-radial-gradient(circle, rgba(100,140,255,.16) 0 2px, transparent 2px 14px);
      opacity: .75;
    }

    .process::after {
      content: "";
      position: absolute;
      right: -230px;
      bottom: -110px;
      width: 650px;
      height: 650px;
      border-radius: 50%;
      background: radial-gradient(circle at 25% 28%, rgba(100,140,255,.24), rgba(237,243,255,.55) 45%, transparent 70%);
      z-index: -1;
    }

    .process-grid {
      display: grid;
      grid-template-columns: 360px 1fr;
      gap: 80px;
      align-items: start;
    }

    .process-title {
      text-align: right;
      padding-top: 12px;
    }

    .process-title h2 {
      font-size: clamp(34px, 4vw, 58px);
      line-height: .88;
      letter-spacing: -.07em;
    }

    .steps {
      display: grid;
      gap: 0;
    }

    .step {
      display: grid;
      grid-template-columns: 70px 1fr;
      gap: 24px;
      min-height: 92px;
      padding: 22px 0;
      border-bottom: 1px solid var(--line);
    }

    .step:first-child { border-top: 1px solid var(--line); }

    .step-number {
      color: var(--blue);
      font-weight: 800;
      font-size: 13px;
    }

    .step h3 {
      font-size: 18px;
      line-height: 1;
      letter-spacing: -.04em;
      margin-bottom: 8px;
    }

    .step p {
      color: #6473b3;
      font-size: 14px;
      line-height: 1.45;
      margin: 0;
    }

    .effect-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items: stretch;
    }

    .effect-title h2 {
      font-size: clamp(36px, 4vw, 60px);
      line-height: .9;
      letter-spacing: -.07em;
    }

    .effect-title .glitch {
      color: #a9bdff;
      display: block;
      font-weight: 700;
      text-shadow: -16px 0 0 rgba(100,140,255,.14), 13px 0 0 rgba(100,140,255,.1);
    }

    .case-card {
      background: #fff;
      border: 1px solid var(--line);
      min-height: 330px;
      display: grid;
      grid-template-columns: 280px 1fr;
      box-shadow: var(--shadow);
    }

    .case-visual {
      background:
        radial-gradient(circle at 52% 38%, #fff 0 24%, rgba(255,255,255,.35) 25% 32%, transparent 33%),
        linear-gradient(135deg, #79a0ff, #557cff);
      min-height: 330px;
      display: grid;
      place-items: center;
      overflow: hidden;
      position: relative;
    }

    .case-visual::before {
      content: "";
      width: 160px;
      height: 210px;
      border: 22px solid rgba(255,255,255,.85);
      border-bottom-width: 36px;
      border-radius: 70px 70px 28px 28px;
      transform: rotate(90deg) translateX(20px);
      filter: drop-shadow(0 10px 18px rgba(13,25,98,.22));
    }

    .case-content {
      padding: 34px 34px 28px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .case-content h3 {
      font-size: 28px;
      line-height: .95;
      letter-spacing: -.055em;
      max-width: 260px;
      margin-bottom: 22px;
    }

    .metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin: 16px 0 24px;
    }

    .metric strong {
      font-size: 30px;
      letter-spacing: -.05em;
      display: block;
      color: var(--blue);
    }

    .metric span {
      font-size: 12px;
      line-height: 1.25;
      color: #6877b4;
    }

    .faq-section {
      padding-top: 80px;
      overflow: hidden;
    }

    .faq-section::before {
      content: "";
      position: absolute;
      left: -140px;
      top: 20px;
      width: 430px;
      height: 430px;
      border-radius: 50%;
      background: repeating-radial-gradient(circle, rgba(100,140,255,.14) 0 2px, transparent 2px 14px);
    }

    .faq-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 80px;
      align-items: start;
    }

    .faq-title { text-align: right; }

    .faq-title h2 {
      font-size: clamp(36px, 4vw, 58px);
      line-height: .9;
      letter-spacing: -.07em;
    }

    .faq-title span {
      display: block;
      color: #bdccff;
      font-weight: 700;
    }

    details {
      border-bottom: 1px solid var(--line);
      background: rgba(255,255,255,.72);
    }

    details:first-child { border-top: 1px solid var(--line); }

    summary {
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      cursor: pointer;
      list-style: none;
      font-weight: 800;
      letter-spacing: -.02em;
    }

    summary::-webkit-details-marker { display: none; }

    summary::after {
      content: "+";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #edf3ff;
      color: var(--blue);
      flex: 0 0 auto;
    }

    details[open] summary::after { content: "−"; }

    details p {
      margin: 0;
      padding: 0 52px 20px 0;
      color: #6574b3;
      line-height: 1.45;
      font-size: 14px;
    }

    .cta {
      padding: 110px 0 90px;
      overflow: hidden;
    }

    .cta-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }

    .cta h2 {
      font-size: clamp(35px, 4.8vw, 64px);
      line-height: .92;
      letter-spacing: -.07em;
      margin-bottom: 20px;
    }

    .cta p { max-width: 560px; color: #6574b3; line-height: 1.45; }

    .mini-form {
      max-width: 610px;
      display: grid;
      gap: 8px;
      margin-top: 26px;
    }

    .mini-form input {
      min-height: 46px;
      border: 1px solid var(--line);
      padding: 0 18px;
      color: var(--ink);
      background: #fff;
      outline: none;
    }

    .mini-form label {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: #7d8ac0;
      font-size: 11px;
      line-height: 1.35;
    }

    .mini-form input[type="checkbox"] {
      min-height: auto;
      width: 14px;
      height: 14px;
      margin-top: 0;
      accent-color: var(--ink);
    }

    .hand-art {
      min-height: 360px;
      position: relative;
      display: grid;
      place-items: center;
    }

    .hand-art::before {
      content: "AI";
      position: absolute;
      right: 30px;
      bottom: 10px;
      font-size: 210px;
      line-height: 1;
      font-weight: 900;
      color: rgba(187, 204, 255, .28);
      letter-spacing: -.12em;
    }

    .hand-svg {
      position: relative;
      width: min(540px, 100%);
      filter: drop-shadow(0 25px 40px rgba(36,60,152,.18));
    }

    .demo {
      padding: 120px 0 95px;
      overflow: hidden;
    }

    .demo::before {
      content: "";
      position: absolute;
      left: -110px;
      top: 40px;
      width: 370px;
      height: 370px;
      border-radius: 50%;
      background: radial-gradient(circle at 60% 35%, rgba(100,140,255,.26), rgba(237,243,255,.7) 50%, transparent 72%);
    }

    .demo-grid {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 60px;
      align-items: center;
    }

    .demo h2 {
      font-size: clamp(38px, 5vw, 70px);
      line-height: .88;
      letter-spacing: -.075em;
      text-align: center;
      margin-bottom: 46px;
    }

    .demo h2 span { display: block; color: #bdccff; }

    .demo-card {
      max-width: 620px;
      margin-inline: auto;
    }

    .demo-card p {
      max-width: 420px;
      margin-inline: auto;
      color: #6574b3;
      text-align: left;
      line-height: 1.45;
    }

    .finger {
      width: min(520px, 100%);
      min-height: 360px;
      position: relative;
    }

    .finger::before {
      content: "";
      position: absolute;
      left: -80px;
      top: 140px;
      width: 420px;
      height: 118px;
      border-radius: 80px;
      background: linear-gradient(180deg, #f8fbff, #c6d1e8 45%, #879bbd 100%);
      transform: rotate(-20deg);
      box-shadow: inset 0 -18px 20px rgba(27, 50, 106, .15), 0 25px 50px rgba(28, 49, 110, .12);
    }

    .finger::after {
      content: "";
      position: absolute;
      right: 54px;
      top: 100px;
      width: 98px;
      height: 98px;
      border-radius: 50%;
      border: 2px solid rgba(100,140,255,.3);
      background: radial-gradient(circle, rgba(255,255,255,.9), rgba(218,230,255,.65));
      box-shadow: 0 0 0 30px rgba(100,140,255,.07);
    }

    .footer {
      border-top: 1px solid var(--line);
      padding: 38px 0 28px;
      background: #fff;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr 1fr;
      gap: 42px;
      align-items: start;
    }

    .footer h4 {
      margin: 0 0 14px;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .footer p, .footer a {
      color: #6675b6;
      font-size: 13px;
      line-height: 1.65;
    }

    .socials { display: flex; gap: 10px; margin-top: 20px; }
    .socials a {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      color: var(--ink);
      font-weight: 800;
    }

    .copyright {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      color: #9aa6d4;
      font-size: 12px;
      padding-top: 26px;
      margin-top: 26px;
      border-top: 1px solid var(--line);
    }

    @media (max-width: 1120px) {
      .nav { display: none; }
      .hero-grid, .process-grid, .faq-grid, .demo-grid { grid-template-columns: 1fr; }
      .hero { min-height: auto; }
      .hero-art { min-height: 520px; }
      .lead-box { margin-top: 44px; }
      .process-title, .faq-title { text-align: left; }
      .benefits { grid-template-columns: 1fr 1fr; }
      .benefits-intro { min-height: auto; padding: 0 0 20px; }
      .tariffs { grid-template-columns: 1fr; }
      .case-card { grid-template-columns: 220px 1fr; }
    }

    @media (max-width: 760px) {
      .container { width: min(100% - 28px, var(--container)); }
      .header { min-height: 64px; }
      .header-actions .btn.secondary, .icon-link { display: none; }
      .btn { min-height: 42px; padding: 0 16px; font-size: 11px; }
      .hero { padding-top: 56px; }
      .hero-grid { grid-template-columns: 1fr; }
      .hero h1 { font-size: 44px; }
      .hero-art { min-height: 430px; }
      .lead-box { margin-top: 28px; }
      .section { padding: 62px 0; }
      .section-title { grid-template-columns: 1fr; gap: 18px; }
      .benefits, .cards-3, .effect-grid, .cta-grid, .footer-grid { grid-template-columns: 1fr; }
      .solution-card, .benefit-card { min-height: 240px; }
      .tariff-head { grid-template-columns: 1fr; gap: 18px; }
      .case-card { grid-template-columns: 1fr; }
      .case-visual { min-height: 250px; }
      .step { grid-template-columns: 45px 1fr; gap: 14px; }
      .demo h2 { text-align: left; }
      .finger { min-height: 260px; }
      .copyright { flex-direction: column; }
    }
    /* Footer like mockup */
    .footer.footer-mockup {
      border-top: 1px solid #dfe7ff;
      padding: 30px 0 22px;
      background: #fff;
      color: var(--ink);
    }

    .footer-mockup .footer-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 32px;
      margin-bottom: 38px;
    }

    .footer-mockup .footer-logo {
      transform: translateY(-2px);
    }

    .footer-mockup .footer-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      min-width: 410px;
    }

    .footer-mockup .footer-btn {
      min-width: 162px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      border: 2px solid var(--ink);
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .02em;
    }

    .footer-mockup .footer-btn-outline {
      background: #fff;
      color: var(--ink);
    }

    .footer-mockup .footer-btn-fill {
      background: var(--ink);
      color: #fff;
    }

    .footer-mockup .footer-body {
      display: grid;
      grid-template-columns: 1.32fr 1fr .92fr;
      gap: clamp(56px, 8vw, 155px);
      align-items: start;
    }

    .footer-mockup .footer-title {
      margin-bottom: 16px;
      color: #aebcf0;
      font-size: 12px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: .02em;
    }

    .footer-mockup .footer-services {
      max-width: 335px;
    }

    .footer-mockup .footer-service {
      min-height: 32px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      border-bottom: 1px solid #dfe7ff;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: -.02em;
    }

    .footer-mockup .footer-service i {
      font-style: normal;
      color: #9aaeff;
      font-weight: 500;
    }

    .footer-mockup .footer-socials {
      display: flex;
      gap: 18px;
      margin-top: 30px;
    }

    .footer-mockup .footer-socials a {
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 0;
      color: var(--ink);
      font-size: 0;
      font-weight: 900;
      position: relative;
    }

    .footer-mockup .footer-socials a::before {
      content: "";
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: var(--ink);
      display: block;
    }

    .footer-mockup .footer-socials a:nth-child(1)::before { clip-path: polygon(0 45%, 100% 0, 76% 100%, 43% 68%); }
    .footer-mockup .footer-socials a:nth-child(2)::before { clip-path: circle(48%); }
    .footer-mockup .footer-socials a:nth-child(3)::before { border-radius: 4px; width: 16px; height: 12px; }
    .footer-mockup .footer-socials a:nth-child(4)::before { border-radius: 2px; }

    .footer-mockup .footer-menu,
    .footer-mockup .footer-contacts {
      display: grid;
      gap: 7px;
    }

    .footer-mockup .footer-menu a,
    .footer-mockup .footer-contacts a,
    .footer-mockup .footer-contacts span {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      font-weight: 700;
      letter-spacing: -.02em;
    }

    .footer-mockup .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
      margin-top: 48px;
      color: #aebcf0;
      font-size: 11px;
      line-height: 1.35;
    }

    .footer-mockup .footer-bottom div {
      display: flex;
      gap: 28px;
    }

    .footer-mockup .footer-bottom a {
      color: #aebcf0;
      font-size: 11px;
      line-height: 1.35;
    }

    @media (max-width: 900px) {
      .footer-mockup .footer-head,
      .footer-mockup .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
      }

      .footer-mockup .footer-actions {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      .footer-mockup .footer-body {
        grid-template-columns: 1fr;
        gap: 34px;
      }
    }

    @media (max-width: 560px) {
      .footer-mockup .footer-actions,
      .footer-mockup .footer-bottom div {
        flex-direction: column;
        gap: 8px;
      }

      .footer-mockup .footer-btn {
        width: 100%;
      }
    }

    /* Benefits slider */
    .benefits-layout {
      display: grid;
      grid-template-columns: minmax(220px, 390px) minmax(0, 1fr);
      gap: 44px;
      align-items: end;
    }

    .benefits-slider {
      position: relative;
      min-width: 0;
    }

    .benefits-track {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      padding: 8px 4px 30px;
      scrollbar-width: thin;
      scrollbar-color: var(--blue) #eaf0ff;
    }

    .benefits-track::-webkit-scrollbar { height: 5px; }
    .benefits-track::-webkit-scrollbar-track { background: #eaf0ff; }
    .benefits-track::-webkit-scrollbar-thumb { background: var(--blue); }

    .benefits-track .benefit-card {
      flex: 0 0 clamp(260px, 28vw, 340px);
      scroll-snap-align: start;
      scroll-snap-stop: always;
    }

    .benefits-track .benefit-card.active {
      flex-basis: clamp(290px, 31vw, 380px);
    }

    .benefits-controls {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 4px;
    }

    .slider-btn {
      width: 44px;
      height: 44px;
      border: 1px solid var(--line);
      background: #fff;
      color: var(--ink);
      cursor: pointer;
      font-weight: 900;
      font-size: 18px;
      transition: transform .2s ease, background .2s ease, color .2s ease;
    }

    .slider-btn:hover {
      transform: translateY(-2px);
      background: var(--ink);
      color: #fff;
    }

    @media (max-width: 1120px) {
      .benefits-layout { grid-template-columns: 1fr; gap: 20px; }
      .benefits-intro { min-height: auto; padding-bottom: 0; }
    }

    @media (max-width: 760px) {
      .benefits-track {
        margin-inline: -14px;
        padding-inline: 14px;
      }

      .benefits-track .benefit-card,
      .benefits-track .benefit-card.active {
        flex-basis: min(82vw, 330px);
      }
    }
  
    /* Exact Creators Group footer HTML */
    .cg-footer {
      position: relative;
      background: #f7f7f7;
      border-top: 1px solid #dfe5f2;
      padding: 43px 48px 18px;
      color: #2b2384;
      font-family: Arial, Helvetica, sans-serif;
    }

    .cg-footer__container {
      max-width: 1824px;
      margin: 0 auto;
    }

    .cg-footer__top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
      margin-bottom: 78px;
    }

    .cg-footer__logo {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      color: #2b2384;
      text-decoration: none;
    }

    .cg-footer__logo-icon {
      width: 62px;
      height: 62px;
      flex: 0 0 62px;
      display: inline-flex;
    }

    .cg-footer__logo-text {
      display: flex;
      flex-direction: column;
      line-height: 1;
      padding-top: 2px;
    }

    .cg-footer__logo-title {
      font-size: 18px;
      line-height: 1;
      font-weight: 500;
      letter-spacing: .01em;
      color: #2b2384;
    }

    .cg-footer__logo-subtitle {
      margin-top: 5px;
      color: #6f96ff;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 400;
    }

    .cg-footer__actions {
      display: flex;
      align-items: center;
      gap: 14px;
      padding-top: 13px;
    }

    .cg-footer__phone-btn,
    .cg-footer__callback-btn {
      height: 48px;
      min-width: 284px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 26px;
      box-sizing: border-box;
      text-decoration: none;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: .01em;
    }

    .cg-footer__phone-btn {
      border: 1.5px solid #2b2384;
      background: transparent;
      color: #2b2384;
    }

    .cg-footer__callback-btn {
      border: 1.5px solid #2b2384;
      background: #2b2384;
      color: #fff;
    }

    .cg-footer__grid {
      display: grid;
      grid-template-columns: 438px 465px 330px;
      justify-content: space-between;
      gap: 72px;
      align-items: start;
    }

    .cg-footer__heading {
      margin-bottom: 34px;
      color: #b5c5f2;
      font-size: 20px;
      line-height: 1;
      font-weight: 400;
    }

    .cg-footer__contact-list {
      display: flex;
      flex-direction: column;
      width: 438px;
    }

    .cg-footer__contact-item {
      min-height: 63px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      border-bottom: 1px solid #dbe2ef;
      color: #2b2384;
      text-decoration: none;
      font-size: 20px;
      line-height: 1.12;
      font-weight: 700;
      letter-spacing: -.01em;
    }

    .cg-footer__arrow {
      flex: 0 0 auto;
      color: #2b2384;
      font-size: 30px;
      line-height: 1;
      font-weight: 300;
      transform: translateY(-4px);
    }

    .cg-footer__socials {
      display: flex;
      gap: 14px;
      margin-top: 66px;
    }

    .cg-footer__social {
      width: 48px;
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #cfd8ea;
      background: transparent;
      box-sizing: border-box;
      text-decoration: none;
    }

    .cg-footer__menu {
      display: flex;
      flex-direction: column;
      gap: 21px;
    }

    .cg-footer__menu a {
      color: #2b2384;
      text-decoration: none;
      font-size: 20px;
      line-height: 1.1;
      font-weight: 400;
      letter-spacing: -.01em;
    }

    .cg-footer__menu--map {
      gap: 22px;
    }

    .cg-footer__menu--map a {
      max-width: 250px;
    }

    .cg-footer__bottom {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      margin-top: 58px;
      color: #b5c5f2;
    }

    .cg-footer__copy,
    .cg-footer__legal {
      color: #b5c5f2;
      font-size: 20px;
      line-height: 1;
      font-weight: 400;
    }

    .cg-footer__legal {
      text-align: right;
      white-space: nowrap;
      padding-right: 34px;
    }

    .cg-footer__to-top {
      position: absolute;
      right: 47px;
      bottom: 17px;
      width: 43px;
      height: 43px;
      border: 0;
      border-radius: 50%;
      background: #6f96ff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
      box-shadow: none;
    }

    .cg-footer a,
    .cg-footer button {
      transition: opacity .2s ease, transform .2s ease;
    }

    .cg-footer a:hover,
    .cg-footer button:hover {
      opacity: .86;
    }

    @media (max-width: 1280px) {
      .cg-footer__grid {
        grid-template-columns: 1fr 1fr;
        justify-content: stretch;
      }

      .cg-footer__contact-list {
        width: 100%;
      }

      .cg-footer__map-col {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 900px) {
      .cg-footer {
        padding: 34px 20px 26px;
      }

      .cg-footer__top {
        flex-direction: column;
        margin-bottom: 48px;
      }

      .cg-footer__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        padding-top: 0;
      }

      .cg-footer__phone-btn,
      .cg-footer__callback-btn {
        width: 100%;
        min-width: 0;
      }

      .cg-footer__grid {
        grid-template-columns: 1fr;
        gap: 42px;
      }

      .cg-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
      }

      .cg-footer__legal {
        text-align: left;
        white-space: normal;
        padding-right: 56px;
      }

      .cg-footer__to-top {
        right: 20px;
        bottom: 18px;
      }
    }

    @media (max-width: 520px) {
      .cg-footer__logo-title,
      .cg-footer__contact-item,
      .cg-footer__menu a,
      .cg-footer__copy,
      .cg-footer__legal {
        font-size: 16px;
      }

      .cg-footer__heading {
        font-size: 17px;
      }

      .cg-footer__contact-item {
        min-height: 56px;
      }

      .cg-footer__social {
        width: 44px;
        height: 44px;
      }
    }
  
    /* Exact tariffs block */
    .tariffs-exact {
      position: relative;
      padding: 92px 0 82px;
      background: transparent;
      color: var(--ink);
    }

    .tariffs-exact__title {
      margin-bottom: 38px;
    }

    .tariffs-exact__title h2 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(38px, 4.4vw, 60px);
      line-height: .86;
      letter-spacing: -.075em;
      font-weight: 800;
    }

    .tariffs-exact__title span {
      display: block;
      margin-top: -2px;
      margin-left: clamp(76px, 9vw, 142px);
      color: #bdccff;
      font-size: clamp(34px, 4vw, 56px);
      line-height: .86;
      letter-spacing: -.075em;
      font-weight: 700;
    }

    .tariffs-exact__row {
      display: grid;
      grid-template-columns: minmax(0, 2.08fr) minmax(170px, .52fr) minmax(170px, .52fr);
      gap: 12px;
      align-items: stretch;
    }

    .price-card {
      position: relative;
      min-height: 242px;
      overflow: hidden;
      text-decoration: none;
      box-sizing: border-box;
    }

    .price-card--main {
      display: grid;
      grid-template-columns: minmax(220px, .86fr) minmax(280px, 1fr);
      gap: 34px;
      padding: 34px 34px 28px;
      background: var(--blue);
      color: #fff;
      box-shadow: 0 10px 24px rgba(70, 112, 255, .12);
    }

    .price-card--main h3,
    .price-card--small h3 {
      margin: 0;
      font-weight: 800;
      letter-spacing: -.055em;
    }

    .price-card--main h3 {
      max-width: 220px;
      font-size: 24px;
      line-height: .9;
      text-transform: uppercase;
    }

    .price-card--main p {
      max-width: 245px;
      margin: 28px 0 0;
      color: rgba(255,255,255,.86);
      font-size: 14px;
      line-height: 1.28;
      font-weight: 600;
      letter-spacing: -.02em;
    }

    .price-card__work {
      padding-top: 2px;
    }

    .price-card__label {
      margin-bottom: 22px;
      color: rgba(255,255,255,.38);
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .02em;
    }

    .price-card__work ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 9px;
      color: #fff;
      font-size: 14px;
      line-height: 1.25;
      font-weight: 700;
      letter-spacing: -.02em;
    }

    .price-card__work li {
      position: relative;
      padding-left: 15px;
    }

    .price-card__work li::before {
      content: "";
      position: absolute;
      left: 0;
      top: .55em;
      width: 5px;
      height: 5px;
      background: #fff;
      border-radius: 50%;
    }

    .price-card__index {
      position: absolute;
      left: 34px;
      bottom: 27px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: inherit;
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .08em;
      opacity: .95;
    }

    .price-card__index span:first-child {
      width: 9px;
      height: 9px;
      background: currentColor;
      border-radius: 2px;
      display: inline-block;
    }

    .price-card__price {
      position: absolute;
      left: calc(41% + 34px);
      bottom: 28px;
      color: #fff;
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .03em;
      text-transform: uppercase;
    }

    .price-card__corner {
      position: absolute;
      right: 30px;
      bottom: 30px;
      width: 42px;
      height: 42px;
      color: currentColor;
      opacity: .85;
    }

    .price-card__corner::before,
    .price-card__corner::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      background: currentColor;
    }

    .price-card__corner::before {
      width: 2px;
      height: 39px;
      transform: rotate(-45deg);
      transform-origin: bottom right;
    }

    .price-card__corner::after {
      width: 39px;
      height: 2px;
    }

    .price-card--small {
      padding: 34px 26px 28px;
      background: rgba(255,255,255,.58);
      border: 1px solid #dce6ff;
      color: #c8d5ff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .price-card--small h3 {
      max-width: 160px;
      color: #c1d0ff;
      font-size: 18px;
      line-height: .96;
      text-transform: uppercase;
    }

    .price-card--small .price-card__index {
      color: #b8c8f8;
      left: 26px;
      bottom: 27px;
    }

    .price-card--small::before,
    .price-card--small::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #eef3ff;
    }

    .price-card--small::before { top: 0; }
    .price-card--small::after { bottom: 0; }

    .tariffs-exact__meta {
      display: grid;
      grid-template-columns: minmax(0, 2.08fr) minmax(170px, .52fr) minmax(170px, .52fr);
      gap: 12px;
      margin-top: 24px;
    }

    .tariffs-exact__meta p {
      grid-column: 2 / 4;
      margin: 0;
      max-width: 430px;
      color: var(--blue);
      font-size: 12px;
      line-height: 1.35;
      font-weight: 700;
      letter-spacing: -.02em;
    }

    @media (max-width: 980px) {
      .tariffs-exact__row,
      .tariffs-exact__meta {
        grid-template-columns: 1fr;
      }

      .price-card--main {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .price-card__price {
        left: auto;
        right: 92px;
      }

      .tariffs-exact__meta p {
        grid-column: auto;
        max-width: 100%;
      }
    }

    @media (max-width: 560px) {
      .tariffs-exact {
        padding: 64px 0 58px;
      }

      .tariffs-exact__title {
        margin-bottom: 28px;
      }

      .tariffs-exact__title span {
        margin-left: 54px;
      }

      .price-card {
        min-height: 230px;
      }

      .price-card--main,
      .price-card--small {
        padding: 28px 22px 24px;
      }

      .price-card__index {
        left: 22px;
        bottom: 24px;
      }

      .price-card__price {
        left: 22px;
        right: auto;
        bottom: 48px;
      }

      .price-card__corner {
        right: 22px;
        bottom: 24px;
      }
    }
  
    /* Tariffs accordion one-to-one mockup */
    .tariffs-exact {
      position: relative;
      padding: 0 0 88px;
      background: #fff;
      color: #28207f;
    }

    .tariffs-exact__container {
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
    }

    .tariffs-exact__title {
      margin: 0 0 61px;
      padding-top: 0;
    }

    .tariffs-exact__title h2 {
      margin: 0;
      color: #28207f;
      font-size: clamp(64px, 4.45vw, 86px);
      line-height: .74;
      letter-spacing: -.055em;
      font-weight: 400;
    }

    .tariffs-exact__title span {
      display: block;
      margin: 19px 0 0 153px;
      color: #bcc9ef;
      font-size: clamp(56px, 3.85vw, 74px);
      line-height: .82;
      letter-spacing: -.055em;
      font-weight: 400;
    }

    .tariff-switcher {
      display: flex;
      gap: 24px;
      width: 100%;
      min-height: 470px;
      align-items: stretch;
    }

    .tariff-panel {
      position: relative;
      flex: 0 0 278px;
      min-height: 470px;
      overflow: hidden;
      border: 2px solid #cfd9fb;
      background: rgba(255,255,255,.72);
      color: #bdc9ee;
      cursor: pointer;
      transition: flex-basis .45s ease, flex-grow .45s ease, background .25s ease, border-color .25s ease, color .25s ease;
      outline: none;
    }

    .tariff-panel.is-active {
      flex: 1 1 auto;
      border-color: #638cff;
      background: #638cff;
      color: #fff;
      cursor: default;
    }

    .tariff-panel__compact {
      position: absolute;
      inset: 0;
      display: block;
      padding: 46px 45px 44px;
      opacity: 1;
      transition: opacity .22s ease;
    }

    .tariff-panel.is-active .tariff-panel__compact {
      opacity: 0;
      pointer-events: none;
    }

    .tariff-panel__compact h3 {
      margin: 0;
      color: #bdc9ee;
      font-size: 20px;
      line-height: .9;
      font-weight: 700;
      letter-spacing: -.035em;
    }

    .tariff-panel__full {
      display: grid;
      grid-template-columns: 438px minmax(440px, 1fr);
      column-gap: 118px;
      min-height: 470px;
      padding: 48px 46px 44px;
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease .14s;
      color: #fff;
    }

    .tariff-panel.is-active .tariff-panel__full {
      opacity: 1;
      pointer-events: auto;
    }

    .tariff-panel__left h3,
    .tariff-panel__full h3 {
      margin: 0;
      color: #fff;
      font-size: 20px;
      line-height: .9;
      font-weight: 700;
      letter-spacing: -.035em;
    }

    .tariff-panel__left p {
      max-width: 330px;
      margin: 48px 0 0;
      color: #fff;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 400;
      letter-spacing: -.04em;
    }

    .tariff-panel__middle {
      padding-top: 21px;
    }

    .tariff-panel__label {
      margin-bottom: 36px;
      color: rgba(255,255,255,.36);
      font-size: 20px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: -.04em;
    }

    .tariff-panel__middle ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 17px;
      color: #fff;
      font-size: 20px;
      line-height: 1.02;
      font-weight: 400;
      letter-spacing: -.04em;
    }

    .tariff-panel__middle li {
      position: relative;
      padding-left: 17px;
    }

    .tariff-panel__middle li::before {
      content: "";
      position: absolute;
      left: 0;
      top: .42em;
      width: 6px;
      height: 6px;
      background: currentColor;
      border-radius: 50%;
    }

    .tariff-panel__dots {
      position: absolute;
      left: 46px;
      bottom: 47px;
      display: flex;
      gap: 11px;
      align-items: center;
    }

    .tariff-panel__dots span {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: 2px solid currentColor;
      box-sizing: border-box;
      color: inherit;
    }

    .tariff-panel__dots span:first-child {
      background: currentColor;
    }

    .tariff-panel.is-active .tariff-panel__full .tariff-panel__dots {
      color: #fff;
    }

    .tariff-panel:not(.is-active) .tariff-panel__compact .tariff-panel__dots {
      color: #bdc9ee;
    }

    .tariff-panel:nth-child(2):not(.is-active) .tariff-panel__compact .tariff-panel__dots span:nth-child(2),
    .tariff-panel:nth-child(3):not(.is-active) .tariff-panel__compact .tariff-panel__dots span:nth-child(2),
    .tariff-panel:nth-child(3):not(.is-active) .tariff-panel__compact .tariff-panel__dots span:nth-child(3) {
      background: currentColor;
    }

    .tariff-panel__bottom-action {
      position: absolute;
      left: calc(438px + 46px + 118px);
      bottom: 47px;
      color: #fff;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.04em;
      white-space: nowrap;
    }

    .tariff-panel__arrow {
      position: absolute;
      right: 45px;
      bottom: 45px;
      width: 53px;
      height: 53px;
      color: #fff;
    }

    .tariff-panel__arrow::before,
    .tariff-panel__arrow::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      background: currentColor;
    }

    .tariff-panel__arrow::before {
      width: 2px;
      height: 73px;
      transform: rotate(-45deg);
      transform-origin: bottom right;
    }

    .tariff-panel__arrow::after {
      width: 53px;
      height: 2px;
    }

    .tariffs-exact__note {
      width: 580px;
      margin: 72px 0 0 auto;
      color: #638cff;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 400;
      letter-spacing: -.04em;
    }

    @media (max-width: 1380px) {
      .tariff-panel { flex-basis: 245px; }
      .tariff-panel__full {
        grid-template-columns: 330px minmax(360px, 1fr);
        column-gap: 56px;
      }
      .tariff-panel__bottom-action {
        left: calc(330px + 46px + 56px);
      }
    }

    @media (max-width: 1080px) {
      .tariffs-exact__container {
        width: min(100% - 40px, 1836px);
      }

      .tariff-switcher {
        flex-direction: column;
        min-height: auto;
      }

      .tariff-panel,
      .tariff-panel.is-active {
        flex: none;
        width: 100%;
        min-height: 210px;
      }

      .tariff-panel.is-active {
        min-height: 470px;
      }

      .tariff-panel__full {
        grid-template-columns: 1fr;
        row-gap: 36px;
      }

      .tariff-panel__bottom-action {
        left: 46px;
        bottom: 88px;
      }

      .tariffs-exact__note {
        width: auto;
        margin-top: 38px;
      }
    }

    @media (max-width: 620px) {
      .tariffs-exact__container {
        width: min(100% - 28px, 1836px);
      }

      .tariffs-exact__title span {
        margin-left: 60px;
      }

      .tariff-panel__compact,
      .tariff-panel__full {
        padding: 32px 24px 28px;
      }

      .tariff-panel__left p,
      .tariff-panel__label,
      .tariff-panel__middle ul,
      .tariff-panel__bottom-action,
      .tariffs-exact__note {
        font-size: 17px;
      }

      .tariff-panel__bottom-action,
      .tariff-panel__dots {
        left: 24px;
      }

      .tariff-panel__arrow {
        right: 24px;
        bottom: 30px;
      }
    }
  
    /* Tariffs responsive correction: keeps proportions but prevents the block from looking over-zoomed */
    @media (min-width: 1181px) {
      .tariffs-exact {
        padding-bottom: clamp(64px, 4.6vw, 88px);
      }

      .tariffs-exact__container {
        width: min(1680px, calc(100% - clamp(44px, 5vw, 94px)));
      }

      .tariffs-exact__title {
        margin-bottom: clamp(44px, 3.2vw, 58px);
      }

      .tariffs-exact__title h2 {
        font-size: clamp(58px, 4.05vw, 78px);
      }

      .tariffs-exact__title span {
        margin-top: clamp(12px, 1vw, 18px);
        margin-left: clamp(110px, 7.4vw, 142px);
        font-size: clamp(50px, 3.45vw, 66px);
      }

      .tariff-switcher {
        gap: clamp(16px, 1.15vw, 22px);
        min-height: clamp(390px, 22.4vw, 430px);
      }

      .tariff-panel {
        flex-basis: clamp(220px, 13.1vw, 250px);
        min-height: clamp(390px, 22.4vw, 430px);
      }

      .tariff-panel__compact {
        padding: clamp(36px, 2.4vw, 44px) clamp(32px, 2.35vw, 42px);
      }

      .tariff-panel__full {
        grid-template-columns: clamp(300px, 22.4vw, 380px) minmax(320px, 1fr);
        column-gap: clamp(44px, 5vw, 84px);
        min-height: clamp(390px, 22.4vw, 430px);
        padding: clamp(38px, 2.4vw, 44px) clamp(34px, 2.4vw, 44px);
      }

      .tariff-panel__left p,
      .tariff-panel__label,
      .tariff-panel__middle ul,
      .tariff-panel__bottom-action,
      .tariffs-exact__note {
        font-size: clamp(16px, 1.02vw, 19px);
      }

      .tariff-panel__left p {
        margin-top: clamp(36px, 2.7vw, 46px);
        max-width: clamp(270px, 19vw, 330px);
      }

      .tariff-panel__middle {
        padding-top: clamp(16px, 1.1vw, 20px);
      }

      .tariff-panel__label {
        margin-bottom: clamp(26px, 2vw, 34px);
      }

      .tariff-panel__middle ul {
        gap: clamp(12px, .95vw, 16px);
      }

      .tariff-panel__dots {
        left: clamp(34px, 2.4vw, 44px);
        bottom: clamp(34px, 2.35vw, 43px);
      }

      .tariff-panel__dots span {
        width: clamp(12px, .78vw, 15px);
        height: clamp(12px, .78vw, 15px);
      }

      .tariff-panel__bottom-action {
        left: calc(clamp(34px, 2.4vw, 44px) + clamp(300px, 22.4vw, 380px) + clamp(44px, 5vw, 84px));
        bottom: clamp(34px, 2.35vw, 43px);
      }

      .tariff-panel__arrow {
        right: clamp(34px, 2.4vw, 44px);
        bottom: clamp(34px, 2.35vw, 43px);
        width: clamp(44px, 2.75vw, 53px);
        height: clamp(44px, 2.75vw, 53px);
      }

      .tariff-panel__arrow::before {
        height: clamp(60px, 3.8vw, 73px);
      }

      .tariff-panel__arrow::after {
        width: clamp(44px, 2.75vw, 53px);
      }

      .tariffs-exact__note {
        width: clamp(460px, 30.2vw, 580px);
        margin-top: clamp(44px, 3.4vw, 64px);
      }
    }

    @media (min-width: 1181px) and (max-width: 1420px) {
      .tariffs-exact__container {
        width: min(1320px, calc(100% - 56px));
      }

      .tariff-panel {
        flex-basis: clamp(190px, 15vw, 215px);
      }

      .tariff-panel__full {
        grid-template-columns: clamp(250px, 22vw, 300px) minmax(280px, 1fr);
        column-gap: clamp(30px, 3.2vw, 44px);
      }

      .tariff-panel__bottom-action {
        left: calc(clamp(30px, 2.4vw, 38px) + clamp(250px, 22vw, 300px) + clamp(30px, 3.2vw, 44px));
      }

      .tariff-panel__compact,
      .tariff-panel__full {
        padding-left: clamp(30px, 2.4vw, 38px);
        padding-right: clamp(30px, 2.4vw, 38px);
      }

      .tariff-panel__dots {
        left: clamp(30px, 2.4vw, 38px);
      }

      .tariff-panel__arrow {
        right: clamp(30px, 2.4vw, 38px);
      }
    }
  
    /* Smoother tariff card switching */
    .tariff-switcher {
      --tariff-ease: cubic-bezier(.22, 1, .36, 1);
    }

    .tariff-panel {
      will-change: flex-basis, flex-grow, background-color, border-color;
      transition:
        flex-basis .82s var(--tariff-ease),
        flex-grow .82s var(--tariff-ease),
        background-color .45s ease,
        border-color .45s ease,
        color .45s ease,
        box-shadow .45s ease;
    }

    .tariff-switcher.is-animating .tariff-panel {
      pointer-events: none;
    }

    .tariff-panel__compact {
      transform: translateY(0) scale(1);
      transition:
        opacity .34s ease,
        transform .54s var(--tariff-ease);
    }

    .tariff-panel.is-active .tariff-panel__compact {
      opacity: 0;
      transform: translateY(-10px) scale(.985);
    }

    .tariff-panel__full {
      transform: translateY(16px) scale(.992);
      transition:
        opacity .42s ease .18s,
        transform .68s var(--tariff-ease) .12s;
    }

    .tariff-panel.is-active .tariff-panel__full {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    .tariff-panel__left,
    .tariff-panel__middle,
    .tariff-panel__bottom-action,
    .tariff-panel__arrow,
    .tariff-panel__dots {
      transition:
        opacity .42s ease,
        transform .68s var(--tariff-ease);
    }

    .tariff-panel:not(.is-active) .tariff-panel__full .tariff-panel__left,
    .tariff-panel:not(.is-active) .tariff-panel__full .tariff-panel__middle,
    .tariff-panel:not(.is-active) .tariff-panel__full .tariff-panel__bottom-action,
    .tariff-panel:not(.is-active) .tariff-panel__full .tariff-panel__arrow,
    .tariff-panel:not(.is-active) .tariff-panel__full .tariff-panel__dots {
      opacity: 0;
      transform: translateY(10px);
    }

    .tariff-panel.is-active .tariff-panel__middle {
      transition-delay: .18s;
    }

    .tariff-panel.is-active .tariff-panel__bottom-action,
    .tariff-panel.is-active .tariff-panel__arrow {
      transition-delay: .24s;
    }
  
    /* Directions block one-to-one mockup */
    .directions-exact {
      position: relative;
      padding: 98px 0 98px;
      background: #fff;
      color: #28207f;
      overflow: visible;
    }

    .directions-exact__container {
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
    }

    .directions-exact__title {
      margin: 0 0 76px;
    }

    .directions-exact__title h2 {
      margin: 0;
      color: #28207f;
      font-size: clamp(58px, 4.55vw, 88px);
      line-height: .84;
      letter-spacing: -.065em;
      font-weight: 400;
    }

    .directions-exact__title span {
      display: block;
      margin: 16px 0 0 222px;
      color: transparent;
      -webkit-text-stroke: 1px #7fa0ff;
      text-stroke: 1px #7fa0ff;
      font-size: clamp(50px, 3.85vw, 74px);
      line-height: .85;
      letter-spacing: -.065em;
      font-weight: 400;
      white-space: nowrap;
    }

    .directions-exact__cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      align-items: stretch;
      position: relative;
      padding-top: 24px;
    }

    .direction-card {
      position: relative;
      min-height: clamp(500px, 31vw, 610px);
      padding: clamp(48px, 3.15vw, 58px) clamp(44px, 3vw, 56px) clamp(42px, 2.8vw, 50px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      color: #fff;
      text-decoration: none;
      overflow: visible;
      will-change: transform;
      transition: transform .58s cubic-bezier(.22, 1, .36, 1), box-shadow .58s cubic-bezier(.22, 1, .36, 1), filter .3s ease;
      z-index: 1;
    }

    .direction-card--support { background: #b7c6ec; }
    .direction-card--sales { background: #28207f; }
    .direction-card--process { background: #638cff; }

    .direction-card:hover,
    .direction-card:focus-visible,
    .direction-card.is-raised {
      transform: translateY(-24px);
      z-index: 3;
    }

    .direction-card:hover,
    .direction-card:focus-visible {
      box-shadow: 0 28px 60px rgba(40, 32, 127, .13);
    }

    .direction-card h3 {
      margin: 0;
      color: #fff;
      font-size: clamp(36px, 2.45vw, 48px);
      line-height: .95;
      letter-spacing: -.045em;
      font-weight: 400;
    }

    .direction-card p {
      max-width: 430px;
      margin: clamp(36px, 2.5vw, 44px) 0 0;
      color: rgba(255,255,255,.94);
      font-size: clamp(17px, 1.1vw, 21px);
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 400;
    }

    .direction-card__bottom {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 32px;
    }

    .direction-card__bottom span {
      color: #fff;
      font-size: clamp(15px, 1vw, 18px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.035em;
      text-transform: uppercase;
    }

    .direction-card__bottom i {
      position: relative;
      width: clamp(52px, 3.35vw, 66px);
      height: clamp(52px, 3.35vw, 66px);
      flex: 0 0 auto;
      color: #fff;
      font-style: normal;
      opacity: .92;
    }

    .direction-card__bottom i::before,
    .direction-card__bottom i::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      background: currentColor;
    }

    .direction-card__bottom i::before {
      width: 2px;
      height: clamp(72px, 4.55vw, 90px);
      transform: rotate(-45deg);
      transform-origin: bottom right;
    }

    .direction-card__bottom i::after {
      width: clamp(52px, 3.35vw, 66px);
      height: 2px;
    }

    @media (hover: hover) {
      .directions-exact__cards:hover .direction-card.is-raised:not(:hover) {
        transform: translateY(0);
        box-shadow: none;
      }
    }

    @media (max-width: 1360px) {
      .directions-exact__container {
        width: min(1320px, calc(100% - 56px));
      }

      .directions-exact__title span {
        margin-left: clamp(120px, 12vw, 190px);
      }

      .direction-card {
        padding-left: clamp(34px, 3.2vw, 46px);
        padding-right: clamp(34px, 3.2vw, 46px);
      }
    }

    @media (max-width: 1040px) {
      .directions-exact {
        padding: 74px 0 78px;
      }

      .directions-exact__title {
        margin-bottom: 48px;
      }

      .directions-exact__title span {
        margin-left: 0;
        white-space: normal;
      }

      .directions-exact__cards {
        grid-template-columns: 1fr;
        gap: 14px;
        padding-top: 0;
      }

      .direction-card,
      .direction-card.is-raised {
        min-height: 360px;
        transform: none;
      }

      .direction-card:hover,
      .direction-card:focus-visible {
        transform: translateY(-12px);
      }
    }

    @media (max-width: 620px) {
      .directions-exact__container {
        width: min(100% - 28px, 1836px);
      }

      .directions-exact__title h2 {
        font-size: 42px;
      }

      .directions-exact__title span {
        font-size: 38px;
        -webkit-text-stroke-width: 1px;
        text-stroke-width: 1px;
      }

      .direction-card {
        min-height: 320px;
        padding: 32px 26px 28px;
      }

      .direction-card h3 {
        font-size: 34px;
      }

      .direction-card p {
        font-size: 17px;
      }
    }
  
    /* Benefits pinned horizontal scroll block */
    .benefits-exact {
      --benefit-card-w: clamp(360px, 22.5vw, 440px);
      --benefit-card-h: clamp(520px, 33.2vw, 635px);
      --benefit-gap: clamp(24px, 1.55vw, 32px);
      position: relative;
      height: 620vh;
      background: #fff;
      color: #28207f;
    }

    .benefits-exact__sticky {
      position: sticky;
      top: 0;
      height: 100vh;
      min-height: 760px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #fff;
    }

    .benefits-exact__container {
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: clamp(520px, 34.5vw, 650px) minmax(0, 1fr);
      gap: clamp(44px, 4vw, 78px);
      align-items: center;
    }

    .benefits-exact__left {
      min-height: var(--benefit-card-h);
      display: grid;
      align-content: start;
      position: relative;
      padding-top: clamp(8px, 1.3vw, 24px);
    }

    .benefits-exact__left h2 {
      margin: 0;
      color: #28207f;
      font-size: clamp(62px, 4.25vw, 82px);
      line-height: .9;
      letter-spacing: -.065em;
      font-weight: 400;
      text-align: left;
    }

    .benefits-exact__left h2 span {
      display: block;
      padding-left: clamp(250px, 15vw, 300px);
    }

    .benefits-exact__counter {
      position: absolute;
      right: clamp(0px, 1.5vw, 28px);
      bottom: 42px;
      color: #28207f;
      font-size: clamp(18px, 1.15vw, 22px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.03em;
      font-variant-numeric: tabular-nums;
      transition: opacity .22s ease, transform .22s ease;
    }

    .benefits-exact__viewport {
      min-width: 0;
      overflow: visible;
      position: relative;
      height: calc(var(--benefit-card-h) + 56px);
      display: flex;
      align-items: center;
    }

    .benefits-exact__track {
      display: flex;
      align-items: center;
      gap: var(--benefit-gap);
      will-change: transform;
      transform: translate3d(0, 0, 0);
    }

    .benefit-slide {
      position: relative;
      width: var(--benefit-card-w);
      height: var(--benefit-card-h);
      flex: 0 0 var(--benefit-card-w);
      padding: clamp(34px, 2.25vw, 44px) clamp(38px, 2.5vw, 48px);
      background: #edf2ff;
      color: #cdd8f6;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      opacity: .58;
      transform: scale(.965);
      transform-origin: center center;
      transition: opacity .45s ease, transform .62s cubic-bezier(.22, 1, .36, 1), background .45s ease, color .45s ease, box-shadow .45s ease;
    }

    .benefit-slide.is-active {
      background: #638cff;
      color: #fff;
      opacity: 1;
      transform: scale(1);
      box-shadow: 14px 14px 0 rgba(188, 201, 239, .45);
      z-index: 2;
    }

    .benefit-slide__visual {
      position: relative;
      height: clamp(265px, 16.7vw, 320px);
      margin: calc(clamp(34px, 2.25vw, 44px) * -1) calc(clamp(38px, 2.5vw, 48px) * -1) 0;
      display: grid;
      place-items: center;
      opacity: .1;
      transition: opacity .45s ease, transform .62s cubic-bezier(.22, 1, .36, 1);
    }

    .benefit-slide.is-active .benefit-slide__visual {
      opacity: 1;
    }

    .benefit-slide__content {
      position: relative;
      z-index: 1;
      padding-top: clamp(26px, 1.7vw, 34px);
    }

    .benefit-slide h3 {
      margin: 0;
      color: currentColor;
      font-size: clamp(42px, 2.4vw, 48px);
      line-height: .94;
      letter-spacing: -.055em;
      font-weight: 400;
    }

    .benefit-slide p {
      margin: clamp(30px, 2.2vw, 42px) 0 0;
      color: currentColor;
      font-size: clamp(18px, 1.08vw, 21px);
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 400;
    }

    .bubble {
      position: absolute;
      display: block;
      border-radius: 50%;
      color: rgba(255,255,255,.34);
      background: radial-gradient(circle at 28% 25%, rgba(255,255,255,.85), rgba(213,226,255,.32) 35%, rgba(130,164,255,.22) 62%, rgba(255,255,255,.2));
      border: 2px solid rgba(255,255,255,.35);
      backdrop-filter: blur(3px);
      box-shadow: inset 18px 22px 38px rgba(255,255,255,.24), inset -18px -18px 30px rgba(53,86,180,.18), 0 18px 34px rgba(54,92,190,.16);
      text-shadow: 0 2px 7px rgba(255,255,255,.34);
    }

    .bubble--one {
      width: clamp(230px, 14.8vw, 285px);
      height: clamp(230px, 14.8vw, 285px);
      left: 30px;
      top: 52px;
      display: grid;
      place-items: center;
      font-size: clamp(58px, 3.6vw, 70px);
      font-weight: 700;
      letter-spacing: -.08em;
    }

    .bubble--two {
      width: clamp(190px, 12vw, 235px);
      height: clamp(190px, 12vw, 235px);
      right: -34px;
      top: -64px;
      border-radius: 46% 54% 52% 48%;
    }

    .line-chart,
    .doc-card,
    .gear,
    .speed-ring,
    .data-grid {
      width: clamp(210px, 13vw, 260px);
      height: clamp(210px, 13vw, 260px);
      display: block;
      opacity: .75;
      filter: blur(.2px);
    }

    .line-chart {
      border-radius: 50%;
      background:
        linear-gradient(135deg, transparent 43%, rgba(255,255,255,.8) 44% 46%, transparent 47%),
        radial-gradient(circle at 25% 75%, rgba(255,255,255,.75) 0 10px, transparent 11px),
        radial-gradient(circle at 50% 52%, rgba(255,255,255,.75) 0 10px, transparent 11px),
        radial-gradient(circle at 76% 30%, rgba(255,255,255,.75) 0 10px, transparent 11px),
        radial-gradient(circle, rgba(255,255,255,.4), rgba(160,186,255,.14));
      border: 2px solid rgba(255,255,255,.4);
    }

    .doc-card {
      border-radius: 28px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.2)),
        repeating-linear-gradient(180deg, transparent 0 31px, rgba(255,255,255,.55) 32px 36px);
      transform: rotate(-8deg);
      box-shadow: 22px 18px 0 rgba(255,255,255,.15), 0 30px 60px rgba(46, 78, 170, .15);
    }

    .gear {
      border-radius: 50%;
      background: repeating-conic-gradient(rgba(255,255,255,.75) 0 12deg, transparent 12deg 24deg), radial-gradient(circle at center, transparent 0 34%, rgba(255,255,255,.75) 35% 47%, transparent 48%);
      opacity: .5;
    }

    .speed-ring {
      border-radius: 50%;
      border: 18px solid rgba(255,255,255,.62);
      border-right-color: transparent;
      transform: rotate(-24deg);
      box-shadow: inset 0 0 30px rgba(255,255,255,.24), 0 20px 45px rgba(52,90,186,.14);
    }

    .data-grid {
      border-radius: 24px;
      background:
        radial-gradient(circle at 24% 24%, rgba(255,255,255,.78) 0 10px, transparent 11px),
        radial-gradient(circle at 76% 24%, rgba(255,255,255,.78) 0 10px, transparent 11px),
        radial-gradient(circle at 24% 76%, rgba(255,255,255,.78) 0 10px, transparent 11px),
        radial-gradient(circle at 76% 76%, rgba(255,255,255,.78) 0 10px, transparent 11px),
        linear-gradient(90deg, transparent 48%, rgba(255,255,255,.5) 49% 51%, transparent 52%),
        linear-gradient(180deg, transparent 48%, rgba(255,255,255,.5) 49% 51%, transparent 52%),
        rgba(255,255,255,.16);
      border: 2px solid rgba(255,255,255,.36);
    }

    @media (max-width: 1180px) {
      .benefits-exact {
        height: auto !important;
        padding: 76px 0 84px;
      }

      .benefits-exact__sticky {
        position: relative;
        height: auto;
        min-height: 0;
        overflow: visible;
      }

      .benefits-exact__container {
        width: min(100% - 40px, 1000px);
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .benefits-exact__left {
        min-height: auto;
        display: block;
      }

      .benefits-exact__left h2 span {
        padding-left: 0;
      }

      .benefits-exact__counter {
        position: static;
        margin-top: 20px;
      }

      .benefits-exact__viewport {
        height: auto;
        overflow-x: auto;
        overflow-y: visible;
        padding: 14px 0 28px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }

      .benefits-exact__track {
        transform: none !important;
      }

      .benefit-slide {
        scroll-snap-align: start;
      }
    }

    @media (max-width: 620px) {
      .benefits-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .benefits-exact__left h2 {
        font-size: 44px;
      }

      .benefits-exact {
        --benefit-card-w: min(82vw, 360px);
        --benefit-card-h: 500px;
      }
    }
  
    /* Examples pinned horizontal scroll block */
    .examples-exact {
      --example-visual-w: clamp(370px, 22.5vw, 440px);
      --example-info-w: clamp(500px, 30.3vw, 590px);
      --example-h: clamp(570px, 33.1vw, 650px);
      --example-gap: clamp(22px, 1.3vw, 26px);
      position: relative;
      height: 360vh;
      background: #fff;
      color: #28207f;
    }

    .examples-exact__sticky {
      position: sticky;
      top: 0;
      height: 100vh;
      min-height: 760px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: #fff;
    }

    .examples-exact__container {
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: clamp(620px, 39vw, 720px) minmax(0, 1fr);
      gap: clamp(34px, 2.1vw, 42px);
      align-items: center;
    }

    .examples-exact__left {
      min-height: var(--example-h);
      position: relative;
      padding-top: clamp(6px, .8vw, 14px);
    }

    .examples-exact__left h2 {
      margin: 0;
      color: #28207f;
      font-size: clamp(64px, 4.3vw, 84px);
      line-height: .94;
      letter-spacing: -.065em;
      font-weight: 400;
    }

    .examples-exact__left h2 span {
      display: block;
    }

    .examples-exact__outline {
      color: transparent;
      -webkit-text-stroke: 1px #638cff;
      text-stroke: 1px #638cff;
    }

    .examples-exact__muted {
      color: #bdc9ee;
      padding-left: clamp(150px, 8.2vw, 165px);
    }

    .examples-exact__counter {
      position: absolute;
      right: clamp(0px, 1.7vw, 34px);
      bottom: 42px;
      color: #28207f;
      font-size: clamp(18px, 1.05vw, 21px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.03em;
      font-variant-numeric: tabular-nums;
    }

    .examples-exact__viewport {
      min-width: 0;
      height: var(--example-h);
      overflow: visible;
      position: relative;
    }

    .examples-exact__track {
      display: flex;
      align-items: stretch;
      gap: var(--example-gap);
      height: 100%;
      will-change: transform;
      transform: translate3d(0, 0, 0);
    }

    .example-case {
      flex: 0 0 calc(var(--example-visual-w) + var(--example-info-w) + var(--example-gap));
      display: grid;
      grid-template-columns: var(--example-visual-w) var(--example-info-w);
      gap: var(--example-gap);
      height: var(--example-h);
      opacity: .42;
      transform: scale(.985);
      transform-origin: center center;
      transition: opacity .45s ease, transform .62s cubic-bezier(.22, 1, .36, 1);
    }

    .example-case.is-active {
      opacity: 1;
      transform: scale(1);
    }

    .example-visual {
      position: relative;
      height: 100%;
      overflow: hidden;
      background: #638cff;
      color: rgba(255,255,255,.48);
    }

    .example-visual__top {
      position: relative;
      z-index: 3;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: clamp(44px, 2.7vw, 53px) clamp(44px, 2.55vw, 50px) 0;
      color: rgba(255,255,255,.45);
      font-size: clamp(17px, 1.02vw, 20px);
      line-height: .95;
      letter-spacing: -.04em;
      font-weight: 700;
    }

    .example-visual__top b {
      font: inherit;
      white-space: nowrap;
    }

    .chair-art {
      position: absolute;
      left: -8%;
      right: -38%;
      bottom: -12%;
      height: 78%;
      z-index: 2;
    }

    .chair-art::before {
      content: "";
      position: absolute;
      left: 12%;
      top: 5%;
      width: 89%;
      height: 31%;
      border-radius: 55% 50% 46% 42% / 66% 70% 38% 48%;
      background:
        repeating-linear-gradient(105deg, rgba(40,40,40,.045) 0 1px, transparent 1px 4px),
        linear-gradient(180deg, #f4f1e8, #dcd8cc);
      box-shadow: inset 0 12px 18px rgba(255,255,255,.65), inset 0 -18px 22px rgba(104,95,82,.15), 0 24px 40px rgba(24,40,100,.12);
      transform: rotate(7deg);
    }

    .chair-art::after {
      content: "";
      position: absolute;
      left: 14%;
      top: 28%;
      width: 35%;
      height: 72%;
      border-radius: 44px 54px 20px 18px;
      background:
        repeating-linear-gradient(96deg, rgba(40,40,40,.05) 0 1px, transparent 1px 4px),
        linear-gradient(90deg, #f2efe5, #d5d0c3);
      box-shadow: inset 12px 0 18px rgba(255,255,255,.55), inset -16px 0 20px rgba(92,84,72,.13);
    }

    .chair-art span {
      position: absolute;
      left: 34%;
      top: 39%;
      width: 62%;
      height: 26%;
      border-radius: 34px 0 0 34px;
      background:
        repeating-linear-gradient(96deg, rgba(40,40,40,.04) 0 1px, transparent 1px 4px),
        linear-gradient(180deg, #f3efe6, #dcd6c9);
      box-shadow: inset 0 13px 17px rgba(255,255,255,.6), 0 18px 34px rgba(24,40,100,.12);
      display: block;
    }

    .box-art,
    .sphere-art {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
    }

    .box-art span {
      width: 60%;
      aspect-ratio: 1;
      display: block;
      border-radius: 20px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(223,231,255,.46)),
        repeating-linear-gradient(45deg, rgba(50,75,150,.05) 0 2px, transparent 2px 7px);
      transform: rotate(12deg) translateY(34px);
      box-shadow: 28px 32px 0 rgba(255,255,255,.18), 0 30px 60px rgba(20,38,110,.16);
    }

    .sphere-art span {
      width: 62%;
      aspect-ratio: 1;
      border-radius: 50%;
      display: block;
      background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.92), rgba(226,235,255,.48) 38%, rgba(132,162,255,.2) 70%),
        repeating-radial-gradient(circle, rgba(255,255,255,.22) 0 2px, transparent 2px 14px);
      box-shadow: inset -24px -24px 50px rgba(48,80,180,.16), 0 35px 70px rgba(20,38,110,.16);
    }

    .example-info {
      height: 100%;
      padding: clamp(50px, 3vw, 58px) clamp(45px, 2.7vw, 54px) clamp(45px, 2.45vw, 48px);
      background: #f1f3f9;
      color: #28207f;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .example-info h3 {
      margin: 0;
      color: #28207f;
      font-size: clamp(40px, 2.55vw, 50px);
      line-height: .95;
      letter-spacing: -.055em;
      font-weight: 400;
    }

    .example-info__rows {
      display: grid;
      gap: clamp(42px, 3vw, 56px);
      margin-top: clamp(46px, 3.2vw, 62px);
    }

    .example-info__row {
      display: grid;
      grid-template-columns: clamp(135px, 8vw, 155px) minmax(0, 1fr);
      gap: clamp(28px, 2.2vw, 46px);
      align-items: start;
    }

    .example-info__row span,
    .example-info__bottom span {
      color: #a9b5e2;
      font-size: clamp(16px, .96vw, 18px);
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: -.035em;
    }

    .example-info__row p,
    .example-info__bottom p {
      margin: 0;
      color: #28207f;
      font-size: clamp(17px, .98vw, 19px);
      line-height: 1.05;
      font-weight: 700;
      letter-spacing: -.04em;
    }

    .example-info__bottom {
      display: grid;
      grid-template-columns: clamp(135px, 8vw, 155px) minmax(0, 1fr);
      gap: clamp(28px, 2.2vw, 46px);
      align-items: start;
      margin-top: auto;
      padding-bottom: clamp(26px, 1.8vw, 34px);
    }

    .example-info__bottom span {
      display: block;
      color: #28207f;
      margin-bottom: 20px;
    }

    .example-dots {
      width: 124px;
      height: 74px;
      background-image: radial-gradient(circle, #c8d4f4 0 7px, transparent 7.5px);
      background-size: 18px 18px;
      background-position: 0 0;
      opacity: .95;
    }

    .example-info__btn {
      height: 49px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #28207f;
      color: #fff;
      text-decoration: none;
      font-size: clamp(17px, 1vw, 20px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.04em;
    }

    @media (max-width: 1280px) {
      .examples-exact {
        height: auto !important;
        padding: 76px 0 84px;
      }

      .examples-exact__sticky {
        position: relative;
        height: auto;
        min-height: 0;
        overflow: visible;
      }

      .examples-exact__container {
        width: min(100% - 40px, 1000px);
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .examples-exact__left {
        min-height: auto;
      }

      .examples-exact__muted {
        padding-left: 0;
      }

      .examples-exact__counter {
        position: static;
        margin-top: 20px;
      }

      .examples-exact__viewport {
        height: auto;
        overflow-x: auto;
        overflow-y: visible;
        padding: 14px 0 28px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }

      .examples-exact__track {
        transform: none !important;
        height: auto;
      }

      .example-case {
        scroll-snap-align: start;
        height: 600px;
      }
    }

    @media (max-width: 760px) {
      .examples-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .examples-exact__left h2 {
        font-size: 43px;
      }

      .examples-exact__outline {
        -webkit-text-stroke-width: 1px;
        text-stroke-width: 1px;
      }

      .examples-exact {
        --example-visual-w: min(82vw, 360px);
        --example-info-w: min(82vw, 360px);
        --example-h: auto;
      }

      .example-case {
        flex-basis: min(82vw, 360px);
        grid-template-columns: 1fr;
        gap: 14px;
        height: auto;
      }

      .example-visual,
      .example-info {
        height: 420px;
      }

      .example-info {
        height: auto;
        min-height: 520px;
      }

      .example-info__row,
      .example-info__bottom {
        grid-template-columns: 1fr;
        gap: 14px;
      }
    }
  
    /* Examples block corrections: fit common laptop heights and clip outgoing cases */
    @media (min-width: 1281px) {
      .examples-exact {
        --example-visual-w: clamp(330px, 20.3vw, 410px);
        --example-info-w: clamp(430px, 27.2vw, 540px);
        --example-h: clamp(500px, 29.2vw, 590px);
        --example-gap: clamp(18px, 1.2vw, 24px);
      }

      .examples-exact__sticky {
        min-height: 680px;
      }

      .examples-exact__container {
        width: min(1680px, calc(100% - clamp(56px, 5vw, 94px)));
        grid-template-columns: clamp(500px, 34vw, 650px) minmax(0, 1fr);
        gap: clamp(28px, 2vw, 38px);
      }

      .examples-exact__left h2 {
        font-size: clamp(54px, 3.9vw, 76px);
      }

      .examples-exact__viewport {
        overflow: hidden;
        width: 100%;
        height: var(--example-h);
      }

      .examples-exact__track {
        gap: var(--example-gap);
      }

      .example-case {
        opacity: 1;
        transform: none;
      }

      .example-case.is-active {
        opacity: 1;
        transform: none;
      }

      .example-info h3 {
        font-size: clamp(35px, 2.25vw, 44px);
      }

      .example-info__rows {
        gap: clamp(30px, 2.4vw, 46px);
        margin-top: clamp(32px, 2.5vw, 48px);
      }

      .example-info {
        padding: clamp(38px, 2.6vw, 50px) clamp(34px, 2.4vw, 48px) clamp(34px, 2.2vw, 44px);
      }

      .example-info__bottom {
        padding-bottom: clamp(18px, 1.4vw, 28px);
      }
    }

    @media (min-width: 1281px) and (max-height: 820px) {
      .examples-exact {
        --example-visual-w: clamp(320px, 19vw, 390px);
        --example-info-w: clamp(410px, 25.8vw, 510px);
        --example-h: min(540px, calc(100vh - 120px));
      }

      .examples-exact__sticky {
        min-height: 620px;
      }

      .examples-exact__container {
        grid-template-columns: clamp(470px, 32.5vw, 610px) minmax(0, 1fr);
      }

      .examples-exact__left h2 {
        font-size: clamp(50px, 3.55vw, 68px);
      }

      .examples-exact__counter {
        bottom: 26px;
      }

      .example-info h3 {
        font-size: clamp(32px, 2vw, 40px);
      }

      .example-info__row p,
      .example-info__bottom p,
      .example-info__row span,
      .example-info__bottom span,
      .example-visual__top,
      .example-info__btn {
        font-size: 16px;
      }

      .example-dots {
        width: 106px;
        height: 62px;
        background-size: 16px 16px;
      }
    }
  
    /* Hide next example case until scrolling starts */
    @media (min-width: 1281px) {
      .examples-exact__viewport {
        width: calc(var(--example-visual-w) + var(--example-info-w) + var(--example-gap));
        max-width: 100%;
        justify-self: end;
        overflow: hidden;
      }
    }
  
    /* Benefits scroll correction: next cards remain visible, outgoing cards are clipped at the initial card area */
    @media (min-width: 1181px) {
      .benefits-exact__viewport {
        overflow: hidden;
        width: 100%;
      }
    }
  
    /* Exact Creators Group header */
    .cg-header-wrap {
      position: relative;
      top: auto;
      z-index: 80;
      height: 95px;
      background: #fff;
      border-bottom: 0;
      backdrop-filter: none;
    }

    .cg-header {
      width: min(100% - 96px, 1824px);
      height: 95px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 430px 1fr auto;
      align-items: center;
      gap: 40px;
      color: #2b2384;
      font-family: Arial, Helvetica, sans-serif;
    }

    .cg-header__logo {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      width: max-content;
      color: #2b2384;
      text-decoration: none;
    }

    .cg-header__logo-icon {
      width: 72px;
      height: 72px;
      flex: 0 0 72px;
      display: inline-flex;
    }

    .cg-header__logo-text {
      display: flex;
      flex-direction: column;
      line-height: 1;
      padding-top: 1px;
    }

    .cg-header__logo-title {
      color: #2b2384;
      font-size: 19px;
      line-height: 1;
      font-weight: 500;
      letter-spacing: .01em;
      white-space: nowrap;
    }

    .cg-header__logo-subtitle {
      margin-top: 6px;
      color: #6f96ff;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 400;
      white-space: nowrap;
    }

    .cg-header__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(34px, 2.35vw, 48px);
      height: 100%;
    }

    .cg-header__nav-link {
      position: relative;
      display: inline-flex;
      align-items: center;
      height: 95px;
      color: #2b2384;
      text-decoration: none;
      font-size: 20px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: -.02em;
      white-space: nowrap;
    }

    .cg-header__nav-link.is-active {
      color: #9bb4ff;
    }

    .cg-header__nav-link.is-active::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 20px;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: #2b2384;
      transform: translateX(-50%);
      pointer-events: none;
    }

    .cg-header__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 14px;
    }

    .cg-header__social {
      width: 48px;
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1.5px solid #2b2384;
      color: #2b2384;
      text-decoration: none;
      box-sizing: border-box;
      background: #fff;
    }

    .cg-header__phone,
    .cg-header__callback {
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border: 1.5px solid #2b2384;
      box-sizing: border-box;
      text-decoration: none;
      font-size: 20px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: .01em;
      white-space: nowrap;
    }

    .cg-header__phone {
      min-width: 240px;
      color: #2b2384;
      background: #fff;
    }

    .cg-header__callback {
      min-width: 250px;
      color: #fff;
      background: #2b2384;
    }

    .cg-header a {
      transition: opacity .2s ease;
    }

    .cg-header a:hover {
      opacity: .86;
    }

    @media (max-width: 1320px) {
      .cg-header {
        grid-template-columns: auto 1fr auto;
        gap: 24px;
        width: min(100% - 48px, 1824px);
      }

      .cg-header__nav {
        gap: 24px;
      }

      .cg-header__nav-link {
        font-size: 18px;
      }

      .cg-header__phone,
      .cg-header__callback {
        min-width: 0;
        font-size: 17px;
        padding: 0 20px;
      }
    }

    @media (max-width: 1080px) {
      .cg-header-wrap,
      .cg-header {
        height: auto;
        min-height: 86px;
      }

      .cg-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 14px 0;
      }

      .cg-header__nav {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        height: 46px;
        overflow-x: auto;
      }

      .cg-header__nav-link {
        height: 46px;
      }

      .cg-header__nav-link.is-active::after {
        bottom: 0;
        width: 14px;
        height: 14px;
      }
    }

    @media (max-width: 760px) {
      .cg-header {
        width: min(100% - 28px, 1824px);
      }

      .cg-header__logo-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
      }

      .cg-header__logo-icon svg {
        width: 58px;
        height: 58px;
      }

      .cg-header__logo-title {
        font-size: 16px;
      }

      .cg-header__logo-subtitle {
        font-size: 10px;
      }

      .cg-header__actions {
        width: 100%;
        flex-wrap: wrap;
      }

      .cg-header__phone,
      .cg-header__callback {
        flex: 1 1 220px;
      }
    }
  
    /* Header corrections: sticky, fits desktop widths, no active dot */
    .cg-header-wrap {
      position: sticky;
      top: 0;
      height: 88px;
      z-index: 100;
      background: #fff;
      box-shadow: none;
    }

    .cg-header {
      width: min(100% - 48px, 1824px);
      height: 88px;
      grid-template-columns: minmax(300px, 360px) minmax(430px, 1fr) auto;
      gap: clamp(18px, 1.6vw, 34px);
    }

    .cg-header__logo-icon {
      width: 66px;
      height: 66px;
      flex-basis: 66px;
    }

    .cg-header__logo-icon svg {
      width: 66px;
      height: 66px;
    }

    .cg-header__logo-title {
      font-size: clamp(17px, 1vw, 20px);
    }

    .cg-header__logo-subtitle {
      font-size: clamp(10px, .7vw, 12px);
    }

    .cg-header__nav {
      gap: clamp(24px, 2vw, 44px);
    }

    .cg-header__nav-link {
      height: 88px;
      font-size: clamp(17px, 1.08vw, 20px);
    }

    .cg-header__nav-link.is-active::after {
      display: none;
    }

    .cg-header__actions {
      gap: clamp(8px, .75vw, 14px);
    }

    .cg-header__social {
      width: clamp(42px, 2.5vw, 48px);
      height: clamp(42px, 2.5vw, 48px);
    }

    .cg-header__phone,
    .cg-header__callback {
      height: clamp(42px, 2.5vw, 48px);
      padding-inline: clamp(18px, 1.45vw, 28px);
      font-size: clamp(17px, 1.08vw, 20px);
    }

    .cg-header__phone {
      min-width: clamp(210px, 12.4vw, 240px);
    }

    .cg-header__callback {
      min-width: clamp(215px, 13vw, 250px);
    }

    @media (max-width: 1480px) {
      .cg-header {
        grid-template-columns: minmax(280px, 330px) minmax(360px, 1fr) auto;
        width: min(100% - 32px, 1824px);
        gap: 18px;
      }

      .cg-header__nav {
        gap: 24px;
      }

      .cg-header__actions {
        gap: 8px;
      }

      .cg-header__phone,
      .cg-header__callback {
        padding-inline: 16px;
      }

      .cg-header__phone {
        min-width: 205px;
      }

      .cg-header__callback {
        min-width: 205px;
      }
    }

    @media (max-width: 1220px) {
      .cg-header {
        grid-template-columns: auto 1fr;
      }

      .cg-header__nav {
        order: 3;
        grid-column: 1 / -1;
        justify-content: flex-start;
        height: 42px;
        overflow-x: auto;
      }

      .cg-header__nav-link {
        height: 42px;
      }
    }
  
    /* Hero first screen exact */
    .hero-exact {
      position: relative;
      min-height: calc(100vh - 88px);
      overflow: hidden;
      background: #fff;
      color: #28207f;
      padding: 0 0 clamp(42px, 4vw, 78px);
    }

    .hero-exact__container {
      position: relative;
      z-index: 2;
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
    }

    .hero-exact__breadcrumbs {
      display: flex;
      align-items: center;
      gap: 11px;
      height: 40px;
      color: #b8c3ec;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: -.02em;
    }

    .hero-exact__breadcrumbs a {
      color: inherit;
      text-decoration: none;
    }

    .hero-exact__breadcrumbs a:last-child {
      color: #28207f;
    }

    .hero-exact__grid {
      display: grid;
      grid-template-columns: minmax(680px, 1fr) minmax(520px, .9fr);
      gap: clamp(20px, 2.2vw, 42px);
      align-items: start;
      min-height: calc(100vh - 128px);
      position: relative;
    }

    .hero-exact__content {
      position: relative;
      z-index: 3;
      padding-top: clamp(36px, 3.6vw, 70px);
    }

    .hero-exact h1 {
      margin: 0;
      max-width: 1020px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 400;
      letter-spacing: -.065em;
    }

    .hero-exact h1 span,
    .hero-exact h1 strong,
    .hero-exact h1 em {
      display: block;
      font-style: normal;
      font-weight: 400;
    }

    .hero-exact h1 span {
      color: #28207f;
      font-size: clamp(58px, 4.15vw, 82px);
      line-height: .86;
    }

    .hero-exact h1 strong {
      margin-top: 14px;
      padding-left: clamp(200px, 12.4vw, 248px);
      color: transparent;
      -webkit-text-stroke: 1px #6f96ff;
      text-stroke: 1px #6f96ff;
      font-size: clamp(54px, 3.75vw, 74px);
      line-height: .88;
      white-space: nowrap;
    }

    .hero-exact h1 em {
      margin-top: 15px;
      color: #bdc9ee;
      font-size: clamp(52px, 3.65vw, 72px);
      line-height: .88;
      white-space: nowrap;
    }

    .hero-exact__lead-wrap {
      margin-left: clamp(190px, 12.3vw, 245px);
      margin-top: clamp(110px, 8.1vw, 154px);
      width: clamp(520px, 35vw, 650px);
    }

    .hero-exact__lead {
      margin: 0 0 40px;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(24px, 1.55vw, 31px);
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 400;
    }

    .hero-exact__buttons {
      display: grid;
      gap: 14px;
      width: 100%;
    }

    .hero-exact__btn {
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 0 24px 0 28px;
      background: #28207f;
      color: #fff;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(16px, .95vw, 18px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.02em;
      text-transform: uppercase;
    }

    .hero-exact__btn span {
      font-size: 31px;
      line-height: 1;
      font-weight: 300;
      transform: translateY(-2px);
    }

    .hero-exact__btn--muted {
      background: #b7c6ec;
      color: #fff;
    }

    .hero-exact__visual {
      position: relative;
      min-height: calc(100vh - 128px);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      overflow: visible;
      pointer-events: none;
    }

    .hero-exact__halo {
      position: absolute;
      width: clamp(580px, 41vw, 820px);
      height: clamp(580px, 41vw, 820px);
      right: clamp(-120px, -5vw, -40px);
      top: clamp(-8px, .6vw, 12px);
      border-radius: 50%;
      background: radial-gradient(circle at 42% 38%, rgba(255,255,255,.8) 0 22%, rgba(226,237,255,.78) 56%, rgba(226,237,255,.22) 70%, transparent 74%);
      filter: blur(.2px);
    }

    .hero-exact__robot {
      position: relative;
      z-index: 1;
      width: clamp(520px, 37vw, 720px);
      height: auto;
      margin-top: clamp(-6px, .1vw, 3px);
      margin-right: clamp(-80px, -2.2vw, -20px);
      filter: drop-shadow(0 34px 45px rgba(23, 36, 91, .18));
    }

    .hero-exact__bg::before {
      content: "";
      position: absolute;
      left: -210px;
      bottom: -120px;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle at 55% 42%, rgba(111,150,255,.18), rgba(239,244,255,.68) 52%, transparent 72%);
      pointer-events: none;
    }

    @media (max-width: 1320px) {
      .hero-exact__container {
        width: min(100% - 48px, 1836px);
      }

      .hero-exact__grid {
        grid-template-columns: minmax(560px, 1fr) minmax(420px, .72fr);
      }

      .hero-exact__lead-wrap {
        margin-left: clamp(120px, 10vw, 180px);
      }

      .hero-exact h1 strong {
        padding-left: clamp(130px, 10vw, 190px);
      }
    }

    @media (max-width: 1080px) {
      .hero-exact {
        min-height: auto;
      }

      .hero-exact__grid {
        grid-template-columns: 1fr;
        min-height: auto;
      }

      .hero-exact__lead-wrap {
        margin-left: 0;
        margin-top: 52px;
        width: min(100%, 650px);
      }

      .hero-exact h1 strong {
        padding-left: 0;
        white-space: normal;
      }

      .hero-exact h1 em {
        white-space: normal;
      }

      .hero-exact__visual {
        min-height: 560px;
        align-items: center;
      }
    }

    @media (max-width: 620px) {
      .hero-exact__container {
        width: min(100% - 28px, 1836px);
      }

      .hero-exact h1 span,
      .hero-exact h1 strong,
      .hero-exact h1 em {
        font-size: 42px;
      }

      .hero-exact h1 strong {
        -webkit-text-stroke-width: 1px;
        text-stroke-width: 1px;
      }

      .hero-exact__lead {
        font-size: 22px;
      }

      .hero-exact__visual {
        min-height: 430px;
      }
    }
  
    /* FAQ exact block */
    .faq-exact {
      position: relative;
      min-height: 780px;
      padding: clamp(88px, 7vw, 132px) 0 clamp(82px, 6vw, 120px);
      background: #fff;
      color: #28207f;
      overflow: hidden;
    }

    .faq-exact__container {
      position: relative;
      z-index: 2;
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(520px, .9fr) minmax(760px, 1.35fr);
      gap: clamp(60px, 5vw, 96px);
      align-items: start;
    }

    .faq-exact__decor {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
    }

    .faq-exact__sphere {
      position: absolute;
      display: block;
      border-radius: 50%;
      opacity: .9;
      background:
        repeating-radial-gradient(ellipse at center, transparent 0 28px, rgba(111,150,255,.24) 29px 30px, transparent 31px 56px),
        repeating-linear-gradient(62deg, transparent 0 38px, rgba(111,150,255,.2) 39px 40px, transparent 41px 78px);
      mask-image: radial-gradient(circle, #000 0 69%, transparent 70%);
      -webkit-mask-image: radial-gradient(circle, #000 0 69%, transparent 70%);
    }

    .faq-exact__sphere--big {
      width: clamp(560px, 43vw, 840px);
      height: clamp(560px, 43vw, 840px);
      left: clamp(-350px, -15vw, -220px);
      top: clamp(-110px, -5vw, -50px);
      transform: rotate(-14deg) scaleX(1.05);
    }

    .faq-exact__sphere--small {
      width: clamp(205px, 14vw, 280px);
      height: clamp(205px, 14vw, 280px);
      left: clamp(340px, 23vw, 510px);
      bottom: clamp(-32px, -1.2vw, -14px);
      transform: rotate(-14deg) scaleX(.92);
    }

    .faq-exact__content h2 {
      margin: 0 0 39px;
      color: #bdc9ee;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(54px, 4.25vw, 82px);
      line-height: .86;
      letter-spacing: -.06em;
      font-weight: 400;
    }

    .faq-exact__content h2 span {
      display: block;
    }

    .faq-exact__content h2 span:first-child {
      padding-left: 0;
    }

    .faq-exact__content h2 span:nth-child(2) {
      padding-left: clamp(74px, 4.25vw, 84px);
      white-space: nowrap;
    }

    .faq-exact__content h2 b {
      color: #28207f;
      font: inherit;
    }

    .faq-exact__list {
      border-top: 2px solid #e3e8f5;
    }

    .faq-exact__item {
      border: 0;
      border-bottom: 2px solid #e3e8f5;
      background: transparent;
    }

    .faq-exact__item summary {
      position: relative;
      min-height: 84px;
      display: flex;
      align-items: center;
      padding: 0 78px 0 0;
      color: #28207f;
      cursor: pointer;
      list-style: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(25px, 1.75vw, 34px);
      line-height: 1.05;
      letter-spacing: -.045em;
      font-weight: 400;
      outline: none;
    }

    .faq-exact__item summary::-webkit-details-marker {
      display: none;
    }

    .faq-exact__item summary::after {
      content: "+";
      position: absolute;
      right: 0;
      top: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #e8eefb;
      color: #fff;
      font-size: 40px;
      line-height: .8;
      font-weight: 700;
      letter-spacing: 0;
    }

    .faq-exact__item[open] summary {
      min-height: 78px;
    }

    .faq-exact__item[open] summary::after {
      content: "×";
      font-size: 40px;
      font-weight: 400;
      line-height: .82;
    }

    .faq-exact__item p {
      max-width: 800px;
      margin: -4px 0 24px;
      padding: 0 78px 0 0;
      color: #4e4aa0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(17px, 1.05vw, 20px);
      line-height: .98;
      letter-spacing: -.035em;
      font-weight: 400;
    }

    @media (max-width: 1180px) {
      .faq-exact {
        min-height: auto;
      }

      .faq-exact__container {
        width: min(100% - 40px, 1000px);
        grid-template-columns: 1fr;
      }

      .faq-exact__spacer {
        display: none;
      }

      .faq-exact__sphere--big {
        left: -420px;
        top: -120px;
        opacity: .55;
      }

      .faq-exact__sphere--small {
        right: -80px;
        left: auto;
        bottom: -90px;
        opacity: .45;
      }
    }

    @media (max-width: 620px) {
      .faq-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .faq-exact__content h2 {
        font-size: 43px;
      }

      .faq-exact__content h2 span:nth-child(2) {
        padding-left: 0;
        white-space: normal;
      }

      .faq-exact__item summary {
        min-height: 72px;
        padding-right: 54px;
        font-size: 25px;
      }

      .faq-exact__item summary::after {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        font-size: 34px;
      }

      .faq-exact__item p {
        padding-right: 54px;
        font-size: 17px;
        line-height: 1.12;
      }
    }
  
    /* Lead form CTA exact block */
    .lead-form-exact {
      position: relative;
      min-height: 720px;
      padding: clamp(88px, 7vw, 138px) 0 clamp(80px, 6vw, 118px);
      background: #fff;
      color: #28207f;
      overflow: hidden;
    }

    .lead-form-exact__container {
      position: relative;
      z-index: 2;
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(600px, 0.95fr) minmax(640px, 1.05fr);
      gap: clamp(46px, 4vw, 84px);
      align-items: center;
    }

    .lead-form-exact__content {
      padding-top: clamp(72px, 5.2vw, 104px);
    }

    .lead-form-exact h2 {
      margin: 0;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(42px, 2.7vw, 52px);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 400;
    }

    .lead-form-exact h2 span {
      color: #6f96ff;
      white-space: nowrap;
    }

    .lead-form-exact__content > p {
      margin: 28px 0 36px;
      max-width: 690px;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(19px, 1.18vw, 23px);
      line-height: 1.05;
      letter-spacing: -.035em;
      font-weight: 400;
    }

    .lead-form-exact__form {
      width: min(100%, 845px);
    }

    .lead-form-exact__field {
      position: relative;
      display: block;
      height: 66px;
      border-bottom: 2px solid #dce3f2;
      color: #4e4aa0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(19px, 1.12vw, 22px);
      line-height: 1;
      letter-spacing: -.025em;
      font-weight: 400;
    }

    .lead-form-exact__field + .lead-form-exact__field {
      margin-top: 0;
    }

    .lead-form-exact__field span {
      position: absolute;
      left: 0;
      top: 24px;
      pointer-events: none;
      transition: opacity .2s ease;
    }

    .lead-form-exact__field input {
      width: 100%;
      height: 100%;
      padding: 20px 0 5px;
      border: 0;
      outline: none;
      background: transparent;
      color: #28207f;
      font: inherit;
    }

    .lead-form-exact__field:focus-within span,
    .lead-form-exact__field input:not(:placeholder-shown) + span {
      opacity: .42;
    }

    .lead-form-exact__submit {
      width: 100%;
      height: 51px;
      margin-top: 26px;
      border: 0;
      background: #28207f;
      color: #fff;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(18px, 1vw, 20px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.025em;
      text-transform: uppercase;
    }

    .lead-form-exact__agree {
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 24px;
      align-items: start;
      margin-top: 25px;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(16px, .98vw, 18px);
      line-height: 1.05;
      letter-spacing: -.035em;
      font-weight: 700;
      cursor: pointer;
    }

    .lead-form-exact__agree input {
      appearance: none;
      width: 30px;
      height: 30px;
      margin: 0;
      background: #28207f;
      position: relative;
      cursor: pointer;
    }

    .lead-form-exact__agree input::after {
      content: "";
      position: absolute;
      left: 8px;
      top: 4px;
      width: 10px;
      height: 17px;
      border: solid #fff;
      border-width: 0 4px 4px 0;
      transform: rotate(45deg);
      opacity: 0;
    }

    .lead-form-exact__agree input:checked::after {
      opacity: 1;
    }

    .lead-form-exact__visual {
      position: relative;
      min-height: 560px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .lead-form-exact__glow {
      position: absolute;
      width: clamp(640px, 46vw, 860px);
      height: clamp(500px, 34vw, 650px);
      left: 50%;
      top: 50%;
      transform: translate(-48%, -54%);
      background: radial-gradient(ellipse at center, rgba(233,241,255,.92) 0 36%, rgba(233,241,255,.42) 54%, transparent 72%);
      filter: blur(2px);
    }

    .lead-form-exact__ai {
      position: absolute;
      right: clamp(-90px, -3vw, -30px);
      bottom: clamp(40px, 4vw, 78px);
      color: rgba(189,201,238,.36);
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(300px, 19vw, 380px);
      line-height: .7;
      font-weight: 700;
      letter-spacing: -.12em;
      z-index: 1;
      pointer-events: none;
    }

    .lead-form-exact__hand {
      position: relative;
      z-index: 3;
      width: min(760px, 100%);
      height: auto;
      filter: drop-shadow(0 28px 48px rgba(38, 55, 103, .16));
      transform: translateX(clamp(-20px, -1.1vw, -8px));
    }

    .lead-form-exact::after {
      content: "";
      position: absolute;
      right: clamp(40px, 3.5vw, 70px);
      top: 50%;
      width: 66px;
      height: 450px;
      transform: translateY(-42%);
      background: #dfe5f4;
      opacity: .9;
    }

    @media (max-width: 1280px) {
      .lead-form-exact__container {
        width: min(100% - 48px, 1836px);
        grid-template-columns: minmax(460px, .95fr) minmax(460px, 1fr);
      }

      .lead-form-exact::after {
        display: none;
      }
    }

    @media (max-width: 980px) {
      .lead-form-exact {
        min-height: auto;
      }

      .lead-form-exact__container {
        width: min(100% - 40px, 1000px);
        grid-template-columns: 1fr;
      }

      .lead-form-exact__content {
        padding-top: 0;
      }

      .lead-form-exact__visual {
        min-height: 430px;
      }
    }

    @media (max-width: 620px) {
      .lead-form-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .lead-form-exact h2 {
        font-size: 38px;
      }

      .lead-form-exact h2 span {
        white-space: normal;
      }

      .lead-form-exact__agree {
        gap: 14px;
      }

      .lead-form-exact__agree span br {
        display: none;
      }
    }
  
    /* Demo exact block */
    .demo-exact {
      position: relative;
      min-height: 760px;
      padding: clamp(86px, 7vw, 140px) 0 clamp(74px, 6vw, 118px);
      background: #fff;
      color: #28207f;
      overflow: hidden;
    }

    .demo-exact__glow {
      position: absolute;
      left: 50%;
      top: 42%;
      width: clamp(620px, 44vw, 850px);
      height: clamp(620px, 44vw, 850px);
      transform: translate(-18%, -55%);
      border-radius: 50%;
      background: radial-gradient(circle at 48% 48%, rgba(235,242,255,.95) 0 38%, rgba(235,242,255,.48) 56%, transparent 73%);
      z-index: 1;
      pointer-events: none;
    }

    .demo-exact__container {
      position: relative;
      z-index: 2;
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(620px, .95fr) minmax(660px, 1fr);
      gap: clamp(42px, 4vw, 84px);
      align-items: center;
      min-height: 600px;
    }

    .demo-exact__hand-wrap {
      position: relative;
      min-height: 520px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      overflow: visible;
    }

    .demo-exact__hand {
      width: clamp(700px, 48vw, 930px);
      max-width: none;
      height: auto;
      margin-left: clamp(-330px, -16vw, -205px);
      margin-bottom: clamp(-120px, -6vw, -70px);
      filter: drop-shadow(0 30px 50px rgba(34, 50, 86, .18));
    }

    .demo-exact__content {
      position: relative;
      z-index: 3;
      padding-top: clamp(40px, 4vw, 78px);
      max-width: 760px;
    }

    .demo-exact h2 {
      margin: 0;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(58px, 4.3vw, 84px);
      line-height: .82;
      letter-spacing: -.065em;
      font-weight: 400;
    }

    .demo-exact h2 span {
      display: block;
      color: #bdc9ee;
      padding-left: clamp(138px, 8vw, 158px);
      white-space: nowrap;
    }

    .demo-exact p {
      margin: clamp(190px, 13vw, 250px) 0 43px;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(25px, 1.62vw, 32px);
      line-height: 1.04;
      letter-spacing: -.05em;
      font-weight: 400;
    }

    .demo-exact__buttons {
      display: grid;
      gap: 14px;
      width: min(100%, 700px);
    }

    .demo-exact__btn {
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #28207f;
      color: #fff;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(17px, 1vw, 20px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.025em;
      text-transform: uppercase;
    }

    .demo-exact__btn--muted {
      background: #b7c6ec;
      color: #fff;
    }

    @media (max-width: 1280px) {
      .demo-exact__container {
        width: min(100% - 48px, 1836px);
        grid-template-columns: minmax(460px, .9fr) minmax(520px, 1fr);
      }

      .demo-exact__hand {
        margin-left: -260px;
      }

      .demo-exact p {
        margin-top: 150px;
      }
    }

    @media (max-width: 980px) {
      .demo-exact {
        min-height: auto;
      }

      .demo-exact__container {
        width: min(100% - 40px, 1000px);
        grid-template-columns: 1fr;
        min-height: auto;
      }

      .demo-exact__content {
        order: 1;
        padding-top: 0;
      }

      .demo-exact__hand-wrap {
        order: 2;
        min-height: 390px;
      }

      .demo-exact__hand {
        width: min(760px, 120vw);
        margin-left: -220px;
        margin-bottom: -100px;
      }

      .demo-exact p {
        margin-top: 70px;
      }

      .demo-exact h2 span {
        padding-left: 0;
      }
    }

    @media (max-width: 620px) {
      .demo-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .demo-exact h2 {
        font-size: 42px;
      }

      .demo-exact h2 span {
        white-space: normal;
      }

      .demo-exact p {
        font-size: 22px;
        margin-top: 52px;
      }

      .demo-exact__hand {
        margin-left: -260px;
      }
    }
  
    /* Process launch block exact */
    .process-exact {
      position: relative;
      min-height: 860px;
      padding: clamp(96px, 7.4vw, 142px) 0 clamp(82px, 6vw, 118px);
      background: #fff;
      color: #28207f;
      overflow: hidden;
    }

    .process-exact__container {
      position: relative;
      z-index: 2;
      width: min(1836px, calc(100% - 94px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(420px, .78fr) minmax(850px, 1.55fr);
      gap: clamp(56px, 5vw, 98px);
      align-items: start;
    }

    .process-exact__title {
      grid-column: 2;
      margin: 0 0 clamp(72px, 5.2vw, 98px);
    }

    .process-exact__title h2 {
      margin: 0;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(58px, 4.35vw, 84px);
      line-height: .85;
      letter-spacing: -.065em;
      font-weight: 400;
    }

    .process-exact__title span {
      display: block;
      margin-top: 7px;
      padding-left: clamp(285px, 17vw, 335px);
      color: #bdc9ee;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(58px, 4.15vw, 80px);
      line-height: .82;
      letter-spacing: -.065em;
      font-weight: 400;
    }

    .process-exact__list {
      grid-column: 2;
      width: 100%;
      border-top: 1.5px solid #b9c8f5;
    }

    .process-exact__step {
      position: relative;
      display: grid;
      grid-template-columns: 240px minmax(0, 1fr);
      gap: 58px;
      min-height: 160px;
      padding: 27px 0 35px;
      border-bottom: 1.5px solid #b9c8f5;
    }

    .process-exact__step.is-active::before {
      content: "";
      position: absolute;
      left: 0;
      top: -9px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #6f96ff;
      transform: translateX(-1px);
    }

    .process-exact__num {
      color: #bdc9ee;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(17px, 1.05vw, 20px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.035em;
    }

    .process-exact__text h3 {
      margin: 0 0 24px;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(17px, 1.05vw, 20px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.035em;
    }

    .process-exact__text p {
      margin: 0;
      color: #28207f;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(18px, 1.13vw, 22px);
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 400;
    }

    .process-exact__step.is-active .process-exact__num,
    .process-exact__step.is-active .process-exact__text h3,
    .process-exact__step.is-active .process-exact__text p {
      color: #6f96ff;
    }

    .process-exact__decor {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
    }

    .process-exact__glow {
      position: absolute;
      left: clamp(-240px, -10vw, -130px);
      top: clamp(-110px, -4vw, -50px);
      width: clamp(470px, 30vw, 610px);
      height: clamp(700px, 55vw, 1040px);
      background: radial-gradient(ellipse at 15% 38%, rgba(111,150,255,.2) 0 18%, rgba(232,240,255,.68) 34%, rgba(232,240,255,.18) 52%, transparent 68%);
      filter: blur(1px);
    }

    .process-exact__sphere {
      position: absolute;
      left: clamp(-210px, -8vw, -110px);
      top: clamp(300px, 27vw, 455px);
      width: clamp(390px, 27vw, 520px);
      height: clamp(390px, 27vw, 520px);
      border-radius: 50%;
      opacity: .8;
      background:
        repeating-radial-gradient(ellipse at center, transparent 0 23px, rgba(111,150,255,.25) 24px 25px, transparent 26px 49px),
        repeating-linear-gradient(67deg, transparent 0 32px, rgba(111,150,255,.2) 33px 34px, transparent 35px 66px);
      mask-image: radial-gradient(circle, #000 0 70%, transparent 71%);
      -webkit-mask-image: radial-gradient(circle, #000 0 70%, transparent 71%);
      transform: rotate(-18deg) scaleX(1.1);
    }

    @media (max-width: 1280px) {
      .process-exact__container {
        width: min(100% - 48px, 1836px);
        grid-template-columns: minmax(260px, .42fr) minmax(650px, 1fr);
        gap: 46px;
      }

      .process-exact__step {
        grid-template-columns: 160px minmax(0, 1fr);
        gap: 42px;
      }
    }

    @media (max-width: 980px) {
      .process-exact {
        min-height: auto;
      }

      .process-exact__container {
        width: min(100% - 40px, 1000px);
        display: block;
      }

      .process-exact__title {
        margin-bottom: 54px;
      }

      .process-exact__title span {
        padding-left: 0;
      }

      .process-exact__step {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 24px;
        min-height: 130px;
      }

      .process-exact__glow {
        opacity: .45;
      }

      .process-exact__sphere {
        opacity: .35;
      }
    }

    @media (max-width: 620px) {
      .process-exact__container {
        width: min(100% - 28px, 1000px);
      }

      .process-exact__title h2,
      .process-exact__title span {
        font-size: 42px;
      }

      .process-exact__step {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 16px;
        min-height: 116px;
      }
    }
  
    /* Mobile header and menu */
    .cg-mobile-bars,
    .cg-header__burger,
    .cg-mobile-menu {
      display: none;
    }

    @media (max-width: 760px) {
      body.cg-mobile-menu-open {
        overflow: hidden;
      }

      .cg-header-wrap {
        height: auto;
        min-height: 151px;
        position: sticky;
        top: 0;
        background: #fff;
        border-bottom: 1px solid #2b2384;
      }

      .cg-mobile-bars {
        display: block;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
      }

      .cg-mobile-bars__callback,
      .cg-mobile-bars__phone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-decoration: none;
        color: #2b2384;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.02em;
      }

      .cg-mobile-bars__callback {
        height: 41px;
        background: #2b2384;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
      }

      .cg-mobile-bars__phone {
        height: 39px;
        background: #fff;
        border-bottom: 1px solid #2b2384;
        font-size: 18px;
      }

      .cg-header {
        width: 100%;
        min-height: 70px;
        height: 70px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .cg-header__nav,
      .cg-header__actions {
        display: none;
      }

      .cg-header__logo {
        gap: 8px;
      }

      .cg-header__logo-icon,
      .cg-header__logo-icon svg {
        width: 54px;
        height: 54px;
      }

      .cg-header__logo-icon {
        flex-basis: 54px;
      }

      .cg-header__logo-title {
        font-size: 14px;
        line-height: 1;
        font-weight: 500;
      }

      .cg-header__logo-subtitle {
        margin-top: 4px;
        font-size: 10px;
        line-height: 1.05;
      }

      .cg-header__burger {
        display: flex;
        width: 49px;
        height: 36px;
        border: 0;
        background: transparent;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        cursor: pointer;
      }

      .cg-header__burger span {
        display: block;
        width: 49px;
        height: 2px;
        background: #b7c6ec;
      }

      .cg-mobile-menu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 200;
        background: #fff;
        transform: translateX(100%);
        transition: transform .45s cubic-bezier(.22, 1, .36, 1);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        color: #2b2384;
        font-family: Arial, Helvetica, sans-serif;
      }

      .cg-mobile-menu.is-open {
        transform: translateX(0);
      }

      .cg-mobile-menu__inner {
        min-height: 100%;
        padding: 48px 12px 28px;
      }

      .cg-mobile-menu__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 32px;
      }

      .cg-mobile-menu__head .cg-header__logo-icon,
      .cg-mobile-menu__head .cg-header__logo-icon svg {
        width: 58px;
        height: 58px;
      }

      .cg-mobile-menu__head .cg-header__logo-icon {
        flex-basis: 58px;
      }

      .cg-mobile-menu__head .cg-header__logo-title {
        font-size: 16px;
      }

      .cg-mobile-menu__head .cg-header__logo-subtitle {
        font-size: 10px;
      }

      .cg-mobile-menu__close {
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: #e4ebfb;
        color: #fff;
        display: grid;
        place-items: center;
        font-size: 32px;
        line-height: .8;
        font-weight: 400;
        cursor: pointer;
      }

      .cg-mobile-menu__nav {
        display: grid;
        margin-bottom: 48px;
      }

      .cg-mobile-menu__nav a {
        min-height: 70px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e2e6ef;
        color: #2b2384;
        text-decoration: none;
        font-size: 22px;
        line-height: 1.05;
        font-weight: 400;
        letter-spacing: -.035em;
      }

      .cg-mobile-menu__heading {
        color: #bdc9ee;
        font-size: 20px;
        line-height: 1;
        margin-bottom: 28px;
        letter-spacing: -.035em;
      }

      .cg-mobile-menu__contacts {
        margin-bottom: 50px;
      }

      .cg-mobile-menu__contacts a {
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        border-bottom: 1px solid #e2e6ef;
        color: #2b2384;
        text-decoration: none;
        font-size: 20px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -.035em;
      }

      .cg-mobile-menu__contacts i {
        font-style: normal;
        font-size: 30px;
        font-weight: 300;
        transform: translateY(-3px);
      }

      .cg-mobile-menu__actions {
        display: grid;
        gap: 16px;
        margin-bottom: 16px;
      }

      .cg-mobile-menu__callback,
      .cg-mobile-menu__phone {
        height: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #2b2384;
        text-decoration: none;
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -.025em;
      }

      .cg-mobile-menu__callback {
        background: #2b2384;
        color: #fff;
        text-transform: uppercase;
      }

      .cg-mobile-menu__phone {
        background: #fff;
        color: #2b2384;
      }

      .cg-mobile-menu__socials {
        display: flex;
        gap: 14px;
      }

      .cg-mobile-menu__socials a {
        width: 50px;
        height: 50px;
        display: grid;
        place-items: center;
        border: 1px solid #d6ddea;
        text-decoration: none;
      }
    }

/* Django integration */
.django-messages {
  position: fixed;
  left: 24px;
  right: 24px;
  top: 92px;
  z-index: 100;
  display: grid;
  gap: 8px;
  pointer-events: none;
}

.django-message {
  max-width: 720px;
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #d8e2ff;
  color: #171078;
  box-shadow: 0 20px 60px rgba(32, 54, 157, .13);
  font-weight: 700;
}

.lead-form-exact__errors,
.errorlist {
  margin: 0 0 12px;
  padding: 12px 14px;
  color: #9f1239;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  list-style: none;
  font-size: 13px;
}