html {
      overflow-x: hidden;
    }

    .kids-home {
      font-family: "Nunito", sans-serif;
      overflow-x: hidden;
      background:
        radial-gradient(circle at 15% 20%, rgba(94, 45, 194, 0.32), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(23, 190, 255, 0.12), transparent 18%),
        linear-gradient(180deg, #13082f 0%, #09031d 100%);
    }

    .kids-home .cs-site_header.cs-style1 {
      background: rgba(17, 10, 45);
      border-bottom: 1px solid rgba(120, 117, 255, 0.16);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .kids-home .cs-site_header.cs-style1 .cs-main_header_in {
      height: 86px;
    }

    .kids-home .cs-site_header .cs-site_branding img {
      height: 62px;
      width: auto;
    }

    .kids-home .cs-site_header.cs-style1 .cs-main_header_right > *:not(:last-child) {
      margin-right: 34px;
    }

    .kids-home .cs-site_header .cs-nav_list > li > a::before {
      display: none !important;
    }

    .kids-home .cs-site_header.cs-style1 .cs-nav_list > li > a {
      color: #f7f5ff;
      font-weight: 700;
      position: relative;
    }

    .kids-home .cs-site_header.cs-style1 .cs-nav_list > li > a:hover {
      color: #62d8ff;
    }

    .kids-home .cs-site_header.cs-style1 .cs-nav_list > li:first-child > a::after {
      display: none;
    }

    .kids-home .cs-site_header.cs-style1 .cs-nav_list > li:first-child > a {
      padding-bottom: 8px;
      border-bottom: 3px solid #35e0e0;
    }

    .kids-home .cs-site_header.cs-style1 .cs-btn.cs-style1 {
      background: linear-gradient(135deg, #3f7bff 0%, #4f62ff 100%);
      box-shadow: 0 14px 24px rgba(52, 96, 255, 0.28);
    }

    .kids-home .kids-hero {
      position: relative;
      overflow: hidden;
      padding: 148px 0 150px;
      background:
        linear-gradient(90deg, rgba(19, 8, 47, 0.96) 0%, rgba(10, 5, 37, 0.90) 42%, rgba(10, 6, 34, 0.82) 100%),
        image-set(
          url("../img/hero_bg4.webp") type("image/webp"),
          url("../img/hero_bg4.jpeg") type("image/jpeg")
        );
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .kids-hero::before,
    .kids-hero::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(10px);
    }

    .kids-hero::before {
      width: 340px;
      height: 340px;
      top: 120px;
      left: -120px;
      background: radial-gradient(circle, rgba(104, 71, 255, 0.34) 0%, rgba(104, 71, 255, 0) 72%);
    }

    .kids-hero::after {
      width: 420px;
      height: 420px;
      right: -120px;
      bottom: -120px;
      background: radial-gradient(circle, rgba(249, 89, 255, 0.24) 0%, rgba(249, 89, 255, 0) 72%);
    }

    .kids-hero .container-fluid {
      position: relative;
      z-index: 2;
      max-width: 1536px;
      padding-left: 42px;
      padding-right: 24px;
    }

    .kids-hero__orb,
    .kids-hero__cloud,
    .kids-hero__letters {
      position: absolute;
      z-index: 1;
      pointer-events: none;
    }

    .kids-hero__orb {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      box-shadow: 0 0 18px currentColor;
      opacity: 0.8;
    }

    .kids-hero__orb--one {
      top: 160px;
      left: 42px;
      color: #ffd84f;
    }

    .kids-hero__orb--two {
      top: 248px;
      right: 186px;
      color: #c65fff;
    }

    .kids-hero__orb--three {
      top: 322px;
      right: 412px;
      color: #5fe0ff;
    }

    .kids-hero__cloud {
      width: 110px;
      height: 42px;
      border-radius: 999px;
      background: rgba(119, 151, 255, 0.16);
      filter: blur(0.2px);
      box-shadow:
        22px -14px 0 4px rgba(119, 151, 255, 0.12),
        52px -4px 0 0 rgba(119, 151, 255, 0.16);
      opacity: 0.78;
    }

    .kids-hero__cloud--left {
      top: 246px;
      left: 46%;
      transform: scale(0.78);
    }

    .kids-hero__cloud--right {
      top: 220px;
      right: 28px;
      transform: scale(0.74);
    }

    .kids-hero__letters {
      left: 18px;
      bottom: 338px;
      width: 84px;
      filter: drop-shadow(0 8px 22px rgba(20, 10, 58, 0.35));
    }

    .kids-hero__letters img,
    .kids-hero__star img {
      display: block;
      width: 100%;
      height: auto;
    }

    .kids-hero__layout {
      display: grid;
      grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
      align-items: flex-start;
      gap: 30px;
      padding-left: 68px;
    }

    .kids-hero__content {
      max-width: 560px;
      position: relative;
      z-index: 2;
    }

    .kids-hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 18px;
      border-radius: 999px;
      border: 1px solid rgba(157, 118, 255, 0.35);
      background: rgba(42, 24, 94, 0.55);
      color: #fff8d6;
      font-size: 15px;
      font-weight: 700;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    }

    .kids-hero__badge i {
      color: #ffd84f;
    }

    .kids-hero__title {
      font-family: "Baloo 2", cursive;
      margin: 22px 0 18px;
      font-size: 55px;
      line-height: 1.12;
      letter-spacing: 0.2px;
      color: #fff;
    }

    .kids-hero__title-line {
      display: block;
    }

    .kids-hero__title-accent {
      color: #58d8ff;
    }

    .kids-hero__title-highlight {
      color: #ffd153;
    }

    .kids-hero__description {
      max-width: 500px;
      margin-bottom: 22px;
      color: #d9d3f2;
      font-size: 16.5px;
      line-height: 1.65;
    }

    .kids-hero__features {
      list-style: none;
      padding: 0;
      margin: 0 0 28px;
      display: grid;
      gap: 14px;
      max-width: 700px;
    }

    .kids-hero__feature {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      color: #f7f5ff;
      font-size: 15.5px;
      line-height: 1.48;
    }

    .kids-hero__feature > span:last-child {
      min-width: 0;
    }

    .kids-hero__feature strong {
      color: #fff;
      font-weight: 800;
    }

    .kids-hero__feature-accent {
      color: #6fc8ff;
    }

    .kids-hero__feature-icon {
      width: 24px;
      height: 24px;
      flex: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: #fff;
      font-size: 10px;
      box-shadow: 0 10px 18px rgba(7, 3, 28, 0.22);
    }

    .kids-hero__feature-icon--cyan { background: linear-gradient(180deg, #4f8dff, #2f5df1); }
    .kids-hero__feature-icon--yellow { background: linear-gradient(180deg, #ffc93c, #f59a1e); color: #7a4a00; }
    .kids-hero__feature-icon--pink { background: linear-gradient(180deg, #ff6fb0, #e83d8b); }
    .kids-hero__feature-icon--green { background: linear-gradient(180deg, #4fd98a, #1fae5f); }

    .kids-hero__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: center;
      margin-bottom: 32px;
    }

    .kids-hero__actions .cs-hero_btn {
      font-family: "Baloo 2", cursive;
      min-width: 0;
      min-height: 0;
      padding: 17px 36px;
      border-radius: 999px;
      font-size: 17px;
      font-weight: 800;
      box-shadow: 0 10px 28px rgba(63, 98, 244, 0.32);
    }

    .kids-hero__actions .cs-hero_btn.cs-color3 {
      background: linear-gradient(135deg, #3f7bff 0%, #52a0ff 100%);
    }

    .kids-hero__actions .cs-hero_btn.cs-color1 {
      background: rgba(16, 10, 49, 0.35);
      color: #fff;
      border: 1px solid rgba(133, 119, 255, 0.32);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: none;
    }

    .kids-hero__actions .cs-hero_btn i {
      margin-left: 12px;
      font-size: 18px;
    }

    .kids-hero__actions .cs-hero_btn.cs-color1 i {
      width: 30px;
      height: 30px;
      margin-left: 10px;
      border-radius: 50%;
      background: linear-gradient(180deg, #4f8dff, #2f5df1);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
    }

    .kids-hero__trust {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      width: min(860px, calc(100vw - 180px));
      max-width: 860px;
    }

    .kids-hero__trust-card {
      display: flex;
      align-items: flex-start;
      gap: 13px;
      padding: 16px 20px;
      border-radius: 18px;
      background: rgba(45, 32, 100, 0.3);
      border: 1px solid rgba(160, 140, 255, 0.28);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: #f6f4ff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .kids-hero__trust-icon {
      width: 44px;
      height: 44px;
      flex: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: #fff;
      font-size: 18px;
      border: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .kids-hero__trust-icon svg {
      width: 20px;
      height: 20px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .kids-hero__trust-card--safe .kids-hero__trust-icon {
      background: rgba(35, 190, 120, 0.18);
      border-color: rgba(80, 220, 150, 0.4);
      color: #4fd98a;
    }

    .kids-hero__trust-card--teacher .kids-hero__trust-icon {
      background: rgba(90, 120, 255, 0.18);
      border-color: rgba(120, 150, 255, 0.4);
      color: #8fb0ff;
    }

    .kids-hero__trust-card--method .kids-hero__trust-icon {
      background: rgba(80, 200, 255, 0.15);
      border-color: rgba(110, 210, 255, 0.4);
      color: #6fc8ff;
    }

    .kids-hero__trust-card--parents .kids-hero__trust-icon {
      background: rgba(255, 110, 180, 0.15);
      border-color: rgba(255, 140, 200, 0.4);
      color: #ff9ad5;
    }

    .kids-hero__trust-text strong {
      display: block;
      font-size: 14px;
      line-height: 1.2;
      margin-bottom: 4px;
    }

    .kids-hero__trust-text span {
      display: block;
      color: rgba(239, 236, 255, 0.72);
      font-size: 12.5px;
      line-height: 1.4;
    }

    .kids-hero__visual {
      min-width: 0;
      position: relative;
      padding-top: 30px;
      z-index: 2;
    }

    .kids-showcase {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 0;
      min-height: 540px;
      padding-top: 30px;
    }

    .kids-showcase__arrow {
      align-self: center;
      flex: none;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: 1.5px solid rgba(170, 150, 255, 0.5);
      background: rgba(40, 28, 95, 0.55);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #e6e1fa;
      z-index: 6;
    }

    .kids-showcase__arrow--left {
      margin-right: -14px;
    }

    .kids-showcase__arrow--right {
      margin-left: -10px;
    }

    .kids-showcase__card {
      flex: none;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid rgba(170, 150, 255, 0.35);
      background: linear-gradient(180deg, #3a2b78 0%, #2a1d5e 100%);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
      color: #fff;
    }

    .kids-showcase__card--center {
      width: 264px;
      border-radius: 28px;
      background: linear-gradient(180deg, #443285 0%, #2c1f63 100%);
      border-color: rgba(190, 170, 255, 0.45);
      box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
      z-index: 5;
    }

    .kids-showcase__card--left {
      width: 196px;
      margin-top: 56px;
      margin-right: -18px;
      transform: rotate(-4deg);
      z-index: 2;
    }

    .kids-showcase__card--right {
      width: 190px;
      margin-top: 66px;
      margin-left: -16px;
      transform: rotate(3deg);
      z-index: 3;
    }

    .kids-showcase__card--far {
      width: 176px;
      margin-top: 88px;
      margin-left: -14px;
      transform: rotate(6deg);
      background: linear-gradient(180deg, #33266b 0%, #251a52 100%);
      border-color: rgba(170, 150, 255, 0.3);
      z-index: 2;
    }

    .kids-showcase__media {
      position: relative;
    }

    .kids-showcase__media img {
      display: block;
      width: 100%;
      object-fit: cover;
    }

    .kids-showcase__card--left .kids-showcase__media img {
      height: 140px;
    }

    .kids-showcase__card--center .kids-showcase__media img {
      height: 210px;
    }

    .kids-showcase__card--right .kids-showcase__media img {
      height: 128px;
    }

    .kids-showcase__card--far .kids-showcase__media img {
      height: 112px;
    }

    .kids-showcase__step {
      position: absolute;
      top: 8px;
      right: 8px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: rgba(255, 255, 255, 0.95);
      color: #241a56;
      font-size: 11px;
      font-weight: 800;
      border-radius: 999px;
      padding: 4px 10px;
    }

    .kids-showcase__card--center .kids-showcase__step {
      top: 10px;
      right: 10px;
      font-size: 12px;
      padding: 5px 12px;
      gap: 6px;
    }

    .kids-showcase__step-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 6px;
    }

    .kids-showcase__card--center .kids-showcase__step-dot {
      width: 14px;
      height: 14px;
      font-size: 7px;
    }

    .kids-showcase__step-dot--orange { background: #ff5a3c; }
    .kids-showcase__step-dot--pink { background: #ff5aa0; }

    .kids-showcase__content {
      padding: 12px 14px 14px;
    }

    .kids-showcase__card--center .kids-showcase__content {
      padding: 0 18px 18px;
    }

    .kids-showcase__chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(20, 12, 50, 0.7);
      border-radius: 999px;
      padding: 6px 13px;
      font-family: "Baloo 2", cursive;
      font-weight: 700;
      font-size: 13.5px;
      margin-bottom: 9px;
    }

    .kids-showcase__card--center .kids-showcase__chip {
      gap: 9px;
      background: linear-gradient(180deg, #6d3fe0, #4c27b8);
      padding: 10px 20px;
      font-size: 17px;
      margin: -22px 0 12px;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
    }

    .kids-showcase__chip-icon {
      width: 16px;
      height: 16px;
      flex: none;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      font-weight: 800;
    }

    .kids-showcase__card--center .kids-showcase__chip-icon {
      width: 20px;
      height: 15px;
      font-size: 8px;
      border-radius: 4px;
      background: #fff;
      color: #5a2bd9;
    }

    .kids-showcase__chip-icon--yellow {
      background: #ffc93c;
      color: #7a4a00;
    }

    .kids-showcase__chip-icon--pink {
      border-radius: 50%;
      background: #ff6fb0;
      color: #fff;
      font-size: 9px;
    }

    .kids-showcase__chip-icon--green {
      border-radius: 50%;
      background: #4fd98a;
      color: #fff;
      font-size: 8px;
    }

    .kids-showcase__text {
      margin: 0 0 12px;
      color: #d9d3f2;
      font-size: 12px;
      line-height: 1.5;
    }

    .kids-showcase__text strong {
      color: #fff;
    }

    .kids-showcase__card--center .kids-showcase__text {
      font-size: 15px;
      line-height: 1.55;
      color: #e6e1fa;
      margin-bottom: 14px;
    }

    .kids-showcase__meta {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border-top: 1px solid rgba(170, 150, 255, 0.25);
      padding-top: 10px;
      text-align: center;
    }

    .kids-showcase__card--center .kids-showcase__meta {
      padding-top: 12px;
    }

    .kids-showcase__meta-item {
      padding: 0 4px;
    }

    .kids-showcase__meta-item:not(:last-child) {
      border-right: 1px solid rgba(170, 150, 255, 0.25);
    }

    .kids-showcase__meta-item strong {
      display: block;
      font-family: "Baloo 2", cursive;
      font-weight: 800;
      font-size: 15px;
      color: #ffc93c;
      line-height: 1.1;
    }

    .kids-showcase__card--center .kids-showcase__meta-item strong {
      font-size: 19px;
    }

    .kids-showcase__meta-item span {
      display: block;
      color: #bdb5e6;
      font-size: 10.5px;
      line-height: 1.35;
    }

    .kids-showcase__card--center .kids-showcase__meta-item span {
      font-size: 12px;
    }

    .kids-showcase__card--right .kids-showcase__chip {
      padding: 6px 12px;
      font-size: 13px;
    }

    .kids-showcase__card--right .kids-showcase__text {
      font-size: 11.5px;
      margin-bottom: 11px;
    }

    .kids-showcase__card--right .kids-showcase__meta {
      padding-top: 9px;
    }

    .kids-showcase__card--right .kids-showcase__meta-item strong {
      font-size: 14px;
    }

    .kids-showcase__card--right .kids-showcase__meta-item span {
      font-size: 10px;
    }

    .kids-showcase__card--far .kids-showcase__step {
      font-size: 10.5px;
      padding: 4px 9px;
    }

    .kids-showcase__card--far .kids-showcase__step-dot {
      width: 11px;
      height: 11px;
    }

    .kids-showcase__card--far .kids-showcase__content {
      padding: 11px 12px 12px;
    }

    .kids-showcase__card--far .kids-showcase__chip {
      padding: 6px 11px;
      font-size: 12px;
      margin-bottom: 8px;
    }

    .kids-showcase__card--far .kids-showcase__text {
      font-size: 11px;
      margin-bottom: 10px;
    }

    .kids-showcase__card--far .kids-showcase__meta {
      padding-top: 8px;
    }

    .kids-showcase__card--far .kids-showcase__meta-item strong {
      font-size: 13px;
    }

    .kids-showcase__card--far .kids-showcase__meta-item span {
      font-size: 9px;
    }

    .kids-hero__slider {
      position: relative;
    }

    .kids-hero__slider .slick-list {
      padding: 56px 68px 70px !important;
      overflow: hidden;
    }

    .kids-hero__slider .slick-track {
      display: flex;
      align-items: center;
    }

    .kids-hero__slider .slick-slide {
      transition: transform 0.38s ease, opacity 0.38s ease;
    }

    .kids-hero__slider .slick-slide .kids-step-card {
      transform: scale(0.88);
      opacity: 0.62;
      filter: saturate(0.9);
    }

    .kids-hero__slider .slick-slide.slick-center .kids-step-card {
      transform: scale(1.04) translateY(-8px);
      opacity: 1;
      filter: none;
    }

    .kids-step-card {
      position: relative;
      overflow: hidden;
      border-radius: 32px;
      background: linear-gradient(180deg, rgba(54, 31, 131, 0.96) 0%, rgba(31, 18, 79, 0.98) 100%);
      border: 1px solid rgba(112, 118, 255, 0.28);
      box-shadow:
        0 28px 52px rgba(8, 4, 31, 0.28),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
    }

    .kids-step-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      border: 1px solid rgba(115, 224, 255, 0.14);
      pointer-events: none;
    }

    .kids-step-card:hover {
      transform: translateY(-6px);
      box-shadow:
        0 34px 60px rgba(8, 4, 31, 0.36),
        0 0 0 1px rgba(109, 220, 255, 0.16);
      border-color: rgba(100, 214, 255, 0.3);
    }

    .kids-step-card__media {
      position: relative;
      height: 210px;
      border-radius: 26px 26px 22px 22px;
      overflow: hidden;
      margin: 14px 14px 0;
    }

    .kids-step-card__media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .kids-step-card__step {
      position: absolute;
      top: 16px;
      right: 16px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.94);
      color: #1c1844;
      font-size: 15px;
      font-weight: 800;
      box-shadow: 0 12px 22px rgba(22, 12, 65, 0.12);
    }

    .kids-step-card__step i {
      color: #ff6b57;
    }

    .kids-step-card__content {
      padding: 20px 24px 24px;
      color: #fff;
    }

    .kids-step-card__badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 16px;
      margin-top: -36px;
      margin-bottom: 18px;
      border-radius: 20px;
      background: rgba(48, 20, 112, 0.94);
      border: 1px solid rgba(120, 117, 255, 0.22);
      color: #fff;
      font-size: 16px;
      font-weight: 800;
      box-shadow: 0 20px 32px rgba(8, 4, 31, 0.28);
      position: relative;
      z-index: 2;
    }

    .kids-step-card__badge i {
      color: #ffcb53;
    }

    .kids-step-card__title {
      font-family: "Baloo 2", cursive;
      font-size: 24px;
      line-height: 1.14;
      margin-bottom: 14px;
      color: #fff;
    }

    .kids-step-card__text {
      margin-bottom: 18px;
      color: rgba(243, 242, 255, 0.84);
      font-size: 17px;
      line-height: 1.65;
    }

    .kids-step-card__text strong {
      color: #fff;
      font-weight: 800;
    }

    .kids-step-card__stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      padding-top: 16px;
      border-top: 1px solid rgba(133, 119, 255, 0.18);
    }

    .kids-step-card__stat strong {
      display: block;
      color: #ffd153;
      font-size: 16px;
      margin-bottom: 3px;
    }

    .kids-step-card__stat span {
      color: rgba(237, 234, 255, 0.74);
      font-size: 13px;
      line-height: 1.3;
    }

    .kids-hero__slider .cs-slider_arrows.cs-style1 .slick-arrow {
      width: 52px;
      height: 52px;
      border: 1.5px solid rgba(170, 150, 255, 0.5);
      background: rgba(40, 28, 95, 0.55);
      color: #e6e1fa;
      z-index: 6;
    }

    .kids-hero__slider .cs-slider_arrows.cs-style1 .slick-arrow.cs-left_arrow {
      left: 6px;
    }

    .kids-hero__slider .cs-slider_arrows.cs-style1 .slick-arrow.cs-right_arrow {
      right: 14px;
    }

    .kids-hero__slider .cs-slider_arrows.cs-style1 svg {
      width: 16px;
      height: 16px;
    }

    .kids-hero__social {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 18px;
      margin-top: 26px;
    }

    .kids-hero__avatars img {
      display: block;
      height: 44px;
      width: auto;
      border-radius: 999px;
    }

    .kids-hero__avatars {
      width: 170px;
      height: 44px;
      background-image: image-set(
        url("../img/kids-hero/avatars.webp") type("image/webp"),
        url("../img/kids-hero/avatars.png") type("image/png")
      );
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left center;
      overflow: hidden;
      border-radius: 999px;
    }

    .kids-hero__avatars > * {
      opacity: 0;
      pointer-events: none;
    }

    .kids-hero__rating-stars {
      color: #ffd153;
      font-size: 15px;
      letter-spacing: 3px;
      margin-bottom: 4px;
    }

    .kids-hero__rating span {
      display: block;
      color: rgba(239, 236, 255, 0.78);
      font-size: 15px;
    }

    .kids-hero__wave {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -2px;
      z-index: 1;
      pointer-events: none;
      line-height: 0;
    }

    .kids-hero__wave svg {
      display: block;
      width: 100%;
      height: 190px;
    }

    @keyframes kidsFloat {
      0%, 100% { transform: translateY(0) rotate(6deg); }
      50% { transform: translateY(-12px) rotate(2deg); }
    }

    .kids-hero__star {
      position: absolute;
      top: 108px;
      right: 48px;
      z-index: 3;
      width: 118px;
      pointer-events: none;
      animation: kidsFloat 4.5s ease-in-out infinite;
    }

    .kids-hero__star img {
      display: block;
      width: 100%;
      height: auto;
      filter: drop-shadow(0 10px 22px rgba(255, 201, 60, 0.3));
    }

    .kids-hero__mascot {
      position: absolute;
      right: 44px;
      bottom: 0;
      z-index: 3;
      display: flex;
      align-items: flex-end;
      gap: 14px;
    }

    .kids-hero__mascot-img {
      width: 210px;
      height: auto;
      display: block;
      flex: none;
      filter: drop-shadow(0 22px 32px rgba(8, 4, 31, 0.5));
      animation: none;
    }

    .kids-hero__bubble {
      position: relative;
      max-width: 300px;
      margin-bottom: 42px;
      padding: 18px 22px;
      border-radius: 22px;
      background: rgba(20, 12, 52, 0.94);
      border: 1.5px solid rgba(150, 120, 255, 0.45);
      box-shadow: 0 18px 34px rgba(8, 4, 31, 0.4);
    }

    .kids-hero__bubble::before {
      content: "";
      position: absolute;
      left: -9px;
      bottom: 28px;
      width: 16px;
      height: 16px;
      background: inherit;
      border-left: 1.5px solid rgba(150, 120, 255, 0.45);
      border-bottom: 1.5px solid rgba(150, 120, 255, 0.45);
      transform: rotate(45deg);
    }

    .kids-hero__bubble p {
      margin: 0;
      color: #fff;
      font-size: 19px;
      line-height: 1.45;
      font-weight: 700;
    }

    .kids-hero__bubble-cyan { color: #58d8ff; }
    .kids-hero__bubble-orange { color: #ffb84d; }

    .kids-how {
      position: relative;
      overflow: hidden;
      padding: 78px 0 72px;
      background: #fff;
      color: #151746;
    }

    .kids-how__layout {
      display: grid;
      grid-template-columns: minmax(230px, 310px) minmax(0, 1fr);
      gap: clamp(34px, 5vw, 82px);
      align-items: start;
    }

    .kids-how__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 16px;
      color: #4e76ff;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .kids-how__eyebrow i {
      color: #ffd44d;
    }

    .kids-how__title {
      max-width: 280px;
      margin: 0 0 24px;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: clamp(38px, 3.5vw, 58px);
      line-height: 0.98;
      letter-spacing: 0;
    }

    body.cs-dark.kids-home .kids-how .kids-how__title {
      color: #111548;
    }

    .kids-how__text {
      max-width: 290px;
      margin-bottom: 30px;
      color: #6f708d;
      font-size: 18px;
      line-height: 1.78;
      font-weight: 700;
    }

    .kids-how__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 54px;
      padding: 0 28px;
      border-radius: 999px;
      background: linear-gradient(135deg, #3f7bff 0%, #285cf6 100%);
      color: #fff;
      font-size: 17px;
      font-weight: 900;
      box-shadow: 0 16px 28px rgba(54, 105, 255, 0.28);
    }

    .kids-how__button:hover {
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 20px 34px rgba(54, 105, 255, 0.34);
    }

    .kids-how__steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(20px, 2.7vw, 48px);
      padding-top: 6px;
    }

    .kids-how__steps::before {
      content: "";
      position: absolute;
      top: 135px;
      left: 9%;
      right: 9%;
      height: 2px;
      background-image: linear-gradient(90deg, rgba(127, 139, 199, 0.32) 45%, transparent 0);
      background-size: 14px 2px;
      background-repeat: repeat-x;
      pointer-events: none;
    }

    .kids-how__step {
      position: relative;
      min-width: 0;
      z-index: 1;
    }

    .kids-how__visual {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 190px;
      margin-bottom: 20px;
    }

    .kids-how__visual::before {
      content: "";
      position: absolute;
      width: 166px;
      height: 166px;
      border-radius: 50%;
      background: var(--step-bg, #eff0ff);
      opacity: 0.78;
      z-index: 0;
    }

    .kids-how__visual img {
      position: relative;
      z-index: 1;
      display: block;
      max-width: min(210px, 100%);
      max-height: 180px;
      object-fit: contain;
      filter: drop-shadow(0 16px 22px rgba(26, 24, 78, 0.12));
    }

    .kids-how__caption {
      display: grid;
      grid-template-columns: 50px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .kids-how__number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--step-color, #6f4cf6);
      color: #fff;
      font-size: 22px;
      font-weight: 900;
      box-shadow: 0 12px 18px rgba(42, 47, 112, 0.18);
    }

    .kids-how__name {
      margin: 2px 0 12px;
      color: #141847;
      font-family: "Baloo 2", cursive;
      font-size: clamp(22px, 1.55vw, 30px);
      line-height: 1.08;
      letter-spacing: 0;
    }

    body.cs-dark.kids-home .kids-how .kids-how__name {
      color: #141847;
    }

    .kids-how__desc {
      margin: 0;
      color: #72738f;
      font-size: 17px;
      line-height: 1.65;
      font-weight: 700;
    }

    .kids-world {
      background: #fff;
      padding: 0 0 78px;
      color: #111548;
    }

    .kids-world__panel {
      position: relative;
      overflow: hidden;
      min-height: 420px;
      border-radius: 28px;
      padding: clamp(32px, 4.4vw, 62px) clamp(24px, 4.8vw, 72px);
      background:
        radial-gradient(circle at 18% 8%, rgba(142, 102, 255, 0.16), transparent 30%),
        radial-gradient(circle at 86% 80%, rgba(255, 207, 77, 0.14), transparent 30%),
        linear-gradient(105deg, #fbf7ff 0%, #f2edff 55%, #fbf9ff 100%);
      box-shadow: 0 20px 60px rgba(46, 37, 110, 0.08);
    }

    .kids-world__panel::before,
    .kids-world__panel::after {
      content: "";
      position: absolute;
      width: 140px;
      height: 140px;
      border: 3px solid rgba(122, 83, 232, 0.08);
      border-radius: 40px;
      transform: rotate(28deg);
      pointer-events: none;
    }

    .kids-world__panel::before {
      left: -44px;
      bottom: 28px;
    }

    .kids-world__panel::after {
      right: 54px;
      bottom: 52px;
    }

    .kids-world__tabs {
      position: absolute;
      top: 32px;
      right: clamp(24px, 4vw, 68px);
      z-index: 4;
      display: grid;
      grid-template-columns: repeat(5, auto);
      align-items: center;
      padding: 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid rgba(97, 76, 170, 0.1);
      box-shadow: 0 14px 28px rgba(34, 29, 80, 0.1);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .kids-world__tab {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 0 30px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: #262858;
      font-family: inherit;
      font-size: 18px;
      line-height: 1;
      font-weight: 900;
      white-space: nowrap;
      cursor: pointer;
      transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .kids-world__tab.is-active {
      color: #fff;
      background: linear-gradient(135deg, #9b5cff 0%, #7048e8 100%);
      box-shadow: 0 12px 22px rgba(116, 72, 232, 0.28);
    }

    .kids-world__tab:focus-visible {
      outline: 3px solid rgba(78, 118, 255, 0.34);
      outline-offset: 3px;
    }

    .kids-world__layout {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(220px, 320px) minmax(360px, 620px) minmax(280px, 1fr);
      gap: clamp(26px, 4vw, 56px);
      align-items: center;
      padding-top: 42px;
    }

    .kids-world__title {
      max-width: 360px;
      margin: 0 0 26px;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: clamp(36px, 3.1vw, 54px);
      line-height: 1.02;
      letter-spacing: 0;
    }

    body.cs-dark.kids-home .kids-world .kids-world__title,
    body.cs-dark.kids-home .kids-world .kids-world__feature-title,
    body.cs-dark.kids-home .kids-world .kids-reviews__title,
    body.cs-dark.kids-home .kids-world .kids-review__quote,
    body.cs-dark.kids-home .kids-world .kids-review__name {
      color: #111548;
    }

    .kids-world__text {
      max-width: 290px;
      margin: 0;
      color: #686a89;
      font-size: 20px;
      line-height: 1.8;
      font-weight: 800;
    }

    .kids-world__mascot {
      position: absolute;
      height: auto;
      left: min(24vw, 340px);
      bottom: -8px;
      z-index: 3;
      width: min(190px, 16vw);
      min-width: 128px;
      filter: drop-shadow(0 18px 20px rgba(29, 40, 83, 0.18));
    }

    .kids-world__device {
      position: relative;
      min-width: 0;
      padding-top: 6px;
    }

    .kids-world__screen {
      position: relative;
      overflow: hidden;
      border: 14px solid #171727;
      border-bottom-width: 22px;
      border-radius: 18px 18px 10px 10px;
      background: #fff;
      box-shadow: 0 24px 34px rgba(24, 20, 64, 0.2);
    }

    .kids-world__screen::before {
      content: "";
      position: absolute;
      top: -8px;
      left: 50%;
      width: 54px;
      height: 5px;
      border-radius: 999px;
      background: #0c0c16;
      transform: translateX(-50%);
      z-index: 4;
    }

    .kids-world__browser {
      aspect-ratio: 16 / 10;
      padding: 18px;
      background:
        linear-gradient(180deg, rgba(16, 13, 62, 0.04) 0 44px, transparent 44px),
        linear-gradient(135deg, #654bff 0%, #22cdf4 55%, #ffd56e 100%);
    }

    .kids-world__browser-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 34px;
      margin: -6px -4px 14px;
      padding: 0 12px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.92);
      color: #4d54a8;
      font-size: 12px;
      font-weight: 900;
    }

    .kids-world__browser-dots {
      display: inline-flex;
      gap: 5px;
    }

    .kids-world__browser-dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ffcf4f;
    }

    .kids-world__browser-dots span:nth-child(2) {
      background: #52d46a;
    }

    .kids-world__browser-dots span:nth-child(3) {
      background: #ff5b8d;
    }

    .kids-world__hero-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 44%;
      gap: 14px;
      align-items: center;
      min-height: 132px;
      padding: 18px;
      border-radius: 18px;
      color: #fff;
      background: rgba(18, 15, 72, 0.38);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
    }

    .kids-world__hello {
      display: block;
      margin-bottom: 8px;
      color: #fff;
      font-family: "Baloo 2", cursive;
      font-size: 32px;
      line-height: 1;
      font-weight: 800;
    }

    .kids-world__screen-copy {
      margin: 0;
      color: rgba(255, 255, 255, 0.86);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 800;
    }

    .kids-world__hero-card img {
      width: 100%;
      max-height: 130px;
      object-fit: contain;
      filter: drop-shadow(0 12px 18px rgba(24, 20, 64, 0.24));
    }

    .kids-world__mini-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    .kids-world__mini-card {
      min-height: 76px;
      border-radius: 14px;
      padding: 9px;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 8px 16px rgba(35, 30, 86, 0.12);
    }

    .kids-world__mini-card img {
      display: block;
      width: 100%;
      height: 54px;
      object-fit: cover;
      border-radius: 10px;
    }

    .kids-world__base {
      width: 112%;
      height: 26px;
      margin: 0 0 0 -6%;
      border-radius: 0 0 36px 36px;
      background: linear-gradient(180deg, #d7d8df 0%, #9fa2ad 100%);
      box-shadow: 0 16px 24px rgba(35, 33, 73, 0.16);
    }

    .kids-world__feature {
      max-width: 520px;
      padding-top: 76px;
    }

    .kids-world__feature-title {
      margin: 0 0 18px;
      color: #3f2fb0;
      font-family: "Baloo 2", cursive;
      font-size: clamp(28px, 2.2vw, 38px);
      line-height: 1.1;
      letter-spacing: 0;
    }

    body.cs-dark.kids-home .kids-world .kids-world__feature-title {
      color: #3f2fb0;
    }

    .kids-world__feature-text {
      max-width: 470px;
      margin: 0 0 22px;
      color: #686a89;
      font-size: 18px;
      line-height: 1.65;
      font-weight: 800;
    }

    .kids-world__list {
      display: grid;
      gap: 12px;
      margin: 0 0 22px;
      padding: 0;
      list-style: none;
    }

    .kids-world__list li {
      display: flex;
      align-items: center;
      gap: 12px;
      color: #34365f;
      font-size: 17px;
      line-height: 1.35;
      font-weight: 900;
    }

    .kids-world__list i {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      color: #fff;
      background: #8b5cf6;
      font-size: 12px;
      box-shadow: 0 8px 14px rgba(139, 92, 246, 0.22);
    }

    .kids-world__watch {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 46px;
      padding: 0 20px;
      border: 2px solid rgba(128, 82, 235, 0.28);
      border-radius: 999px;
      color: #6e48e8;
      background: rgba(255, 255, 255, 0.72);
      font-size: 16px;
      font-weight: 900;
      box-shadow: 0 12px 18px rgba(67, 43, 151, 0.08);
    }

    .kids-world__watch:hover {
      color: #fff;
      background: #7048e8;
      border-color: #7048e8;
    }

    .kids-reviews {
      margin-top: 26px;
      border-radius: 24px;
      padding: clamp(28px, 3.4vw, 46px) clamp(18px, 3vw, 44px);
      background:
        radial-gradient(circle at 88% 8%, rgba(255, 209, 86, 0.18), transparent 28%),
        linear-gradient(180deg, #fffaf0 0%, #fff4dc 100%);
      box-shadow: 0 18px 44px rgba(129, 96, 30, 0.09);
    }

    .kids-reviews__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 26px;
    }

    .kids-reviews__title {
      margin: 0;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: clamp(30px, 2.8vw, 46px);
      line-height: 1.05;
      letter-spacing: 0;
    }

    .kids-reviews__all {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #4e76ff;
      font-size: 17px;
      font-weight: 900;
      white-space: nowrap;
    }

    .kids-reviews__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .kids-review {
      display: grid;
      grid-template-columns: 124px minmax(0, 1fr);
      gap: 26px;
      min-height: 190px;
      padding: 28px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(89, 73, 39, 0.08);
      box-shadow: 0 16px 26px rgba(82, 69, 37, 0.1);
    }

    .kids-review__avatar {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      color: #fff;
      background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.38), transparent 26%),
        linear-gradient(135deg, var(--avatar-a, #ff8f70), var(--avatar-b, #745cff));
      font-family: "Baloo 2", cursive;
      font-size: 24px;
      font-weight: 800;
      box-shadow: 0 12px 18px rgba(68, 55, 23, 0.14);
    }

    .kids-review__stars {
      display: flex;
      gap: 5px;
      width: max-content;
      margin-top: 48px;
      color: #ffb800;
      font-size: 17px;
      line-height: 1;
      white-space: nowrap;
    }

    .kids-review__quote {
      margin: 0 0 22px;
      color: #24264f;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 900;
    }

    .kids-review__name {
      display: block;
      margin-bottom: 2px;
      color: #111548;
      font-size: 18px;
      line-height: 1.2;
      font-weight: 900;
    }

    .kids-review__meta {
      color: #6f708d;
      font-size: 14px;
      line-height: 1.35;
      font-weight: 800;
    }

    .kids-pricing {
      margin-top: 28px;
      border-radius: 24px;
      padding: clamp(30px, 3.5vw, 48px) clamp(22px, 3.8vw, 54px);
      background:
        radial-gradient(circle at 14% 18%, rgba(142, 102, 255, 0.1), transparent 28%),
        linear-gradient(105deg, #fff 0%, #faf8ff 48%, #fff 100%);
      box-shadow: 0 18px 48px rgba(46, 37, 110, 0.08);
    }

    .kids-pricing__layout {
      display: grid;
      grid-template-columns: minmax(220px, 330px) repeat(3, minmax(0, 1fr));
      gap: clamp(18px, 2.6vw, 32px);
      align-items: stretch;
    }

    .kids-pricing__intro {
      position: relative;
      display: grid;
      grid-template-rows: auto auto minmax(120px, 1fr);
      align-content: start;
      min-height: 360px;
      padding: 8px 0 0;
    }

    .kids-pricing__title {
      max-width: 300px;
      margin: 0 0 18px;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: clamp(30px, 2.35vw, 42px);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .kids-pricing__text {
      max-width: 290px;
      margin: 0;
      color: #686a89;
      font-size: 18px;
      line-height: 1.65;
      font-weight: 800;
    }

    .kids-pricing__mascot {
      align-self: end;
      height: auto;
      display: block;
      width: min(150px, 54%);
      margin-top: 24px;
      filter: drop-shadow(0 18px 20px rgba(29, 40, 83, 0.16));
    }

    .kids-plan {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 330px;
      padding: 32px 34px 30px;
      border: 1px solid rgba(84, 73, 140, 0.08);
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 16px 30px rgba(50, 43, 112, 0.08);
    }

    .kids-plan.is-popular {
      border: 2px solid rgba(128, 82, 235, 0.62);
      box-shadow: 0 20px 42px rgba(104, 70, 218, 0.16);
    }

    .kids-plan__badge {
      position: absolute;
      top: -24px;
      left: 50%;
      transform: translateX(-50%);
      min-height: 44px;
      padding: 0 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #6c45e8 0%, #8f5cff 100%);
      font-size: 17px;
      font-weight: 900;
      white-space: nowrap;
      box-shadow: 0 14px 24px rgba(104, 70, 218, 0.26);
    }

    .kids-plan__name {
      margin: 0 0 16px;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: 28px;
      line-height: 1.1;
      letter-spacing: 0;
    }

    .kids-plan__price {
      display: flex;
      align-items: baseline;
      gap: 8px;
      margin-bottom: 30px;
      color: #7d4dff;
      font-family: "Baloo 2", cursive;
      font-size: 42px;
      line-height: 1;
      font-weight: 800;
    }

    .kids-plan__price small {
      color: #8b8da4;
      font-family: "Nunito", sans-serif;
      font-size: 16px;
      font-weight: 900;
    }

    .kids-plan__features {
      display: grid;
      gap: 16px;
      margin: 0 0 30px;
      padding: 0;
      list-style: none;
    }

    .kids-plan__features li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      color: #686a89;
      font-size: 16px;
      line-height: 1.35;
      font-weight: 900;
    }

    .kids-plan__features i {
      color: #55c873;
      font-size: 15px;
      line-height: 1.45;
    }

    .kids-plan__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      margin-top: auto;
      border: 2px solid rgba(128, 82, 235, 0.22);
      border-radius: 14px;
      color: #7d4dff;
      background: #fff;
      font-size: 17px;
      font-weight: 900;
      box-shadow: 0 12px 20px rgba(62, 42, 135, 0.08);
    }

    .kids-plan.is-popular .kids-plan__button,
    .kids-plan__button:hover {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(135deg, #8f5cff 0%, #6c45e8 100%);
    }

    .kids-faq {
      position: relative;
      overflow: hidden;
      margin-top: 28px;
      border-radius: 24px;
      padding: clamp(28px, 3.5vw, 44px) clamp(20px, 3.6vw, 48px);
      background:
        radial-gradient(circle at 82% 58%, rgba(102, 215, 255, 0.14), transparent 24%),
        linear-gradient(105deg, #fff 0%, #f8fbff 100%);
      box-shadow: 0 18px 48px rgba(46, 37, 110, 0.08);
    }

    .kids-faq__title {
      margin: 0 0 24px;
      color: #111548;
      font-family: "Baloo 2", cursive;
      font-size: clamp(30px, 2.6vw, 42px);
      line-height: 1.05;
      letter-spacing: 0;
    }

    .kids-faq__grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(210px, 320px);
      gap: 20px;
      align-items: end;
    }

    .kids-faq__list {
      display: grid;
      gap: 14px;
    }

    .kids-faq__item {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 12px 20px rgba(43, 39, 88, 0.06);
    }

    .kids-faq__item summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 58px;
      padding: 0 24px;
      color: #383a60;
      font-size: 16px;
      font-weight: 900;
      cursor: pointer;
      list-style: none;
    }

    .kids-faq__item summary::-webkit-details-marker {
      display: none;
    }

    .kids-faq__item summary::after {
      content: "+";
      color: #686a89;
      font-size: 24px;
      line-height: 1;
      font-weight: 900;
    }

    .kids-faq__item[open] summary::after {
      content: "-";
    }

    .kids-faq__item p {
      margin: 0;
      padding: 0 24px 18px;
      color: #6f708d;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 800;
    }

    .kids-faq__mascot {
      align-self: center;
      height: auto;
      justify-self: center;
      width: min(230px, 100%);
      filter: drop-shadow(0 20px 26px rgba(29, 40, 83, 0.16));
    }

    .kids-cta {
      position: relative;
      overflow: hidden;
      margin-top: 28px;
      border-radius: 24px;
      min-height: 230px;
      padding: 38px clamp(24px, 5vw, 66px);
      display: grid;
      grid-template-columns: minmax(220px, 360px) minmax(300px, 1fr) auto;
      gap: 34px;
      align-items: center;
      color: #fff;
      background:
        radial-gradient(circle at 8% 12%, rgba(148, 82, 255, 0.42), transparent 26%),
        radial-gradient(circle at 86% 20%, rgba(255, 211, 77, 0.14), transparent 24%),
        linear-gradient(110deg, #3a0e8c 0%, #120748 62%, #210a6e 100%);
      box-shadow: 0 20px 48px rgba(38, 18, 93, 0.2);
    }

    .kids-cta::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.9) 0 2px, transparent 3px),
        radial-gradient(circle, rgba(255, 211, 77, 0.95) 0 3px, transparent 4px);
      background-position: 12% 26%, 66% 22%;
      background-size: 180px 130px, 260px 160px;
      opacity: 0.5;
      pointer-events: none;
    }

    .kids-cta__image {
      position: relative;
      z-index: 2;
      align-self: end;
      max-width: 340px;
      width: 100%;
      margin-bottom: -38px;
      filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.18));
    }

    .kids-cta__content {
      position: relative;
      z-index: 2;
    }

    .kids-cta__title {
      max-width: 580px;
      margin: 0 0 12px;
      color: #fff;
      font-family: "Baloo 2", cursive;
      font-size: clamp(38px, 4vw, 60px);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .kids-cta__text {
      margin: 0;
      color: rgba(255, 255, 255, 0.82);
      font-size: 20px;
      line-height: 1.45;
      font-weight: 800;
    }

    .kids-cta__actions {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .kids-cta__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 58px;
      padding: 0 30px;
      border-radius: 999px;
      color: #170b45;
      background: #ffd83d;
      font-size: 18px;
      font-weight: 900;
      box-shadow: 0 14px 22px rgba(0, 0, 0, 0.18);
      white-space: nowrap;
    }

    .kids-cta__button:hover {
      color: #170b45;
      transform: translateY(-2px);
    }

    .kids-cta__button--outline {
      color: #fff;
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.72);
      box-shadow: none;
    }

    .kids-cta__button--outline:hover {
      color: #fff;
      border-color: #fff;
    }

    body.cs-dark.kids-home .kids-world .kids-pricing__title,
    body.cs-dark.kids-home .kids-world .kids-plan__name,
    body.cs-dark.kids-home .kids-world .kids-faq__title {
      color: #111548;
    }

    body.cs-dark.kids-home .kids-world .kids-cta__title {
      color: #fff;
    }

    .kids-hero__slider .slick-slide {
      position: relative;
      z-index: 1;
    }

    .kids-hero__slider .slick-slide.slick-center {
      z-index: 2;
    }

    .kids-hero__slider .cs-slide {
      perspective: 1000px;
    }

    .kids-hero__slider .slick-center + .slick-slide .kids-step-card {
      transform: scale(0.88) rotateY(-14deg) rotate(-2deg);
      transform-origin: left center;
    }

    .kids-hero__slider .slick-slide:has(+ .slick-center) .kids-step-card {
      transform: scale(0.88) rotateY(14deg) rotate(2deg);
      transform-origin: right center;
    }

    @media screen and (max-width: 1399px) {
      .kids-hero .container-fluid {
        padding-left: 28px;
        padding-right: 20px;
      }

      .kids-hero__layout {
        grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
        gap: 28px;
        padding-left: 40px;
      }

      .kids-hero__title {
        font-size: 52px;
      }

      .kids-hero__description {
        font-size: 16px;
      }

      .kids-hero__feature {
        font-size: 15px;
      }

      .kids-showcase {
        transform: scale(0.95);
        transform-origin: top center;
      }
    }

    @media screen and (max-width: 1199px) {
      .kids-home .kids-hero {
        padding-top: 128px;
        padding-bottom: 120px;
      }

      .kids-how {
        padding: 64px 0 60px;
      }

      .kids-how__layout {
        grid-template-columns: 1fr;
        gap: 38px;
      }

      .kids-how__title,
      .kids-how__text {
        max-width: 620px;
      }

      .kids-how__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 42px;
      }

      .kids-how__steps::before {
        display: none;
      }

      .kids-world {
        padding-bottom: 64px;
      }

      .kids-world__panel {
        padding-top: 116px;
      }

      .kids-world__tabs {
        left: 24px;
        right: 24px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }

      .kids-world__tab {
        min-height: 46px;
        padding: 0 12px;
        font-size: 15px;
      }

      .kids-world__layout {
        grid-template-columns: 1fr;
        gap: 34px;
        padding-top: 0;
      }

      .kids-world__intro,
      .kids-world__text,
      .kids-world__feature {
        max-width: 680px;
      }

      .kids-world__device {
        max-width: 680px;
      }

      .kids-world__feature {
        padding-top: 0;
      }

      .kids-world__mascot {
        left: auto;
        right: 42px;
        bottom: 24px;
        width: 132px;
        min-width: 0;
      }

      .kids-reviews__grid {
        grid-template-columns: 1fr;
      }

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

      .kids-pricing__intro {
        grid-column: 1 / -1;
        min-height: 220px;
        grid-template-columns: minmax(0, 1fr) 180px;
        grid-template-rows: auto auto;
        column-gap: 28px;
        padding-right: 0;
      }

      .kids-pricing__mascot {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: end;
        width: 170px;
        margin-top: 0;
      }

      .kids-faq__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .kids-faq__mascot {
        display: none;
      }

      .kids-cta {
        grid-template-columns: 220px minmax(0, 1fr);
      }

      .kids-cta__actions {
        grid-column: 2;
        justify-content: flex-start;
      }

      .kids-hero__mascot,
      .kids-hero__star {
        display: none;
      }

      .kids-hero__layout {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-left: 0;
      }

      .kids-hero__content,
      .kids-hero__visual {
        max-width: 100%;
      }

      .kids-hero__visual {
        width: 100%;
        padding-top: 0;
      }

      .kids-showcase {
        min-height: auto;
        padding-top: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        max-width: 760px;
        margin: 0 auto;
        transform: none;
      }

      .kids-showcase__arrow {
        display: none;
      }

      .kids-showcase__card {
        width: 100%;
        margin: 0;
        transform: none;
      }

      .kids-showcase__card--center,
      .kids-showcase__card--left,
      .kids-showcase__card--right,
      .kids-showcase__card--far {
        z-index: auto;
      }

      .kids-hero__slider .slick-list {
        padding-left: 52px !important;
        padding-right: 52px !important;
      }

      .kids-hero__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: auto;
      }
    }

    @media screen and (max-width: 991px) {
      .kids-home .cs-site_header.cs-style1 .cs-main_header_in {
        height: 78px;
      }

      .kids-home .cs-site_header .cs-site_branding img {
        height: 54px;
      }

      .kids-home .kids-hero {
        padding-top: 116px;
      }

      .kids-hero .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
      }

      .kids-hero__title {
        font-size: clamp(40px, 8vw, 48px);
      }

      .kids-hero__description {
        font-size: 16px;
      }

      .kids-hero__feature {
        font-size: 15px;
      }

      .kids-hero__actions .cs-hero_btn {
        min-width: 0;
        min-height: 0;
        font-size: 17px;
      }

      .kids-hero__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .kids-showcase {
        gap: 16px;
      }

      .kids-world__tabs {
        position: static;
        margin-bottom: 28px;
        overflow-x: auto;
        grid-template-columns: repeat(5, max-content);
        justify-content: flex-start;
        scrollbar-width: none;
      }

      .kids-world__tabs::-webkit-scrollbar {
        display: none;
      }

      .kids-world__panel {
        padding-top: 28px;
      }

      .kids-world__layout {
        gap: 28px;
      }

      .kids-world__mascot {
        display: none;
      }

      .kids-pricing__layout {
        grid-template-columns: 1fr;
      }

      .kids-pricing__intro {
        min-height: 0;
        display: block;
        padding-right: 0;
      }

      .kids-pricing__mascot {
        display: none;
      }

      .kids-plan {
        min-height: 0;
      }

      .kids-faq__grid {
        grid-template-columns: 1fr;
      }

      .kids-cta {
        grid-template-columns: 1fr;
        text-align: left;
      }

      .kids-cta__image {
        display: none;
      }

      .kids-cta__actions {
        grid-column: auto;
        justify-content: flex-start;
      }
    }

    @media screen and (max-width: 767px) {
      .kids-home .kids-hero {
        padding-top: 106px;
        padding-bottom: 96px;
      }

      .kids-how {
        padding: 54px 0 50px;
      }

      .kids-how__title {
        max-width: 100%;
        font-size: 34px;
        line-height: 1.04;
      }

      .kids-how__text {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.65;
      }

      .kids-how__steps {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .kids-how__visual {
        height: 172px;
        justify-content: flex-start;
      }

      .kids-how__visual::before {
        width: 148px;
        height: 148px;
        left: 20px;
      }

      .kids-how__visual img {
        max-width: 190px;
        max-height: 164px;
      }

      .kids-how__caption {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
      }

      .kids-how__number {
        width: 42px;
        height: 42px;
        font-size: 20px;
      }

      .kids-world {
        padding-bottom: 50px;
      }

      .kids-world .container-fluid {
        padding-left: 14px;
        padding-right: 14px;
      }

      .kids-world__panel,
      .kids-reviews {
        border-radius: 20px;
      }

      .kids-world__panel {
        padding: 22px 18px 28px;
      }

      .kids-world__tab {
        min-height: 42px;
        padding: 0 18px;
        font-size: 14px;
      }

      .kids-world__title {
        max-width: none;
        font-size: 36px;
      }

      .kids-world__text,
      .kids-world__feature-text {
        max-width: none;
        font-size: 16px;
        line-height: 1.65;
      }

      .kids-world__screen {
        border-width: 10px;
        border-bottom-width: 16px;
        border-radius: 14px 14px 8px 8px;
      }

      .kids-world__browser {
        padding: 12px;
      }

      .kids-world__browser-head {
        height: 28px;
        margin-bottom: 10px;
      }

      .kids-world__hero-card {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 14px;
      }

      .kids-world__hero-card img {
        display: none;
      }

      .kids-world__hello {
        font-size: 27px;
      }

      .kids-world__mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .kids-world__mini-card:nth-child(3) {
        display: none;
      }

      .kids-world__base {
        height: 18px;
      }

      .kids-world__feature-title {
        font-size: 28px;
      }

      .kids-world__list li {
        font-size: 15px;
      }

      .kids-reviews {
        margin-top: 18px;
        padding: 26px 16px;
      }

      .kids-reviews__head {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px;
      }

      .kids-reviews__all {
        font-size: 15px;
      }

      .kids-review {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: 0;
        padding: 22px;
      }

      .kids-review__side {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .kids-review__avatar {
        width: 64px;
        height: 64px;
      }

      .kids-review__stars {
        margin-top: 0;
      }

      .kids-review__quote {
        font-size: 16px;
      }

      .kids-pricing,
      .kids-faq,
      .kids-cta {
        border-radius: 20px;
      }

      .kids-pricing {
        margin-top: 18px;
        padding: 28px 16px;
      }

      .kids-pricing__title {
        font-size: 34px;
      }

      .kids-pricing__text {
        max-width: none;
        font-size: 16px;
      }

      .kids-plan {
        padding: 28px 22px 24px;
      }

      .kids-plan.is-popular {
        margin-top: 20px;
      }

      .kids-plan__name {
        font-size: 25px;
      }

      .kids-plan__price {
        font-size: 38px;
      }

      .kids-plan__features li,
      .kids-faq__item summary {
        font-size: 15px;
      }

      .kids-faq {
        margin-top: 18px;
        padding: 26px 16px;
      }

      .kids-faq__item summary {
        min-height: 56px;
        padding: 0 16px;
      }

      .kids-faq__item p {
        padding: 0 16px 16px;
      }

      .kids-cta {
        margin-top: 18px;
        min-height: 0;
        padding: 30px 20px;
      }

      .kids-cta__title {
        font-size: 36px;
      }

      .kids-cta__text {
        font-size: 16px;
      }

      .kids-cta__actions {
        align-items: stretch;
        flex-direction: column;
      }

      .kids-cta__button {
        width: 100%;
        min-height: 54px;
        padding: 0 20px;
        font-size: 16px;
      }

      .kids-hero__wave svg {
        height: 110px;
      }

      .kids-hero__cloud,
      .kids-hero__letters {
        display: none;
      }

      .kids-hero__actions {
        flex-direction: column;
        align-items: stretch;
      }

      .kids-hero__content,
      .kids-hero__description,
      .kids-hero__features {
        width: 100%;
        max-width: none;
      }

      .kids-hero__actions .cs-hero_btn {
        width: 100%;
      }

      .kids-hero__trust {
        grid-template-columns: 1fr;
      }

      .kids-hero__social {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
      }

      .kids-hero__rating span {
        font-size: 14px;
      }

      .kids-hero__avatars img {
        height: 38px;
      }

      .kids-showcase {
        grid-template-columns: 1fr;
        max-width: 340px;
      }

      .kids-showcase__card--center .kids-showcase__media img {
        height: 200px;
      }

      .kids-hero__slider .slick-list {
        padding: 18px 10px 42px !important;
      }

      .kids-hero__slider .slick-slide .kids-step-card,
      .kids-hero__slider .slick-slide.slick-center .kids-step-card,
      .kids-hero__slider .slick-center + .slick-slide .kids-step-card,
      .kids-hero__slider .slick-slide:has(+ .slick-center) .kids-step-card {
        transform: none;
        opacity: 1;
      }

      .kids-step-card__media {
        height: 190px;
      }
    }

    .kids-tour-helper {
      position: fixed;
      z-index: 9998;
      width: min(360px, calc(100vw - 28px));
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 22px;
      background:
        radial-gradient(circle at 15% 10%, rgba(255, 209, 83, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(33, 21, 82, 0.98), rgba(18, 12, 48, 0.98));
      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
      color: #fff;
      opacity: 0;
      transform: translateY(8px);
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .kids-tour-helper.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .kids-tour-helper::before {
      content: "";
      position: absolute;
      top: -10px;
      right: 42px;
      width: 20px;
      height: 20px;
      background: rgba(33, 21, 82, 0.98);
      border-top: 1px solid rgba(255, 255, 255, 0.22);
      border-left: 1px solid rgba(255, 255, 255, 0.22);
      transform: rotate(45deg);
    }

    .kids-tour-helper.is-above::before {
      top: auto;
      bottom: -10px;
      transform: rotate(225deg);
    }

    .kids-tour-helper__kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
      padding: 7px 11px;
      border-radius: 999px;
      background: rgba(255, 209, 83, 0.16);
      color: #ffd153;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .kids-tour-helper h3 {
      margin: 0 0 8px;
      color: #fff;
      font-family: "Baloo 2", cursive;
      font-size: 24px;
      line-height: 1.1;
    }

    .kids-tour-helper p {
      margin: 0;
      color: rgba(255, 255, 255, 0.78);
      font-size: 15px;
      line-height: 1.5;
      font-weight: 800;
    }

    .kids-tour-helper__actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 16px;
    }

    .kids-tour-helper__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 10px 16px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, #3f7bff 0%, #6e45ff 100%);
      color: #fff !important;
      cursor: pointer;
      font-weight: 900;
      text-decoration: none;
      box-shadow: 0 12px 26px rgba(63, 123, 255, 0.3);
    }

    .kids-tour-helper__button:hover,
    .kids-tour-helper__button:focus,
    .kids-tour-helper__button:active,
    .kids-tour-helper__button:visited {
      color: #fff !important;
      text-decoration: none;
      filter: brightness(1.06);
    }

    .kids-tour-helper__button--ghost {
      background: rgba(255, 255, 255, 0.1);
      color: #fff !important;
      box-shadow: none;
    }

    .kids-tour-spotlight {
      position: fixed;
      z-index: 9997;
      border: 3px solid #ffd153;
      border-radius: 999px;
      pointer-events: none;
      box-shadow:
        0 0 0 8px rgba(255, 209, 83, 0.18),
        0 0 0 9999px rgba(7, 3, 24, 0.72);
      transition: left 0.18s ease, top 0.18s ease, width 0.18s ease, height 0.18s ease;
    }

    @media (max-width: 767px) {
      .kids-tour-helper {
        left: 14px !important;
        right: 14px;
        width: auto;
      }
    }
  
/* Actual platform screenshots inside the homepage laptop. */
.kids-world__platform-preview {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: #121022;
}